/* Minification failed. Returning unminified contents.
(20133,22): run-time error CSS1039: Token not allowed after unary operator: '-peorple'
(23186,6): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26202,1): run-time error CSS1019: Unexpected token, found '}'
(26321,35): run-time error CSS1046: Expect comma, found '0'
(26321,39): run-time error CSS1046: Expect comma, found '/'
(28021,303): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(28021,330): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(28021,359): run-time error CSS1019: Unexpected token, found '@keyframes'
(28021,378): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-menu-item {
    border-bottom: 1px dotted #ccc;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

    .ui-menu .ui-menu {
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        /*margin: 0;*/
        cursor: pointer;
        /* support: IE10, see #8844 */
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    }

    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        /*padding: 3px 1em 3px .4em;*/
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px;
    }

/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item-wrapper {
        padding-left: 2em;
    }

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Support: IE <= 11 */
    overflow: visible;
}

    .ui-button,
    .ui-button:link,
    .ui-button:visited,
    .ui-button:hover,
    .ui-button:active {
        text-decoration: none;
    }

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

    .ui-controlgroup > .ui-controlgroup-item {
        float: left;
        margin-left: 0;
        margin-right: 0;
    }

        .ui-controlgroup > .ui-controlgroup-item:focus,
        .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
            z-index: 9999;
        }

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

    .ui-controlgroup .ui-controlgroup-label span {
        font-size: 80%;
    }

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover,
    .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 45%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* Icons */
.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 0;
        white-space: nowrap;
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 20px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-n {
        height: 2px;
        top: 0;
    }

    .ui-dialog .ui-resizable-e {
        width: 2px;
        right: 0;
    }

    .ui-dialog .ui-resizable-s {
        height: 2px;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-w {
        width: 2px;
        left: 0;
    }

    .ui-dialog .ui-resizable-se,
    .ui-dialog .ui-resizable-sw,
    .ui-dialog .ui-resizable-ne,
    .ui-dialog .ui-resizable-nw {
        width: 7px;
        height: 7px;
    }

    .ui-dialog .ui-resizable-se {
        right: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-sw {
        left: 0;
        bottom: 0;
    }

    .ui-dialog .ui-resizable-ne {
        right: 0;
        top: 0;
    }

    .ui-dialog .ui-resizable-nw {
        left: 0;
        top: 0;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

    .ui-progressbar .ui-progressbar-overlay {
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        height: 100%;
        filter: alpha(opacity=25); /* support: IE8 */
        opacity: 0.25;
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px;
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            padding: 2px 0.4em;
            margin: 0.5em 0 0 0;
            height: auto;
            border: 0;
        }

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        -ms-touch-action: none;
        touch-action: none;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    /* support: IE8 - See #6727 */
    .ui-slider.ui-state-disabled .ui-slider-handle,
    .ui-slider.ui-state-disabled .ui-slider-range {
        filter: inherit;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text;
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Arial,Helvetica,sans-serif;
        font-size: 1em;
    }

    .ui-widget.ui-widget-content {
            border: 1px solid rgb(0, 149, 255);
    margin-top: 15px;
    }

.ui-widget-content {
    border: 1px solid #dddddd;
    background: white;
    color: white;
}

    .ui-widget-content a {
        color: #333333;
    }

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #333333;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    /* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: normal;
        color: #454545;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited,
        a.ui-button,
        a:link.ui-button,
        a:visited.ui-button,
        .ui-button {
            color: #454545;
            text-decoration: none;
        }

            .ui-state-hover,
            .ui-widget-content .ui-state-hover,
            .ui-widget-header .ui-state-hover,
            .ui-state-focus,
            .ui-widget-content .ui-state-focus,
            .ui-widget-header .ui-state-focus,
            .ui-button:hover,
            .ui-button:focus {
                border: 1px solid #cccccc;
                background: #ededed;
                font-weight: normal;
                color: #2b2b2b;
            }

                .ui-state-hover a,
                .ui-state-hover a:hover,
                .ui-state-hover a:link,
                .ui-state-hover a:visited,
                .ui-state-focus a,
                .ui-state-focus a:hover,
                .ui-state-focus a:link,
                .ui-state-focus a:visited,
                a.ui-button:hover,
                a.ui-button:focus {
                    color: #2b2b2b;
                    text-decoration: none;
                }

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
   
    background: #f5f5f5;
    font-weight: normal;
    color: #333333;
}

    .ui-icon-background,
    .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: #ffffff;
    }

    .ui-state-active a,
    .ui-state-active a:link,
    .ui-state-active a:visited {
        /*color: #ffffff;*/
        text-decoration: none;
    }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

    .ui-state-error a,
    .ui-widget-content .ui-state-error a,
    .ui-widget-header .ui-state-error a {
        color: #5f3f3f;
    }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70); /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35); /* support: IE8 */
    background-image: none;
}

    .ui-state-disabled .ui-icon {
        filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
    }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}

.nuttrai {
       position: relative;
    left: 0%;
    top: 175px;
    z-index: 1000;
    color: #333;
    background: none;
    border-color: #357ebd;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.nutphai {
   position: absolute;
    left: 401px;
    top: 175px;
    z-index: 1000;
    color: #333;
    background: none;
}

.pad15 .lead img {
    width: 100%;
    /*height:165px;*/
}



@media only screen and (max-width:1199px),only screen and (max-width:1199px) and (orientation:landscape) {
    .nutphai {
        top: 65px;
    }

    .nuttrai {
        top: 65px;
    }

    #ui-id-1 {
        width: 332px;
    }

    .nutphai {
        position: absolute;
        left: 596px;
    }

    a.button_cart {
        width: 46%;
        float: left;
        /*height: 68px;*/
    }

    .thuonghieu-color {
        /*background: #120a07;*/
        padding-top: 15px;
    }
    .toggle-tabs .item{
        display:none !important;
    }
    .toggle-tabs .active{
        display:block !important;
    }
}

@media only screen (max-width:767px) and (orientation:landscape) {
    .btn {
        display: none;
    }

    .nutphai {
        top: 65px;
    }

    .nuttrai {
        top: 65px;
    }
    /*.pad15 .lead img
    {
        width:95px;
        height:95px;

    }*/
    #ui-id-1 {
        width: 332px;
    }

    .nutphai {
        position: absolute;
        left: 596px;
    }

    a.button_cart {
        width: 46%;
        float: left;
        /*height: 68px;*/
    }

    .thuonghieu-color {
        /*background: #120a07;*/
        padding-top: 15px;
    }
     .toggle-tabs .item{
        display:none !important;
    }
    .toggle-tabs .active{
        display:block !important;
    }
}

@media only screen and (max-width:992px),only screen and (max-width:992px) and (orientation:portrait) {
    .btn {
        display: none;
    }

    .nutphai {
        top: 65px;
    }

    .nuttrai {
        top: 65px;
    }

    .pad15 .lead img {
        width: 100%;
        /*height:95px;*/
    }

    #ui-id-1 {
        width: 332px;
    }

    .nutphai {
        position: absolute;
        left: 596px;
    }

    a.button_cart {
        width: 46%;
        float: left;
        /*height: 68px;*/
    }

    .thuonghieu-color {
        /*background: #120a07;*/
        padding-top: 15px;
    }
     .toggle-tabs .item{
        display:none !important;
    }
    .toggle-tabs .active{
        display:block !important;
    }
}

@media only screen and (max-width:767px) {
    .nutphai {
        top: 65px;
    }

    .nuttrai {
        top: 65px;
    }
    /*.pad15 .lead img
    {
        width:95px;
        height:95px;

    }*/
 
    #ui-id-1 {
        width: 332px;
    }

    .nutphai {
        position: absolute;
        left: 338px;
    }

    a.button_cart {
        width: 46%;
        float: left;
        /*height: 68px;*/
    }

    .thuonghieu-color {
        /*background: #120a07;*/
        padding-top: 15px;
    }
    .toggle-tabs .item{
        display:none !important;
    }
    .toggle-tabs .active{
        display:block !important;
    }
}

@media only screen and (max-width:320px) {
    .btn {
        display: none;
    }

    .thuonghieu-color {
        /*background: #120a07;*/
        padding-top: 15px;
    }
     .toggle-tabs .item{
        display:none !important;
    }
    .toggle-tabs .active{
        display:block !important;
    }
   
}

/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 *//*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{margin:.67em 0;font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}mark{color:#000;background:#ff0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}legend{padding:0;border:0}button,input,select,textarea{margin:0;font-family:inherit;font-size:100%}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{padding:0;box-sizing:border-box}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:2cm .5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button,input,select[multiple],textarea{background-image:none}a{color:#FF6E01;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}.img-responsive{display:block;height:auto;max-width:100%}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16.099999999999998px;font-weight:200;line-height:1.4}@media(min-width:768px){.lead{font-size:21px}}small{font-size:85%}cite{font-style:normal}.text-muted{color:#999}.text-primary{color:#428bca}.text-warning{color:#c09853}.text-danger{color:#b94a48}.text-success{color:#468847}.text-info{color:#3a87ad}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;line-height:1.1}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{font-weight:normal;line-height:1;color:#999}h1,h2,h3{margin-top:20px;margin-bottom:10px}h4,h5,h6{margin-top:10px;margin-bottom:10px}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}h1 small,.h1 small{font-size:24px}h2 small,.h2 small{font-size:18px}h3 small,.h3 small,h4 small,.h4 small{font-size:14px}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-bottom:20px}dt,dd{line-height:1.428571429}dt{font-weight:bold}dd{margin-left:0}@media(min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}.dl-horizontal dd:before,.dl-horizontal dd:after{display:table;content:" "}.dl-horizontal dd:after{clear:both}.dl-horizontal dd:before,.dl-horizontal dd:after{display:table;content:" "}.dl-horizontal dd:after{clear:both}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}abbr.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;border-left:5px solid #eee}blockquote p{font-size:17.5px;font-weight:300;line-height:1.25}blockquote p:last-child{margin-bottom:0}blockquote small{display:block;line-height:1.428571429;color:#999}blockquote small:before{content:'\2014 \00A0'}blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0}blockquote.pull-right p,blockquote.pull-right small{text-align:right}blockquote.pull-right small:before{content:''}blockquote.pull-right small:after{content:'\00A0 \2014'}q:before,q:after,blockquote:before,blockquote:after{content:""}address{display:block;margin-bottom:20px;font-style:normal;line-height:1.428571429}code,pre{font-family:Monaco,Menlo,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;white-space:nowrap;background-color:#f9f2f4;border-radius:4px}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.428571429;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre.prettyprint{margin-bottom:20px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}.row{margin-right:-15px;margin-left:-15px}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11{float:left}.col-xs-1{width:8.333333333333332%}.col-xs-2{width:16.666666666666664%}.col-xs-3{width:25%}.col-xs-4{width:33.33333333333333%}.col-xs-5{width:41.66666666666667%}.col-xs-6{width:50%}.col-xs-7{width:58.333333333333336%}.col-xs-8{width:66.66666666666666%}.col-xs-9{width:75%}.col-xs-10{width:83.33333333333334%}.col-xs-11{width:91.66666666666666%}.col-xs-12{width:100%}@media(min-width:768px){.container{max-width:750px}.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11{float:left}.col-sm-1{width:8.333333333333332%}.col-sm-2{width:16.666666666666664%}.col-sm-3{width:25%}.col-sm-4{width:33.33333333333333%}.col-sm-5{width:41.66666666666667%}.col-sm-6{width:50%}.col-sm-7{width:58.333333333333336%}.col-sm-8{width:66.66666666666666%}.col-sm-9{width:75%}.col-sm-10{width:83.33333333333334%}.col-sm-11{width:91.66666666666666%}.col-sm-12{width:100%}.col-sm-push-1{left:8.333333333333332%}.col-sm-push-2{left:16.666666666666664%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.33333333333333%}.col-sm-push-5{left:41.66666666666667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.333333333333336%}.col-sm-push-8{left:66.66666666666666%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.33333333333334%}.col-sm-push-11{left:91.66666666666666%}.col-sm-pull-1{right:8.333333333333332%}.col-sm-pull-2{right:16.666666666666664%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.33333333333333%}.col-sm-pull-5{right:41.66666666666667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.333333333333336%}.col-sm-pull-8{right:66.66666666666666%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.33333333333334%}.col-sm-pull-11{right:91.66666666666666%}.col-sm-offset-1{margin-left:8.333333333333332%}.col-sm-offset-2{margin-left:16.666666666666664%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333333333%}.col-sm-offset-5{margin-left:41.66666666666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333333333333336%}.col-sm-offset-8{margin-left:66.66666666666666%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333333334%}.col-sm-offset-11{margin-left:91.66666666666666%}}@media(min-width:992px){.container{max-width:970px}.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11{float:left}.col-md-1{width:8.333333333333332%}.col-md-2{width:16.666666666666664%}.col-md-3{width:25%}.col-md-4{width:33.33333333333333%}.col-md-5{width:41.66666666666667%}.col-md-6{width:50%}.col-md-7{width:58.333333333333336%}.col-md-8{width:66.66666666666666%}.col-md-9{width:75%}.col-md-10{width:83.33333333333334%}.col-md-11{width:91.66666666666666%}.col-md-12{width:100%}.col-md-push-0{left:auto}.col-md-push-1{left:8.333333333333332%}.col-md-push-2{left:16.666666666666664%}.col-md-push-3{left:25%}.col-md-push-4{left:33.33333333333333%}.col-md-push-5{left:41.66666666666667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.333333333333336%}.col-md-push-8{left:66.66666666666666%}.col-md-push-9{left:75%}.col-md-push-10{left:83.33333333333334%}.col-md-push-11{left:91.66666666666666%}.col-md-pull-0{right:auto}.col-md-pull-1{right:8.333333333333332%}.col-md-pull-2{right:16.666666666666664%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.33333333333333%}.col-md-pull-5{right:41.66666666666667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.333333333333336%}.col-md-pull-8{right:66.66666666666666%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.33333333333334%}.col-md-pull-11{right:91.66666666666666%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.333333333333332%}.col-md-offset-2{margin-left:16.666666666666664%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333333333%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-8{margin-left:66.66666666666666%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-11{margin-left:91.66666666666666%}}@media(min-width:1170px){.container{max-width:1233px}.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11{float:left}.col-lg-1{width:8.333333333333332%}.col-lg-2{width:16.666666666666664%}.col-lg-3{width:25%}.col-lg-4{width:33.33333333333333%}.col-lg-5{width:41.66666666666667%}.col-lg-6{width:50%}.col-lg-7{width:58.333333333333336%}.col-lg-8{width:66.66666666666666%}.col-lg-9{width:75%}.col-lg-10{width:83.33333333333334%}.col-lg-11{width:91.66666666666666%}.col-lg-12{width:100%}.col-lg-push-0{left:auto}.col-lg-push-1{left:8.333333333333332%}.col-lg-push-2{left:16.666666666666664%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.33333333333333%}.col-lg-push-5{left:41.66666666666667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.333333333333336%}.col-lg-push-8{left:66.66666666666666%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.33333333333334%}.col-lg-push-11{left:91.66666666666666%}.col-lg-pull-0{right:auto}.col-lg-pull-1{right:8.333333333333332%}.col-lg-pull-2{right:16.666666666666664%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.33333333333333%}.col-lg-pull-5{right:41.66666666666667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.333333333333336%}.col-lg-pull-8{right:66.66666666666666%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.33333333333334%}.col-lg-pull-11{right:91.66666666666666%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.333333333333332%}.col-lg-offset-2{margin-left:16.666666666666664%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333333333%}.col-lg-offset-5{margin-left:41.66666666666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333333333333336%}.col-lg-offset-8{margin-left:66.66666666666666%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333333334%}.col-lg-offset-11{margin-left:91.66666666666666%}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table thead>tr>th,.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td{padding:8px;line-height:1.428571429;vertical-align:top;border-top:1px solid #ddd}.table thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table caption+thead tr:first-child th,.table colgroup+thead tr:first-child th,.table thead:first-child tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child td{border-top:0}.table tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed thead>tr>th,.table-condensed tbody>tr>th,.table-condensed tfoot>tr>th,.table-condensed thead>tr>td,.table-condensed tbody>tr>td,.table-condensed tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*="col-"]{display:table-column;float:none}table td[class*="col-"],table th[class*="col-"]{display:table-cell;float:none}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8;border-color:#d6e9c6}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td{background-color:#d0e9c6;border-color:#c9e2b3}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede;border-color:#eed3d7}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td{background-color:#ebcccc;border-color:#e6c1c7}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3;border-color:#fbeed5}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td{background-color:#faf2cc;border-color:#f8e5be}@media(max-width:768px){.table-responsive{width:100%;margin-bottom:15px;overflow-x:scroll;overflow-y:hidden;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0;background-color:#fff}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>thead>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>thead>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:0px 10px 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}select[multiple],select[size]{height:auto}select optgroup{font-family:inherit;font-size:inherit;font-style:inherit}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{height:auto}.form-control:-moz-placeholder{color:#999}.form-control::-moz-placeholder{color:#999}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee}textarea.form-control{height:auto}.form-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:20px;padding-left:20px;margin-top:10px;margin-bottom:10px;vertical-align:middle}.radio label,.checkbox label{display:inline;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:normal;vertical-align:middle;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm{height:auto}.input-lg{height:45px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:45px;line-height:45px}textarea.input-lg{height:auto}.has-warning .help-block,.has-warning .control-label{color:#c09853}.has-warning .form-control{border-color:#c09853;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#a47e3c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e}.has-warning .input-group-addon{color:#c09853;background-color:#fcf8e3;border-color:#c09853}.has-error .help-block,.has-error .control-label{color:#b94a48}.has-error .form-control{border-color:#b94a48;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#953b39;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392}.has-error .input-group-addon{color:#b94a48;background-color:#f2dede;border-color:#b94a48}.has-success .help-block,.has-success .control-label{color:#468847}.has-success .form-control{border-color:#468847;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#356635;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b}.has-success .input-group-addon{color:#468847;background-color:#dff0d8;border-color:#468847}.form-control-static{padding-top:7px;margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media(min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block}.form-inline .radio,.form-inline .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:" "}.form-horizontal .form-group:after{clear:both}.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:" "}.form-horizontal .form-group:after{clear:both}@media(min-width:768px){.form-horizontal .control-label{text-align:right}}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    position: absolute;
    float: right;
    top: 0;
    right: 0;
    background: none;
}.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{background-image:none;outline:0;}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-link{font-weight:normal;color:#428bca;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-sm,.btn-xs{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px}.btn-block{display:block;width:100%;padding-right:0;padding-left:0}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;line-height:1}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-print:before{content:"\e045"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-briefcase:before{content:"\1f4bc"}.glyphicon-calendar:before{content:"\1f4c5"}.glyphicon-pushpin:before{content:"\1f4cc"}.glyphicon-paperclip:before{content:"\1f4ce"}.glyphicon-camera:before{content:"\1f4f7"}.glyphicon-lock:before{content:"\1f512"}.glyphicon-bell:before{content:"\1f514"}.glyphicon-bookmark:before{content:"\1f516"}.glyphicon-fire:before{content:"\1f525"}.glyphicon-wrench:before{content:"\1f527"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid #000;border-right:4px solid transparent;border-bottom:0 dotted;border-left:4px solid transparent;content:""}.dropdown-toggle:focus{outline:0}.dropdown-menu{text-align:left; position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;width:100%;padding:5px 0;margin:2px 0 0;font-size:14px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.428571429;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#fff;text-decoration:none;background-color:#428bca}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#428bca;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.428571429;color:#999}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0 dotted;border-bottom:4px solid #000;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;/*bottom:100%;*/margin-bottom:1px;bottom:none;}@media(min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}}.btn-default .caret{border-top-color:#333}.btn-primary .caret,.btn-success .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret{border-top-color:#fff}.dropup .btn-default .caret{border-bottom-color:#333}.dropup .btn-primary .caret,.dropup .btn-success .caret,.dropup .btn-warning .caret,.dropup .btn-danger .caret,.dropup .btn-info .caret{border-bottom-color:#fff}.btn-group,.btn-group-vertical{/*position:relative;*/display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar:before,.btn-toolbar:after{display:table;content:" "}.btn-toolbar:after{clear:both}.btn-toolbar:before,.btn-toolbar:after{display:table;content:" "}.btn-toolbar:after{clear:both}.btn-toolbar .btn-group{float:left}.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group,.btn-toolbar>.btn-group+.btn-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group-xs>.btn{padding:5px 10px;padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{display:table;content:" "}.btn-group-vertical>.btn-group:after{clear:both}.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{display:table;content:" "}.btn-group-vertical>.btn-group:after{clear:both}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child>.btn:last-child,.btn-group-vertical>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;border-collapse:separate;table-layout:fixed}.btn-group-justified .btn{display:table-cell;float:none;width:1%}[data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group.col{float:none;padding-right:0;padding-left:0}.input-group .form-control{width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:45px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:45px;line-height:45px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-4px}.input-group-btn>.btn:hover,.input-group-btn>.btn:active{z-index:2}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav:before,.nav:after{display:table;content:" "}.nav:after{clear:both}.nav:before,.nav:after{display:table;content:" "}.nav:after{clear:both}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.428571429;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center}@media(min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}}.nav-tabs.nav-justified>li>a{margin-right:0;border-bottom:1px solid #ddd}.nav-tabs.nav-justified>.active>a{border-bottom-color:#fff}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:5px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center}@media(min-width:768px){.nav-justified>li{display:table-cell;width:1%}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-bottom:1px solid #ddd}.nav-tabs-justified>.active>a{border-bottom-color:#fff}.tabbable:before,.tabbable:after{display:table;content:" "}.tabbable:after{clear:both}.tabbable:before,.tabbable:after{display:table;content:" "}.tabbable:after{clear:both}.tab-content>.tab-pane,.pill-content>.pill-pane{display:none}.tab-content>.active,.pill-content>.active{display:block}.nav .caret{border-top-color:#428bca;border-bottom-color:#428bca}.nav a:hover .caret{border-top-color:#2a6496;border-bottom-color:#2a6496}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;z-index:1000;min-height:50px;margin-bottom:20px;border:1px solid transparent}.navbar:before,.navbar:after{display:table;content:" "}.navbar:after{clear:both}.navbar:before,.navbar:after{display:table;content:" "}.navbar:after{clear:both}@media(min-width:768px){.navbar{border-radius:4px}}.navbar-header:before,.navbar-header:after{display:table;content:" "}.navbar-header:after{clear:both}.navbar-header:before,.navbar-header:after{display:table;content:" "}.navbar-header:after{clear:both}@media(min-width:768px){.navbar-header{float:left}}.navbar-collapse{padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse:before,.navbar-collapse:after{display:table;content:" "}.navbar-collapse:after{clear:both}.navbar-collapse:before,.navbar-collapse:after{display:table;content:" "}.navbar-collapse:after{clear:both}.navbar-collapse.in{overflow-y:auto}@media(min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-collapse .navbar-nav.navbar-left:first-child{margin-left:-15px}.navbar-collapse .navbar-nav.navbar-right:last-child{margin-right:-15px}.navbar-collapse .navbar-text:last-child{margin-right:0}}.container>.navbar-header,.container>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media(min-width:768px){.container>.navbar-header,.container>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{border-width:0 0 1px}@media(min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;border-width:0 0 1px}@media(min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;z-index:1030}.navbar-fixed-bottom{bottom:0;margin-bottom:0}.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media(min-width:768px){.navbar>.container .navbar-brand{margin-left:-15px}}
.navbar-toggle {
    position: relative;
    padding: 9px 9px;
    margin-top: 8px;
    margin-left: 20px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px
}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media(min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media(max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media(min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}@media(min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)}@media(min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{float:none;margin-left:0}}@media(max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media(min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-nav.pull-right>li>.dropdown-menu,.navbar-nav>li>.dropdown-menu.pull-right{right:0;left:auto}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-text{float:left;margin-top:15px;margin-bottom:15px}@media(min-width:768px){.navbar-text{margin-right:15px;margin-left:15px}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#fff}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}
    .navbar-default .navbar-toggle {
        border-color: #ddd;
        border-color: white;
        background-color: #063057;
    }.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#ccc}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #000;
        background: #063057;
        transition: all ease .5s;
    }
.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}.navbar-default .navbar-nav>.dropdown>a:hover .caret,.navbar-default .navbar-nav>.dropdown>a:focus .caret{border-top-color:#333;border-bottom-color:#333}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: white;
    background-color: #191919
}.navbar-default .navbar-nav>.open>a .caret,.navbar-default .navbar-nav>.open>a:hover .caret,.navbar-default .navbar-nav>.open>a:focus .caret{border-top-color:#555;border-bottom-color:#555}.navbar-default .navbar-nav>.dropdown>a .caret{border-top-color:#777;border-bottom-color:#777}@media(max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#fff}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a{color:#999}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.dropdown>a:hover .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-inverse .navbar-nav>.dropdown>a .caret{border-top-color:#999;border-bottom-color:#999}.navbar-inverse .navbar-nav>.open>a .caret,.navbar-inverse .navbar-nav>.open>a:hover .caret,.navbar-inverse .navbar-nav>.open>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}@media(max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;text-decoration:none;background-color:#fcf5a6;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eee}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:#808080}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#999;border-radius:10px}.badge:empty{display:none}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}.btn .badge{position:relative;top:-1px}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;font-size:21px;font-weight:200;line-height:2.1428571435;color:inherit;background-color:#eee}.jumbotron h1{line-height:1;color:inherit}.jumbotron p{line-height:1.4}.container .jumbotron{border-radius:6px}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-right:60px;padding-left:60px}.jumbotron h1{font-size:63px}}.thumbnail{display:inline-block;display:block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img{display:block;height:auto;max-width:100%}a.thumbnail:hover,a.thumbnail:focus{border-color:#428bca}.thumbnail>img{margin-right:auto;margin-left:auto}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#356635}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#2d6987}.alert-warning{color:#c09853;background-color:#fcf8e3;border-color:#fbeed5}.alert-warning hr{border-top-color:#f8e5be}.alert-warning .alert-link{color:#a47e3c}.alert-danger{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.alert-danger hr{border-top-color:#e6c1c7}.alert-danger .alert-link{color:#953b39}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border-radius:4px;}.panel-body{padding:15px}.panel-body:before,.panel-body:after{display:table;content:" "}.panel-body:after{clear:both}.panel-body:before,.panel-body:after{display:table;content:" "}.panel-body:after{clear:both}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0}.panel>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.panel>.list-group .list-group-item:last-child{border-bottom:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table{margin-bottom:0}.panel>.panel-body+.table{border-top:1px solid #ddd}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-title{margin-top:0;margin-bottom:0;font-size:16px}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-group .panel{margin-bottom:0;overflow:hidden;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-warning{border-color:#fbeed5}.panel-warning>.panel-heading{color:#c09853;background-color:#fcf8e3;border-color:#fbeed5}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#fbeed5}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#fbeed5}.panel-danger{border-color:#eed3d7}.panel-danger>.panel-heading{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#eed3d7}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#eed3d7}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}body.modal-open,.modal-open .navbar-fixed-top,.modal-open .navbar-fixed-bottom{margin-right:15px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;overflow:auto;overflow-y:scroll}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{z-index:1050;width:auto;padding:10px;margin-right:auto;margin-left:auto}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1030;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{min-height:16.428571429px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.428571429}.modal-body{position:relative;padding:20px}.modal-footer{padding:19px 20px 20px;margin-top:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media screen and (min-width:768px){.modal-dialog{right:auto;left:50%;width:600px;padding-top:30px;padding-bottom:30px}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}}.tooltip{position:absolute;z-index:1030;display:block;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0);visibility:visible}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-top-color:#000;border-width:5px 5px 0}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#000;border-width:5px 5px 5px 0}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-left-color:#000;border-width:5px 0 5px 5px}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-bottom-color:#000;border-width:0 5px 5px}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);background-clip:padding-box}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover .arrow{border-width:11px}.popover .arrow:after{border-width:10px;content:""}.popover.top .arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);border-bottom-width:0}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-top-color:#fff;border-bottom-width:0;content:" "}.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,0.25);border-left-width:0}.popover.right .arrow:after{bottom:-10px;left:1px;border-right-color:#fff;border-left-width:0;content:" "}.popover.bottom .arrow{top:-11px;left:50%;margin-left:-11px;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);border-top-width:0}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-bottom-color:#fff;border-top-width:0;content:" "}.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-left-color:#999;border-left-color:rgba(0,0,0,0.25);border-right-width:0}.popover.left .arrow:after{right:1px;bottom:-10px;border-left-color:#fff;border-right-width:0;content:" "}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;height:auto;max-width:100%;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);opacity:.5;filter:alpha(opacity=50)}.carousel-control.left{background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.0001)));background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0),color-stop(rgba(0,0,0,0.0001) 100%));background-image:-moz-linear-gradient(left,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-image:linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)}.carousel-control.right{right:0;left:auto;background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.0001)),to(rgba(0,0,0,0.5)));background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(rgba(0,0,0,0.5) 100%));background-image:-moz-linear-gradient(left,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-image:linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;left:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.affix{position:fixed}@-ms-viewport{width:device-width}@media screen and (max-width:400px){@-ms-viewport{width:320px}}.hidden{display:none!important;visibility:hidden!important}.visible-xs{display:none!important}tr.visible-xs{display:none!important}th.visible-xs,td.visible-xs{display:none!important}@media(max-width:767px){.visible-xs{display:block!important}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-xs.visible-sm{display:block!important}tr.visible-xs.visible-sm{display:table-row!important}th.visible-xs.visible-sm,td.visible-xs.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-xs.visible-md{display:block!important}tr.visible-xs.visible-md{display:table-row!important}th.visible-xs.visible-md,td.visible-xs.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-xs.visible-lg{display:block!important}tr.visible-xs.visible-lg{display:table-row!important}th.visible-xs.visible-lg,td.visible-xs.visible-lg{display:table-cell!important}}.visible-sm{display:none!important}tr.visible-sm{display:none!important}th.visible-sm,td.visible-sm{display:none!important}@media(max-width:767px){.visible-sm.visible-xs{display:block!important}tr.visible-sm.visible-xs{display:table-row!important}th.visible-sm.visible-xs,td.visible-sm.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-sm{display:block!important}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-sm.visible-md{display:block!important}tr.visible-sm.visible-md{display:table-row!important}th.visible-sm.visible-md,td.visible-sm.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-sm.visible-lg{display:block!important}tr.visible-sm.visible-lg{display:table-row!important}th.visible-sm.visible-lg,td.visible-sm.visible-lg{display:table-cell!important}}.visible-md{display:none!important}tr.visible-md{display:none!important}th.visible-md,td.visible-md{display:none!important}@media(max-width:767px){.visible-md.visible-xs{display:block!important}tr.visible-md.visible-xs{display:table-row!important}th.visible-md.visible-xs,td.visible-md.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-md.visible-sm{display:block!important}tr.visible-md.visible-sm{display:table-row!important}th.visible-md.visible-sm,td.visible-md.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block!important}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-md.visible-lg{display:block!important}tr.visible-md.visible-lg{display:table-row!important}th.visible-md.visible-lg,td.visible-md.visible-lg{display:table-cell!important}}.visible-lg{display:none!important}tr.visible-lg{display:none!important}th.visible-lg,td.visible-lg{display:none!important}@media(max-width:767px){.visible-lg.visible-xs{display:block!important}tr.visible-lg.visible-xs{display:table-row!important}th.visible-lg.visible-xs,td.visible-lg.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-lg.visible-sm{display:block!important}tr.visible-lg.visible-sm{display:table-row!important}th.visible-lg.visible-sm,td.visible-lg.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-lg.visible-md{display:block!important}tr.visible-lg.visible-md{display:table-row!important}th.visible-lg.visible-md,td.visible-lg.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-lg{display:block!important}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}.hidden-xs{display:block!important}tr.hidden-xs{display:table-row!important}th.hidden-xs,td.hidden-xs{display:table-cell!important}@media(max-width:767px){.hidden-xs{display:none!important}tr.hidden-xs{display:none!important}th.hidden-xs,td.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-xs.hidden-sm{display:none!important}tr.hidden-xs.hidden-sm{display:none!important}th.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-xs.hidden-md{display:none!important}tr.hidden-xs.hidden-md{display:none!important}th.hidden-xs.hidden-md,td.hidden-xs.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-xs.hidden-lg{display:none!important}tr.hidden-xs.hidden-lg{display:none!important}th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg{display:none!important}}.hidden-sm{display:block!important}tr.hidden-sm{display:table-row!important}th.hidden-sm,td.hidden-sm{display:table-cell!important}@media(max-width:767px){.hidden-sm.hidden-xs{display:none!important}tr.hidden-sm.hidden-xs{display:none!important}th.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}tr.hidden-sm{display:none!important}th.hidden-sm,td.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-sm.hidden-md{display:none!important}tr.hidden-sm.hidden-md{display:none!important}th.hidden-sm.hidden-md,td.hidden-sm.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-sm.hidden-lg{display:none!important}tr.hidden-sm.hidden-lg{display:none!important}th.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg{display:none!important}}.hidden-md{display:block!important}tr.hidden-md{display:table-row!important}th.hidden-md,td.hidden-md{display:table-cell!important}@media(max-width:767px){.hidden-md.hidden-xs{display:none!important}tr.hidden-md.hidden-xs{display:none!important}th.hidden-md.hidden-xs,td.hidden-md.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-md.hidden-sm{display:none!important}tr.hidden-md.hidden-sm{display:none!important}th.hidden-md.hidden-sm,td.hidden-md.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}tr.hidden-md{display:none!important}th.hidden-md,td.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-md.hidden-lg{display:none!important}tr.hidden-md.hidden-lg{display:none!important}th.hidden-md.hidden-lg,td.hidden-md.hidden-lg{display:none!important}}.hidden-lg{display:block!important}tr.hidden-lg{display:table-row!important}th.hidden-lg,td.hidden-lg{display:table-cell!important}@media(max-width:767px){.hidden-lg.hidden-xs{display:none!important}tr.hidden-lg.hidden-xs{display:none!important}th.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-lg.hidden-sm{display:none!important}tr.hidden-lg.hidden-sm{display:none!important}th.hidden-lg.hidden-sm,td.hidden-lg.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-lg.hidden-md{display:none!important}tr.hidden-lg.hidden-md{display:none!important}th.hidden-lg.hidden-md,td.hidden-lg.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-lg{display:none!important}tr.hidden-lg{display:none!important}th.hidden-lg,td.hidden-lg{display:none!important}}.visible-print{display:none!important}tr.visible-print{display:none!important}th.visible-print,td.visible-print{display:none!important}@media print{.visible-print{display:block!important}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}.hidden-print{display:none!important}tr.hidden-print{display:none!important}th.hidden-print,td.hidden-print{display:none!important}}

/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:* http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web,please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Reset ================================================================================= */
.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: 30px;
        user-select: none;
        -webkit-user-select: none;
        text-align: left;
    }

        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding: 0 6px;
            margin-right: 31px;
            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;
            }

.area_promotion {
    display: block;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: relative;
    margin: 0;
    background: #fff;
    margin: 5px 0 5px;
    padding-bottom: 10px;
}

    .area_promotion strong:first-child {
        margin-top: 0;
        padding: 10px;
        text-transform: uppercase;
        background: #f7f7f7;
        border-bottom: 1px solid #ddd;
    }

    .area_promotion strong {
        display: block;
        overflow: hidden;
        font-size: 16px;
        color: #333;
        padding: 8px 10px;
        text-transform: uppercase;
        font-weight: bold;
        margin-top: 10px;
    }

    .area_promotion.newpro span.promo {
        display: block;
        overflow: hidden;
        padding: 10px 10px 0 30px;
    }

    .area_promotion.newpro span i.numeric {
        width: 16px;
        height: 16px;
        display: inline-block;
        background: #468ee5;
        color: #fff;
        text-align: center;
        border-radius: 50%;
        margin: 0;
        margin-left: -24px;
        font-style: normal;
        border: 1px solid #468ee5;
        border-top: 0;
        padding-bottom: 1px;
        font-size: 11px;
    }

    .area_promotion strong:first-child > span {
        font-size: 14px;
        text-transform: none;
        font-weight: 400;
        display: inline-block;
        padding-top: 5px;
    }

.select2-dropdown {
    background-color: #fff;
    border: 2px solid #4a90e2;
    border-radius: 6px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 100001;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.select2-results {
    display: block;
    padding: 5px;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.select2-results__option {
    padding: 8px;
    user-select: none;
    -webkit-user-select: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .select2-results__option[aria-selected] {
        cursor: pointer;
    }

.select2-results__options.twocols {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
}

.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-search--dropdown {
    display: block;
    padding: 4px;
    position: relative;
}

    .select2-search--dropdown .wico-search {
        position: absolute;
        top: 10px;
        right: 5px;
    }

    .select2-search--dropdown .select2-search__field {
        padding: 6px;
        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;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
}

    .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: 29px;
        position: absolute;
        top: 1px;
        right: 1px;
        width: 30px;
        border-left: 1px solid #f1f1f1;
    }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #999 transparent transparent transparent;
            border-style: solid;
            border-width: 5px 5px 0 5px;
            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: #f5f5f5;
    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: #fff;
    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 #000 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 #f1f1f1;
}

.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: #fff;
}

.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,white 50%,#eee 100%);
    background-image: -o-linear-gradient(top,white 50%,#eee 100%);
    background-image: linear-gradient(to bottom,white 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,white 0%,#eee 50%);
    background-image: -o-linear-gradient(top,white 0%,#eee 50%);
    background-image: linear-gradient(to bottom,white 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%,white 100%);
    background-image: -o-linear-gradient(top,#eee 50%,white 100%);
    background-image: linear-gradient(to bottom,#eee 50%,white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    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;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    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 #f1f1f1;
    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: #808080;
}

.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;
}

.select2-before {
    position: absolute;
    top: -8px;
    left: 10px;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 8px solid #4a90e2;
    display: inline-block;
}

.select2-after {
    position: absolute;
    top: -6px;
    left: 12px;
    content: '';
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    display: inline-block;
}

* {
    margin: 0;
    padding: 0;
}

.mt10 {
    margin-top: 10px;
}

.mt5 {
    margin-top: 5px;
}

.mr5 {
    margin-right: 5px;
}

.pdbt-10 {
    padding-bottom: 10px;
}

.graytxt {
    color: #e67e22;
}

.greentxt {
    color: #8bc34a;
}

.smalltxt {
    font-size: 13px;
}

.largetxt {
    font-size: 16px;
}

.img-flag {
    width: auto !important;
    height: 30px !important;
    margin: -2px 5px 0 -4px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

.iconnoti {
    background: url(https://cdn.tgdd.vn/dmx2016/Content/images/V2/cart/iconcartmobile@2x.v201710021430.png) no-repeat;
    background-size: 173px 85px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
}

.listorder {
    display: block;
    overflow: visible;
    background: #fff;
    clear: both;
    padding-top: 10px;
}

    .listorder li {
        display: block;
        overflow: visible;
        border-bottom: 1px solid #f5f5f5;
        margin: 10px 30px;
        padding-bottom: 10px;
        min-height: 70px;
        clear: both;
    }

.cart_notsale .listorder {
    padding-top: 0;
}

    .cart_notsale .listorder li {
        min-height: 80px;
        padding-bottom: 0;
    }

        .cart_notsale .listorder li:last-child, .done .listorder li:last-child {
            border: none;
        }

.listorder li a {
    display: block;
    overflow: hidden;
}

.listorder li img {
    display: inline-block;
    width: 75px;
    height: auto;
    margin: 5px 0 10px;
}

.cart_notsale .listorder li img {
    margin-bottom: 0;
}

.listorder li .colimg {
    float: left;
    overflow: hidden;
    width: 85px;
    text-align: center;
}

    .listorder li .colimg button {
        display: block;
        text-align: center;
        font-size: 12px;
        color: #999;
        width: 40px;
        border: 0;
        background: #fff;
        margin: auto;
        cursor: pointer;
    }

.cart_notsale .listorder li .colimg button {
    margin-bottom: 5px;
}

.listorder li .colimg button span {
    float: left;
    width: 12px;
    height: 12px;
    background: #ccc;
    border-radius: 10px;
    position: relative;
    margin-top: 3px;
}

    .listorder li .colimg button span:before, .listorder li .colimg button span:after {
        top: 2px;
        left: 5px;
    }

    .listorder li .colimg button span:before {
        content: '';
        width: 2px;
        height: 8px;
        background: #fff;
        position: absolute;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

    .listorder li .colimg button span:after {
        content: '';
        width: 2px;
        height: 8px;
        background: #fff;
        position: absolute;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }

.listorder li .colinfo {
    display: inline-block;
    overflow: visible;
    width: 450px;
    padding-left: 5px;
}

    .listorder li .colinfo a {
        display: inline-block;
        font-size: 14px;
        color: #333;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        width: 62%;
    }

#notsale-list li .colinfo a {
    width: 100%;
}

.listorder li .colinfo > a {
    font-weight: bold;
}

.listorder li .colinfo strong {
    font-weight: normal;
    font-size: 14px;
    color: #c10017;
    float: right;
}

.listorder.shockprice29 li .colinfo strong {
    font-weight: bold;
    color: #fff;
}

section.done.preorderdone .listorder li .colinfo strong {
    font-weight: bold;
}

.listorder li .colinfo strong span {
    display: block;
    font-size: 12px;
    color: #666;
    text-decoration: line-through;
}

.listorder li .colinfo .saleacc {
    display: block;
    overflow: hidden;
    font-size: 12px;
    color: #c10017;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    width: 62%;
    margin-top: 5px;
    line-height: normal;
}

.listorder li .viewfullkm {
    display: block;
    overflow: hidden;
    background: #f0f0f0;
    padding: 5px;
    font-size: 12px;
    color: #4a90e2;
    margin-top: 5px;
}

.listorder li .warning, .stock-same {
    background: #fffaf0;
    border: 1px solid #ffe3e6;
    padding: 5px 10px;
    color: #d0011b;
    font-size: 12px;
    line-height: 17px;
    margin: 10px 0 5px;
    position: relative;
    clear: both;
}

    .listorder li .warning:before, .listorder li .warning:after, .stock-same:before, .stock-same:after {
        content: '';
        border-bottom: 8px solid #ffe3e6;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        left: 8%;
        top: -8px;
        position: absolute;
    }

    .listorder li .warning:after, .stock-same:after {
        border-width: 7px;
        border-bottom-color: #fffaf0;
        margin-left: 1px;
        margin-top: 1px;
    }

.listorder li .promotion {
    background: #fff;
    padding: 5px 0;
    width: 345px;
    height: auto;
    margin: 0 10px 0 0;
    display: block;
    overflow: hidden;
}

    .listorder li .promotion span {
        display: block;
        overflow: hidden;
        padding-left: 10px;
        color: #333;
        margin-bottom: 5px;
        font-size: 12px;
    }

.promotion ul {
    display: inline-grid;
}

.promotion li {
    padding: 0;
    margin: 0;
    min-height: unset;
    border: 0;
}

.listorder li .promotion span:before {
    content: '•';
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 20px;
    color: #999;
    margin: 0 3px 0 -10px;
}

.listorder li .promotion span:last-child {
    margin-bottom: 0;
}

.listorder li .promotion strong {
    float: none;
    font-weight: normal;
    font-size: 13px;
    margin-right: 0;
    color: #f44336;
}

.listorder li .colinfo .campaign {
    margin: 5px 0;
}

    .listorder li .colinfo .campaign b {
        color: #d0011b;
    }

.preorder .listorder {
    background-image: linear-gradient(-180deg,#1188e0 0%,#1095db 65%,#0fb3bd 100%);
}

    .preorder .listorder li {
        border: none;
    }

        .preorder .listorder li .colinfo > a {
            color: #fff;
            font-size: 16px;
        }

            .preorder .listorder li .colinfo > a:hover {
                color: #fff;
            }

        .preorder .listorder li .colinfo strong {
            font-size: 16px;
            color: #f8e81c;
            line-height: 18px;
            font-weight: bold;
        }

        .preorder .listorder li .promotion {
            background: none;
            width: 100%;
            margin-top: 5px;
        }

            .preorder .listorder li .promotion span {
                color: #fff;
                font-size: 14px;
                line-height: 19px;
            }

                .preorder .listorder li .promotion span:before {
                    color: #fff;
                }

                .preorder .listorder li .promotion span a {
                    color: #f8e81c !important;
                    font-size: 14px !important;
                    margin-left: 5px;
                }

                    .preorder .listorder li .promotion span a:hover {
                        text-decoration: underline;
                    }

.listorder li .promotion.newpro .pro-title {
    padding: 5px 0;
    border-top: 1px solid #ddd;
    margin: 0;
}

    .listorder li .promotion.newpro .pro-title.border {
        border: none;
    }

.listorder li .promotion .pro-chosse {
    padding-left: 0;
    cursor: pointer;
}

.listorder li .promotion.newpro span.pro-chosse:before {
    display: none;
}

.listorder li .promotion.newpro span i {
    float: left;
    width: 14px;
    height: 14px;
    border: 1px solid #999;
    border-radius: 20px;
    position: relative;
    margin: 1px 5px 0 0;
    background: #fff;
    cursor: pointer;
}

.listorder li .promotion.newpro span.active i {
    border: 1px solid #fa8926;
}

    .listorder li .promotion.newpro span.active i:before {
        content: '';
        width: 8px;
        height: 8px;
        background: #fa8926;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        display: block;
        margin: auto;
        border-radius: 20px;
    }

.listorder li .promotion .pro-chosse > label {
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    width: 90%;
}

.listorder.shockprice29 li .promotion .pro-chosse > label {
    color: #fff;
}

.listorder li .colinfo strong.discountbox {
    float: none;
}

.discountpromotion {
    margin-top: 10px;
}

.listorder li .promotion.choose {
    overflow: visible !important;
    margin-top: 0 !important;
    float: left;
}

    .listorder li .promotion.choose .title {
        display: block;
    }

        .listorder li .promotion.choose .title label {
            cursor: pointer;
            position: relative;
        }

    .listorder li .promotion.choose span {
        display: none;
        line-height: 1.6em;
    }

    .listorder li .promotion.choose .title label:after {
        content: '';
        width: 0;
        right: -20px;
        border-top: 6px solid #288ad6;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        display: inline-block;
        vertical-align: middle;
    }

#promotiondiscount .price-color {
    color: #333;
}

.listorder li .promotion.choose span:before {
    margin: -7px 3px 0 -10px;
    height: 13px;
}

.listorder li .colinfo .campaign {
    margin: 5px 0;
}

    .listorder li .colinfo .campaign b {
        color: #d0011b;
    }

.choosecolor {
    float: left;
    position: relative;
    width: 48%;
    border: 1px solid #dfdfdf;
    background: #fff;
    border-radius: 3px;
    line-height: 32px;
    font-size: 14px;
    color: #288ad6;
    padding: 0 1.5%;
    margin: 10px 0;
}

    .choosecolor span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 91%;
    }

    .choosecolor:after {
        content: '';
        width: 0;
        right: 0;
        border-top: 6px solid #288ad6;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        display: inline-block;
        vertical-align: middle;
        margin: 13px 5px 0 0;
        float: right;
        position: absolute;
        top: 0;
    }

.listcolor {
    display: none;
    overflow: visible;
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    z-index: 9;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 0 10px;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);
}

    .listcolor:before, .listcolor:after {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 50px;
        width: 0;
        height: 0;
        border-bottom: 10px solid #ccc;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }

    .listcolor:after {
        border-width: 9px;
        margin-left: 1px;
        border-bottom-color: #fff;
    }

.listorder li .listcolor a {
    width: auto;
    margin: 0;
    overflow: visible;
    padding: 7px 0 10px 0;
    display: block;
    height: 30px;
    color: #288ad6;
    border-bottom: 1px solid #eee;
}

    .listorder li .listcolor a:last-child {
        border: 0;
    }

.listorder li .listcolor img {
    width: 30px;
    height: 30px;
    margin: 0 0 0 -4px;
    display: inline-block;
    vertical-align: middle;
}

.choosenumber {
    float: right;
    overflow: hidden;
    position: relative;
    width: 25%;
    border: 1px solid #dfdfdf;
    background: #fff;
    border-radius: 3px;
    line-height: 32px;
    font-size: 14px;
    color: #333;
    margin: 5px 0 5px 0;
}

.abate {
    float: left;
    border-right: 1px solid #dfdfdf;
    background: #fff;
    width: 32%;
    height: 32px;
    position: relative;
    pointer-events: none;
}

    .abate i {
        width: 12px;
        height: 2px;
        background: #ccc;
        display: block;
        margin: 15px auto;
    }

.number {
    font-size: 14px;
    color: #333;
    float: left;
    width: 33%;
    height: 32px;
    text-align: center;
}

.augment {
    float: right;
    border-left: 1px solid #dfdfdf;
    background: #fff;
    width: 32%;
    height: 32px;
    position: relative;
    cursor: pointer;
}

    .augment i:first-child {
        width: 12px;
        height: 2px;
        background: #288ad6;
        display: block;
        margin: 15px auto;
    }

    .augment i:nth-child(2) {
        width: 2px;
        height: 12px;
        background: #288ad6;
        display: block;
        margin: 0 auto;
        position: absolute;
        top: 10px;
        left: 0;
        right: 0;
    }

.onecolor {
    float: left;
    position: relative;
    width: 48%;
    background: #fff;
    line-height: normal;
    font-size: 14px;
    color: #333;
    margin: 15px 0 0;
}

.z-content .onecolor {
    margin-top: 6px;
}

.onecolor span, .quan span {
    color: #999;
}

.shockprice .onecolor, .preorder .onecolor {
    color: #fff;
    width: auto;
    background: none;
}

    .shockprice .onecolor span, .preorder .onecolor span {
        color: #fff;
    }

.area_total {
    display: block;
    overflow: hidden;
    padding: 10px 30px 10px;
    border-bottom: 1px solid #d8d8d8;
    background: #fff;
}

    .area_total div {
        overflow: hidden;
        font-size: 14px;
        color: #333;
        line-height: 24px;
    }

        .area_total div span {
            float: left;
        }

            .area_total div span:nth-child(2) {
                float: right;
            }

        .area_total div.total b {
            float: left;
        }

            .area_total div.total b.deposit {
                text-transform: uppercase;
                font-size: 16px;
            }

        .area_total div.total strong {
            float: right;
            font-size: 16px;
            color: #c10017;
        }

    .area_total .total.cfg strong {
        font-size: 14px;
    }

.textcode {
    color: #288ad6 !important;
    cursor: pointer;
    text-align: right;
}

.inputcode {
    display: none;
    overflow: hidden;
    margin: 10px 0;
}

    .inputcode input {
        display: block;
        width: 40%;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        padding: 9px;
        height: 20px;
        float: right;
        margin-right: 10px;
    }

    .inputcode button {
        float: right;
        background: #288ad6;
        border-radius: 4px;
        border: 0;
        height: 40px;
        font-size: 14px;
        color: #fff;
        width: 90px;
        text-align: center;
        cursor: pointer;
    }

.backtoschool .inputcode {
    display: block;
    overflow: hidden;
    padding: 10px 20px;
    background: #ec4040;
    margin: 0;
}

    .backtoschool .inputcode a {
        color: #e9e57a;
        text-decoration: underline;
        margin-top: 10px;
        float: left;
    }

    .backtoschool .inputcode button {
        background: #fb7119;
    }

.backtoschool #coupon-error {
    color: #fff;
}

.inputerror {
    border-color: #dd4b39 !important;
}

.texterror {
    display: none;
    font-size: 12px;
    color: #dd4b39;
}

.shockprice .texterror {
    color: #f8d706;
}

.malefemale {
    display: block;
    overflow: hidden;
    padding: 10px 10px 0;
    background: #fff;
}

    .malefemale label {
        float: left;
        margin-right: 30px;
        cursor: pointer;
    }

.iconopt {
    background-position: -75px 0;
    width: 16px;
    height: 16px;
    vertical-align: sub;
}

.areainfo {
    display: block;
    overflow: hidden;
    padding: 0 10px 10px;
}

    .areainfo input { /* display:block; */
        padding: 9px 0;
        height: 20px;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        margin: 10px 0 5px;
        text-indent: 10px;
        width: 99.6%;
    }

.infoold {
    display: block;
    overflow: hidden;
    padding: 20px 30px 10px 30px;
    background: #fff;
}

    .infoold span {
        color: #288ad6;
        display: inline-block;
        margin-left: 10px;
        vertical-align: top;
        border-bottom: 1px dotted #288ad6;
        cursor: pointer;
    }

.area_other {
    display: block;
    overflow: visible;
    padding: 5px 30px 0;
    background: #fff;
}

    .area_other .textnote {
        display: block;
        overflow: hidden;
        margin-bottom: 10px;
    }

.address {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    color: #288ad6;
}

    .address label, .supermarket label {
        color: #288ad6;
        cursor: pointer;
    }

        .address label.choose, .supermarket label.choose {
            color: #333;
        }

.supermarket {
    display: inline-block;
    vertical-align: top;
    color: #288ad6;
}

.preorder .supermarket {
    margin-left: 10px;
}

.choose .iconopt {
    background-position: -95px 0;
}

.area_address {
    overflow: visible;
    background: #f0f0f0;
    margin-top: 15px;
    padding: 20px 20px 0 20px;
    position: relative;
}

    .area_address:before, .area_address:after {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 65px;
        width: 0;
        height: 0;
        border-bottom: 10px solid #ccc;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }

    .area_address:after {
        border-width: 9px;
        margin-left: 1px;
        border-bottom-color: #f0f0f0;
    }

    .area_address.active, .area_market.active {
        display: block;
    }

.citydis {
    display: block;
    position: relative;
}

.city {
    float: left;
    position: relative;
    width: 42%;
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 3px;
    font-size: 14px;
    color: #288ad6;
    padding: 10px 1.5% 6px;
}

    .city span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        width: 88%;
    }

    .city:after {
        content: '';
        width: 0;
        right: 0;
        border-top: 6px solid #288ad6;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        display: inline-block;
        vertical-align: middle;
        margin: 7px 5px 0 0;
        float: right;
        position: absolute;
    }

.listcity {
    display: none;
    overflow: visible;
    position: absolute;
    z-index: 15;
    top: 50px;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-bottom: 10px;
}

    .listcity:before, .listcity:after {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 50px;
        width: 0;
        height: 0;
        border-bottom: 10px solid #ccc;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }

    .listcity:after {
        border-width: 9px;
        margin-left: 1px;
        border-bottom-color: #fff;
    }

    .listcity aside {
        float: left;
        width: 50%;
    }

.searchlocal {
    display: block;
    overflow: hidden;
    padding: 10px 10px 0;
}

    .searchlocal form {
        display: block;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        background: #fff;
        height: 34px;
        position: relative;
    }

    .searchlocal input {
        display: block;
        border: 0;
        background: #fff;
        padding: 5px;
        height: 24px;
        border-radius: 4px;
        width: 90%;
    }

    .searchlocal .submit {
        position: absolute;
        top: 0;
        right: 0;
        padding: 8px 10px;
        background: #fff;
        height: 16px;
        border-radius: 0 3px 3px 0;
        border: 0;
        height: 34px;
    }

    .searchlocal .reset {
        display: block;
        position: absolute;
        top: 0;
        right: 34px;
        width: 30px;
        height: 34px;
        border: 0;
        background: #fff;
        border: 0;
    }

.checkexist .scroll {
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 220px;
}

.listcity a {
    display: block;
    padding: 10px 10px 0;
    font-size: 14px;
    color: #288ad6;
}

.dist {
    float: right;
    position: relative;
    width: 47%;
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 3px;
    font-size: 14px;
    color: #288ad6;
    padding: 10px 1.5% 6px;
}

    .dist span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        width: 88%;
    }

    .dist:after {
        content: '';
        width: 0;
        right: 0;
        border-top: 6px solid #288ad6;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        display: inline-block;
        vertical-align: middle;
        margin: 7px 5px 0 0;
        float: right;
        position: absolute;
    }

.listdist {
    display: none;
    overflow: visible;
    position: absolute;
    z-index: 15;
    top: 50px;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-bottom: 10px;
}

    .listdist:before, .listdist:after {
        content: '';
        position: absolute;
        bottom: 100%;
        right: 70px;
        width: 0;
        height: 0;
        border-bottom: 10px solid #ccc;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }

    .listdist:after {
        border-width: 9px;
        margin-right: 1px;
        border-bottom-color: #fff;
    }

    .listdist a {
        display: block;
        padding: 10px 10px 0;
        font-size: 14px;
        color: #288ad6;
    }

    .listdist aside {
        float: left;
        width: 50%;
    }

.area_market {
    overflow: visible;
    background: #f0f0f0;
    margin-top: 15px;
    padding: 20px;
    position: relative;
}

    .area_market:before, .area_market:after {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 210px;
        width: 0;
        height: 0;
        border-bottom: 10px solid #ccc;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }

    .area_market:after {
        border-width: 9px;
        margin-left: 1px;
        border-bottom-color: #f0f0f0;
    }

.gd304.area_market:before, .gd304.area_market:after {
    display: none;
}

.preorder .area_market:before, .preorder .area_market:after {
    left: 315px;
}

.listmarket {
    display: block;
    overflow: hidden;
    clear: both;
}

    .listmarket li {
        display: block;
        overflow: hidden;
        font-size: 14px;
        color: #333;
        padding: 0 0 10px 20px;
    }

        .listmarket li .iconopt {
            margin-left: -20px;
        }

        .listmarket li.choosemarket .iconopt {
            background-position: -95px 0;
        }

        .listmarket li.choosemarket {
            cursor: pointer;
        }

        .listmarket li span {
            color: #14b61b;
            font-size: 12px;
        }

        .listmarket li .two-7date {
            color: #e67e22;
        }

.viewmarket {
    display: block;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    color: #288ad6;
    margin: 8px 10px 10px 0;
}

    .viewmarket:after {
        content: '';
        width: 0;
        right: 0;
        border-top: 6px solid #288ad6;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        display: inline-block;
        vertical-align: middle;
        margin: -2px 0 0 5px;
    }

.otheradd {
    display: block;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    color: #288ad6;
    margin: 0 10px 10px 20px;
    cursor: pointer;
}

.homenumber {
    display: block;
    padding: 9px 0;
    height: 20px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    margin-top: 10px;
    text-indent: 10px;
    width: 99.8%;
}

.timeship {
    display: block;
    padding-top: 9px;
    font-size: 14px;
    color: #333;
}

.timereceive {
    float: left;
    padding: 0 0 6px;
    font-size: 14px;
    color: #333;
    margin-right: 10px;
}

.date {
    float: left;
    position: relative;
    width: 42%;
    background: #fff;
    border-radius: 3px;
    font-size: 14px;
    color: black;
    padding: 10px 1.5% 6px;
}

    .date span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        width: 88%;
    }

.listdate {
    display: none;
    overflow: visible;
    position: absolute;
    z-index: 15;
    top: 50px;
    left: 0;
    right: 0;
    width: 46%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);
}

.listreceive {
    left: 110px;
    width: 69%;
}

.listdate span {
    display: block;
    padding: 10px 0;
    margin: 0 10px;
    font-size: 14px;
    color: #288ad6;
    border-bottom: 1px solid #d9d9d9;
}

    .listdate span:last-child {
        border: 0;
    }

.listdate:before, .listdate:after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #ccc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.listdate:after {
    border-width: 9px;
    margin-left: 1px;
    border-bottom-color: #fff;
}

.hours {
    float: right;
    position: relative;
    width: 47%;
    border: 1px solid #d9d9d9;
    background: #fff;
    border-radius: 3px;
    font-size: 14px;
    color: #288ad6;
    padding: 10px 1.5% 6px;
}

    .hours span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        width: 88%;
    }

    .hours:after {
        content: '';
        width: 0;
        right: 0;
        border-top: 6px solid #288ad6;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        display: inline-block;
        vertical-align: middle;
        margin: 7px 5px 0 0;
        float: right;
        position: absolute;
    }

.listhours {
    display: none;
    overflow: visible;
    position: absolute;
    z-index: 15;
    top: 50px;
    right: 0;
    width: 50%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.1);
}

    .listhours:before, .listhours:after {
        content: '';
        position: absolute;
        bottom: 100%;
        right: 70px;
        width: 0;
        height: 0;
        border-bottom: 10px solid #ccc;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
    }

    .listhours:after {
        border-width: 9px;
        margin-right: 1px;
        border-bottom-color: #fff;
    }

    .listhours span {
        display: block;
        padding: 10px 0;
        margin: 0 10px;
        font-size: 14px;
        color: #288ad6;
        border-bottom: 1px solid #d9d9d9;
    }

        .listhours span:last-child {
            border: 0;
        }

.dateshop {
    display: block;
    overflow: hidden;
    background: #fff;
    float: none;
    display: block;
    width: 96.5%;
}

    .dateshop span {
        display: block;
        width: auto;
    }

    .dateshop:after {
        top: 17px;
        margin: 0 10px 0 0;
    }

.cathe, .tragop, .tragophsp {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    padding: 10px 0;
    cursor: pointer;
}

.iconcheckbox {
    background-position: -80px -25px;
    width: 16px;
    height: 16px;
    vertical-align: sub;
}

.check .iconcheckbox {
    background-position: -100px -25px;
}

.billvat {
    background: #f0f0f0;
    padding: 0 20px 10px;
    position: relative;
    overflow: hidden;
    margin: 0 0 10px 0;
}

    .billvat label {
        display: inline-block;
        cursor: pointer;
    }

.vat.check .iconcheckbox {
    background-position: -100px -25px;
}

.infocompany {
    display: none;
    overflow: hidden;
}

    .infocompany input {
        display: block;
        padding: 9px 0;
        height: 20px;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        margin-top: 10px;
        text-indent: 10px;
        width: 99%;
    }

    .infocompany textarea {
        display: block;
        padding: 9px 0;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        margin-top: 10px;
        text-indent: 10px;
        width: 99%;
    }

.requestother {
    display: block;
    padding: 9px 0;
    height: 20px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    margin: 10px 0;
    text-indent: 10px;
    width: 99.8%;
}

.area_secur {
    display: block;
    overflow: hidden;
    margin: 0 10px;
}

    .area_secur span {
        display: block;
        overflow: hidden;
        margin: 10px 0;
    }

    .area_secur .capcha {
        display: inline-block;
        overflow: hidden;
        vertical-align: top;
        width: 130px;
    }

    .area_secur .changecode {
        display: block;
        color: #288ad6;
        padding: 5px 0;
    }

    .area_secur .entercapcha {
        display: inline-block;
        overflow: hidden;
        vertical-align: top;
        width: 58%;
        float: right;
    }

    .area_secur input {
        display: block;
        padding: 9px 0;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        height: 20px;
        text-indent: 10px;
        width: 98%;
        margin-bottom: 5px;
    }

.payoffline {
    display: block;
    float: left;
    overflow: hidden;
    width: 260px;
    padding: 9px 0;
    margin: 10px 0 20px 30px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    background: #fd6e1d;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));
    background: -webkit-linear-gradient(top,#f59000,#fd6e1d);
    background: -moz-linear-gradient(top,#f59000,#fd6e1d);
    background: -ms-linear-gradient(top,#f59000,#fd6e1d);
    background: -o-linear-gradient(top,#f59000,#fd6e1d);
}

    .payoffline span {
        display: block;
        font-size: 12px;
        color: #fff;
        text-transform: none;
        font-weight: 300;
    }

    .payoffline.full-height {
        padding: 16px 0;
    }

    .payoffline.full {
        width: 90%;
    }

.payonline {
    float: right;
    overflow: hidden;
    margin: 10px 30px 20px 0;
    position: relative;
    width: 260px;
}

    .payonline div {
        display: block;
        overflow: hidden;
        padding: 9px 0;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        background: #0e74c2;
        background: -webkit-gradient(linear,0% 0%,0% 100%,from(#0e74c2),to(#288ad6));
        background: -webkit-linear-gradient(top,#288ad6,#0e74c2);
        background: -moz-linear-gradient(top,#288ad6,#0e74c2);
        background: -ms-linear-gradient(top,#288ad6,#0e74c2);
        background: -o-linear-gradient(top,#288ad6,#0e74c2);
        cursor: pointer;
    }

    .payonline span {
        display: block;
        font-size: 12px;
        color: #fff;
        text-transform: none;
        font-weight: 300;
    }

.atm {
    text-align: center;
    text-transform: uppercase;
    margin-right: 1px;
    padding: 9px 3px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 12px;
    line-height: 1.3em;
    background: #4a90e2;
    color: #fff;
    border-color: #2465c7;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#205db6),to(#2a71d8));
    background: -webkit-linear-gradient(top,#2a71d8,#205db6);
    background: -moz-linear-gradient(top,#2a71d8,#205db6);
    background: -ms-linear-gradient(top,#2a71d8,#205db6);
    background: -o-linear-gradient(top,#2a71d8,#205db6);
    display: inline-block;
    vertical-align: middle;
    width: 43%;
}

.visa {
    text-align: center;
    text-transform: uppercase;
    padding: 18px 3px 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 12px;
    line-height: 1.3em;
    background: #0037a0;
    color: #fff;
    border-color: #001f5b;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#00308a),to(#0037a0));
    background: -webkit-linear-gradient(top,#0037a0,#00308a);
    background: -moz-linear-gradient(top,#0037a0,#00308a);
    background: -ms-linear-gradient(top,#0037a0,#00308a);
    background: -o-linear-gradient(top,#0037a0,#00308a);
    display: inline-block;
    vertical-align: middle;
    width: 43%;
}

.itemfull {
    background: #fff;
    border: 1px solid #ccc;
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 10px;
    padding: 10px;
}

    .itemfull .colimg {
        float: left;
        overflow: hidden;
        width: 75px;
    }

    .itemfull img {
        display: block;
        width: 55px;
        height: auto;
    }

    .itemfull .colimg button {
        display: block;
        text-align: center;
        font-size: 12px;
        color: #999;
        width: 60px;
        border: 0;
        background: #fff;
        margin: 5px auto;
    }

.scrollview {
    display: block;
    overflow: hidden;
    padding: 10px 15px 10px 15px;
    font-size: 14px;
    color: #fff;
    background: #4a90e2;
    border-radius: 20px;
    width: 140px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 40px;
    margin: auto;
}

.itemfull .colimg button span {
    float: left;
    width: 12px;
    height: 12px;
    background: #ccc;
    border-radius: 10px;
    position: relative;
    margin-top: 3px;
    overflow: hidden;
}

    .itemfull .colimg button span:before {
        content: '';
        width: 2px;
        height: 8px;
        background: #fff;
        position: absolute;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

    .itemfull .colimg button span:after {
        content: '';
        width: 2px;
        height: 8px;
        background: #fff;
        position: absolute;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }

    .itemfull .colimg button span:before, .itemfull .colimg button span:after {
        top: 2px;
        left: 5px;
    }

.scrollview:before, .scrollview:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    left: 85%;
    top: 16px;
}

.scrollview:after {
    border-top-color: #4a90e2;
    border-width: 4px;
    margin-left: 2px;
}

.captcha {
    padding: 10px 10px 0;
}

    .captcha label {
        display: block;
        margin-bottom: 5px;
    }

.listorder li .promotion.many span {
    display: none;
}

.listorder li .promotion .title {
    display: none;
}

.listorder li .promotion.many .title {
    display: block;
    font-size: 12px;
}

    .listorder li .promotion.many .title span {
        display: inline;
        color: #c10017;
        padding: 0;
    }

        .listorder li .promotion.many .title span:before {
            display: none;
        }

.listorder li .promotion .title label {
    color: #288ad6;
    font-size: 12px;
    display: block;
    cursor: pointer;
}

    .listorder li .promotion .title label:after {
        content: '';
        border-top: 5px solid #4a90e2;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        display: inline-block;
        vertical-align: middle;
        margin: -1px 0 0 5px;
    }

.promotion span a {
    display: inline !important;
    color: #4a90e2 !important;
    font-size: 12px !important;
}

.colors .select2-container {
    margin-top: 10px !important;
}

.augment.disable {
    pointer-events: none;
}

    .augment.disable i, .augment.disable i {
        background: #ccc !important;
    }

.abate.active {
    pointer-events: auto;
    cursor: pointer;
}

    .abate.active i {
        background: #288ad6;
    }

#cart-form input[type=radio] {
    -ms-opacity: 0;
    opacity: 0;
    width: 0;
    height: 0;
    border: 0;
    display: none;
}

#cart-form .radio > .box {
    border: 1px solid #9e9e9e;
}

#cart-form input[type=radio]:checked + label > .box {
    border: 1px solid #fd761a;
}

#cart-form select {
    padding: 6px;
    border-radius: 3px;
    font-family: inherit;
}

.radio {
    -webkit-display: flex;
    display: flex;
    cursor: pointer;
}

    .radio > .box {
        display: inline-block;
        background-color: #fff;
        -ms-border-radius: 50%;
        border-radius: 50%;
        min-width: 14px;
        height: 14px;
        line-height: 16px;
        text-align: center;
        vertical-align: top;
        margin-right: 5px;
    }

#cart-form input[type=radio]:checked + label > .box:before {
    content: '';
    background-color: #fd761a;
    width: 8px;
    height: 8px;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: block;
    margin: 3px auto;
}

.radio > .text {
    display: inline;
}

.pdr {
    padding-right: 2%;
}

.w50 {
    display: inline-block;
    width: calc(49% - 2px);
    margin-top: 5px;
    vertical-align: top;
}

.store-list li {
    margin-top: 10px;
    cursor: pointer;
}

    .store-list li:first-child {
        margin-top: 15px;
    }

    .store-list li .text span {
        font-size: 12px;
    }

.preorder .store-list li .text span {
    display: none;
}

.cathe.check .iconmobile-checkbox {
    background-position: -160px -75px;
}

.store-list {
    display: block;
    max-height: 270px;
    overflow: auto;
}

.instore-time {
    margin-top: 10px;
}

.picsuccess {
    display: block;
    overflow: visible;
    position: relative;
    margin-bottom: 20px;
}

    .picsuccess img {
        display: block;
        width: 100%;
        max-width: 640px;
        height: auto;
    }

    .picsuccess .notistatus {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -18px;
        margin: 0 auto;
        text-align: center;
    }

.notistatus span {
    line-height: 30px;
    font-size: 14px;
    color: #00af1d;
    font-weight: 600;
    text-align: center;
    margin: auto;
    text-transform: uppercase;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.16);
    padding: 10px 10px;
}

.picsuccess .un span {
    background: #f00;
    color: #fff;
}

.iconsuccess {
    background-position: -145px 0;
    width: 18px;
    height: 14px;
    margin: -3px 3px 0 0;
}

.iconsuccess-lg {
    background-position: -144px -20px;
    width: 22px;
    height: 17px;
    margin: -3px 3px 0 0;
}

.thank {
    display: block;
    overflow: hidden;
    color: #333;
    line-height: 22px;
    padding: 10px;
}

.titlebill {
    display: block;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    background: #f0f0f0;
    text-transform: uppercase;
    padding: 0 10px;
}

.infoorder {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    padding: 5px 10px;
}

    .infoorder div {
        display: block;
        overflow: hidden;
        margin-bottom: 5px;
        padding-left: 10px;
    }

        .infoorder div:before {
            content: '•';
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
            font-size: 20px;
            color: #999;
            margin: 0 3px 0 -10px;
        }

        .infoorder div strong {
            color: #c10017;
        }

.callship {
    display: block;
    overflow: hidden;
    padding: 10px;
    font-size: 14px;
    color: #333;
    line-height: 22px;
}

section.preorderdone.done .callship {
    padding-top: 0;
    margin-top: -5px;
}

.callship a {
    color: #288ad6;
    font-weight: 600;
}

.buyother {
    display: block;
    overflow: hidden;
    background: #fff;
    line-height: 40px;
    text-align: center;
    margin: 15px auto;
    width: 300px;
    font-size: 14px;
    color: #288ad6;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #288ad6;
    border-radius: 4px;
}

.null_cart {
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    color: #666;
    transform: translate(0,50%);
    -webkit-transform: translate(0,50%);
    -moz-transform: translate(0,50%);
    -o-transform: translate(0,50%);
    -ms-transform: translate(0,50%);
    height: 240px;
}

.iconnull {
    background-position: 0 -25px;
    width: 70px;
    height: 54px;
    display: block;
    margin: 10px auto;
}

.iconclose {
    background-position: 0 0;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.notify {
    display: block;
    overflow: hidden;
    background: #fff;
    border-radius: 4px;
    position: relative;
    width: 280px;
    margin: auto;
    padding: 25px 10px 10px;
    font-size: 14px;
    color: #333;
    line-height: 22px;
}

    .notify strong {
        color: #dd4b39;
    }

    .notify a {
        color: #288ad6;
        font-weight: 600;
    }

.quan {
    float: right;
    margin: 5px 0;
}

.alertshop {
    overflow: hidden;
    background: #fffcd5;
    padding: 10px;
    margin: -10px 0 0;
    font-size: 12px;
    color: #333;
}

#cod span.price-color {
    color: #333 !important;
}

#sms-fee span.price-color {
    color: #c10017 !important;
}

#totalCopuon a {
    color: #288ad6;
    display: inline-block;
}

.alert {
    display: none;
    overflow: visible;
    width: 100%;
    max-width: 640px;
    margin: 48px auto 0;
    position: fixed;
    top: 10%;
    left: 0;
    right: 0;
    z-index: 100000;
}

.alertVerify {
    display: none;
    overflow: visible;
    width: 100%;
    max-width: 640px;
    margin: 48px auto 0;
    position: fixed;
    top: 10%;
    left: 0;
    right: 0;
    z-index: 100000;
}

.cty {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    padding: 5px 10px;
    border-top: 1px solid #eee;
}

    .cty div {
        display: block;
        overflow: hidden;
        margin-bottom: 5px;
    }

.shockprice {
    background: #f82c31;
    color: #fff;
}

    .shockprice h4 {
        font-size: 1.5em;
        line-height: 1.5em;
        font-weight: bold;
        color: #fff;
        margin-bottom: 5px;
        padding-left: 10px;
        text-transform: uppercase;
    }

    .shockprice a, .shockprice .promotions label {
        color: #fff !important;
    }

    .shockprice .price-color, .shockprice .normal-price, .shockprice .dis-price, .shockprice .lucky-price {
        color: #f8d706 !important;
        font-weight: bold;
    }

    .shockprice .normal-price, .shockprice .dis-price {
        clear: both;
    }

    .shockprice .promotions .dropdown {
        color: #333;
    }

    .shockprice .dis-price {
        color: #f8d706;
        margin-top: 5px;
        display: block;
    }

    .shockprice .normal-price {
        color: #f8d706;
        margin-top: 5px;
        display: block;
        text-decoration: line-through;
    }

    .shockprice .lucky-price {
        color: #f8d706;
        display: block;
    }

    .shockprice .col-1 {
        float: right;
    }

    .shockprice .col-2 {
        float: left;
        width: 80%;
    }

.normal-price {
    margin-top: 5px;
    display: block;
    text-decoration: line-through;
    color: #f44336;
}

.dis-price {
    margin-top: 5px;
    display: block;
    color: #f44336;
}

.shockprice29 .colinfo a {
    color: #fff !important;
    width: 99% !important;
}

.shockprice li .promotion {
    background: none !important;
}

    .shockprice li .promotion span {
        color: #fff;
    }

        .shockprice li .promotion span:before {
            color: #fff;
        }

.div-bottom {
    background-image: url(https://cdn.tgdd.vn/dmx2016/Content/images/campaign/shockprice/bottom.png);
    background-color: #fff4de;
    background-repeat: repeat-x;
    background-position: bottom;
    height: 3px;
    background-size: 10px 3px;
    margin-top: -10px;
}

.order-result .sms {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    margin: 20px 10px;
    float: left;
    padding: 10px;
    width: 250px;
    border: 1px dashed #f6a623;
    height: 120px;
}

.i {
    width: 260px;
    float: right;
    margin: 20px 20px 20px 0;
    border: 1px solid #e5e5e5;
    height: 140px;
    background: #fff;
    position: relative;
}

    .i .h {
        text-align: center;
        padding: 5px;
        background: #f8f8f8;
    }

    .i .m {
        border: 1px solid #e5e5e5;
        padding: 5px;
        background: #f1f1f1;
        border-left-width: 0;
        border-right-width: 0;
    }

        .i .m b {
            color: #0cc154;
            font-size: 20px;
        }

    .i .b input {
        display: block;
        padding: 10px 0;
        height: 15px;
        border: 1px solid #d9d9d9;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        margin: 5px;
        text-indent: 5px;
        width: 95%;
        font-weight: bold;
    }

    .i .b {
        position: absolute;
        bottom: 0;
        background: #f8f8f8;
        width: 100%;
        border-top: 1px solid #d9d9d9;
    }

.overlay {
    display: none;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    background: rgba(255,255,255,.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100000;
    clear: both;
    text-align: center;
    overflow: hidden;
}

.ovl {
    display: none;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    clear: both;
    text-align: center;
    overflow: hidden;
    background: rgba(0,0,0,.6);
}

.loading-cart {
    display: none;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    background: rgba(255,255,255,.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    clear: both;
    text-align: center;
    overflow: hidden;
}

    .loading-cart .csdot, .overlay .csdot {
        width: 8px;
        height: 8px;
        border: 1px solid #288ad6;
        background: #288ad6;
        border-radius: 50%;
        float: left;
        margin: 0 2px;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-animation: fx 1000ms ease infinite 0ms;
        animation: fx 1000ms ease infinite 0ms;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
    }

    .loading-cart .cswrap, .overlay .cswrap {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

.csdot:nth-child(2) {
    -webkit-animation: fx 1000ms ease infinite 300ms;
    animation: fx 1000ms ease infinite 300ms;
}

.csdot:nth-child(3) {
    -webkit-animation: fx 1000ms ease infinite 600ms;
    animation: fx 1000ms ease infinite 600ms;
}

/*@-webkit-keyframes fx {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fx {
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
*/
.colors select {
    margin-top: 10px;
}

select {
    background: #fff;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 6px;
    height: 34px;
    border: solid 1px #f1f1f1;
    color: #288ad6;
    padding: 2px 6px !important;
    font-size: 14px;
    height: 36px;
    -webkit-appearance: menulist;
    -moz-appearance: none;
    appearance: none;
}

    select:disabled {
        background: #dcdcdc;
        color: #999;
    }

.select2-selection--single.readonly {
    background-color: #f5f5f5;
    color: #999;
}

.select2 span {
    color: #288ad6 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #288ad6 transparent transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #288ad6 transparent;
}

.select2-container--default .select2-results__option {
    color: #288ad6;
}

    .select2-container--default .select2-results__option[aria-selected=true] {
        background-color: #288ad6;
        color: #fff !important;
    }

        .select2-container--default .select2-results__option[aria-selected=true]:hover {
            color: #fff !important;
        }

.select2-container--default .select2-selection--single {
    height: 36px;
    border: 1px solid #d9d9d9;
}

.color .select2-container--default .select2-selection--single {
    border: 1px solid #f1f1f1;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
}

.select2-results li[id*='ProductCode-result'] {
    border-bottom: 1px solid #eee !important;
    overflow: visible;
    margin: 0 !important;
    padding: 8px !important;
    min-height: 0 !important;
    clear: none;
}

    .select2-results li[id*='ProductCode-result']:last-child {
        border-bottom: none !important;
    }

.select2-container--default .select2-results > .select2-results__options.twocols {
    max-height: none !important;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance;
}

  /*  .select2-container--default .select2-results > .select2-results__options.twocols li {
        white-space: nowrap;
        -webkit-column-break-inside: avoid;
        -moz-column-break-inside: avoid;
        column-break-inside: avoid;
    }*/

        .select2-container--default .select2-results > .select2-results__options.twocols li[aria-disabled="true"] {
            display: none !important;
        }

.select2-results.twocols {
    max-height: 200px !important;
    overflow: auto !important;
    min-width: 300px;
    max-width: 400px;
}

    .select2-results.twocols .select2-results__message {
        -webkit-column-span: all;
        column-span: all;
    }

.select2-container--open.select2-config {
    left: auto !important;
}

span.txt {
    color: #333 !important;
    padding-right: 3px;
}

@-moz-document url-prefix() {
    select {
        padding: 2px 3px !important;
    }
}

.colors, .province, .district, .instore-time > span, .customer-prov, .customer-dis, .customer-ward, .deli-date, .deli-time {
    position: relative;
}

    .colors:not(.none):before {
        content: '';
        position: absolute;
        top: -9px;
        right: 1px;
        width: 30px;
        border-left: 1px solid #f1f1f1;
        height: 34px;
    }

    .colors:not(.none):after {
        content: '';
        border-color: #288ad6 transparent transparent transparent;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        height: 0;
        right: 10px;
        margin-left: -4px;
        margin-top: -2px;
        position: absolute;
        top: 50%;
        width: 0;
    }

    .instore-time > span:not(.none):before {
        content: '';
        position: absolute;
        top: -8px;
        right: 1px;
        width: 30px;
        border-left: 1px solid #f1f1f1;
        height: 34px;
    }

    .instore-time > span:not(.none):after {
        content: '';
        border-color: #288ad6 transparent transparent transparent;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        height: 0;
        right: 10px;
        margin-left: -4px;
        margin-top: -1px;
        position: absolute;
        top: 50%;
        width: 0;
    }

    .province:not(.none):before, .customer-prov:not(.none):before {
        content: '';
        position: absolute;
        top: 1px;
        right: 11px;
        width: 30px;
        border-left: 1px solid #f1f1f1;
        height: 34px;
    }

    .province:not(.none):after, .customer-prov:not(.none):after {
        content: '';
        border-color: #288ad6 transparent transparent transparent;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        height: 0;
        right: 20px;
        margin-left: -4px;
        margin-top: -2px;
        position: absolute;
        top: 50%;
        width: 0;
    }

    .district:not(.none):before, .customer-dis:not(.none):before, .customer-ward:not(.none):before {
        content: '';
        position: absolute;
        top: 1px;
        right: 1px;
        width: 30px;
        border-left: 1px solid #f1f1f1;
        height: 34px;
    }

    .customer-ward:not(.none):before {
        right: 11px;
    }

    .district:not(.none):after, .customer-dis:not(.none):after, .customer-ward:not(.none):after {
        content: '';
        border-color: #288ad6 transparent transparent transparent;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        height: 0;
        right: 10px;
        margin-left: -4px;
        margin-top: -2px;
        position: absolute;
        top: 50%;
        width: 0;
    }

    .customer-ward:not(.none):after {
        right: 20px;
    }

    .deli-time:not(.none):before {
        content: '';
        position: absolute;
        top: 1px;
        right: 1px;
        width: 30px;
        border-left: 1px solid #f1f1f1;
        height: 34px;
    }

    .deli-time:not(.none):after {
        content: '';
        border-color: #288ad6 transparent transparent transparent;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        height: 0;
        right: 10px;
        margin-left: -4px;
        margin-top: -2px;
        position: absolute;
        top: 50%;
        width: 0;
    }

    .deli-date:not(.none):before {
        content: '';
        position: absolute;
        top: 1px;
        right: 10px;
        width: 30px;
        border-left: 1px solid #f1f1f1;
        height: 34px;
    }

    .deli-date:not(.none):after {
        content: '';
        border-color: #288ad6 transparent transparent transparent;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        height: 0;
        right: 20px;
        margin-left: -4px;
        margin-top: -2px;
        position: absolute;
        top: 50%;
        width: 0;
    }

    .deli-date select, .deli-time select {
        border: 1px solid #d9d9d9;
    }

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

billvat label {
    display: inline-block;
    cursor: pointer;
}

.vat.check .iconcheckbox {
    background-position: -100px -25px;
}

.infocompany {
    display: none;
    overflow: hidden;
}

    .infocompany input {
        display: block;
        padding: 9px 0;
        height: 20px;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        margin-top: 10px;
        text-indent: 10px;
        width: 99%;
    }

    .infocompany textarea {
        display: block;
        padding: 9px 0;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        margin-top: 10px;
        text-indent: 10px;
        width: 99%;
    }

.requestother {
    display: block;
    padding: 9px 0;
    height: 20px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    margin: 10px 0;
    text-indent: 10px;
    width: 99.8%;
}

.area_secur {
    display: block;
    overflow: hidden;
    margin: 0 10px;
}

    .area_secur span {
        display: block;
        overflow: hidden;
        margin: 10px 0;
    }

    .area_secur .capcha {
        display: inline-block;
        overflow: hidden;
        vertical-align: top;
        width: 130px;
    }

    .area_secur .changecode {
        display: block;
        color: #288ad6;
        padding: 5px 0;
    }

    .area_secur .entercapcha {
        display: inline-block;
        overflow: hidden;
        vertical-align: top;
        width: 58%;
        float: right;
    }

    .area_secur input {
        display: block;
        padding: 9px 0;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        height: 20px;
        text-indent: 10px;
        width: 98%;
        margin-bottom: 5px;
    }

.payoffline {
    display: block;
    float: left;
    overflow: hidden;
    width: 260px;
    padding: 9px 0;
    margin: 10px 0 20px 30px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    background: #fd6e1d;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));
    background: -webkit-linear-gradient(top,#f59000,#fd6e1d);
    background: -moz-linear-gradient(top,#f59000,#fd6e1d);
    background: -ms-linear-gradient(top,#f59000,#fd6e1d);
    background: -o-linear-gradient(top,#f59000,#fd6e1d);
}

    .payoffline span {
        display: block;
        font-size: 12px;
        color: #fff;
        text-transform: none;
        font-weight: 300;
    }

    .payoffline.full-height {
        padding: 16px 0;
    }

    .payoffline.full {
        width: 90%;
    }

.payonline {
    float: right;
    overflow: hidden;
    margin: 10px 30px 20px 0;
    position: relative;
    width: 260px;
}

    .payonline div {
        display: block;
        overflow: hidden;
        padding: 9px 0;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        background: #0e74c2;
        background: -webkit-gradient(linear,0% 0%,0% 100%,from(#0e74c2),to(#288ad6));
        background: -webkit-linear-gradient(top,#288ad6,#0e74c2);
        background: -moz-linear-gradient(top,#288ad6,#0e74c2);
        background: -ms-linear-gradient(top,#288ad6,#0e74c2);
        background: -o-linear-gradient(top,#288ad6,#0e74c2);
        cursor: pointer;
    }

    .payonline span {
        display: block;
        font-size: 12px;
        color: #fff;
        text-transform: none;
        font-weight: 300;
    }

.atm {
    text-align: center;
    text-transform: uppercase;
    margin-right: 1px;
    padding: 9px 3px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 12px;
    line-height: 1.3em;
    background: #4a90e2;
    color: #fff;
    border-color: #2465c7;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#205db6),to(#2a71d8));
    background: -webkit-linear-gradient(top,#2a71d8,#205db6);
    background: -moz-linear-gradient(top,#2a71d8,#205db6);
    background: -ms-linear-gradient(top,#2a71d8,#205db6);
    background: -o-linear-gradient(top,#2a71d8,#205db6);
    display: inline-block;
    vertical-align: middle;
    width: 43%;
}

.visa {
    text-align: center;
    text-transform: uppercase;
    padding: 18px 3px 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 12px;
    line-height: 1.3em;
    background: #0037a0;
    color: #fff;
    border-color: #001f5b;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#00308a),to(#0037a0));
    background: -webkit-linear-gradient(top,#0037a0,#00308a);
    background: -moz-linear-gradient(top,#0037a0,#00308a);
    background: -ms-linear-gradient(top,#0037a0,#00308a);
    background: -o-linear-gradient(top,#0037a0,#00308a);
    display: inline-block;
    vertical-align: middle;
    width: 43%;
}

.itemfull {
    background: #fff;
    border: 1px solid #ccc;
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 10px;
    padding: 10px;
}

    .itemfull .colimg {
        float: left;
        overflow: hidden;
        width: 75px;
    }

    .itemfull img {
        display: block;
        width: 55px;
        height: auto;
    }

    .itemfull .colimg button {
        display: block;
        text-align: center;
        font-size: 12px;
        color: #999;
        width: 60px;
        border: 0;
        background: #fff;
        margin: 5px auto;
    }

.scrollview {
    display: block;
    overflow: hidden;
    padding: 10px 15px 10px 15px;
    font-size: 14px;
    color: #fff;
    background: #4a90e2;
    border-radius: 20px;
    width: 140px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 40px;
    margin: auto;
}

.itemfull .colimg button span {
    float: left;
    width: 12px;
    height: 12px;
    background: #ccc;
    border-radius: 10px;
    position: relative;
    margin-top: 3px;
    overflow: hidden;
}

    .itemfull .colimg button span:before {
        content: '';
        width: 2px;
        height: 8px;
        background: #fff;
        position: absolute;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

    .itemfull .colimg button span:after {
        content: '';
        width: 2px;
        height: 8px;
        background: #fff;
        position: absolute;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }

    .itemfull .colimg button span:before, .itemfull .colimg button span:after {
        top: 2px;
        left: 5px;
    }

.scrollview:before, .scrollview:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    left: 85%;
    top: 16px;
}

.scrollview:after {
    border-top-color: #4a90e2;
    border-width: 4px;
    margin-left: 2px;
}

.captcha {
    padding: 10px 10px 0;
}

    .captcha label {
        display: block;
        margin-bottom: 5px;
    }

.listorder li .promotion.many span {
    display: none;
}

.listorder li .promotion .title {
    display: none;
}

.listorder li .promotion.many .title {
    display: block;
    font-size: 12px;
}

    .listorder li .promotion.many .title span {
        display: inline;
        color: #c10017;
        padding: 0;
    }

        .listorder li .promotion.many .title span:before {
            display: none;
        }

.listorder li .promotion .title label {
    color: #288ad6;
    font-size: 12px;
    display: block;
    cursor: pointer;
}

    .listorder li .promotion .title label:after {
        content: '';
        border-top: 5px solid #4a90e2;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        display: inline-block;
        vertical-align: middle;
        margin: -1px 0 0 5px;
    }

.promotion span a {
    display: inline !important;
    color: #4a90e2 !important;
    font-size: 12px !important;
}

.colors .select2-container {
    margin-top: 10px !important;
}

.augment.disable {
    pointer-events: none;
}

    .augment.disable i, .augment.disable i {
        background: #ccc !important;
    }

.abate.active {
    pointer-events: auto;
    cursor: pointer;
}

    .abate.active i {
        background: #288ad6;
    }

#cart-form input[type=radio] {
    -ms-opacity: 0;
    opacity: 0;
    width: 0;
    height: 0;
    border: 0;
    display: none;
}

#cart-form .radio > .box {
    border: 1px solid #9e9e9e;
}

#cart-form input[type=radio]:checked + label > .box {
    border: 1px solid #fd761a;
}

#cart-form select {
    padding: 6px;
    border-radius: 3px;
    font-family: inherit;
}

.radio {
    -webkit-display: flex;
    display: flex;
    cursor: pointer;
}

    .radio > .box {
        display: inline-block;
        background-color: #fff;
        -ms-border-radius: 50%;
        border-radius: 50%;
        min-width: 14px;
        height: 14px;
        line-height: 16px;
        text-align: center;
        vertical-align: top;
        margin-right: 5px;
    }

#cart-form input[type=radio]:checked + label > .box:before {
    content: '';
    background-color: #fd761a;
    width: 8px;
    height: 8px;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: block;
    margin: 3px auto;
}

.radio > .text {
    display: inline;
}

.pdr {
    padding-right: 2%;
}

.w50 {
    display: inline-block;
    width: calc(49% - 2px);
    margin-top: 5px;
    vertical-align: top;
}

.store-list li {
    margin-top: 10px;
    cursor: pointer;
}

    .store-list li:first-child {
        margin-top: 15px;
    }

    .store-list li .text span {
        font-size: 12px;
    }

.preorder .store-list li .text span {
    display: none;
}

.cathe.check .iconmobile-checkbox {
    background-position: -160px -75px;
}

.store-list {
    display: block;
    max-height: 270px;
    overflow: auto;
}

.instore-time {
    margin-top: 10px;
}

.picsuccess {
    display: block;
    overflow: visible;
    position: relative;
    margin-bottom: 20px;
}

    .picsuccess img {
        display: block;
        width: 100%;
        max-width: 640px;
        height: auto;
    }

    .picsuccess .notistatus {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -18px;
        margin: 0 auto;
        text-align: center;
    }

.notistatus span {
    line-height: 30px;
    font-size: 14px;
    color: #00af1d;
    font-weight: 600;
    text-align: center;
    margin: auto;
    text-transform: uppercase;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.16);
    padding: 10px 10px;
}

.picsuccess .un span {
    background: #f00;
    color: #fff;
}

.iconsuccess {
    background-position: -145px 0;
    width: 18px;
    height: 14px;
    margin: -3px 3px 0 0;
}

.iconsuccess-lg {
    background-position: -144px -20px;
    width: 22px;
    height: 17px;
    margin: -3px 3px 0 0;
}

.thank {
    display: block;
    overflow: hidden;
    color: #333;
    line-height: 22px;
    padding: 10px;
}

.titlebill {
    display: block;
    line-height: 30px;
    font-size: 14px;
    color: #333;
    background: #f0f0f0;
    text-transform: uppercase;
    padding: 0 10px;
}

.infoorder {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    padding: 5px 10px;
}

    .infoorder div {
        display: block;
        overflow: hidden;
        margin-bottom: 5px;
        padding-left: 10px;
    }

        .infoorder div:before {
            content: '•';
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
            font-size: 20px;
            color: #999;
            margin: 0 3px 0 -10px;
        }

        .infoorder div strong {
            color: #c10017;
        }

.callship {
    display: block;
    overflow: hidden;
    padding: 10px;
    font-size: 14px;
    color: #333;
    line-height: 22px;
}

section.preorderdone.done .callship {
    padding-top: 0;
    margin-top: -5px;
}

.callship a {
    color: #288ad6;
    font-weight: 600;
}

.buyother {
    display: block;
    overflow: hidden;
    background: #fff;
    line-height: 40px;
    text-align: center;
    margin: 15px auto;
    width: 300px;
    font-size: 14px;
    color: #288ad6;
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #288ad6;
    border-radius: 4px;
}

.null_cart {
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    color: #666;
    transform: translate(0,50%);
    -webkit-transform: translate(0,50%);
    -moz-transform: translate(0,50%);
    -o-transform: translate(0,50%);
    -ms-transform: translate(0,50%);
    height: 240px;
}

.iconnull {
    background-position: 0 -25px;
    width: 70px;
    height: 54px;
    display: block;
    margin: 10px auto;
}

.iconclose {
    background-position: 0 0;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.notify {
    display: block;
    overflow: hidden;
    background: #fff;
    border-radius: 4px;
    position: relative;
    width: 280px;
    margin: auto;
    padding: 25px 10px 10px;
    font-size: 14px;
    color: #333;
    line-height: 22px;
}

    .notify strong {
        color: #dd4b39;
    }

    .notify a {
        color: #288ad6;
        font-weight: 600;
    }

.quan {
    float: right;
    margin: 5px 0;
}

.alertshop {
    overflow: hidden;
    background: #fffcd5;
    padding: 10px;
    margin: -10px 0 0;
    font-size: 12px;
    color: #333;
}

#cod span.price-color {
    color: #333 !important;
}

#sms-fee span.price-color {
    color: #c10017 !important;
}

#totalCopuon a {
    color: #288ad6;
    display: inline-block;
}

.alert {
    display: none;
    overflow: visible;
    width: 100%;
    max-width: 640px;
    margin: 48px auto 0;
    position: fixed;
    top: 10%;
    left: 0;
    right: 0;
    z-index: 100000;
}

.alertVerify {
    display: none;
    overflow: visible;
    width: 100%;
    max-width: 640px;
    margin: 48px auto 0;
    position: fixed;
    top: 10%;
    left: 0;
    right: 0;
    z-index: 100000;
}

.cty {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    padding: 5px 10px;
    border-top: 1px solid #eee;
}

    .cty div {
        display: block;
        overflow: hidden;
        margin-bottom: 5px;
    }

.shockprice {
    background: #f82c31;
    color: #fff;
}

    .shockprice h4 {
        font-size: 1.5em;
        line-height: 1.5em;
        font-weight: bold;
        color: #fff;
        margin-bottom: 5px;
        padding-left: 10px;
        text-transform: uppercase;
    }

    .shockprice a, .shockprice .promotions label {
        color: #fff !important;
    }

    .shockprice .price-color, .shockprice .normal-price, .shockprice .dis-price, .shockprice .lucky-price {
        color: #f8d706 !important;
        font-weight: bold;
    }

    .shockprice .normal-price, .shockprice .dis-price {
        clear: both;
    }

    .shockprice .promotions .dropdown {
        color: #333;
    }

    .shockprice .dis-price {
        color: #f8d706;
        margin-top: 5px;
        display: block;
    }

    .shockprice .normal-price {
        color: #f8d706;
        margin-top: 5px;
        display: block;
        text-decoration: line-through;
    }

    .shockprice .lucky-price {
        color: #f8d706;
        display: block;
    }

    .shockprice .col-1 {
        float: right;
    }

    .shockprice .col-2 {
        float: left;
        width: 80%;
    }

.normal-price {
    margin-top: 5px;
    display: block;
    text-decoration: line-through;
    color: #f44336;
}

.dis-price {
    margin-top: 5px;
    display: block;
    color: #f44336;
}

.shockprice29 .colinfo a {
    color: #fff !important;
    width: 99% !important;
}

.shockprice li .promotion {
    background: none !important;
}

    .shockprice li .promotion span {
        color: #fff;
    }

        .shockprice li .promotion span:before {
            color: #fff;
        }

.div-bottom {
    background-image: url(https://cdn.tgdd.vn/dmx2016/Content/images/campaign/shockprice/bottom.png);
    background-color: #fff4de;
    background-repeat: repeat-x;
    background-position: bottom;
    height: 3px;
    background-size: 10px 3px;
    margin-top: -10px;
}

.hm-bn .owl-prev {
    left: 10px;
}

.countimg {
    display: block;
    color: #333;
    cursor: pointer;
    background: #f1f1f1;
    width: 100%;
    overflow: hidden;
}

.hm-bn .owl-next {
    right: 10px;
}

.orderby {
    background: #fff;
    padding: 10px;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
    z-index: 99;
}

    .orderby div {
        display: inline-block;
    }

    .orderby span {
        color: #666;
        font-size: 12px;
    }

    .orderby a {
        color: #333;
        font-size: 14px;
        display: inline-block;
    }

    .orderby .iconcate-radio {
        margin-left: 10px;
        margin-right: 5px;
        height: 18px;
        width: 17px;
    }

a.check .iconcate-radio {
    background-position: -99px -80px;
}

.iconcate-radio {
    background-position: -60px -80px;
    width: 16px;
    height: 16px;
}

.countimg .count {
    width: 50px;
    text-align: center;
    padding: 7px 0;
    background: #ddd;
    float: right;
}

.countimg span {
    display: inline-block;
    padding: 7px 0;
    float: left;
}

.countimg .btn {
    font-size: 14px;
    width: calc(100% - 50px);
    text-align: center;
    color: #288ad6;
}

.product-img-content .owl-carousel .owl-item {
    padding: 0px;
}

.btn .icondetailV3-zoomfeature {
    background-position: -43px -79px;
    width: 15px;
    height: 15px;
    vertical-align: text-top;
    margin-right: 5px;
    background-image: url(../images/productV3@1x.v201808041110.png);
    background-repeat: no-repeat;
    display: inline-block;
    line-height: 30px;
}

.area_promotion {
    display: block;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 4px;
    position: relative;
    margin: 0;
    background: #fff;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.action-name {
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

/*.area_promotion strong:first-child {
    margin-top: 0;
    padding-bottom: 0;
    text-transform: unset;
}*/

.area_promotion strong {
    display: block;
    overflow: hidden;
    font-size: 16px;
    color: #333;
    padding: 8px 10px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 10px;
}

/*.area_promotion.newpro span {
    display: block;
    overflow: hidden;
    padding: 10px 10px 0 30px;
}*/

.icondetail-check {
    margin-left: -20px;
    background-position: -260px -50px;
    width: 16px;
    height: 16px;
}

[class^="icondetail-"], [class*="icondetail-"] {
    background-image: url(../images/icondetaildesktop@1x.v201802021140.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
}

.area_promotion span small {
    font-size: inherit;
    color: #999;
}

.area_promotion aside {
    display: block;
    overflow: hidden;
    margin-top: 10px;
}

    .area_promotion aside p {
        font-size: 12px;
        color: #666;
        padding-top: 10px;
        border-top: 1px dashed #c8c8c8;
        margin: 0 10px;
    }

.product-image-thumbs .item {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    overflow: hidden;
    font-size: 12px;
    color: #333;
    line-height: normal;
    cursor: pointer;
    width: 80px;
    vertical-align: top;
    position: relative;
    border: 1px solid #dfdfdf;
    margin: 2px;
    /* width: 70px; */
    height: 65px;
}

.more-views .img-responsive {
    height: 65px;
    width: 100%;
}

.specs {
    display: block !important;
    position: relative;
    overflow: hidden;
    background: #fff;
}

    .specs li {
        display: block !important;
        background: #f4f4f4;
        padding: 10px;
        font-size: 20px;
        color: #999;
    }

        .specs li span.specname {
            font-size: 14px;
            color: #333;
            font-weight: 600;
        }

        .specs li span.specval {
            font-size: 14px;
            color: #333;
            margin-left: 5px;
        }

            .specs li span.specval a {
                color: #288ad6;
            }

        .specs li:nth-child(2n) {
            background: #fff;
        }

.area_promotion .imgpromotion {
    display: block;
    overflow: hidden;
    width: calc(100% - 20px);
    white-space: nowrap;
    padding: 10px 10px 0;
}

    .area_promotion .imgpromotion a {
        display: inline-block;
        margin-right: 10px;
        width: calc(25% - 12px);
        float: left;
    }

    .area_promotion .imgpromotion img {
        display: block;
        width: 50px;
        height: 50px;
        margin: auto;
        float: left;
        margin-right: 5px;
    }

    .area_promotion .imgpromotion h3 {
        overflow: hidden;
        font-size: 11px;
        color: #288ad6;
        white-space: initial;
        text-overflow: ellipsis;
        line-height: 13px;
        margin-top: 5px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        max-height: 40px;
    }

    .area_promotion .imgpromotion a:hover h3 {
        color: #666;
    }

#sync3 .owl-nav .owl-prev {
    background: url('../images/prebt3.png') no-repeat !important;
    width: 100px;
    height: 70px;
}

.product-img-content .nutphai {
    background: url(../images/nextbt.png) no-repeat !important;
    height: 36px;
}

.product-img-content .nuttrai {
    background: url(../images/prebt.png) no-repeat !important;
    height: 36px;
}

.product-img-content .nutphai i {
    display: none;
}

.product-img-content .nuttrai i {
    display: none;
}

#sync3 .owl-nav .owl-next {
    /* background: url('../images/nextbt3.png') no-repeat !important; */
    width: 100px;
    height: 70px;
	background:white;
}

.owl-carousel .owl-nav .owl-prev {
    /* background: url('../images/prebt.png') no-repeat !important; */
    width: 28px;
    height: 37px;
	background:white;
}

#closeicon {
    background: url('../images/closeicon.png') no-repeat !important;
    width: 62px;
    height: 62px;
    top: 100px;
}

.owl-carousel .owl-nav .owl-next {
    /* background: url(../images/nextbt.png) no-repeat !important; */
    width: 28px;
    height: 37px;
	background:white;
}

/*svg:not(:root) {
    display: none;
}
*/
#Location {
    width: 100%;
    border: 1px solid #ccc;
    background: white;
}

#receiverTown {
    width: 100%;
    border: 1px solid #ccc;
    background: white;
}

#sync1.owl-theme {
    position: relative;
}

.owl-next, .owl-prev {
    width: 22px;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 45%;
}

.owl-prev {
    left: 35px;
}

.owl-next {
    right: 35px;
}

.owl-stage-outer .current {
    border-top: 4px solid #ffffff;
}

/*#menu2017 {
    height: 341px;
}*/

#sync2 {
    width: 100%;
    vertical-align: middle;
    position: relative;
    color: #666;
    text-align: center;
    cursor: pointer;
    height: 77px;
    font-size: 12px;
    padding: 0 2%;
    margin-top: -21px;
}

ul#header-contact li a {
    color: yellow;
}

.nav > li > a > i + span {
    margin-left: 5px;
}

#sync2 .owl-item:last-child:after {
    border: none;
}

#sync2 .item {
    display: table;
    width: 100%;
    vertical-align: middle;
    position: relative;
    background: #0052aa;
    color: #666;
    text-align: center;
    cursor: pointer;
    height: 60px;
    font-size: 12px;
    padding: 0 1%;
    /*border-top: 4px solid #fff;*/
}

#sync2 .owl-item:after {
    content: '';
    float: right;
    height: 30px;
    border-right: 1px solid #e5e5e5;
    position: absolute;
    top: 13px;
    right: 0;
}

#sync2 .item h3 {
    font-size: 12px;
    line-height: 1.3em;
    display: inline-block;
    vertical-align: middle;
    display: table-cell;
    color: #ffffff;
}

.form-search option {
    padding: 10px;
}

.header-content .container {
    padding-top: 20px;
    padding-bottom: 20px;
}

.g-row {
    line-height: 18px;
    padding-bottom: 5px;
    font-size: 12px;
}

.p-checkred {
    padding: 0 0 0 19px;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 3px;
}
/*Giỏ hàng*/
.wrap_cart {
    display: block;
    width: 100%;
    max-width: 600px;
    margin: auto;
    background: #fff;
    border: 1px solid #d8d8d8;
    box-shadow: 0 0 20px rgba(0,0,0,.15);
    padding-bottom: 20px;
}

.listorder {
    display: block;
    overflow: visible;
    background: #fff;
    clear: both;
    padding-top: 10px;
}

    .listorder li {
        display: block;
        overflow: visible;
        border-bottom: 1px solid #f5f5f5;
        margin: 10px 30px;
        padding-bottom: 10px;
        min-height: 70px;
        clear: both;
    }

        .listorder li .colimg {
            float: left;
            overflow: hidden;
            width: 85px;
            text-align: center;
        }

        .listorder li a {
            display: block;
            overflow: hidden;
        }

        .listorder li .colimg button {
            display: block;
            text-align: center;
            font-size: 12px;
            color: #999;
            width: 40px;
            border: 0;
            background: #fff;
            margin: auto;
            cursor: pointer;
        }

            .listorder li .colimg button span {
                float: left;
                width: 12px;
                height: 12px;
                background: #ccc;
                border-radius: 10px;
                position: relative;
                margin-top: 3px;
            }

                .listorder li .colimg button span:before {
                    content: '';
                    width: 2px;
                    height: 8px;
                    background: #fff;
                    position: absolute;
                    -webkit-transform: rotate(45deg);
                    -moz-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    -o-transform: rotate(45deg);
                }

                .listorder li .colimg button span:after {
                    content: '';
                    width: 2px;
                    height: 8px;
                    background: #fff;
                    position: absolute;
                    -webkit-transform: rotate(-45deg);
                    -moz-transform: rotate(-45deg);
                    -ms-transform: rotate(-45deg);
                    -o-transform: rotate(-45deg);
                }

        .listorder li .colinfo {
            display: inline-block;
            overflow: visible;
            width: 450px;
            padding-left: 5px;
        }

            .listorder li .colinfo strong {
                font-weight: normal;
                font-size: 14px;
                color: #c10017;
                float: right;
            }

            .listorder li .colinfo > a {
                font-weight: bold;
            }

        .listorder li .promotion {
            background: #fff;
            padding: 5px 0;
            width: 345px;
            height: auto;
            margin: 0 10px 0 0;
            display: block;
            overflow: hidden;
        }

            .listorder li .promotion .title {
                display: none;
            }

            .listorder li .promotion span {
                display: block;
                overflow: hidden;
                padding-left: 10px;
                color: #333;
                margin-bottom: 5px;
                font-size: 12px;
            }

            .listorder li .promotion .title label {
                color: #288ad6;
                font-size: 12px;
                display: block;
                cursor: pointer;
            }

            .listorder li .promotion span:last-child {
                margin-bottom: 0;
            }

.choosenumber {
    float: right;
    overflow: hidden;
    position: relative;
    width: 25%;
    border: 1px solid #dfdfdf;
    background: #fff;
    border-radius: 3px;
    line-height: 32px;
    font-size: 14px;
    color: #333;
    margin: 5px 0 5px 0;
}

.abate {
    float: left;
    border-right: 1px solid #dfdfdf;
    background: #fff;
    width: 32%;
    height: 32px;
    position: relative;
    pointer-events: none;
}

.augment {
    float: right;
    border-left: 1px solid #dfdfdf;
    background: #fff;
    width: 32%;
    height: 32px;
    position: relative;
    cursor: pointer;
}

.area_total {
    display: block;
    overflow: hidden;
    padding: 10px 30px 10px;
    border-bottom: 1px solid #d8d8d8;
    background: #fff;
}

    .area_total div {
        overflow: hidden;
        font-size: 14px;
        color: #333;
        line-height: 24px;
    }

        .area_total div.total b {
            float: left;
        }

        .area_total div.total strong {
            float: right;
            font-size: 16px;
            color: #c10017;
        }

    .area_total div {
        overflow: hidden;
        font-size: 14px;
        color: #333;
        line-height: 24px;
    }

#cod span.price-color {
    color: #333 !important;
}

.infouser {
    overflow: hidden;
    background: #fff;
    padding: 0 20px;
}

.malefemale {
    display: block;
    overflow: hidden;
    padding: 10px 10px 0;
    background: #fff;
}

    .malefemale label {
        float: left;
        margin-right: 30px;
        cursor: pointer;
    }

.texterror {
    display: none;
    font-size: 12px;
    color: #dd4b39;
}

.areainfo {
    display: block;
    overflow: hidden;
    padding: 0 10px 10px;
}

    .areainfo .left {
        float: left;
        width: 49%;
        margin-bottom: 5px;
    }

    .areainfo input {
        display: block;
        padding: 20px 0px;
        height: 20px;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        margin: 10px 0 5px;
        text-indent: 10px;
        width: 99.6%;
    }

#cart-form input[type=radio]:checked + label > .box {
    border: 1px solid #fd761a;
}

#cart-form .radio > .box {
    border: 1px solid #9e9e9e;
}

.radio > .box {
    display: inline-block;
    background-color: #fff;
    -ms-border-radius: 50%;
    border-radius: 50%;
    min-width: 14px;
    height: 14px;
    line-height: 16px;
    text-align: center;
    vertical-align: top;
    margin-right: 5px;
}

.abate i {
    width: 12px;
    height: 2px;
    background: #ccc;
    display: block;
    margin: 15px auto;
}

.augment {
    float: right;
    border-left: 1px solid #dfdfdf;
    background: #fff;
    width: 32%;
    height: 32px;
    position: relative;
    cursor: pointer;
}

    .augment i:first-child {
        width: 12px;
        height: 2px;
        background: #288ad6;
        display: block;
        margin: 15px auto;
    }

    .augment i:nth-child(2) {
        width: 2px;
        height: 12px;
        background: #288ad6;
        display: block;
        margin: 0 auto;
        position: absolute;
        top: 10px;
        left: 0;
        right: 0;
    }

.number {
    font-size: 14px;
    color: #333;
    float: left;
    width: 33%;
    height: 32px;
    text-align: center;
}

.w50 {
    display: inline-block;
    width: calc(49% - 2px);
    margin-top: 5px;
    vertical-align: top;
}

#cart-form select {
    padding: 6px;
    border-radius: 3px;
    font-family: inherit;
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2 span {
    color: #288ad6 !important;
}

.select2-container--default .select2-selection--single {
    height: 36px;
    border: 1px solid #d9d9d9;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 30px;
    user-select: none;
    -webkit-user-select: none;
    text-align: left;
}

    .select2-container .select2-selection--single .select2-selection__rendered {
        display: block;
        padding: 0 6px;
        margin-right: 31px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

#cart-form input[type=radio] {
    -ms-opacity: 0;
    opacity: 0;
    width: 0;
    height: 0;
    border: 0;
    display: none;
}

    #cart-form input[type=radio]:checked + label > .box:before {
        content: '';
        background-color: #fd761a;
        width: 8px;
        height: 8px;
        -ms-border-radius: 50%;
        border-radius: 50%;
        display: block;
        margin: 2px auto;
    }

.areainfo .right {
    float: right;
    width: 49%;
    margin-bottom: 5px;
}

.area_other {
    display: block;
    overflow: visible;
    padding: 5px 30px 0;
    background: #fff;
}

    .area_other .textnote {
        display: block;
        overflow: hidden;
        margin-bottom: 10px;
    }

.address {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    color: #288ad6;
}

.supermarket {
    display: inline-block;
    vertical-align: top;
    color: #288ad6;
}

.area_address {
    overflow: visible;
    background: #f0f0f0;
    margin-top: 15px;
    padding: 20px 20px 0 20px;
    position: relative;
}

.citydis {
    display: block;
    position: relative;
}

.homenumber {
    display: block;
    padding: 20px 0;
    height: 20px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    margin-top: 10px;
    text-indent: 10px;
    width: 99.8%;
}

.cathe, .tragop, .tragophsp {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    padding: 10px 0 0px;
    cursor: pointer;
}

.billvat {
    background: #f0f0f0;
    padding: 10px 20px 10px;
    position: relative;
    overflow: hidden;
    margin: 0 0 10px 0;
}

    .billvat label {
        display: inline-block;
        cursor: pointer;
    }

.iconnoti {
    background: url(../images/iconcartmobile@2x.v201710021430.png) no-repeat;
    background-size: 173px 85px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
}

.iconcheckbox {
    background-position: -80px -25px;
    width: 16px;
    height: 16px;
    vertical-align: sub;
}

.infocompany {
    display: none;
    overflow: hidden;
}

    .infocompany input {
        display: block;
        padding: 20px 0;
        height: 20px;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        margin-top: 10px;
        text-indent: 10px;
        width: 99%;
    }

.p-checkred {
    margin: 0 0 2px;
    display: inline-block;
}

.icon16-placegray {
    background: url(/Content/Csspublic/images/icon-item16.png) no-repeat 0 -160px;
}

.p-checkred .icon16-nl, .p-checkred .icon16-cod, .p-checkred .icon16-placegray, .p-checkred .icon16-telgray {
    float: left;
    margin: 3px 0 0 -18px;
}

[class*="icon16"] {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
}

.icon16-telgray {
    background: url(/Content/Csspublic/images/icon-item16.png) no-repeat 0 -144px;
}

.p-checkred .icon16-telgray {
    float: left;
    margin: 3px 0 0 -18px;
}

sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

.u-price {
    /*text-decoration: underline;*/
}

.adr.box.box-truck {
    width: 240px;
    height: 74px;
    background: url('/Content/Csspublic/images/Mien_phi_van_chuyen.png') no-repeat center center;
}

#box_delivery_policies, .page-details #box_delivery_policies_1024 {
    margin-bottom: 0;
}

#box_delivery_policies {
}

#box_merchants_info {
    border-bottom: none;
    margin-bottom: 0;
}

.adr.box {
    margin-bottom: 16px;
}

    .adr.box .header {
        padding: 16px 16px 0 16px;
    }

        adr.box .header:before, .adr.box .header:after {
            content: " ";
            display: table;
        }

        .adr.box .header .title {
            margin: 0;
            padding: 0;
            font-family: "Roboto-Medium",sans-serif;
        }

#box_delivery_policies > .body, .page-details #box_delivery_policies_1024 > .body {
    padding: 8px;
}

.adr.list {
    padding-left: 0;
    margin-left: 0;
    list-style: outside none none;
}

#delivery_policies_list > .item, .page-details #box_delivery_policies_1024 > .body #delivery_policies_list > .item, .page-details #box_delivery_policies > .body #delivery_policies_list_1024 > .item, .page-details #box_delivery_policies_1024 > .body #delivery_policies_list_1024 > .item {
    clear: both;
    line-height: 18px;
    margin: 5px 0;
}

    #box_delivery_policies > .body #delivery_policies_list > .item > .icon, .page-details #box_delivery_policies_1024 > .body #delivery_policies_list > .item > .icon, .page-details #box_delivery_policies > .body #delivery_policies_list_1024 > .item > .icon, .page-details #box_delivery_policies_1024 > .body #delivery_policies_list_1024 > .item > .icon {
        width: 25%;
        /*height: 40px;*/
        display: inline-block;
        vertical-align: middle;
        margin-right: 2px;
        text-align: center;
    }

#box_delivery_policies, #box_delivery_policies .icon {
    z-index: 1;
}

.adr.icon, .adr .icon {
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin: 0;
}

.icon {
    font-size: 16px;
}

#box_delivery_policies, #box_delivery_policies .icon {
    z-index: 1;
}

.adr.icon.truck {
    background-image: url('/Content/Csspublic/images/adr-icon-truck-2.png');
}

.adr.icon.huge {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
}

.adr.icon {
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
}

.adr.icon, .adr .icon {
    background-position: center center;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin: 0;
}

#box_delivery_policies > .body #delivery_policies_list > .item > .text, .page-details #box_delivery_policies_1024 > .body #delivery_policies_list > .item > .text, .page-details #box_delivery_policies > .body #delivery_policies_list_1024 > .item > .text, .page-details #box_delivery_policies_1024 > .body #delivery_policies_list_1024 > .item > .text {
    font-size: 12px;
    width: 70%;
    display: inline-block;
    vertical-align: middle;
}

.adr.icon.location2:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -16px;
    margin-left: -16px;
    background-image: url(/Content/Csspublic/images/spritesheet2.png);
    background-repeat: no-repeat;
    display: block;
    width: 32px;
    height: 32px;
    background-position: -99px -5px;
}

.adr.icon.box {
    background-image: url('/Content/Csspublic/images/adr-icon-box.png');
    margin-left: 10px;
}

.adr.icon.cash {
    background-image: url('/Content/Csspublic/images/adr-icon-additional-cash.png');
}

.adr.icon.blue.ribbon {
    background-image: url('/Content/Csspublic/images/adr-icon-blue-ribbon.png');
}

.adr.icon.location2 {
    position: relative;
}

.adr.icon.box {
    border: none;
}

#selected_merchant > .adr.list > .item > .text {
    width: 70%;
    display: inline-block;
    vertical-align: middle;
}

#selected_merchant #selected_merchant_name {
    color: #0388cd !important;
    font-family: "Roboto-Medium",sans-serif;
    font-size: 14px;
}

#selected_merchant > .adr.list > .item > .icon {
    width: 25%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    text-align: center;
}

.adr.box .body {
    padding: 8px 16px 16px 10px;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td {
    border: 1px solid #f5f5f5;
}

.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td {
    line-height: 20px;
    border-top: 1px solid #f5f5f5;
    padding: 7px;
}

.table > thead > tr > th {
    font-weight: bold;
    padding: 8px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-striped > tbody > tr:nth-child(odd) {
    background-color: #f1f4f8;
}

.table-striped > tbody > tr:nth-child(2n+1) {
    background-color: #f3f3f3;
}

.field {
    margin-top: 10px;
}

    .field lable {
        font-weight: normal;
    }

body {
    background-color: #fff;
    margin: 0;
    padding: 0;
    /*font: 12px/1.55 Arial,Helvetica,sans-serif;
    color: #757575;
    text-align: left;*/
    /*color: #ffffcc;*/
}

img {
    border: 0;
    vertical-align: top;
}

a {
    /*color: #ffffcc;*/
    outline: medium none !important;
}

    a:hover {
        text-decoration: none;
    }

:focus {
    outline: 0;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 5px;
    line-height: 1.35;
}

h1 {
    font-size: 20px;
    font-weight: normal;
}

h2 {
    font-size: 18px;
    font-weight: normal;
}

h3 {
    font-size: 16px;
    font-weight: bold;
}

h4 {
    font-size: 14px;
    font-weight: bold;
}

h5 {
    font-size: 12px;
    font-weight: bold;
}

h6 {
    font-size: 11px;
    font-weight: bold;
}
/* Forms */
form {
    display: inline;
}

fieldset {
    border: 0;
}

legend {
    display: none;
}
/* Table */
table {
    border: 0; /*border-collapse:collapse;*/
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%;
}

caption, th, td {
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
}
/* Content */
strong {
    font-weight: bold;
}

address {
    font-style: normal;
    line-height: 1.35;
}

cite {
    font-style: normal;
}

q, blockquote {
    quotes: none;
}

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

small, big {
    font-size: 1em;
}
/*sup{font-size:1em;vertical-align:top}
*/

/* Lists */
ul, ol {
    list-style: none;
    padding: 0;
}
/* Tools */
.hidden {
    display: block !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

.nobr {
    white-space: nowrap !important;
    font-size: 15px;
}

.wrap {
    white-space: normal !important;
}

.a-left {
    text-align: left !important;
}

.a-center {
    text-align: center !important;
}

.a-right {
    text-align: right !important;
}

.v-top {
    vertical-align: top;
}

.v-middle {
    vertical-align: middle;
}

.f-left, .left {
    float: left !important;
}

.f-right, .right {
    float: right !important;
}

.f-none {
    float: none !important;
}

.f-fix {
    float: left;
    width: 100%;
}

.no-display {
    display: none;
}

.no-margin {
    margin: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.no-bg {
    background: none !important;
}

.clear_b {
}
/* ======================================================================================= */

/* Layout ================================================================================ */
.wrapper {
    overflow: hidden;
}

.page {
}

.page-print {
    background: #fff;
    padding: 25px 30px;
    text-align: left;
}

.page-empty {
    background: #fff;
    padding: 20px;
    text-align: left;
}

.page-popup {
    background: #fff;
    padding: 25px 30px;
    text-align: left;
}

.main {
    margin: 0;
    padding: 0px;
    text-align: left;
}

.col-left .currency-switcher {
    display: none;
}
/* Base Columns */
.col-left {
    margin: 0;
}

.col-main {
    font-size: 0;
}

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

.catalog-product-view .col-left {
    margin-top: 0px;
}
/* 1 Column Layout */
.col1-layout .col-main {
    float: none;
    font-size: 0;
}
/* 2 Columns Layout */
.col2-left-layout .col-main {
    margin-top: 0px;
    background: white;
}

.col2-right-layout .col-main {
    margin-top: 0px;
}
/* 3 Columns Layout */
.col3-layout .col-main {
    width: 475px;
    margin-left: 17px;
}

.col3-layout .col-wrapper {
    float: left;
    width: 687px;
}

    .col3-layout .col-wrapper .col-main {
        float: right;
    }
/* Content Columns */
.col2-set .col-1 {
    float: left;
    width: 48.5%;
}

.col2-set .col-2 {
    float: right;
    width: 48.5%;
}

.col2-set .col-3 {
    float: right;
    width: 48.5%;
}

.col2-set .col-narrow {
    width: 32%;
}

.col2-set .col-wide {
    width: 65%;
}

.col3-set .col-1 {
    float: left;
    width: 32%;
}

.col3-set .col-2 {
    float: left;
    width: 32%;
    margin-left: 2%;
}

.col3-set .col-3 {
    float: right;
    width: 32%;
}

.col4-set .col-1 {
    float: left;
    width: 23.5%;
}

.col4-set .col-2 {
    float: left;
    width: 23.5%;
    margin: 0 2%;
}

.col4-set .col-3 {
    float: left;
    width: 23.5%;
}

.col4-set .col-4 {
    float: right;
    width: 23.5%;
}
/* ======================================================================================= */

/* Global Styles ========================================================================= */

/* Form Elements */
input, select, textarea, button {
    /*font: 12px/15px Arial,Helvetica,sans-serif;*/
    vertical-align: middle;
    color: #2f2f2f;
}

    input.input-text, select, textarea {
        background: #fff;
        border: 1px solid #eaeaea;
    }

    input.input-text, textarea {
        padding: 5px;
    }

select {
    padding: 8px;
}

    select option {
        padding-right: 10px;
    }

    select.multiselect option {
        border-bottom: 1px solid #b6b6b6;
        padding: 2px 5px;
    }

        select.multiselect option:last-child {
            border-bottom: 0;
        }

textarea {
    overflow: auto;
}

input.radio {
    margin-right: 3px;
    display: inline-block;
    margin-top: 0;
    min-height: 18px;
}

input.checkbox {
    margin-right: 3px;
}

input.qty {
    width: 2.5em !important;
}

button.button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
/* FF Fix */
button.button {
    -webkit-border-fit: lines;
}
/* <- Safari & Google Chrome Fix */
button.button {
    overflow: visible;
    border-style: solid;
    border-width: 0px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: black;
    font-weight:bold;
}

    button.button:hover {
        opacity: 0.8;
    }

.cutom-top.menu-extra .block-custom1 .view-more {
    display: block;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    background: #ea5648;
    padding: 0 20px;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    transition: all 500ms ease-in-out 0s;
    -moz-transition: all 500ms ease-in-out 0s;
    -webkit-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
}

button.button span {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 10px;
    text-transform: capitalize;
    text-align: center;
    white-space: nowrap;
}

    button.button span span, .blog-postbox .button-set button.button span span {
        padding: 0;
    }

.thuoctinh2 li {
    width: 50%;
}

.thuoctinh1 li {
    width: 100% !important;
}

.ckleft {
    background: red !important;
}

.cart button.button.btn-update span, button.button.btn-continue span, button.button.btn-empty span, button.button.btn-checkout span, .cart .buttons-set button.button span {
}

#main_left_section select {
}

button.button.btn-checkout {
    background-color: #ff3366;
}

button.disabled span {
    border-color: #bbb !important;
    background: #bbb !important;
}

button.btn-checkout.no-checkout span {
    background-position: 0 100%;
    color: #b8baba;
}

    button.btn-checkout.no-checkout span span {
        background-position: 100% 100%;
    }

p.control input.checkbox, p.control input.radio {
    margin-right: 6px;
}

#add_recipient_button {
    margin: 0px;
    overflow: hidden;
    padding-left: 10px;
}
/* Form Highlight */
input.input-text:focus, select:focus, textarea:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
/*.highlight{background:#efefef}
*/

/* Form lists */

/* Grouped fields */

/*.form-list{width:535px;margin:0 auto;overflow:hidden}
*/
.form-list li {
    margin: 0 0 8px;
}

.form-list label {
    float: left;
    color: #434343;
    font-weight: 400;
    position: relative;
    z-index: 0;
}

    .form-list label.required {
    }

        .form-list label.required em {
            float: right;
            font-style: normal;
            color: #eb340a;
            position: absolute;
            top: 0;
            right: -8px;
        }

.form-list li.control label {
    float: none;
    margin: 0;
}

.form-list li.control input.radio, .form-list li.control input.checkbox {
    margin-right: 6px;
    margin-top: 0;
    display: inline-block;
    vertical-align: top;
}

.form-list li.control .input-box {
    clear: none;
    display: inline;
    width: auto;
}
/*.form-list li.fields{margin-right:-15px}
*/
.form-list .input-box {
    display: block;
    clear: both;
    width: 100%;
    padding-bottom: 5px;
}

.form-list .field { /* float:left;width:275px;*/
    margin-top: 10px;
}

.form-list input.input-text {
    width: 100%;
    color: #894c2b;
    background-color: white;
    border-color: #e0cfa0;
}

.form-list textarea { /*width:254px;*/
    color: white;
    background: url(/Content/Csspublic/images/text_comment.png) no-repeat;
    background-size: contain;
}

.form-list select {
    width: 100%;
}

.form-list li.wide .input-box { /* width:535px;*/
}

.form-list li.wide input.input-text { /* width:529px;*/
}

.form-list li.wide textarea { /*width:529px;*/
}

.form-list li.wide select { /* width:535px;*/
}

.form-list li.additional-row {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 7px;
}

    .form-list li.additional-row .btn-remove {
        float: right;
        margin: 5px 0 0;
    }

.form-list .input-range input.input-text {
    width: 82px;
}

.form-list-narrow li {
    margin-bottom: 0;
}

    .form-list-narrow li .input-box {
        margin-bottom: 6px;
    }

    .form-list-narrow li.wide .input-box {
        width: 260px;
    }

    .form-list-narrow li.wide input.input-text, .form-list-narrow li.wide textarea {
        width: 254px;
    }

    .form-list-narrow li.wide select {
        width: 260px;
    }

.contact-content .form-list textarea {
    height: 83px;
}

.map-conttact iframe {
    width: 100%;
}
/* ----------------
 [19. Contact page]
 */
.contacts-index-index {
    width: 100%;
    border-top: 1px solid #e5e5e5;
    float: left;
}

    .contacts-index-index .page-subheading {
        padding-left: 0px;
        border: none;
        margin: 14px 0 30px;
        text-transform: uppercase;
        font-size: 18px;
        color: #434343;
    }

    .contacts-index-index .contact-form-box {
        padding: 0;
        margin: 0 0 30px 0;
    }

        .contacts-index-index .contact-form-box label {
            padding-bottom: 5px;
        }

        .contacts-index-index .contact-form-box .form-selector {
            padding-bottom: 25px;
        }

.map-conttact ul {
    line-height: 18px;
}

    .map-conttact ul.store_info {
        list-style: none;
        font-style: normal;
        color: #e0cfa0;
    }

        .map-conttact ul.store_info i {
            display: inline-block;
            width: 30px;
            line-height: inherit;
        }

#message-box-conact .fa {
    line-height: inherit;
}
/* Customer */
.form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box {
    width: auto;
}

.form-list .name-prefix {
    width: 65px;
}

    .form-list .name-prefix select {
        width: 55px;
    }

    .form-list .name-prefix input.input-text {
        width: 49px;
    }

.form-list .name-suffix {
    width: 65px;
}

    .form-list .name-suffix select {
        width: 55px;
    }

    .form-list .name-suffix input.input-text {
        width: 49px;
    }
/* .form-list .customer-name-prefix-middlename-suffix .name-firstname,.form-list .customer-name-prefix-middlename .name-firstname{width:140px}
.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,.form-list .customer-name-prefix-middlename .name-firstname input.input-text{width:124px}
.form-list .customer-name-prefix-middlename-suffix .name-lastname{width:205px}
.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text{width:189px}
.form-list .customer-name-prefix-suffix .name-firstname{width:210px}
.form-list .customer-name-prefix-suffix .name-lastname{width:205px}
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,.form-list .customer-name-prefix-suffix .name-lastname input.input-text{width:189px}
.form-list .customer-name-prefix-suffix .name-firstname{width:210px}
.form-list .customer-name-prefix-suffix .name-lastname{width:205px}
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,.form-list .customer-name-prefix-suffix .name-lastname input.input-text{width:189px}
.form-list .customer-name-prefix .name-firstname,.form-list .customer-name-middlename .name-firstname,.form-list .customer-name-middlename .name-middlename{width:210px}
.form-list .customer-name-suffix .name-lastname,.form-list .customer-name-middlename .name-firstname,.form-list .customer-name-middlename .name-middlename,.form-list .customer-name-middlename-suffix .name-firstname,.form-list .customer-name-middlename-suffix .name-lastname{width:205px}
.form-list .customer-name-prefix .name-firstname input.input-text,.form-list .customer-name-suffix .name-lastname input.input-text,.form-list .customer-name-middlename .name-firstname input.input-text,.form-list .customer-name-middlename .name-middlename input.input-text,.form-list .customer-name-middlename-suffix .name-firstname input.input-text,.form-list .customer-name-middlename-suffix .name-lastname input.input-text{width:189px} */
.form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year {
    float: left;
    width: 85px;
}

.form-list .customer-dob input.input-text {
    display: block;
    width: 74px;
}

.form-list .customer-dob label {
    font-size: 10px;
    font-weight: normal;
    color: #888;
}

.form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month {
    width: 60px;
}

    .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text {
        width: 46px;
    }

.form-list .customer-dob .dob-year {
    width: 140px;
}

    .form-list .customer-dob .dob-year input.input-text {
        width: 134px;
    }

.buttons-set {
    clear: both;
    margin: 2em 0;
    padding: 0 0 0;
    text-align: right;
}

    .buttons-set.buttons-set-contact {
        padding: 0 15px;
    }

.box-review_form .form-add .buttons-set {
    padding: 15px 0;
    margin: 0;
}

.buttons-set p.required {
    margin: 0 0 10px;
    float: right;
    line-height: 30px;
}

.buttons-set .back-link {
    float: right;
    margin: 0;
}

.buttons-set button.button {
    /*float: left;*/
}

.buttons-set-order {
    margin: 10px 0 0;
}

    .buttons-set-order .please-wait {
        padding: 12px 7px 0 0;
    }

.fieldset {
    border: 1px solid #eee;
    background: #fff;
    padding: 22px 25px 12px 33px;
    margin: 28px 0;
}

    .fieldset .legend {
        float: left;
        font-weight: normal;
        text-transform: capitalize;
        font-size: 14px;
        background: #fff;
        color: #252525;
        margin: -33px 0 0 -10px;
        padding: 0 8px;
        position: relative;
    }
/* Form Validation */
.validation-advice {
    clear: both;
    min-height: 13px;
    margin: 3px 0 0;
    padding-left: 17px;
    font-size: 11px;
    font-weight: bold;
    line-height: 13px;
    background: url(/Content/Csspublic/images/validation_advice_bg.gif) 2px 0 no-repeat;
    color: #eb340a;
    text-align: left;
}

.validation-failed {
    border: 1px dashed #eb340a !important;
    background: #faebe7 !important;
}

.validation-passed {
}

p.required {
    font-size: 11px;
    text-align: right;
    color: #EB340A;
}
/* Expiration date and CVV number validation fix */
.v-fix {
    float: left;
}

    .v-fix .validation-advice {
        display: block;
        width: 12em;
        margin-right: -12em;
        position: relative;
    }
/* Global Messages  */
.success {
    color: #3d6611;
    font-weight: bold;
}

.error {
    color: #df280a;
    font-weight: bold;
}

.notice {
    color: #e26703;
}

.messages, .messages ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

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

    .messages li {
        margin: 0 0 10px !important;
    }

        .messages li li {
            margin: 0 0 3px !important;
        }

.error-msg, .success-msg, .note-msg, .notice-msg {
    border-style: solid !important;
    border-width: 0px !important;
    background-position: 10px 10px !important;
    background-repeat: no-repeat !important;
    min-height: 24px !important;
    padding: 8px 8px 8px 32px !important;
    font-size: 11px !important;
    font-weight: bold !important;
}

.error-msg {
    border-color: #f16048;
    background-color: #faebe7;
    background-image: url(/Content/Csspublic/images/i_msg-error.gif);
    color: #df280a;
}

.success-msg {
    border-color: #446423;
    background-color: #eff5ea;
    background-image: url(/Content/Csspublic/images/i_msg-success.gif);
    color: #3d6611;
}

.note-msg, .notice-msg {
    border-color: #fcd344;
    background-color: #fafaec;
    background-image: url(/Content/Csspublic/images/i_msg-note.gif);
    color: #3d6611;
}

#popupNewsletterMessages.messages {
    padding: 40px 9px 10px 10px !important;
}
/* BreadCrumbs */
.breadcrumbs {
    display: block;
    overflow: hidden;
    margin: 0;
    /*line-height: 32px;*/
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

    .breadcrumbs h1 {
        color: #337ab7;
    }

    .breadcrumbs h2 {
        color: #337ab7;
    }

    .breadcrumbs h3 {
        color: #337ab7;
    }

.category-des h2 {
    color: #ffba00;
    text-transform: uppercase;
}

    .category-des h2 strong {
        font-size: 20px;
    }

.breadcrumbs .lefts {
    height: 49px;
    width: 27px;
    /* width: 100px; */
    margin-left: -24px;
    float: left;
}

.colorwhite {
    background: white !important;
}

.sidebar-box {
    margin-bottom: 20px;
    color: #7a8188;
}

    .sidebar-box h3 {
        color: #000;
    }

    .sidebar-box .padding-box {
        padding: 15px;
    }

    .sidebar-box .padding-lr-box {
        padding: 0 15px;
    }

        .sidebar-box .padding-lr-box h3 {
            margin: 15px 0 10px;
            padding: 0;
            font-size: 24px;
        }

.sidebar-normal a {
    color: #3498db;
}

.sidebar-box-heading {
    color: black;
    background: #ffed00;
    overflow: hidden;
    height: 40px;
    padding: 10px 20px 10px 15px;
    border-radius: 3px 3px 0 0;
    width: 100%;
}

    .sidebar-box-heading .icons {
        position: absolute;
        left: 30px;
    }

    .sidebar-box-heading h4 {
        margin: 0;
        display: inline-block;
        padding-left: 5px;
        text-transform: uppercase;
        font-size: 16px;
    }

.sidebar-box.sidebar-normal .sidebar-box-heading {
    text-transform: none !important;
}

.carousel-heading, a.product-hover, span.action-name, span.product-tag {
    text-transform: uppercase;
}

.sidebar-box-content {
    background: #fff;
}

    .sidebar-box-content.sidebar-padding-box {
        padding: 10px 15px;
    }

    .sidebar-box-content > * {
        margin: 0;
    }

    .sidebar-box-content ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .sidebar-box-content > ul {
        padding: 10px 0;
    }

        .sidebar-box-content > ul > li {
            position: relative;
        }

            .sidebar-box-content > ul > li > a {
                display: block;
                padding: 8px 35px 8px 0;
            }

                .sidebar-box-content > ul > li > a .icons {
                    position: absolute;
                    right: 15px;
                    top: 10px;
                    font-size: 14px;
                }

                .sidebar-box-content > ul > li > a:hover {
                    background: #f7f7f7;
                }

            .sidebar-box-content > ul > li.active > a {
                font-weight: 700;
            }

            .sidebar-box-content > ul > li:hover .sidebar-dropdown {
                display: table;
            }

.sidebar-dropdown {
    position: absolute;
    left: 100%;
    top: -10px;
    z-index: 6000;
    display: none;
    background: #9b59b6;
}

.sidebar-box .chosen-single {
    height: 40px;
    font-size: 14px;
    color: #7a8188;
    padding: 8px 0 0 8px;
    border: 1px solid #e6e6e6;
    margin-top: 5px;
}

.sidebar-box .chosen-results {
    border: 1px solid #e6e6e6;
    border-top: none;
}

    .sidebar-box .chosen-results li {
        padding: 10px 6px;
    }

.sidebar-box .chosen-single div {
    top: 8px;
}

.right-sidebar .sidebar-dropdown {
    left: auto;
    right: 100%;
}

.sidebar-dropdown > li {
    overflow: hidden;
    display: table-cell;
    vertical-align: top;
}

    .sidebar-dropdown > li > ul {
        float: left;
        width: 250px;
        padding: 10px 0;
        display: table;
    }

        .sidebar-dropdown > li > ul > li > a {
            padding: 8px 20px;
            display: block;
            color: #fff;
        }

            .sidebar-dropdown > li > ul > li > a:hover {
                background: #8e44ad;
            }

    .sidebar-dropdown > li:last-child {
        margin: 0;
    }

.sidebar-slider {
    position: relative;
    display: block;
    overflow: hidden;
}

    .sidebar-slider .flex-control-nav {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
    }

    .sidebar-slider .flex-control-paging li a {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        width: 20px;
        height: 9px;
        background: #ccc;
    }

        .sidebar-slider .flex-control-paging li a.flex-active, .sidebar-slider .flex-control-paging li a:hover {
            background: #27ae60;
        }

    .sidebar-slider .slider-nav {
        background: #f7f7f7;
        display: block;
        height: 30px;
    }

.Head {
    font-weight: bold;
    font-size: 14px;
    color: black;
}

.categories_list {
    padding: 10px;
}

    .categories_list li {
        line-height: 30px;
    }

.breadcrumbs .rights {
    height: 48px;
    width: 25px;
    padding: 15px 15px;
    margin-left: 0px;
    float: left;
}

.breadcrumbs .middle {
    display: inline-block;
    /* background-color: transparent; */
    text-transform: capitalize;
    /* background-position: 0 50%; */
    padding: 15px 0px;
    height: 46px;
    float: left;
}

.breadcrumbs span {
    display: inline-block;
    font-size: 14px;
    /* color: #999; */
    padding: 2px 15px 0 0;
}

.breadcrumbs .category9 {
    display: inline-block;
    padding: 15px 0px;
    float: left;
}

.pro12 .name-product {
    height: 72px;
    overflow: visible;
}

    .pro12 .name-product img {
        display: inline-block;
        vertical-align: middle;
        width: auto !important;
        height: 30px !important;
        margin: 0;
        max-width: 100px;
    }
.Main_contentcssProduct .pro12 .name-product img {
    display: inline-block;
    vertical-align: middle;
    width: auto !important;
    height: 26px !important;
    margin: 0;
    max-width: 79px;
}


.pro12 span.prop {
    display: inline;
    font-size: 14px;
    color: #333;
    font-weight: 600;
    vertical-align: middle;
    border-radius: 2px;
    line-height: 18px;
    background: #fff;
    margin-left: 5px;
}

.pro12 label.code {
    height: 18px;
    margin: 0 5px 0 0;
    position: initial;
    background: none;
    font-size: 14px;
    vertical-align: middle;
    padding: 0;
}

.pro12 label.code {
    margin-left: 5px;
    border: 0;
    font-weight: normal;
    padding: 0 3px;
    display: inline-block;
}

.breadcrumbs .home {
    float: left;
    height: 48px;
    padding: 15px 0px;
}

.breadcrumbs div a {
    outline: medium none;
}

.breadcrumbs div a, .breadcrumbs li strong {
    font-size: 13px;
}

.breadcrumbs div strong {
    font-weight: 400;
}

.breadcrumbs ul {
    margin: 0;
    padding: 0;
}
/* Page Heading */
.page-title {
    width: 100%;
    overflow: hidden;
    margin: 25px 0;
}

    .page-title h1, .page-title h2 {
        margin: 0;
        font-size: 20px;
        color: #ffffcc;
        font-weight: 500;
    }

    .page-title .separator {
        margin: 0 3px;
    }

    .page-title .link-rss {
        float: right;
        margin: 7px 0 0;
    }

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

    .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 {
        float: left;
    }

.subtitle, .sub-title {
    color: #333;
    font-size: 17px;
    padding: 5px 0 0;
    text-transform: uppercase;
}

.last-name-width, .first-name-width {
    width: 49.5% !important;
}

@media (max-width: 1170px) {
    .last-name-width, .first-name-width {
        width: 49.4% !important;
    }
}

@media (max-width: 1170px) {
    .last-name-width, .first-name-width {
        width: 49.4% !important;
    }
}

@media (max-width: 992px) {
    .last-name-width, .first-name-width {
        width: 49.2% !important;
    }
}

@media (max-width: 685px) {
    .last-name-width, .first-name-width {
        width: 49% !important;
    }
}

.registered-users .no-display-err .validation-advice {
    display: none;
}
/* Pager */
.pager {
    margin: 0;
    padding: 0;
    border-top: 0;
    text-align: center;
}

    .pager .amount {
        float: left;
        margin: 0;
    }

        .pager .amount strong {
            font-weight: normal;
        }

    .pager .limiter {
        float: right;
    }

        .pager .limiter label {
            vertical-align: middle;
            font-weight: 300;
            margin: 0;
            vertical-align: middle;
        }

        .pager .limiter select {
            padding: 0;
            margin: 0 0 1px;
            vertical-align: middle;
        }

    .pager .pages strong {
        display: none;
        color: #2a2a2a;
        float: left;
        font-size: 14px;
        font-weight: 400;
        line-height: 45px;
        padding-right: 10px;
    }

    .pager .pages ol {
        display: inline;
    }

    .pager .pages li {
        display: inline-block;
        margin: 0;
        height: 30px;
        float: left;
        line-height: 29px;
        border-style: solid;
        border-width: 1px;
        border-right: 0px;
    }

        .pager .pages li.current {
            padding: 0 12px;
            background: #b89a64;
        }

        .pager .pages li a {
            border: 0;
            border-radius: 0;
            display: block;
            padding: 0 12px;
            text-decoration: none;
            height: 28px;
            line-height: 28px;
        }

            .pager .pages li a .fa-angle-double-right {
                padding-left: 5px;
            }

            .pager .pages li a span {
                float: none;
                display: inline-block;
            }

    .pager .pages {
        display: block;
        overflow: hidden;
        border-left: 0;
    }

/* Sorter */
.toolbar .sorter {
    padding: 0;
}

.sorter .view-mode {
    float: right;
    margin: 0;
}

    .sorter .view-mode label, .sorter .limiter label, .sorter .sort-by label, .pager .amount {
        font-size: 13px;
        font-weight: 400;
        color: #2a2a2a;
        float: left;
        padding: 0 10px 0 15px;
        margin: 0;
        line-height: 29px;
        border: 1px solid #ddd;
        border-right: 0;
    }

    .sorter .view-mode label {
        display: none;
    }

    .sorter .view-mode a .fa, .sorter .view-mode strong .fa {
        font-size: 14px;
        vertical-align: middle;
    }

    .sorter .view-mode a.grid {
        margin-right: 10px;
    }

.sorter .sort-by, .sorter .limiter {
    display: inline-block;
}

    .sorter .sort-by label {
        vertical-align: middle;
    }

    .sorter .sort-by select, .limiter select {
        background-color: #fff;
        ;
        color: #252525;
        font-size: 13px;
        border: 1px solid #dddedf;
        padding: 5px 5px;
        text-align: left;
        vertical-align: middle;
        margin: 0;
        border-left: 0;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .sorter .sort-by select, .limiter select {
        padding: 6px 5px;
    }
}

.sorter .limiter {
    margin: 0 15px;
    padding: 0 0 0 15px;
}

.pager {
    margin: 0;
    display: none;
}

.sorter .view-mode strong, .sorter .view-mode a {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    float: left;
    outline: medium none;
    padding: 0px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 29px;
}

.toolbar .sorter .view-mode strong.grid, .toolbar .sorter .view-mode strong.list {
    color: #e9255e;
    border-bottom: 2px solid #e9255e;
}

.sorter .view-mode a.list, .sorter .view-mode strong.list {
    border-style: solid;
    border-width: 1px;
}
/* Toolbar */
.toolbar {
    margin-bottom: 20px;
    padding: 0 0 10px;
    border-bottom: 1px solid #eaeaea;
}

.toolbar-bottom .toolbar {
    border: 0;
}

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

    .toolbar-bottom .toolbar .sorter {
    }

    .toolbar-bottom .toolbar .pager {
        display: inline-block;
        margin-top: 30px;
    }

    .toolbar-bottom .toolbar {
        position: relative;
    }

    .toolbar-bottom .sorter .view-mode {
        display: none;
    }
/* Data Table */
.data-table {
    width: 100%;
}

    .data-table .odd {
        background: #ffffff;
    }

    .data-table .even {
        background: #ffffff;
    }
    /*.data-table tr.odd:hover,.data-table tr.even:hover{background:#ebf1f6}
*/
    .data-table td.last, .data-table th.last {
    }

    .data-table thead {
        background-color: #f7f7f7;
    }

    .data-table tr.last th, .data-table tr.last td { /* border-bottom:0!important;*/
    }

    .data-table th {
        padding: 3px 8px;
        font-weight: bold;
    }

    .data-table td {
        padding: 3px 8px;
    }

    .data-table thead th {
        font-weight: normal;
        border-right: 1px solid #fff;
        padding: 10px 8px;
        text-align: center;
        color: #333;
        white-space: nowrap;
        vertical-align: middle;
    }

        .data-table thead th.wrap {
            white-space: normal;
        }

        .data-table thead th a, .data-table thead th a:hover {
            color: #fff;
        }

    .data-table thead th {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }

        .data-table thead th .tax-flag {
            font-size: 11px;
            white-space: nowrap;
        }

    .data-table tbody tr td .product-name a, .data-table tbody tr td .cart-price .price {
        color: #444;
        text-decoration: none;
        font-size: 16px;
        text-transform: capitalize;
    }

    .data-table tbody tr td.a-subtotal .cart-price .price, .data-table tbody tr td .cart-price .price {
        color: #333;
        font-size: 16px;
    }

    .data-table tbody tr td input.qty {
        color: #ff5555;
        text-align: center;
        width: 35px !important;
        float: left;
        height: 35px;
        border: 0;
        background-color: transparent;
    }

    .data-table tfoot {
        border-bottom: 1px solid #eeeeee;
    }

        .data-table tfoot tr.first td {
        }

        .data-table tfoot tr {
            background-color: #fff !important;
        }

        .data-table tfoot td {
            padding-top: 1px;
            padding-bottom: 1px;
            border-bottom: 0;
        }

        .data-table tfoot strong {
            font-size: 16px;
        }

    .data-table tbody th, .data-table tbody td {
        border-bottom: 1px dashed #eee;
        border-right: 1px solid #FFF;
        border-left: 1px solid #fff;
    }

    .data-table .custom-qty {
        width: 115px;
        border: 1px solid #eaeaea;
    }

        .data-table .custom-qty .alo_qty {
            width: 35px;
            float: left;
            height: 35px;
            line-height: 35px;
            outline: medium none;
        }
    /* Bundle products tables */
    .data-table tbody.odd tr {
        background: #f8f7f5 !important;
    }

    .data-table tbody.even tr {
        background: #f6f6f6 !important;
    }

        .data-table tbody.odd tr td, .data-table tbody.even tr td {
            border-bottom: 0;
        }

        .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td {
            border-bottom: 1px solid #eeeeee;
        }

    .data-table tbody td .option-label {
        font-weight: bold;
        font-style: italic;
    }

    .data-table tbody td .option-value {
        padding-left: 10px;
    }
/* Generic Info Box */
.info-box {
    background: #fff url(/Content/Csspublic/images/bkg_block-title.gif) 0 0 repeat-x;
    border: 1px solid #d0cbc1;
    padding: 12px 15px;
    margin: 0 0 15px;
}

    .info-box h2 {
        font-weight: bold;
        font-size: 13px;
    }

.info-table th {
    font-weight: bold;
    padding: 2px 15px 2px 0;
}

.info-table td {
    padding: 2px 0;
}
/* Shopping cart total summary row expandable to details */
tr.summary-total {
    cursor: pointer;
}

    tr.summary-total td {
    }

    tr.summary-total .summary-collapse {
        float: right;
        text-align: right;
        padding-left: 20px;
        background: url(/Content/Csspublic/images/bkg_collapse.gif) 0 5px no-repeat;
        cursor: pointer;
    }

tr.show-details .summary-collapse {
    background-position: 0 -52px;
}

tr.show-details td {
}

tr.summary-details td {
    font-size: 11px;
    background-color: #dae1e4;
    color: #626465;
}

tr.summary-details-first td {
    border-top: 1px solid #d2d8db;
}

tr.summary-details-excluded {
    font-style: italic;
}
/* Shopping cart tax info */
.cart-tax-info {
    display: block;
}

    .cart-tax-info, .cart-tax-info .cart-price {
        padding-right: 20px;
    }

.cart-tax-total {
    display: block;
    padding-right: 20px;
    background: url(/Content/Csspublic/images/bkg_collapse.gif) 100% 5px no-repeat;
    cursor: pointer;
}

    .cart-tax-info .price, .cart-tax-total .price {
        display: inline !important;
        font-weight: normal !important;
    }

.cart-tax-total-expanded {
    background-position: 100% -52px;
}
/* Class:std - styles for admin-controlled content */
.std .subtitle {
    padding: 0;
}

.std ol.ol {
    list-style: decimal outside;
    padding-left: 1.5em;
}

.std ul.disc {
    list-style: disc outside;
    padding-left: 36px;
    margin: 0 0 10px;
}

.std dl dt {
    font-weight: bold;
}

.std dl dd {
    margin: 0 0 10px;
}

.std ul, .std ol, .std dl, .std p, .std address, .std blockquote {
    margin: 0 0 1em;
    padding: 0;
}

.std ul {
    list-style: disc outside;
    margin-left: 35px;
}

.std ol {
    list-style: decimal outside;
    padding-left: 1.5em;
}

.std ul ul {
    list-style-type: circle;
}

.std ul ul, .std ol ol, .std ul ol, .std ol ul {
    margin: .5em 0;
}

.std dt {
    font-weight: bold;
}

.std dd {
    padding: 0 0 0 1.5em;
}

.std blockquote {
    font-style: italic;
    padding: 0 0 0 1.5em;
}

.std address {
    font-style: normal;
}

.std b, .std strong {
    font-weight: bold;
}

.std em {
    font-style: italic;
}
/* Misc */
.links li {
    display: inline;
}

    .links li.last {
    }

.link-cart {
    color: #d22753;
    font-weight: bold;
}

.link-wishlist {
    color: #d22753;
    font-weight: normal;
}

.link-reorder {
    font-weight: normal;
    color: #ea5648 !important;
}

.link-compare {
    font-weight: bold;
}

.link-print { /*background:url(/Content/Csspublic/images/i_print.gif) 0 2px no-repeat;padding:2px 0 2px 25px;*/
    font-weight: bold;
    color: #d22753;
}

.link-rss {
    background: url(/Content/Csspublic/images/i_rss.gif) 0 2px no-repeat;
    padding-left: 18px;
    line-height: 14px;
    white-space: nowrap;
}

.btn-remove {
    display: block;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    background: url(/Content/Csspublic/images/btn_remove.gif) 0 0 no-repeat;
    text-indent: -999em;
    overflow: hidden;
}

.btn-previous {
    display: block;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    background: url(/Content/Csspublic/images/btn_previous.gif) 0 0 no-repeat;
    text-indent: -999em;
    overflow: hidden;
}

.btn-remove2 {
    display: block;
    padding: 9px;
    font-size: 12px;
    text-indent: inherit;
    background-image: none;
    width: auto;
    height: auto;
}

    .btn-remove2:hover, .btn-edit:hover {
        background-color: transparent;
    }

.btn-edit {
    display: block;
    padding: 9px;
    font-size: 12px;
    line-height: 0;
}

.cards-list dt {
    margin: 5px 0 0;
}

.cards-list .offset {
    padding: 2px 0 2px 20px;
}

.separator {
    margin: 0 3px;
}

.divider {
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
    height: 1px;
    margin: 10px 0;
    background: url(/Content/Csspublic/images/bkg_divider1.gif) 0 50% repeat-x;
    text-indent: -999em;
    overflow: hidden;
}

#product-attribute-specs-table th {
    color: #666666;
    border-radius: 0;
    display: block;
    font-size: 100%;
    line-height: 30px;
    text-align: left;
}
/* Global site notices */
.global-site-notice {
    border: 1px solid #cfcfcf;
    border-width: 0 0 1px;
    background: #ffff90;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
    color: #2f2f2f;
}

    .global-site-notice .notice-inner {
        width: 860px;
        margin: 0 auto;
        padding: 12px 0 12px 80px;
        background: url(/Content/Csspublic/images/i_notice.gif) 20px 25px no-repeat;
        text-align: left;
    }

        .global-site-notice .notice-inner p {
            margin: 0;
            border: 1px dotted #cccc73;
            padding: 10px;
        }

        .global-site-notice .notice-inner .actions {
            padding-top: 10px;
        }
/* Cookie Notice */
.notice-cookie {
    position: fixed;
    z-index: 9999;
    width: 100%;
    bottom: 0;
    left: 0;
    margin: 0 !important;
    opacity: 0.95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /* IE8 */
}
/* Noscript Notice */
.noscript {
}
/* Demo Notice */
.demo-notice {
    margin: 0;
    padding: 6px 10px;
    background: #d75f07;
    font-size: 12px;
    line-height: 1.15;
    border: 0;
    text-align: center;
    color: #fff;
}

    .demo-notice .notice-inner {
        width: auto;
        padding: 0;
        background: none;
        text-align: center;
    }

        .demo-notice .notice-inner p {
            padding: 0;
            border: 0;
        }
/* Demo 404 */
.cms-no-route .page-not-found {
    text-align: center;
}

    .cms-no-route .page-not-found .page-title h1, .cms-no-route .page-not-found .page-title h1 span {
        line-height: 130px;
        text-indent: -999em;
        padding-top: 120px;
    }

    .cms-no-route .page-not-found .page-title h1 {
        background-image: url(/Content/Csspublic/images/404.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

        .cms-no-route .page-not-found .page-title h1 span {
            color: #242628;
            font-weight: bold;
        }

.page-not-found h2 {
    color: #333;
    font-size: 28px;
    margin-bottom: 20px;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-family: "Montserrat",sans-serif;
}

.page-not-found h3 {
    font-size: 16px;
    color: #666666;
    font-weight: normal;
}

.page-not-found .block-newletter label {
    display: none;
}

.page-not-found .form-search {
    margin: 0 auto;
    position: relative;
    width: 500px;
}

    .page-not-found .form-search .button {
        position: absolute;
        top: 2px;
        right: 2px;
        border: 0 none;
        height: 41px;
        line-height: 41px;
    }

        .page-not-found .form-search .button span {
            height: 43px;
            line-height: 45px;
            background-color: transparent;
        }

            .page-not-found .form-search .button span .fa {
                font-size: 17px;
            }

.page-not-found .previus-page {
    font-family: "Montserrat",sans-serif;
    letter-spacing: 3px;
    color: #333;
    height: 40px;
    line-height: 40px;
    padding: 0 29px;
    font-size: 13px;
    text-transform: uppercase;
    margin: 60px 0 100px;
    display: inline-block;
    border: 1px solid #aaaaaa;
}

    .page-not-found .previus-page:hover {
        background-color: #ff5555;
        color: #fff;
        border: 1px solid #ff5555;
    }

.page-not-found .form-search #search {
    width: 500px;
    border: 2px solid #242628;
    height: 45px;
    line-height: 45px;
    padding: 0 60px 0 9px;
}
/* ======================================================================================= */
/* Header ================================================================================ */
/* ----------------
 [Top banner]
 */
.top-banner {
    height: 150px;
    background: url('../images/bg-top-banner.jpg') no-repeat top center;
    position: relative;
    text-align: center;
    line-height: 20px;
}

.bg-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
}

.top-banner .container {
    position: relative;
    padding-top: 35px;
}

.top-banner h2 {
    color: #ff3366;
    font-weight: bold;
    /*line-height: auto;*/
    font-size: 44px;
    margin: 0;
    line-height: 44px;
}

.top-banner h3 {
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    margin: 0;
    line-height: 20px;
}

.top-banner span {
    font-size: 12px;
    color: #999;
}

.top-banner .header-offer-close {
    width: 24px;
    height: 24px;
    line-height: 27px;
    font-size: 15px;
    background: #2d2c2e;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.header_full {
    position: relative;
}

.header-bottom {
}

.header-container-fixed {
    /*position: fixed;
    width: 100%;
    z-index: 10000;
    top: 0;*/
}

.catalog-product-view .header-container-fixed {
    z-index: 99999;
}

.header-container-fixed .mini-maincart .mini-contentCart {
    top: 41px;
}

.header-container-fixed .header .top-form-language .lang-switcher:hover .dropdown-switcher, .header-container-fixed .header .currency_top .currency-switcher:hover .dropdown-switcher, .header-container-fixed .header .header-setting .settting-switcher:hover .dropdown-switcher, .header-container-fixed .header .header-search .search-switcher:hover .dropdown-switcher {
    top: 56px;
}

.header-container-fixed .magicmenu .nav-desktop .level0.ext .level-top::before {
    bottom: 16px;
}

.header .logo {
    margin: 0;
    margin-top: -5px;
    padding: 0px;
    text-decoration: none !important;
    outline: none;
    display: block;
    z-index: 99999;
}

    .header .logo .logo1 {
        padding: 20px 0 30px;
        display: block;
    }

    .header .logo strong {
        position: absolute;
        top: -999em;
        left: -999em;
        width: 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        text-indent: -999em;
        overflow: hidden;
    }

.header h1.logo {
    margin: 0;
    padding: 0;
}

.header .quick-access {
    margin: 0 15px 0 0;
    padding: 0;
    width: 340px;
}

.header .welcome-msg {
    padding: 15px 0;
    margin: 0;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}

.header .header-search {
    margin-top: 37px;
}

.content-seach {
}

.header .form-search {
    border-width: 1px;
    border-style: solid;
    height: 41px;
    position: relative;
}

    .header .form-search label {
        text-align: left;
        text-transform: capitalize;
        padding: 0;
        margin: 0;
        font-weight: 500;
    }

    .header .form-search .form-imput-serach {
        display: inline-block;
        width: calc(100% - 200px);
    }

    .header .form-search input.input-text {
        display: inline-block;
        border-style: solid;
        border-color: #e2e2e2;
        border-width: 0px;
        background-color: #fff;
        font-size: 100%;
        margin: 0;
        line-height: 39px;
        height: 39px;
        padding: 0 10px;
        width: 100%;
    }

    .header .form-search button.button {
        border: 0 none;
        background-color: #ff3366;
        position: absolute;
        top: -1px;
        right: -1px;
        padding-bottom: 1px;
    }

        .header .form-search button.button:hover {
            opacity: 0.8;
        }

    .header .form-search .dd-container {
        background-color: #f6f6f6;
        border-right: 1px solid #eaeaea;
        float: left;
    }

    .header .form-search .dd-options {
        height: 250px;
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
        -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
        -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
        -o-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
        -ms-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
        border: 0;
    }

    .header .form-search .dd-container .dd-select {
        border-radius: 0;
        border: 0;
        border-right: 1px solid #dddddd;
        background-color: transparent !important;
        margin-bottom: 0px;
        line-height: 39px;
    }

    .header .form-search .dd-option-text {
        font-size: 12px;
        margin: 0;
        font-weight: 500;
        cursor: pointer;
    }

    .header .form-search .dd-options .dd-option {
        border: 0;
        color: #666;
        padding: 5px 0 5px 18px;
        text-align: left;
    }

.dd-container .dd-selected {
    padding: 0px 17px;
    margin: 0;
}

.dd-pointer-down {
    border-color: #c2c2c2 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
    margin-top: -2px !important;
}

.dd-pointer-up {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c2c2c2 !important;
    margin-top: -6px !important;
}

.dd-pointer {
    right: 14px !important;
}

.dd-container .dd-selected .dd-selected-text {
    margin: 0;
    color: #2a2a2a;
    font-weight: normal;
}

.header .form-search .dd-options .dd-option:before {
    color: #bbbbbb;
    content: "";
    font-family: FontAwesome;
    font-size: 13px;
    margin-right: 10px;
    text-align: left;
    width: 32px;
}

.header .form-search .dd-options .dd-option:hover {
    color: #ffa800;
}

.header .form-search button.button span {
    color: #ffffff;
    width: 41px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border: none;
}

    .header .form-search button.button span .fa {
        font-size: 15px;
    }

    .header .form-search button.button span span {
        padding: 0;
        height: 0;
    }

        .header .form-search button.button span span .fs1 {
            font-style: normal;
            font-size: 16px;
        }

.header .form-search .search-autocomplete {
}

    .header .form-search .search-autocomplete ul {
        border: 1px solid #5c7989;
        background-color: #f9f5f0;
    }

    .header .form-search .search-autocomplete li {
        text-align: left;
        border-bottom: 1px solid #f4eee7;
        padding: 2px 8px 1px 8px;
        cursor: pointer;
    }

        .header .form-search .search-autocomplete li .amount {
            float: right;
            font-weight: bold;
        }

        .header .form-search .search-autocomplete li.odd {
            background-color: #fffefb;
        }

        .header .form-search .search-autocomplete li.selected {
            background-color: #f7e8dd;
        }

.header .form-language {
    clear: both;
    padding: 10px 0;
    text-align: left;
    float: left;
}

    .header .form-language label {
        font-weight: bold;
        padding-right: 5px;
        color: #a7c6dd;
        vertical-align: middle;
        float: left;
        margin: 0;
    }

    .header .form-language select {
        padding: 0;
    }

        .header .form-language select.flags option {
            background-position: 4px 50%;
            background-repeat: no-repeat;
            padding-left: 25px;
        }

.header .header-setting .settting-switcher {
    position: relative;
}

.settting-switcher, .top-links {
    float: left;
}

    .top-links li, .top-links .or {
        float: left;
    }

.nav-top-links, .support-link, .header-setting {
    float: left;
    line-height: 34px;
}

.top-right .header-setting {
    float: right;
}

.nav-top-links a, .text-setting, .support-link a {
    border-right: 1px solid #e0e0e0;
    margin-left: 10px;
    padding-right: 10px;
}

    .nav-top-links a.first-item {
        margin-left: 0;
    }

.nav-top-links .fa {
    font-family: FontAwesome;
    margin-top: -3px;
    font-size: 15px;
    margin-right: 5px;
    vertical-align: middle;
    color: #999999;
}

.header .header-setting .icon-setting {
    cursor: pointer;
}

.header .top-form-language .dropdown-toggle .dropdown-icon, .header .top-form-language .dropdown-toggle .value, .header .top-form-language .dropdown-toggle .caret, .header .currency_top .dropdown-toggle .dropdown-icon, .header .currency_top .dropdown-toggle .value, .header .currency_top .dropdown-toggle .caret {
    display: inline-block;
    cursor: pointer;
}

.header .top-form-language .dropdown-toggle .dropdown-icon {
    background-position: 0 3px;
    background-repeat: no-repeat;
    font-size: 100%;
}

.header .top-form-language .dropdown-toggle .value, .header .currency_top .dropdown-toggle .label, .header .currency_top .dropdown-toggle .value {
    font-size: 13px;
    color: #fff;
    padding-right: 15px;
    padding-left: 2px;
}

.header .currency_top .dropdown-toggle .label {
    display: none;
}

.header .top-form-language .dropdown-toggle .caret, .header .currency_top .dropdown-toggle .caret {
    background-image: url(/Content/Csspublic/images/caret.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    border: medium none;
    height: 6px;
    margin: 0;
    width: 7px;
}

.header .currency_top .dropdown-switcher,
.header .top-form-language .language-switcher,
.header .header-setting .dropdown-switcher {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    -ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
    transform: scale(0) rotate(0deg);
    -moz-transform: scale(0) rotate(0deg);
    -webkit-transform: scale(0) rotate(0deg);
    -o-transform: scale(0) rotate(0deg);
    margin-top: 5px;
    padding: 5px 0px;
    left: 0px;
    opacity: 0;
    position: absolute;
    top: 100%;
    min-width: 160px;
    z-index: 35;
    transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    visibility: hidden;
    border-width: 2px 0 0 0;
    border-style: solid;
    text-align: left;
}

.header .header-search .dropdown-switcher {
    width: 450px;
    padding: 15px 20px;
}

.header .header-right .header-search .dropdown-switcher {
    width: 270px;
    border: 0 none;
    padding: 0;
}

.header .top-form-language:hover .language-switcher, .header .currency_top .currency-switcher:hover .dropdown-switcher, .header .header-setting .settting-switcher:hover .dropdown-switcher {
    opacity: 1;
    visibility: visible;
    transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
}

.header .top-form-language .label {
    background-repeat: no-repeat;
    background-position: 0 50%;
    border-radius: 0;
    font-weight: normal;
    padding: 0 0 0 23px;
    vertical-align: middle;
    font-size: 14px;
}

.header .top-form-language .dropdown-switcher li a, .header .currency_top .dropdown-switcher li a {
    font-size: 13px;
    font-weight: 300;
    color: #666;
    text-decoration: none;
    display: block;
}

.header .top-form-language .dropdown-switcher li .dropdown-icon {
    background-position: 0 3px;
    background-repeat: no-repeat;
    font-size: 100%;
    padding: 0px;
}

.header-setting .label-title {
    font-weight: normal;
    margin: 0 0 0 10px;
    list-style: none;
    padding: 0 10px 0 0;
    text-transform: capitalize;
}

.header .top-form-language li {
    float: left;
}

.header .top-form-language .language-switcher li {
    float: none;
    padding: 5px 10px;
    line-height: normal;
}

    .header .top-form-language .language-switcher li:hover {
        background-color: #f5f5f5;
    }

    .header .top-form-language .language-switcher li a, .header .top-form-language .language-switcher li span {
        font-size: 14px;
    }

.text-setting, .top-links li a {
    display: inline;
}

.top-links li a {
    color: #ff4f4f;
}

.top-links {
    padding-left: 18px;
    margin: 0;
}

    .top-links .or {
        padding: 15px 10px;
    }

.header .header-top .label-title:after, .text-setting:after {
    content: "";
    font-family: FontAwesome;
    font-size: 17px;
    margin-left: 10px;
    text-align: left;
    font-weight: bold;
}

.header .header-top .label-title:hover, .text-setting:hover, .text-setting:hover:after, .header .header-top .label-title:hover:after, .icon-search:hover, .header .header-top-link li:hover, .header .currency_top li:hover {
    color: #ff3535;
}

.header .links {
    margin: 0px;
    padding: 0px;
}

    .header .links li a, .currency_top li a, .currency_top li.current {
        padding: 5px 10px;
        display: block;
        position: relative;
        font-size: 14px;
        line-height: normal;
    }

        .header .links li a:hover, .header .links li a:focus, .currency_top li a:hover, .currency_top li a:focus {
            background-color: #f5f5f5;
            color: #262626;
        }

    .header .links li.last {
        padding-right: 0;
    }

.header-container .top-container {
    clear: both;
    padding: 5px 10px 0 12px;
    text-align: right;
}

    .header-container .top-container a {
        font-size: 11px;
        color: #ebbc58;
    }

.minict_wrapper {
    border-radius: 3px;
    background: #f3f3f3 !important;
    border: 1px solid #ededed;
    width: 130px;
}

    .minict_wrapper input {
        color: #666;
    }

    .minict_wrapper.bubble:after {
        border: 0;
        box-shadow: none;
    }

.form-language label {
    display: none;
}

.icon-search .fa {
    text-align: center;
    vertical-align: middle;
    padding: 0 5px 0 0;
    color: #aaa;
}

.cms-index-index .alo-breadcrumbs, .currency-switcher .label-title {
    display: none;
}

/********** < Navigation */
#nav {
    font-size: 13px;
    margin: 0;
}
    /* All Levels */

    /* Style consistent throughout all nav levels */
    #nav li {
        position: relative;
        text-align: left;
    }

        #nav li.over {
            z-index: 998;
        }

    #nav a, #nav a:hover {
        display: block;
        text-decoration: none;
    }

    #nav span {
        display: block;
        cursor: pointer;
        white-space: nowrap;
    }

    #nav li ul span {
        white-space: normal;
    }

    #nav ul li.parent a {
        background: url(/Content/Csspublic/images/bkg_nav2.gif) 100% 100% no-repeat;
    }

    #nav ul li.parent li a {
        background-image: none;
    }
    /* 0 Level */
    #nav li {
        float: left;
    }

        #nav li.active a {
            color: #d96708;
        }

    #nav a {
        float: left;
        padding: 5px 12px 6px 8px;
        color: #E5E5E5;
        font-weight: bold;
        line-height: 35px;
    }

        #nav li.over a, #nav a:hover {
            color: #d96708;
        }
    /* 1st Level */
    #nav ul li, #nav ul li.active {
        float: none;
        margin: 0;
        padding-bottom: 1px;
        background: #ecf3f6 url(/Content/Csspublic/images/bkg_nav1.gif) 0 100% repeat-x;
    }

        #nav ul li.last {
            background: #ecf3f6;
            padding-bottom: 0;
        }

    #nav ul a, #nav ul a:hover {
        float: none;
        padding: 0;
        background: none;
    }

    #nav ul li a {
        font-weight: normal !important;
    }
    /* 2nd Level */
    #nav ul, #nav div {
        position: absolute;
        width: 15em;
        top: 45px;
        left: -10000px;
        border: 1px solid #899ba5;
    }

        #nav div ul {
            position: static;
            width: auto;
            border: none;
        }
        /* 3rd+ Level */
        #nav ul ul, #nav ul div {
            top: 5px;
        }

        #nav ul li a {
            background: #ecf3f6;
        }

            #nav ul li a:hover {
                background: #d5e4eb;
            }

            #nav ul li a, #nav ul li a:hover {
                color: #2f2f2f !important;
            }

        #nav ul span, #nav ul li.last li span {
            padding: 3px 15px 4px 15px;
        }
    /* Show menu */
    #nav li ul.shown-sub, #nav li div.shown-sub {
        left: 0;
        z-index: 999;
    }

    #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub {
        left: 100px;
    }
/********** Navigation > */

/* ======================================================================================= */
.block-related .block-title h3 span, .box-up-sell .block-title h3 span, .crosssell h3 span, .alo-brands .item span, .block-title-tabs span, .magictabs .item .title, .block .block-title strong span, .testimonials h3 span, .account-login .content h2 {
    color: #333;
    display: inline-block;
    font-size: 16px;
    padding: 0 15px;
    position: relative;
    text-transform: uppercase;
    line-height: 16px;
    font-family: "Arial",sans-serif;
    font-weight: normal;
    font-weight: bold;
}

.support .box-services .media-body p, .account-login .content p {
    color: #333;
}
/* Style Default =============================================================================== */

/* Static Block =============================================================================== */
.magiccart-column {
    padding-bottom: 20px;
    padding-top: 20px;
}
/* Sidebar =============================================================================== */
.block {
    margin: 0 0 30px;
    border: 1px solid #eaeaea;
}

    .block .block-content, .block-anav .nav-accordion {
        padding: 15px 20px;
    }

.block-reorder .actions a {
    clear: both;
    display: block;
    padding-top: 10px;
    padding-right: 10px;
}

.sidebar .block.block-progress {
    padding: 0;
}

.block .block-title {
    border-bottom: 1px solid #eaeaea;
    margin: 0px;
    padding: 0;
    text-align: left;
    line-height: normal;
}

    .block .block-title strong {
        font-weight: normal;
    }

        .block .block-title strong span {
            font-weight: bold;
            line-height: 21px;
            padding: 12px;
            padding-left: 20px;
        }

    .block .block-title a {
        text-decoration: none !important;
    }

.block .block-subtitle {
    margin: 0;
    padding: 5px 0;
    font-size: 1em;
    color: #555;
}

.block .block-content li.item {
    padding: 7px 0;
}

.block .btn-remove, .block .btn-edit {
    float: right;
    margin: 5px 10px 2px 5px;
}

.block .actions {
    padding: 6px 0px;
    text-align: left;
}

    .block .actions a {
        float: left;
        color: #f12b63;
        text-decoration: none;
    }

        .block .actions a:hover {
            color: #333;
        }

.block .empty {
    margin: 0;
    padding: 0px;
    color: #666666;
    font-size: 14px;
}

.col-left .magicproduct.mage-custom .magictabs, .left-module .magictabs {
    margin: 0 !important;
    border: 0;
}

.col-left .magicproduct.mage-custom .content-products .item .images-container {
    padding: 0;
}

.col-left .magictabs .item {
    line-height: 45px;
}

    .col-left .magictabs .item, .col-left .magictabs .item.active, .col-left .per-product {
        border: 0;
        display: block;
    }

.col-left .left-module .item {
    border-top: 1px solid #eaeaea;
    padding: 18px 0;
}

    .col-left .left-module .item:first-child {
        border: 0;
        padding-top: 3px;
    }

    .col-left .left-module .item:last-child {
        padding-bottom: 0;
    }

.col-left .left-module .block-title-tabs .item {
    border-bottom: 1px solid #eaeaea;
    margin-right: 0;
    padding: 0;
}

.col-left .magictabs .item .title {
    padding-left: 28px;
}

.col-left .price-box .price {
    font-weight: bold;
}

.col-left .products-grid .price-box {
    padding-top: 5px;
    display: block;
}

.col-left .products-grid .ratings {
    float: left;
    padding: 10px 0;
    width: 100%;
    text-align: left;
}

.col-left .left-module .products-textlink {
    padding: 0;
}

.left-module .content-products, .left-module .flexisel-content .item {
    margin-bottom: 0;
}

.left-module .content-products {
    padding: 15px 20px;
}

.catalog-category-view .left-module .content-products {
    padding: 0px;
}

.left-module .bx-wrapper .bx-pager, .left-module .bx-wrapper .bx-controls-auto {
    bottom: 0;
}

.left-module .bx-wrapper {
    margin-bottom: 0;
}

.left-module-slide .magicslider .bx-wrapper, .col-left-image, .block-related .bx-wrapper {
    margin-bottom: 30px;
}

.col-left .left-module.left-module-03 .products-grid .price-box {
    line-height: 20px;
    margin: 0;
    margin: 5px 0;
}

.col-left .left-module.left-module-03 .products-grid .ratings {
    float: right;
}

.col-left .left-module.left-module-03 .price-box .price {
    font-weight: normal;
}

.col-left-image {
    text-align: center;
    background-color: #f6f6f6;
    padding: 14px 28px 20px;
}

    .col-left-image .banner-opacity img {
        display: inline-block;
        margin-bottom: 10px;
        width: auto;
    }

    .col-left-image .banner-opacity h2 {
        color: #ff3366;
        font-size: 16px;
        text-transform: uppercase;
    }

    .col-left-image .banner-opacity p {
        color: #666666;
        font-size: 14px;
        margin: 15px 0 10px;
    }

    .col-left-image .banner-opacity a {
        font-size: 14px;
        line-height: 30px;
        background-color: #fafafa;
        border: 1px solid #e7e8e8;
        padding: 0 5px 0 10px;
        display: inline-block;
        color: #333333;
    }

        .col-left-image .banner-opacity a:hover {
            color: #ff3366;
        }

        .col-left-image .banner-opacity a:before, .left-module .per-product .link-view {
            display: none;
        }

        .col-left-image .banner-opacity a .fa {
            vertical-align: middle;
        }

/* Mini Blocks */
.block-cart, .block-wishlist, .block-subscribe, .block-compare, .block-reorder, .block-poll, .block-gr-search, .block-viewed, .block-compared, .block-related, .block-tags, .block-login {
    font-size: 11px;
    line-height: 1.25;
}

    .block-cart .block-title strong, .block-wishlist .block-title strong, .block-subscribe .block-title strong, .block-compare .block-title strong, .block-reorder .block-title strong, .block-poll .block-title strong, .block-viewed .block-title strong, .block-compared .block-title strong, .block-related .block-title strong, .block-tags .block-title strong, .block-login .block-title strong {
        background-repeat: no-repeat;
    }
/* Mini Products List */
.mini-products-list .product-details .product-name a {
    text-decoration: none;
}

.block-cart .mini-products-list .product-details .product-name, .block-cart .mini-products-list .product-details .nobr small {
    word-wrap: break-word;
}

.block-cart .mini-products-list .product-details .nobr {
    white-space: normal !important;
}

.mini-maincart .mini-products-list li {
    clear: both;
    display: block;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
    border-bottom: 1px solid #f3f3f3;
}

.mini-maincart .mini-products-list .product-image {
    float: left;
    width: 60px;
}

.mini-maincart .mini-products-list .product-details {
    float: left;
    width: 190px;
    padding-left: 15px;
}

    .mini-maincart .mini-products-list .product-details,
    .mini-maincart .mini-products-list .product-details strong,
    .mini-maincart .mini-products-list .product-details .price {
        color: #ff3366;
    }

.cart-content-top {
    text-align: left;
}

.mini-maincart .mini-products-list li .cart-content-bottom {
    clear: both;
    text-align: center;
    position: absolute;
    left: 0;
}

.miniCartWrap .cart-content-bottom .icons {
    border: 0;
    padding: 0;
}

    .miniCartWrap .cart-content-bottom .icons:hover {
        background-color: transparent;
        color: #955251;
    }

.mini-maincart .mini-products-list li .cart-content-bottom .clearfix .btn-edit {
    display: none;
}

.mini-maincart .mini-products-list .product-details .clearfix {
    position: absolute;
    right: 0;
    top: 32%;
}
/* Block:Account */
.block-account {
    border-color: #bbb;
}

    .block-account .block-title {
        padding: 0;
    }

    .block-account .block-content li a {
        display: block;
        line-height: 30px;
        padding: 0px;
        text-decoration: none !important;
    }

    .block-account .block-content li.last a {
        border-bottom: 0;
    }

    .block-account .block-content li.current {
        padding: 0px;
        line-height: 30px;
        color: #ff3535;
    }

        .block-account .block-content li.current.last {
            border-bottom: 0;
        }
/* Block:Currency Switcher */
.block-currency {
    border: 0;
    margin: 0 0 0 10px;
    padding: 10px 0;
}

    .block-currency .block-title {
        background: none;
        border: 0;
        padding: 0;
        margin: 0 0 5px;
    }

        .block-currency .block-title strong {
            font: bold 13px/21px Arial,Helvetica,sans-serif;
            background: url(/Content/Csspublic/images/i_block-currency.gif) 0 50% no-repeat;
            padding: 0 0 0 21px;
            text-transform: none;
            color: #fff;
        }

    .block-currency .block-content {
        background: none;
        padding: 0;
    }

        .block-currency .block-content select {
            width: 100%;
            padding: 0;
        }
/* Block:Layered Navigation */
.block-layered-nav #narrow-by-list, .block-layered-nav .block-content ol {
    margin: 0;
    padding: 0;
}

.block-layered-nav .block-subtitle {
    line-height: 1.35;
    background: #d5e8ff url(/Content/Csspublic/images/bkg_block-layered1.gif) 0 50% repeat;
    padding: 3px 9px;
    border: 1px solid #b9ccdd;
    border-width: 1px 0;
    text-transform: uppercase;
    color: #1f5070;
}

.block-layered-nav .block-content .block-subtitle {
    display: none;
}

.block-layered-nav .block-content li {
    color: #905130;
    line-height: 25px;
    padding: 0 0 0 0;
    float: left;
    width: 100%;
}

    .block-layered-nav .block-content li input[type="radio"], .block-layered-nav .block-content li input[type="checkbox"] {
        margin-top: 0px;
        margin-right: 3px;
        cursor: pointer;
    }

    .block-layered-nav .block-content li label {
        font-weight: normal !important;
        cursor: pointer;
    }

    .block-layered-nav .block-content li:last-child {
        border: 0;
    }

    .block-layered-nav .block-content li a {
        font-size: 14px;
        text-decoration: none;
        text-transform: capitalize;
        color: #333;
    }

        .block-layered-nav .block-content li a span {
            font-size: 14px;
            color: #333;
        }

    .block-layered-nav .block-content li span.count {
        font-size: 14px;
        color: #a4a4a4;
    }

    .block-layered-nav .block-content li a:hover, .block-layered-nav .block-content li a span:hover {
        color: #ff5555;
    }

.block-layered-nav dt {
    padding: 0px;
    position: relative;
    line-height: normal;
    margin: 0px;
    display: block;
    text-align: left;
    font-weight: normal;
    color: #ffcc9c;
    font-size: 14px;
}

    .block-layered-nav dt span {
        font-weight: bold;
        padding: 0 10px 0 0;
        height: 26px;
        line-height: 26px;
        color: #757575;
        font-size: 14px;
        text-transform: capitalize;
    }

.block-layered-nav dd {
    margin-bottom: 15px;
    padding-bottom: 15px;
    padding-top: 15px;
    overflow: hidden;
}

.block-layered-nav .currently li {
    position: relative;
}

.block-layered-nav .currently .label {
    font-weight: normal;
    color: #000;
    padding: 5px 0;
    display: inline-block;
    font-size: 13px;
}

.block-layered-nav .currently .value {
    display: inline-block;
    vertical-align: middle;
}

.block-layered-nav .currently .btn-previous, .block-layered-nav .currently .btn-remove {
    position: absolute;
    right: 8px;
    top: 15px;
    margin: 0;
}

.block-layered-nav .currently .btn-previous {
    right: 17px;
}

.block-layered-nav .actions {
    font-size: 11px;
    padding: 4px 5px 4px 9px;
    text-align: right;
}

    .block-layered-nav .actions a {
        float: none;
    }

.block-layered-nav .toggle-content {
    display: none;
    position: absolute;
    z-index: 9999;
}

    .block-layered-nav .toggle-content.visible {
        display: block;
    }

.block-layered-nav .toggle-tab.mobile {
    padding: 0px 10px;
    top: 0;
    color: #ccc;
    width: auto;
    font-size: 17px;
    line-height: 20px;
    cursor: pointer;
    font-weight: bold;
    top: 5px;
}

    .block-layered-nav .toggle-tab.mobile:hover {
        color: #ff3366;
    }

.block-layered-nav .toggle-tab:before {
    content: "";
    font-family: FontAwesome;
    color: #915030;
}

.block-layered-nav .toggle-visible .toggle-tab:before {
    content: "";
    font-family: FontAwesome;
}

.block-layered-nav .toggle-tab.mobile {
    position: absolute;
    right: 0;
    display: block !important;
    line-height: 30px;
}

.narrow-by {
    position: relative;
    padding: 5px 0;
    outline: medium none !important;
    margin: 0;
    float: left;
    width: 100%;
    margin-right: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f3f3f3;
}

.toggle-content1 {
    background: white;
    overflow: hidden;
}
/*.iconcate-checkbox {
    background-position: 0 0;
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
    margin-right: 7px;
}
[class^="iconcate-"], [class*="iconcate-"], [class^="cate-"], [class*="cate-"] {
    background-image: url(https://cdn.tgdd.vn/dmx2016/Content/images/category/iconcatedesk@1x.v201802021040.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
}
.utilities i, .price i {
    margin-left: -20px;
}*/
.narrow-by a {
    color: #288ad6 !important;
}

    .narrow-by a:hover {
        color: black !important;
    }
/* .block-layered-nav .narrow-by:first-child .toggle-tab:before{content: "";font-family: FontAwesome;}
.block-layered-nav .narrow-by.toggle-visible:first-child .toggle-tab:before{content: "";}
.block-layered-nav .narrow-by:first-child .toggle-content{display: block;}
.block-layered-nav .narrow-by:first-child .toggle-content.visible{display: none;} */
/* Block:Cart */
.block-cart .summary {
    background: #fff;
    padding: 2px 8px 8px;
    margin: -1px 0 0;
    position: relative;
    z-index: 1;
}

.narrow-by .odd {
    padding: 7px !important;
    border-radius: 3px;
    /*text-transform: uppercase;*/
    cursor: pointer;
}

.block-subtitle {
    font-size: 20px;
    margin: 10px 5px;
    text-transform: uppercase;
    color: #4a90e2;
}

.toggle-content ol {
    line-height: 20px;
}

.toggle-content label {
    color: #4a90e2;
    cursor: pointer;
    font-size: 12px;
}

    .toggle-content label:hover {
        color: #333;
    }

.flprice {
    padding: 7px !important;
    border-radius: 3px;
    cursor: pointer;
    font-weight: bold;
}

.narrow-by:hover .toggle-content {
    display: block;
}

.search {
    padding: 5px 13px;
    margin-top: 5px;
    color: #ffcc9c;
    border: 1px solid #552e1d !important;
    border-radius: 3px;
    background: #1c0d08;
}

    .search:hover {
        color: yellow;
    }

.block-cart .amount {
    margin: 0;
}

    .block-cart .amount a {
        font-weight: bold;
    }

.block-cart .subtotal {
    margin: 5px 0 0;
    padding: 5px 0;
    background: #f4f4f4;
    text-align: center;
}

    .block-cart .subtotal .label {
        color: #666;
    }

    .block-cart .subtotal .price {
        font-weight: normal;
        color: #666;
    }

.block-cart .actions {
    border-bottom: 1px solid #f4f4f4;
}

.block-cart .mini-products-list .product-image {
    width: 30%;
    float: left;
}

.block-cart .mini-products-list .product-details {
    width: 70%;
    float: left;
}

.block-cart .actions .paypal-logo {
    float: left;
    width: 100%;
    margin: 3px 0 0;
    text-align: right;
}

    .block-cart .actions .paypal-logo .paypal-or {
        clear: both;
        display: block;
        padding: 0 55px 8px 0;
    }
/* Block:Wishlist */
.block-wishlist .block-title strong {
    background-image: url(/Content/Csspublic/images/i_block-wishlist.gif);
}

.block-wishlist .actions {
    text-align: right;
}

    .block-wishlist .actions a {
        float: none;
    }
/* Block:Related */
.block.block-related, .block.block-related .block-title, .block.box-up-sell, .block.box-up-sell .block-title {
    border: 0;
}

    .block.block-related .block-content, .block.box-up-sell .block-content {
        padding: 0;
    }

.block-related .block-title h3 span {
    padding: 0;
}

.block.block-related .block-content .padding-none {
    padding: 0;
}

.block.block-related .block-subtitle {
    padding-bottom: 15px;
    padding-top: 0;
}

.block-related input.checkbox {
    display: block;
    clear: both;
}

.block-related .product-details .product-name {
    font-size: 100%;
    line-height: normal;
    margin: 0 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.block-related .product-details .ratings .amount {
    display: none;
}

.block-related .product-details .price-box {
    display: inline-block;
}

.product-view .block-related .bx-controls .bx-default-pager {
    display: none;
}

.block-related .per-product .ratings .amount, .box-up-sell .per-product .ratings .amount {
    display: none;
}

/* Block:Upsell */
.product-view .box-up-sell .block-title h3 span {
    padding: 0 0 17px;
}

.product-view .box-up-sell .title-divider {
    margin-bottom: 30px;
}

.product-view .box-up-sell .products-grid {
    width: 100%;
    padding: 0;
}

    .product-view .box-up-sell .products-grid td {
        width: 25%;
        background: #f6f2e7;
        border-right: 1px solid #e5dcc3;
        border-bottom: 1px solid #e5dcc3;
        padding: 15px 10px 12px;
        line-height: 1.6em;
    }

    .product-view .box-up-sell .products-grid tr.last td {
        border-bottom: 0;
    }

    .product-view .box-up-sell .products-grid td.last {
        border-right: 0;
    }

    .product-view .box-up-sell .products-grid td img {
        border: 1px solid #e5dcc3;
    }

    .product-view .box-up-sell .products-grid .product-image {
        text-align: center;
    }

    .product-view .box-up-sell .products-grid td.empty {
        border-right: 0;
        background: #f1ecdb;
    }

    .product-view .box-up-sell .products-grid .ratings .rating-links {
        padding: 0;
    }

.product-view .sale-content .block-title-tabs {
    display: none;
}

.product-view .box-up-sell .bx-controls .bx-default-pager {
    display: none;
}
/* Block:Compare Products */
.cms-index-index .block-compare {
    display: none;
}

.block-compare button.button {
    margin-left: 10px;
}

.block.block-compare .actions a {
    line-height: 35px;
}

.catalog-product-compare-index .compare-table .product-image img {
    width: auto;
    margin: 0 auto;
}

.catalog-product-compare-index .compare-table .button.btn-cart, .catalog-product-compare-index .compare-table .link-wishlist {
    display: inline-block !important;
}

.page-popup .link-print {
    background: url(/Content/Csspublic/images/i_print.gif) 0 2px no-repeat;
    padding: 2px 0 2px 25px;
    font-weight: bold;
    color: #1e7ec8;
}

.compare-table {
    border: 0;
}

    .compare-table thead tr.first th, .compare-table thead tr.first td {
        border: 0;
        background: none;
        padding: 0;
        font-size: 0;
        line-height: 0;
    }

    .compare-table .btn-remove {
        float: right;
        background-image: url(/Content/Csspublic/images/btn_remove2.gif);
        width: 72px;
        height: 15px;
    }

    .compare-table tbody th {
        background: #d9e5ee url(/Content/Csspublic/images/bkg_th-v.gif) 100% 0 repeat-y;
    }

    .compare-table tbody th, .compare-table tbody td {
        padding: 10px;
        border: 0;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        vertical-align: top;
    }

        .compare-table tbody td.last {
            border-right: 1px solid #ccc;
        }

    .compare-table tbody tr.last th, .compare-table tbody tr.last td {
        border-bottom: 1px solid #ccc !important;
    }

    .compare-table tr.add-to-row td {
        background: #fffada;
        text-align: center;
    }

    .compare-table tr.first td {
        text-align: center;
    }

        .compare-table tr.first td .product-name {
            font-size: 13px;
            font-weight: bold;
            margin: 0 0 5px;
            color: #203548;
        }

            .compare-table tr.first td .product-name a {
                color: #203548;
            }

        .compare-table tr.first td .ratings {
            width: 69px;
            margin: 0 auto;
        }

        .compare-table tr.first td p, .compare-table tr.add-to-row td p {
            margin: 0;
        }
/* Block:Recently Viewed */

/* Block:Recently Compared */

/* Block:Poll */
.block-poll .block-subtitle {
    font-size: 12px;
}

.block-poll label {
    color: #777;
    font-weight: normal;
    margin: 0;
}

.block-poll input.radio {
    float: left;
    margin: 1px -18px 0 0;
}

.block-poll .label {
    display: block;
    margin-left: 18px;
    text-align: left;
    line-height: normal;
}

.block-poll li {
    padding: 3px 9px;
}

.block-poll .actions {
    margin: 5px 0 0;
}

.block-poll .answer {
    font-weight: bold;
}

.block-poll .votes {
    float: left;
    margin-left: 10px;
}
/* Block:Orders and Returns */
.block-gr-search li {
    padding: 3px 9px;
}

.block-gr-search button.button span {
    border-color: #406a83;
    background: #618499;
}
/* Block:Tags */
.block-tags .block-content .tags-list {
    background: none;
    border: 0;
    font-size: 12px;
    padding: 3px 0 0;
}

    .block-tags .block-content .tags-list li {
        margin: 0;
    }

.block-tags .block-content a {
    display: inline-block;
    margin: 0;
    padding: 5px;
    text-decoration: none;
}

.block-tags .actions {
    text-align: right;
    padding: 0;
    display: none;
}
/* Block:Subscribe */
.block-subscribe .block-content {
    padding: 0px;
}

.block-subscribe label {
    font-size: 13px;
    margin: 0 0 25px 0;
}

.block-subscribe .input-box {
    text-align: left;
    margin: 0 0 20px;
    position: relative;
}

.block-subscribe input.input-text {
    display: block;
    height: 30px;
    margin: 0;
    width: 100%;
    border-width: 0px;
    border-style: solid;
    padding-right: 50px;
}

.block-subscribe .actions {
    padding: 0;
    margin: 0px;
    position: absolute;
    right: 0;
    top: 0;
}

    .block-subscribe .actions button.button {
        border-style: solid;
        border-width: 0px;
    }

        .block-subscribe .actions button.button span {
            height: 30px;
            line-height: 30px;
            padding: 0 12px;
        }

            .block-subscribe .actions button.button span span {
                padding: 0px;
            }

/* Block:popup-newsletter */
#fancybox-close {
    height: 13px !important;
    width: 13px !important;
    top: 9px !important;
    right: -32px !important;
}

#popup-newsletter .form-subscribe-header label {
    color: #333;
    font-size: 18px;
    line-height: normal;
    margin: 0 0 40px;
    letter-spacing: 1px;
    padding: 0px;
    text-transform: uppercase;
    font-weight: 500;
}

#popup-newsletter .form-subscribe-header {
    position: relative;
}

#popup-newsletter .block-content .promotions1 {
    letter-spacing: 13px;
}

#popup-newsletter .block-content .promotions {
    font-size: 100px;
    font-weight: bold;
    line-height: 78px;
    color: #999999;
    text-transform: uppercase;
    margin: 0 0 0 -148px;
    text-align: left;
}

#popup-newsletter .block-content .promotions2 {
    color: #cc3366;
    line-height: 83px;
    font-size: 120px;
    letter-spacing: -5px;
}

    #popup-newsletter .block-content .promotions2 span {
        font-size: 80px;
        line-height: 80px;
        margin-left: 15px;
    }

#popup-newsletter .block-content h3 {
    font-size: 16px;
    text-transform: uppercase;
    color: #333;
    text-align: left;
    font-weight: 500;
}

#popup-newsletter .subscribe-bottom {
    display: block;
    margin: 65px 0px 0;
    padding: 0px;
    color: #333333;
    font-size: 13px;
    text-align: left;
}

    #popup-newsletter .subscribe-bottom input {
        margin: 0 5px 1px 0;
    }

#popup-newsletter .block-content .input-box {
    width: 273px;
    float: left;
}

#popup-newsletter .block-content input.input-text {
    border: 1px solid #cfcfcf;
    color: #666666;
    height: 44px;
    line-height: 44px;
    margin-left: 0;
    margin-top: 20px;
    padding: 10px 20px;
    width: 100%;
    float: left;
    font-size: 14px;
}

#popup-newsletter .block-content .actions {
    margin: 20px 0 0 0px;
    float: left;
    vertical-align: top;
}

#popup-newsletter .block-content button.button span {
    padding: 0px;
    height: 44px;
    line-height: 44px;
    color: #fff;
    margin-bottom: 0;
    font-size: 13px;
}

#popup-newsletter .block-content button.button {
    border: 1px solid #cfcfcf;
    border-left: 0;
    background-color: #fff;
    width: 46px;
    height: 44px;
    background-image: url(/Content/Csspublic/images/icon-popup.png);
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -999em;
}

    #popup-newsletter .block-content button.button span span {
        padding: 0;
    }

    #popup-newsletter .block-content button.button:hover {
        background-color: #fff;
        color: #ffffff;
    }

#popup-newsletter .block-content {
    margin: 0;
    padding: 40px 40px 0px;
    text-align: center;
    width: 50%;
    float: right;
}

    .promotions, #popup-newsletter .form-subscribe-header label, #popup-newsletter .block-content h3 {
        font-family: "Montserrat",sans-serif;
    }
/* Block:Reorder */
.block-reorder .block-title strong {
}

.block-reorder input.checkbox {
    float: left;
    margin: 0;
    min-height: 10px;
}

.block-reorder .product-name {
    margin-left: 20px;
}

.block-reorder .validation-advice {
    margin: 3px 9px 7px;
}

.block-reorder .product-name a {
    color: #666;
    text-decoration: none;
}
/* Block:Login */
.block-login .block-title strong {
    background-image: url(/Content/Csspublic/images/i_ma-info.gif);
}

.block-login .block-content {
    padding: 5px 10px;
}

.block-login label {
    font-weight: bold;
    color: #666;
}

.block-login input.input-text {
    display: block;
    width: 167px;
    margin: 3px 0;
}

.block-login .actions {
    background: none;
    padding: 0;
    margin: 3px 0 0;
}

    .block-login .actions button.button span {
        border-color: #406a83;
        background: #618499;
    }
/* Paypal */
.sidebar .paypal-logo {
    display: none;
    margin: 10px 0;
    text-align: center;
}

    .sidebar .paypal-logo a {
        float: none;
    }
/* ======================================================================================= */
/* Block:New and Sale */
.sticker {
    position: absolute;
    top: 15px;
    z-index: 20;
}

    .sticker.top-right {
        right: 15px;
    }

    .sticker.top-left {
        left: 15px;
    }

.labelnew, .labelsale, .labelvip {
    display: block;
    height: 36px;
    line-height: 36px;
    width: 36px;
    padding: 0px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

/* Block:testimonials */
.product-name-testermonitnal {
    text-align: right;
    color: #187fd6;
    font-size: 14px;
    font-weight: 300;
    outline: medium none;
    text-decoration: none;
}

    .product-name-testermonitnal .company {
        color: #aaaaaa;
    }

.block-testimonial .bx-wrapper {
    margin-bottom: 20px;
}

.testimonial .actions {
    margin: 30px 0 10px;
    text-align: right;
    display: none;
}

    .testimonial .actions a {
        color: #187fd6;
        font-size: 14px;
        text-decoration: none;
        font-weight: 300;
        outline: medium none;
    }

        .testimonial .actions a:hover {
            text-decoration: underline;
        }

.testimonial .customer {
    margin: 10px 0 0;
}

.testimonial .rating-box {
    clear: both;
}

.testimonial li {
    text-align: center;
}

.testimonial_text {
    color: #333;
}

.testimonial .title-name {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.testimonial img {
    border: 3px solid #eaeaea;
    border-radius: 90%;
    height: 110px;
    margin: 0 auto;
    width: 110px;
}

.testimonial_text .sub-text {
    display: block;
    font-size: 14px;
}

.alo-testimonial .testimonial_text {
    padding: 0px;
    margin: 0;
}

.testimonial_text a {
    color: #ff5555;
    text-decoration: underline;
}

    .testimonial_text a span {
        color: #ccc;
    }

    .testimonial_text a:hover span {
        color: #b2d36e;
    }

.alo-testimonial ul {
    padding: 0;
    margin: 0;
}

.submit-testimonial {
    margin: 10px 0 0;
}

.customer-testimonials.products-list .desc {
    margin: 0;
    padding: 15px 0;
    border: medium none;
}

.customer-testimonials .product-name {
    color: #000;
    font-size: 18px;
    padding: 10px 0;
}

.customer-testimonials.products-list .product-name {
    color: #000;
    font-size: 18px;
    padding: 0;
}

.customer-testimonials.products-list .ratings {
    padding: 0;
}

.customer-testimonials .ratings {
    padding: 10px 0;
}

.customer-testimonials li {
    list-style: none;
}

.testimonials-form label {
    color: #666;
    float: left;
    font-weight: 300;
    position: relative;
    z-index: 0;
}

.testimonials-form .input-box {
    clear: both;
    display: block;
    width: 100%;
    padding: 0 0 10px;
}

.testimonials-form input.input-text {
    width: 100%;
}

.testimonial-source .testimonial-author, .testimonial-source .testimonial-date {
    color: #666;
    font-weight: 300;
}
/* Block:backtotop */
.product-view .product-collateral .box-collateral {
    display: none;
}

    .product-view .product-collateral .box-collateral.active {
        display: block;
        /*padding: 30px;*/
    }

#backtotop {
    bottom: 5px;
    display: block;
    height: 34px;
    width: 34px;
    line-height: 34px;
    overflow: hidden;
    position: fixed;
    right: 5px;
    text-align: center;
    text-decoration: none;
    z-index: 50;
}

    #backtotop .fa {
        font-size: 14px;
        line-height: 34px;
        width: 33px;
        height: 34px;
    }

    #backtotop:hover {
        background: none repeat scroll 0 0 #444;
        color: #fff;
    }

    #backtotop .back-to-top {
        display: none;
    }
/* Block:banner */
.container {
    padding-left: 15px;
    padding-right: 15px;
}

.header-top-right {
    margin-left: -15px;
    padding: 0;
}

    .header-top-right .homeslider {
        float: left;
        width: 74%;
    }

        .header-top-right .homeslider .bx-wrapper {
            margin: 0 auto;
        }

    .header-top-right .header-banner {
        float: right;
        width: 26%;
    }

.banner-opacity {
    position: relative;
}

    .banner-opacity a:before {
        background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
        content: "";
        display: block;
        height: 0;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 50%;
        transition: all 0.1s ease-in 0.1s;
        width: 100%;
    }

    .banner-opacity a:hover:before {
        height: 100%;
        left: 0;
        opacity: 1;
        top: 0;
        transition: all 0.2s ease-in 0.1s;
    }

.header-top-right .header-banner img {
    height: auto;
    width: 100%;
}
/*--------------------
[7. Services]
*/
.service {
    background: #f6f6f6;
    border: 1px solid #eaeaea;
    padding: 19px 0;
    font-size: 12px;
    float: left;
    width: 100%;
}

    .service .service-item {
        padding-left: 35px;
        border-right: 1px solid #ccc;
        overflow: hidden;
    }

        .service .service-item .icon {
            width: 40px;
            height: 40px;
            float: left;
        }

        .service .service-item .info {
            padding-left: 15px;
            margin-left: 40px;
            padding-top: 2px;
        }

        .service .service-item h3 {
            margin: 0;
            padding: 0;
            text-transform: uppercase;
        }

        .service .service-item:last-child {
            border-right: none;
        }

.policy {
    position: relative;
    margin-top: 60px;
    margin: 0;
}

.support-footer-inner {
    padding: 0px 0 60px;
    position: relative;
}

.cms-index-index .support-footer-inner {
    padding: 68px 0 60px;
    margin-top: 50px;
    position: relative;
}

    .cms-index-index .support-footer-inner:before {
        background-color: #ddd;
        text-align: center;
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        width: 485px;
        margin: 0 auto;
    }

.support-footer-inner .row-normal {
    border: 1px solid #ddd;
    text-align: center;
    position: relative;
    height: 75px;
    line-height: 75px;
}

    .support-footer-inner .row-normal:before {
        border: 1px solid #ddd;
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 75px;
        width: 100.5%;
        left: 4px;
        top: 4px;
    }

.support-policy .support-footer-inner .col-icon,
.support-policy .support-footer-inner .col-text {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.support-footer-inner .support-icon .icons, .support-footer-inner .support-icon .fa {
    font-size: 30px;
    color: #ff5555;
    vertical-align: middle;
}

.support-footer-inner .support-info .info-title {
    font-size: 15px;
    text-transform: uppercase;
    color: #2a2a2a;
    padding: 0px 0 0px 20px;
}

.support-footer-inner .support-info .info-details {
    line-height: 20px;
    font-size: 15px;
    font-weight: 300;
}

.cms-index-index .alo-blog {
    margin: 0 0 90px;
}

.catblocks li {
    float: left !important;
    margin-bottom: 100px;
    margin-right: 1px;
    padding: 0px;
    position: relative;
    width: 33% !important;
}

.deal-of {
    position: relative;
    margin-top: 60px;
}

    .deal-of .deal {
        position: absolute;
        top: 10%;
        width: 100%;
        text-align: center;
    }

.heading .title {
    font-size: 50px;
    color: #2a2a2a;
    text-transform: uppercase;
}

.intro {
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    line-height: normal;
    margin: 0 0 45px;
    display: block;
}

.deal-of .block-title-tabs {
    display: none;
}

.deal-of .shop-now a {
    border: 2px solid #242628;
    color: #242628;
    display: inline-block;
    font-size: 16px;
    line-height: 40px;
    margin-top: 37px;
    padding: 0 39px;
    text-align: center;
    text-transform: uppercase;
}

    .deal-of .shop-now a:hover {
        background-color: #955251;
        border: 2px solid #955251;
        color: #fff;
    }

.deal-of .special-price .price {
    font-size: 20px;
    font-weight: 500;
}

.deal-of .old-price .price {
    color: #3b3b39;
    font-size: 20px;
    font-weight: 500;
}

.block_bottom {
    background-color: #f8f8f8;
    padding: 85px 0;
    margin-top: 50px;
}

.cms-index-index .block_bottom {
    margin-top: 0;
}

.magicproduct.mage-custom {
    background-color: #fff;
}

    .magicproduct.mage-custom .content-products .item .images-container {
        padding-left: 25px;
        padding-right: 0;
    }

    .magicproduct.mage-custom .content-products .item .products-textlink {
        text-align: left;
        padding-top: 10px;
        background: transparent;
    }

.deal-of .item .products-textlink {
    background-color: transparent !important;
}
/* About Us ========================================================================= */
.title-heading-left {
    font-size: 14px;
    color: #000;
}

.alo-content {
    font-size: 13px;
    color: #666;
    font-weight: 300;
}

.alo-column {
    margin: 20px 0 0;
    background-color: transparent;
}

    .alo-column.block .block-title {
        margin: 0 15px;
    }

        .alo-column.block .block-title strong span {
            color: #444;
            font-size: 16px;
            text-transform: capitalize;
        }

.alo-team {
    padding: 15px 0 0;
}

.alo-person-author {
    padding: 13px 0 0;
}

    .alo-person-author .person-name {
        color: #444;
        font-size: 15px;
        line-height: 15px;
        width: 100%;
        display: block;
        font-weight: 300;
    }

    .alo-person-author .person-title {
        font-size: 13px;
        color: #888;
        font-weight: 300;
        line-height: 13px;
    }

.alo-social-networks {
    padding: 10px 0 13px;
    overflow: hidden;
}

    .alo-social-networks a {
        color: #fff;
        width: 18px;
        height: 18px;
        line-height: 18px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        margin: 0 13px 0 0;
        text-align: center;
        float: left;
    }

        .alo-social-networks a:hover {
            color: #fff;
        }

    .alo-social-networks .display-none {
        display: none;
    }

    .alo-social-networks a.facebook .fa {
        color: #5795bd;
        font-size: 19px;
    }

    .alo-social-networks a.twitter {
        background-color: #44d2d7;
    }

    .alo-social-networks a.tumblr .fa {
        color: #4bb984;
        font-size: 19px;
    }

    .alo-social-networks a.dribbble .fa {
        color: #d85690;
        font-size: 19px;
    }

.alo-content.fusion-clearfix {
    clear: both;
}

.bottomborder {
    display: none !important;
}
/* Home Products Page ========================================================================= */
.featured-product-tab .magictabs .item .title {
    background-image: url("../images/tab-bg-li.png");
    background-position: 0 7px;
    background-repeat: no-repeat;
    padding: 0 0 0 30px;
}

.featured-product-tab .magictabs .item:first-child .title {
    background-image: none;
}

.trending .magicproduct .block-title-tabs {
    display: none;
}

.magicproduct .ajax_loading, .ajax_loading {
    margin-left: 46%;
    padding: 0;
    position: absolute;
    z-index: 1;
    animation: 1.2s ease-in-out 0s normal none infinite tp-rotateplane;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    padding: 10px;
}

.magictabs .item, .magictabs .citem {
    position: relative;
    list-style: none;
    display: inline-block;
    line-height: 40px;
    border-width: 0 0 3px 0;
    border-style: solid;
    margin-right: 2px;
    border-color: #cccccc;
}

    .magictabs .item.active, .magictabs .item:hover {
        border-color: #ff3366;
    }

.magictabs {
    position: relative;
    text-align: left;
    margin: 30px 0px !important;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #eaeaea;
}

    .magictabs .item span {
        cursor: pointer;
        padding: 0 10px;
    }

    .magictabs .item .title {
        padding: 0 15px;
    }

ul.magictabs {
    padding: 0;
}

.content-products {
    clear: both;
    margin: 0 0 30px;
}

    .content-products .bx-wrapper .bx-controls-direction a,
    .crosssell .bx-wrapper .bx-controls-direction a {
        top: -58px;
    }

.block-related .bx-wrapper .bx-controls-direction a,
.box-up-sell .bx-wrapper .bx-controls-direction a {
    top: -45px;
}

.content-products ul {
    padding: 0;
    margin: 0;
}

.flexisel-content .item {
    float: left;
    margin-bottom: 30px;
    list-style: none;
    text-align: center;
}

.flexisel-content .products-grid-rows .item {
    float: none;
    margin-right: 0;
}

.flexisel-content > li:nth-child(3n+1) {
    margin-right: 0px;
}

.flexisel-content .item ul {
    list-style: none;
}

.nbs-flexisel-inner .item {
    box-shadow: none;
    background: none;
}

.nbs-flexisel-inner {
    background: none;
    border: none;
    border-radius: 0;
}

.featured-product-tab .magictabs .item.active .title, .featured-product-tab .magictabs .item:hover .title {
    color: #333333;
}

.bx-wrapper .bx-controls-direction a {
    top: -70px;
    border-width: 0px;
    border-style: solid;
    background-image: none;
    width: 25px;
    height: 25px;
    line-height: 24px;
    text-align: center;
    text-indent: inherit;
    transition: none;
    color: #fff;
    font-size: 25px;
}

    .bx-wrapper .bx-controls-direction a .fa {
        font-weight: bold;
    }

    .bx-wrapper .bx-controls-direction a.bx-prev {
        right: 26px;
    }

.sidebar .bx-wrapper .bx-controls-direction a {
    top: 175px;
    height: 31px;
    line-height: 30px;
    width: 29px;
}

    .sidebar .bx-wrapper .bx-controls-direction a.bx-prev {
        left: 0;
    }

.sidebar .bx-wrapper .item img {
    width: 100%;
}

.the-brands {
    margin-top: 30px;
}

.block-title-brands .title span {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    padding-left: 10px;
    text-transform: uppercase;
}

.the-brands .magictabs {
    margin: 0 !important;
    border-top: 3px solid #ff3366;
    border-bottom: 0;
}

    .the-brands .magictabs .item {
        line-height: normal;
        background: #eaeaea none repeat scroll 0 0;
        cursor: pointer;
    }

        .the-brands .magictabs .item:hover, .the-brands .magictabs .item.active {
            background-color: #fff;
        }

.the-brands .bx-wrapper .bx-controls-direction a {
    top: -28px;
}

.the-brands .brand-shopbrand-box {
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    padding-bottom: 10px;
}

.the-brands .content-products {
    margin: 0;
}

.the-brands .trademark-product .item {
    margin-top: 30px !important;
    margin-bottom: 0;
}

.the-brands .trademark-product .per-product {
    border: 0;
    padding: 0;
}

.the-brands .trademark-product .products-grid .ratings {
    display: block;
    text-align: left;
    float: none;
    padding-bottom: 8px;
}

.trademark-info {
    padding-left: 45px !important;
}

.trademark-desc {
    line-height: 18px;
    margin: 20px 0;
}

.trademark-logo, .trademark-desc {
    border-bottom: 1px dotted #999999;
    padding-bottom: 20px;
}

.trademark-info .trademark-logo {
    margin-top: 30px;
    text-align: center;
}

    .trademark-info .trademark-logo img {
        height: 100px;
    }

.trademark-info .trademark-link {
    border: 1px solid #999999;
    display: inline-block;
    line-height: 30px;
    padding: 0 10px 0 15px;
    text-transform: uppercase;
}

    .trademark-info .trademark-link:after {
        content: "";
        font: 14px/1 FontAwesome;
        padding-left: 12px;
    }

.trademark-product {
    padding-left: 0;
}

.the-brands .item .images-container {
    float: left;
    width: 40%;
    padding: 0;
}

    .the-brands .item .images-container .product-img-back {
        left: 0;
        top: 0;
        right: 0;
    }

.the-brands .item .products-textlink {
    float: right;
    margin: 0;
    line-height: 35px;
    padding-right: 30px;
    padding-top: 20px;
    width: 60%;
}

.block_testimonials .testimonials .bx-wrapper .bx-controls-direction a .fa {
    color: #fff;
}

.alo-block-slide .magicslider .bx-wrapper {
    margin-bottom: 0;
}

.the-brands .products-grid .price-box {
    font-weight: bold;
}

.the-brands button.button {
    background-color: transparent;
    color: #666;
}

    .the-brands button.button span {
        height: 26px;
        line-height: 26px;
        padding: 0 15px;
    }

        .the-brands button.button span span {
            padding: 0;
        }

.brand-image {
    background-color: #eaeaea;
    display: inline-block;
}

.title-divider {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #efefef;
}

    .title-divider span {
        height: 1px;
        width: 50px;
        display: block;
        background-color: #ffa800;
    }

/* Latest deals ========================================================================= */
.latest-deals {
    margin-top: 30px;
}

    .latest-deals .latest-deal-title {
        height: 54px;
        background: url("../images/latest-deal-title.png") no-repeat left center;
        padding: 0;
        margin: 0;
        line-height: 54px;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bold;
        padding-left: 52px;
        margin-left: 8px;
    }

    .latest-deals .latest-deal-content {
        border: 3px solid #ff3366;
        padding: 20px 15px 10px;
    }

.latest-deal-content .content-products {
    margin-bottom: 0;
}

.latest-deal-content .per-product {
    border: 0;
}

.latest-deal-content .images-container {
    margin: 0;
}

.latest-deal-content ul.magictabs {
    display: none;
}

.timer-view {
    margin: 0 auto;
    text-align: center;
    display: inline-block;
}

    .timer-view .box {
        padding: 2px 10px;
        margin: 0 2px;
        float: left;
        background-color: #999999;
    }

    .timer-view .timer-day.box, .timer-view .timer-hour.box, .timer-view .timer-min.box {
        border-right: 0;
    }

    .timer-view .box span {
        display: block;
        color: #fff;
        font-size: 12px;
    }

        .timer-view .box span b {
            font-size: 15px;
            line-height: 18px;
        }

        .timer-view .box span.title {
            font-size: 12px;
            font-family: Arial;
            text-transform: capitalize;
            display: none;
        }
/* Category Page ========================================================================= */
.category-title {
    border-bottom: 1px solid #eaeaea;
    font-size: 24px;
    height: 41px;
    line-height: 40px;
    position: relative;
}

    .category-title h1 {
        bottom: 0px;
        padding: 0 12px;
        position: absolute;
    }

.category-image {
    text-align: center;
    display: none;
}

    .category-image img {
        max-width: 100%;
        height: auto;
    }

.category-description {
    margin: 20px 0 0;
}

.catalog-product-view .category-image {
    display: none;
}

.catalog-category-view .category-image {
    display: block;
}

.magicslider .bx-wrapper .bx-controls-direction a {
    top: 50%;
}

.category-slider .bx-controls-direction .bx-prev,
.category-slider .bx-controls-direction .bx-next {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -moz-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

.category-slider .magicslider .bx-wrapper .bx-controls-direction a.bx-prev {
    left: 50%;
}

.category-slider .magicslider .bx-wrapper .bx-controls-direction a.bx-next {
    right: 50%;
}

.category-slider:hover .magicslider .bx-wrapper .bx-controls-direction .bx-next {
    right: 0;
    visibility: inherit;
    opacity: 1;
}

.category-slider:hover .magicslider .bx-wrapper .bx-controls-direction .bx-prev {
    left: 0;
    visibility: inherit;
    opacity: 1;
}

.category-slider .bx-prev {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.category-slider .bx-next {
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.left-module-slide .bx-wrapper .bx-pager, .left-module-slide .bx-wrapper .bx-controls-auto {
    bottom: 6px;
}
/* View Type:Grid */
.category-products .item {
    text-align: center;
    height: 526px;
}

.images-container {
    padding: 0;
    height: 308px;
}

.category-products .item img, .product-image img {
    width: 100%;
}

._sumary {
    color: #f5d19e;
    text-align: justify;
    height: 96px;
    overflow: hidden;
}

.category-products .products-grid .category-products-grid {
}

.products-grid {
    position: relative;
    z-index: 0;
    margin-bottom: 0;
}

.bx-viewport .products-grid {
    padding: 0px;
}

.products-grid.last {
    border-bottom: 0;
}

.products-grid .col-mobile-12, .products-grid .col-mobile-plus-6, .products-grid .col-xs-, .products-grid .col-sm-6, .products-grid .col-md-4, .products-grid .col-lg-4 item {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.products-grid .price-box {
    line-height: 20px;
    display: block;
    margin: 5px 0;
    padding: 0px 15px;
}

.products-grid .availability {
    line-height: 21px;
}

.item .add-to-links {
    margin: 0;
    padding: 0;
}

.block-custom.block-custom2 .images-container .actions-no .button.btn-cart {
    width: 100%;
}

.item .add-to-links a {
    color: #777;
    display: block !important;
    font-size: 15px;
    line-height: 30px;
    font-weight: normal;
    padding: 0;
}

    .item .add-to-links a:hover {
        color: #ea5648;
    }

.per-product, .category-products .products-grid .category-products-grid {
}

.per-product, .images-container {
    position: relative;
}

.images-container {
    overflow: hidden;
}

.hover-box > a.detail_links {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.actions-no .actions {
    position: absolute;
    right: 20px;
    top: 20%;
    width: 32px;
    overflow: hidden;
}

.item .actions-no .add-to-links a {
    width: 32px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    padding: 0;
    margin-bottom: 5px;
    font-size: 18px;
    text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.item .actions-no .add-to-links a {
    margin-left: 200px;
}

.item .actions-no .add-to-links li a.link-wishlist {
    -webkit-transition: margin-left 0.4s ease 0.4s;
    -moz-transition: margin-left 0.4s ease 0.4s;
    -ms-transition: margin-left 0.4s ease 0.4s;
    -o-transition: margin-left 0.4s ease 0.4s;
    transition: margin-left 0.4s ease 0.4s;
}

.item .actions-no .add-to-links li a.link-compare {
    -webkit-transition: margin-left 0.3s ease 0.3s;
    -moz-transition: margin-left 0.3s ease 0.3s;
    -ms-transition: margin-left 0.3s ease 0.3s;
    -o-transition: margin-left 03s ease 0.3s;
    transition: margin-left 0.3s ease 0.3s;
}

.item .actions-no .add-to-links li a.link-quickview {
    -webkit-transition: margin-left 0.2s ease 0.2s;
    -moz-transition: margin-left 0.2s ease 0.2s;
    -ms-transition: margin-left 0.2s ease 0.2s;
    -o-transition: margin-left 0.2s ease 0.2s;
    transition: margin-left 0.2s ease 0.2s;
}

.item:hover .actions-no .add-to-links li a {
    margin-left: 0;
}

.item .actions-no .add-to-links a .icons {
    width: 100%;
    font-size: 14px;
    display: block;
    height: 32px;
    line-height: 32px;
}

    .item .actions-no .add-to-links a .icons.fa-heart-o {
        font-weight: bold;
    }

.item .actions-no .button.btn-cart span {
    padding: 0;
    height: 32px;
    line-height: 32px;
}

.actions-cart {
    opacity: 0.7;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    width: 100%;
    background-color: rgba(0,0,0,0.4);
    text-align: center;
    line-height: 50px;
    -moz-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;
}

.item:hover .actions-cart {
    bottom: 0;
}

.item .actions-cart .button.btn-cart {
    background: url("../images/add-cart.png") no-repeat left center;
    height: 32px;
    line-height: 32px;
    color: #fff;
    width: auto;
    padding-left: 40px;
    display: inline-block;
    vertical-align: middle;
    border: 0;
}

.item .actions-cart:hover {
    background-color: rgba(255,51,102,0.5);
}

.content_heading {
    background-color: #eaeaea;
    padding-bottom: 30px;
}

.product-featured .banner-featured {
    float: left;
    margin-right: -100%;
    position: relative;
    width: 234px;
}

.product-featured .product-featured-content {
    float: right;
    width: 100%;
}

    .product-featured .product-featured-content .content-products {
        margin-left: 234px;
        margin-bottom: 0;
    }

.promotion .bx-wrapper .bx-caption {
    display: block;
}

.featured-text {
    position: absolute;
    right: -5px;
    top: -5px;
    background: url('../images/featured2.png') no-repeat;
    width: 75px;
    height: 75px;
    z-index: 100;
}

    .featured-text span {
        color: #fff;
        text-transform: uppercase;
        font-size: 12px;
        width: 100%;
        height: 20px;
        line-height: 24px;
        float: left;
        margin-top: 24px;
        margin-left: 17px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        color: #003366;
        font-weight: bold;
        text-indent: -999px;
    }

.promotion .item {
    position: relative;
}

.promotion a:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    z-index: 9;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
    transform: scale(0, 1);
}

.promotion a:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    bottom: 15px;
    right: 15px;
    z-index: 9;
    border-left: 1px solid rgba(255, 255, 255, 0.8);
    border-right: 1px solid rgba(255, 255, 255, 0.8);
    transform: scale(1, 0);
}

.promotion a:hover:before, .promotion a:hover:after {
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.product-featured {
    background-color: #ffffff;
    margin-top: 10px;
    clear: both;
}

    .product-featured .product-featured-content .per-product {
        border: 0;
        border-right: 1px solid #eaeaea;
        min-height: 350px;
    }

.category-featured, .banner-bottom {
    margin-top: 30px;
}

.content_heading_fashion .megashop h3 {
    background-image: url('../images/fashion.png');
}

.content_heading_sports .megashop h3 {
    background-image: url('../images/sports.png');
}

.content_heading_electronics .megashop h3 {
    background-image: url('../images/electronic.png');
}

.content_heading_digital .megashop h3 {
    background-image: url('../images/digital.png');
}

.content_heading_furniture .megashop h3 {
    background-image: url('../images/furniture.png');
}

.content_heading_jewelry .megashop h3 {
    background-image: url('../images/jewelry.png');
}

.megashop h3 {
    display: block;
    width: 234px;
    background-repeat: no-repeat;
    background-color: #000;
    background-position: 20px 50%;
    margin: 0 !important;
    text-transform: uppercase;
    padding: 0 0 0 60px;
    line-height: 50px;
    font-size: 16px;
    float: left;
    color: #fff;
    position: relative;
    z-index: 1;
}

.megashop .block-title-tabs {
    width: 100%;
    background-color: #ffffff;
    position: relative;
}

.megashop .magictabs {
    border-width: 0 0 3px 0;
    border-style: solid;
    margin: 0 !important;
}

    .megashop .magictabs .item, .megashop .magictabs .citem {
        border: 0;
        margin: 0;
    }

        .megashop .magictabs .item .title, .megashop .magictabs .citem .title {
            background: rgba(0, 0, 0, 0) url("../images/kak.png") no-repeat scroll right center;
            font-size: 14px;
            font-weight: normal;
            padding: 17px 25px;
            text-transform: capitalize;
        }

    .megashop .magictabs li:last-child .title {
        background: none;
    }

.megashop-banner {
    overflow: hidden;
    clear: both;
}

    .megashop-banner .banner {
        overflow: hidden;
        padding: 0;
    }

.footer_followus {
    border-top: 1px dotted #000000;
    text-align: center;
    margin-top: 43px;
    clear: both;
}

    .footer_followus ul {
        display: inline-block;
        margin-bottom: 0;
        margin-top: -15px;
        background: #ffffff;
        padding: 0 15px;
    }

        .footer_followus ul li:first-child {
            margin-left: 0;
        }

        .footer_followus ul li {
            display: inline-block;
            margin: 0 0 5px 18px;
            position: relative;
        }

.widget-static-block li {
    padding: 3px 0;
}

.footer_followus ul li span.title {
    color: #fff;
    background: #0089ff;
    position: absolute;
    top: 100px;
    left: -25px;
    padding: 3px 7px;
    transition: all 400ms ease;
    min-width: 30px;
    opacity: 0;
}

.footer_followus ul li a.pinterest span.title {
    left: -21px;
}

.footer_followus ul li a.twitter span.title {
    left: -16px;
}

.footer_followus ul li a.google span.title {
    left: -19px;
}

.footer_followus ul li a.youtube span.title {
    left: -16px;
}

.footer_followus ul li a.rss span.title {
    left: -15px;
}

.footer_followus ul li:hover span.title {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    top: 35px;
}

.footer_followus ul li span.title:after, .footer_followus ul li span.title:before {
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    top: -10px;
    left: 40%;
}

.footer_followus ul li:hover span.title:before {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
    border: 5px solid transparent;
    border-bottom-color: #fb687b;
}

.icon {
    background: url(../images/icons_s5.png) 0 0 no-repeat;
    display: inline-block;
    text-indent: -99999px;
    overflow: hidden;
    vertical-align: middle;
    text-align: left;
    float: left;
}

    .icon.facebook {
        width: 10px;
        height: 21px;
        background-position: 0 -307px;
    }

        .icon.facebook:hover {
            background-position: 0 -339px;
        }

    .icon.pinterest {
        width: 20px;
        height: 21px;
        background-position: -29px -307px;
    }

        .icon.pinterest:hover {
            background-position: -29px -339px;
        }

    .icon.twitter {
        width: 18px;
        height: 21px;
        background-position: -64px -307px;
    }

        .icon.twitter:hover {
            background-position: -64px -339px;
        }

    .icon.google {
        width: 22px;
        height: 21px;
        background-position: -102px -307px;
    }

        .icon.google:hover {
            background-position: -102px -339px;
        }

    .icon.youtube {
        width: 22px;
        height: 21px;
        background-position: -136px -307px;
    }

        .icon.youtube:hover {
            background-position: -136px -339px;
        }

    .icon.rss {
        width: 18px;
        height: 21px;
        background-position: -177px -307px;
    }

        .icon.rss:hover {
            background-position: -177px -339px;
        }

footer .title {
    color: #191919;
    font: 400 16px/1.35 Roboto,Arial,Helvetica,sans-serif;
    margin-bottom: 7px;
    font-size: 120%;
    text-transform: uppercase;
}

.block-content .actions button span {
    padding: 6px 15px;
    text-transform: capitalize;
    float: left;
    text-align: center;
    white-space: nowrap;
    background: #0089ff;
    color: #ffffff;
    border: 1px solid #0065cc;
    font: 300 16px/1.35 ABeeZee,Arial,Helvetica,sans-serif;
}

.block-subscribe .input-box {
    float: left;
    width: 160px;
    margin-right: 5px;
}

.block-subscribe input.input-text {
    width: 160px;
    background: none;
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
}

.footer_popular {
    text-align: center;
    margin-top: 35px;
}

    .footer_popular .title {
        color: #191919;
        font: 400 22px/1.25 Roboto,Arial,Helvetica,sans-serif;
        margin-bottom: 8px;
    }

    .footer_popular ul li {
        display: inline-block;
        text-transform: capitalize;
        position: relative;
        padding: 0 9px 0 0px;
        margin: 3px 0 3px 6px;
        border-right: 1px solid;
    }

        .footer_popular ul li:last-child {
            border-right: none;
        }

    .footer_popular a {
        color: #555555;
    }

a .banner-item {
    color: #fff !important;
}
/*.banner a {
    width: 100%;
    overflow: hidden;
    height: auto;
    display: block;
    position: relative;
}

    .banner a:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.5);
        content: '';
        -webkit-transition: -webkit-transform 0.6s;
        transition: transform 0.6s;
        -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,300%,0);
        transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,135deg) translate3d(0,300%,0);
    }

    .banner a:hover:before {
        -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-300%,0);
        transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,135deg) translate3d(0,-300%,0);
    }*/

.floor-elevator {
    width: 70px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0px;
    background: url("../images/floor-elevator.png") no-repeat left center;
    padding-left: 38px;
    padding-right: 22px;
    padding-top: 7px;
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
    color: #999;
}

    .floor-elevator .fa {
        font-weight: bold;
    }

    .floor-elevator .down {
        margin-top: -6px;
    }

    .floor-elevator .btn-elevator {
        cursor: pointer;
        vertical-align: top;
    }

        .floor-elevator .btn-elevator:hover, .floor-elevator .disabled {
            color: #ccc;
        }

.product-featured .content-products .bx-wrapper .bx-controls-direction a.bx-next,
.latest-deal-content .content-products .bx-wrapper .bx-controls-direction a.bx-next {
    right: -50px;
}

.product-featured .content-products .bx-wrapper .bx-controls-direction a.bx-prev,
.latest-deal-content .content-products .bx-wrapper .bx-controls-direction a.bx-prev {
    left: -50px;
}

.product-featured .content-products .bx-wrapper .bx-controls-direction a,
.latest-deal-content .content-products .bx-wrapper .bx-controls-direction a {
    top: 50%;
}

    .product-featured .content-products .bx-wrapper .bx-controls-direction a.bx-prev,
    .product-featured .content-products .bx-wrapper .bx-controls-direction a.bx-next,
    .latest-deal-content .content-products .bx-wrapper .bx-controls-direction a.bx-next,
    .latest-deal-content .content-products .bx-wrapper .bx-controls-direction a.bx-prev {
        -moz-transition: all 0.45s ease;
        -webkit-transition: all 0.45s ease;
        -o-transition: all 0.45s ease;
        -ms-transition: all 0.45s ease;
        transition: all 0.45s ease;
        opacity: 0;
        visibility: hidden;
    }

.product-featured .content-products:hover .bx-wrapper .bx-controls-direction a.bx-prev,
.latest-deal-content .content-products:hover .bx-wrapper .bx-controls-direction a.bx-prev {
    left: 0;
    opacity: 1;
    visibility: inherit;
}

.product-featured .content-products:hover .bx-wrapper .bx-controls-direction a.bx-next,
.latest-deal-content .content-products:hover .bx-wrapper .bx-controls-direction a.bx-next {
    right: 0;
    opacity: 1;
    visibility: inherit;
}

.product-featured-content .mage-magictabs {
    overflow: hidden;
}
/*------------------
[12. Hot categories]
*/
#hot-categories {
    margin-top: 30px;
}

.group-title-box {
    margin-bottom: 20px;
}

.group-title {
    font-size: 16px;
    border-bottom: 1px solid #e1e1e1;
    font-weight: bold;
    padding-bottom: 7px;
}

    .group-title span {
        border-bottom: 3px solid #ff3366;
        text-transform: uppercase;
        padding: 5px 10px;
        color: #333;
        font-size: 16px;
    }

.cate-box {
    padding-bottom: 20px;
}

    .cate-box .cate-tit {
        background: #f4f4f4;
        height: 110px;
        overflow: hidden;
    }

        .cate-box .cate-tit .div-1 {
            width: 46%;
            float: left;
            padding-left: 25px;
            padding-right: 15px;
        }

.cate-name-wrap {
    display: table;
    margin-bottom: 18px;
}

.cate-box .cate-name {
    font-size: 16px;
    font-weight: bold;
    height: 55px;
    display: table-cell;
    vertical-align: bottom;
    color: #333;
}

.cate-box .cate-link {
    padding: 4px 4px 3px 7px;
    background: #999999;
    text-decoration: none;
    color: #fff;
}

    .cate-box .cate-link:hover {
        background: #ff3366 !important;
    }

.cate-link span {
    padding-right: 12px;
    background: url('../images/cate-readmore-arrow.png') right 2px top 50% no-repeat;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 20px;
}

.cate-content {
    padding-top: 10px;
    padding-bottom: 10px;
}

    .cate-content ul {
        list-style: none;
    }

        .cate-content ul li a:before {
            display: inline-block;
            font-family: FontAwesome;
            content: "\f105";
            padding: 0 10px;
            font-weight: bold;
        }

.cate-box .div-2 {
    width: 54%;
    float: left;
    padding-top: 10px;
    overflow: hidden;
}

.hover-zoom {
    -webkit-transition: 0.7s all ease-in-out;
    transition: 0.7s all ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    overflow: hidden;
}

    .hover-zoom:hover img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0.7;
    }

.banner-boder-zoom {
    position: relative;
    overflow: hidden;
}

    .banner-boder-zoom a:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        display: block;
        z-index: 10;
        background-color: rgba(0, 0, 0, 0.2);
        background: rgba(0, 0, 0, 0.2);
        color: rgba(0, 0, 0, 0.2);
        opacity: 0;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

    .banner-boder-zoom a:after {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        content: "";
        display: block;
        z-index: 10;
        border: 1px solid #fff;
        opacity: 0;
    }

    .banner-boder-zoom a img {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }

    .banner-boder-zoom:hover a img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    .banner-boder-zoom:hover a:before {
        opacity: 1;
    }

    .banner-boder-zoom:hover a:after {
        opacity: 0;
    }
/* View Type:List */
.products-list li.item .product-shop .f-fix {
    padding-right: 15px;
}

.products-list li.item {
    margin-top: -1px;
    padding: 0px 0 10px;
    height: auto;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
}

    .products-list li.item:hover {
        border: 1px solid #eaeaea;
    }

    .products-list li.item.last {
        border-bottom: 0;
    }

.products-list .product-name {
    margin: 0 0 12px;
    font-size: 100%;
    line-height: normal;
}

    .products-list .product-name a {
        font-size: 18px;
        text-decoration: none;
        text-transform: capitalize;
    }

.products-list .price-box .regular-price .price, .products-list .price-box .special-price .price {
    font-size: 18px;
}

.product-secondary {
    clear: both;
    margin-top: 29px;
}

    .product-secondary .action, .product-secondary .add-to-links {
        margin: 0;
        clear: both;
    }

.products-list .availability {
    float: left;
    margin: 3px 0 0;
}

.products-list .desc {
    clear: both;
    padding: 0;
    margin: 15px 0 0;
    text-align: left;
    color: #333333;
    font-size: 14px;
}

    .products-list .desc p {
        color: #2a2a2a;
        font-size: 14px;
        margin: 0;
        font-weight: 300;
    }

    .products-list .desc .link-learn {
        font-size: 11px;
    }

.products-list .item .actions-no .add-to-links li {
    margin: 0px 10px 0 0;
}

    .products-list .item .actions-no .add-to-links li.link-view {
        margin: 0;
    }

    .products-list .item .actions-no .add-to-links li .link-wishlist {
        margin-left: 10px;
    }

.products-list .add-to-links .separator {
    display: inline;
    margin: 0 2px;
}

.products-textlink {
    text-align: left;
    background: #9a0a0c;
}

    ._sumary, .products-textlink p {
        margin: 0;
        line-height: 22px;
        text-align: left !important;
    }

.product-image {
    outline: 0 !important;
}

.products-list .item .products-textlink {
    padding: 0;
    text-align: left;
    background: transparent;
}

.products-list .item .left-block {
    float: left;
}

.products-list .item .right-block {
    float: right;
}

.actions-list .actions {
    border: 0 none;
    display: block;
}

.products-list .item .button.btn-cart {
    float: left;
    background-image: url("../images/cart.png");
    background-repeat: no-repeat;
    background-position: 15px 50%;
    background-color: #ff3366;
    border: 0;
    margin-bottom: 10px;
    padding-left: 30px;
}

    .products-list .item .button.btn-cart:hover {
        background-color: rgba(255,51,102,0.5);
    }

.products-list .actions-list .button.btn-cart span span {
    padding: 0 15px;
}

.products-list .item .actions-list .button.btn-cart .icons {
    border-right: 1px solid #d4d4d4;
    display: inline-block;
}

.products-list .item .actions-list .add-to-links li a {
    padding: 0;
    margin-left: inherit;
}

.products-list-container .link-view {
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 40%;
    visibility: hidden;
}

.item .products-list-container:hover .link-view {
    left: 45%;
    opacity: 1;
    visibility: visible;
}

.products-list-container .link-view a {
    background-color: #fff;
}

    .products-list-container .link-view a,
    .products-list-container .link-view a .icons {
        width: 40px;
        height: 35px;
        line-height: 35px;
        overflow: hidden;
        display: block;
        font-size: 16px;
    }
/* Product Hover ========================================================================== */
.product-img-back {
    left: 10px;
    opacity: 0;
    position: absolute;
    top: 10px;
    right: 10px;
    transition: all 0.2s ease-in-out 0s;
    visibility: hidden;
}

.item:hover .product-img-back {
    opacity: 1;
    visibility: visible;
    transition: all 0.2s ease 0s;
}

.magicmenu .nav-desktop .level0 .product-img-back {
    transition-property: none;
}
/* ======================================================================================= */

/* Product View ========================================================================== */

/* Rating */
.no-rating {
    margin: 0 0 15px;
}

    .no-rating a {
        text-decoration: none;
    }

        .no-rating a:hover {
            text-decoration: underline;
        }

.ratings {
    font-size: 11px;
    line-height: 1.25;
    margin: 0;
}

    .ratings strong {
        float: left;
        margin: 1px 3px 0 0;
    }

    .ratings .rating-links {
        margin: 0;
        line-height: 11px;
        display: inline-block;
    }

.product-shop .ratings .rating-links {
    margin: 0 0 15px 10px;
}

.ratings .rating-links a {
    text-decoration: none;
    float: none;
}

.ratings .rating-links .separator {
    margin: 0 10px;
    color: #aaa;
    font-size: 12px;
}

.rating-box {
    width: 75px;
    height: 12px;
    font-size: 0;
    line-height: 0;
    background: url(/Content/Csspublic/images/bkg_rating.png) 0 0 repeat-x;
    text-indent: -999em;
    overflow: hidden;
}

    .rating-box .rating {
        float: left;
        height: 12px;
        background: url(/Content/Csspublic/images/bkg_rating.png) 0px 100% repeat-x;
    }

.ratings .rating-box {
    display: inline-block;
    margin: 0;
}

.ratings .amount a {
    font-size: 13px;
    line-height: 13px;
    display: block;
    text-decoration: none;
}

.ratings-table th, .ratings-table td {
    font-size: 11px;
    line-height: 1.15;
    padding: 3px 0;
}

.ratings-table th {
    font-weight: normal;
    padding-right: 8px;
}

.products-grid .ratings {
    float: none;
    padding-top: 12px;
    text-align: right;
}

.icon-hot {
    margin-left: 5px;
    display: inline-block;
    width: 38px;
    height: 13px;
    background: url('/Content/Csspublic/images/hot.gif') no-repeat;
}

.sp-top {
    white-space: nowrap;
}

.category-products-grid .ratings .amount, .per-product .ratings .amount {
    display: inline-block;
}

.content-products .per-product .ratings .amount, .category-products-grid .ratings .amount {
    display: none;
}
/* Availability */
.availability {
    margin: 0;
}

    .availability span {
        font-weight: bold;
    }

    .availability.in-stock span {
    }

    .availability.out-of-stock span {
        color: #d83820;
    }

.availability-only {
    margin: 10px 0 7px;
    line-height: 16px;
    background: url(/Content/Csspublic/images/i_availability_only.gif) 0 50% no-repeat;
    padding-left: 15px;
}

    .availability-only span, .availability-only a {
        border-bottom: 1px dashed #751d02;
        color: #000;
    }

    .availability-only a {
        background: url(/Content/Csspublic/images/i_availability_only_arrow.gif) 100% 0 no-repeat;
        cursor: pointer;
        padding-right: 15px;
        text-decoration: none;
    }

    .availability-only .expanded {
        background-position: 100% -15px;
    }

    .availability-only strong {
        color: #be2c00;
    }

.availability-only-details {
    margin: 0 0 7px;
}

    .availability-only-details th {
        background: #d2d6d9;
        font-size: 10px;
        padding: 0 8px;
    }

    .availability-only-details td {
        background: #ebf0f3;
        border-bottom: 1px solid #fff;
        font-size: 11px;
        padding: 2px 8px 1px;
    }

    .availability-only-details tr.odd td.last {
        color: #d95e00;
        font-weight: bold;
    }
/* Email to a Friend */
.email-friend {
    margin: 0;
}

.product-view .product-shop .email-friend, .product-view .product-shop .print {
    float: left;
}

.product-view .product-shop .print {
    font-size: 14px;
    color: #666;
    margin-right: 15px;
    margin-bottom: 0;
}

.form-share .fa {
    font-size: 18px;
}

.form-share {
    border-top: 1px solid #eaeaea;
    padding: 10px 0;
}
/* Alerts */
.alert-price {
    margin: 0;
    font-size: 11px;
}

.alert-stock {
    margin: 0;
    font-size: 11px;
}
/********** < Product Prices */
.price {
    white-space: nowrap !important;
}

.price-box {
    margin: 5px 0;
}

    .price-box .price {
        font-size: 18px;
    }
/* Regular price */
.regular-price {
    color: #ffffff;
}

    .regular-price .price {
        color: #fcf5a6;
    }
/* Old price */
.old-price {
    margin: 0;
    display: inline-block;
}

    .old-price .price-label {
        white-space: nowrap;
        color: #666;
    }

    .old-price .price {
        font-weight: normal;
        color: #333;
        text-decoration: line-through;
        font-size: 14px;
        padding-right: 5px;
    }
/* Special price */
.special-price {
    margin: 0;
    padding: 0 3px 0 0;
    display: inline-block;
    line-height: 20px;
}

    .special-price .price-label {
        font-size: 13px;
        color: #666;
    }

    .special-price .price {
        display: inline-block;
        font-size: 24px;
        color: #d0021b;
        margin-right: 5px;
    }

.product-view .product-shop .special-price .price {
    font-size: 25px;
}

.product-view .product-shop .special-price {
    line-height: 25px;
    width: 100%;
}
/* Minimal price (as low as) */
.minimal-price {
    margin: 0;
}

.text-outer {
    color: #fe9500;
}

.text-state {
    color: #417505;
    font-size: 16px;
    margin-top: 8px;
    font-weight: 600;
    text-transform: uppercase;
}

.text-specialitem {
    color: #666;
}

.minimal-price .price-label {
    font-weight: bold;
    white-space: nowrap;
    display: none;
}

.minimal-price-link {
    display: block;
}

    .minimal-price-link .label {
        color: #1e7ec8;
    }

    .minimal-price-link .price {
        font-weight: normal;
        color: #1e7ec8;
    }
/* Excluding tax */
.price-excluding-tax {
    display: block;
    color: #999;
}

    .price-excluding-tax .label {
        white-space: nowrap;
        color: #999;
    }

    .price-excluding-tax .price {
        font-size: 13px;
        font-weight: normal;
        color: #c76200;
    }
/* Including tax */
.price-including-tax {
    display: block;
    color: #999;
}

    .price-including-tax .label {
        white-space: nowrap;
        color: #999;
    }

    .price-including-tax .price {
        font-size: 13px;
        font-weight: bold;
        color: #c76200;
    }
/* Configured price */
.configured-price {
    margin: 0;
}

    .configured-price .price-label {
        font-weight: bold;
        white-space: nowrap;
    }

    .configured-price .price {
        font-weight: bold;
    }
/* FPT */
.weee {
    display: block;
    font-size: 11px;
    color: #444;
}

    .weee .price {
        font-size: 11px;
        font-weight: normal;
    }
/* Excl tax (for order tables) */
.price-excl-tax {
    display: block;
}

    .price-excl-tax .label {
        display: block;
        white-space: nowrap;
    }

    .price-excl-tax .price {
        display: block;
    }
/* Incl tax (for order tables) */
.price-incl-tax {
    display: block;
}

    .price-incl-tax .label {
        display: block;
        white-space: nowrap;
    }

    .price-incl-tax .price {
        display: block;
        font-weight: bold;
    }
/* Price range */
.price-from {
    margin: 0;
}

    .price-from .price-label {
        font-weight: bold;
        white-space: nowrap;
    }

.price-to {
    margin: 0;
}

    .price-to .price-label {
        font-weight: bold;
        white-space: nowrap;
    }
/* Price notice next to the options */
.price-notice {
    padding-left: 10px;
    color: #999;
}

    .price-notice .price {
        font-weight: bold;
        color: #2f2f2f;
    }
/* Price as configured */
.price-as-configured {
    margin: 0;
}

    .price-as-configured .price-label {
        font-weight: 300;
        white-space: nowrap;
    }

.price-box-bundle {
    padding: 0 0 10px 0;
}

    .price-box-bundle .price-box {
        margin: 0 !important;
        padding: 0 !important;
    }

    .price-box-bundle .price {
        color: #000;
    }
/********** Product Prices > */

/* Tier Prices */
.product-pricing, .tier-prices {
    margin: 10px 0;
    padding: 10px;
    background-color: #f4f7f7;
    border: 1px solid #dadddd;
    color: #424242;
}

    .tier-prices li {
        line-height: 1.4;
        background: url(/Content/Csspublic/images/i_tier.gif) no-repeat 0 3px;
        padding: 2px 0 2px 10px;
    }

    .tier-prices .benefit {
        font-style: italic;
        font-weight: bold;
        color: #2f2f2f;
    }

    .tier-prices .price {
        font-weight: bold;
        color: #2f2f2f;
    }

.tier-prices-grouped li {
    padding: 2px 0;
    color: #e26703;
}

    .tier-prices-grouped li .price {
        font-weight: bold;
    }
/* Add to Links */
.add-to-links {
    font-size: 11px;
    margin: 5px 0 0;
}

    .add-to-links .separator {
        display: none;
    }
/* Add to Cart */
.add-to-cart label {
    float: left;
    margin-right: 5px;
    font-weight: normal;
    color: #666;
    line-height: 40px;
}

.add-to-cart .qty {
    float: left;
    margin-right: 5px;
    height: 40px;
}

.add-to-cart button.button {
    float: left;
}

.add-to-cart .paypal-logo {
    clear: left;
    margin: 0;
    text-align: right;
}

    .add-to-cart .paypal-logo .paypal-or {
        clear: both;
        display: block;
        margin: 5px 60px 5px 0;
    }

.product-view .add-to-cart .paypal-logo {
    margin: 0;
}
/* Add to Links + Add to Cart */
.add-to-box {
    margin: 10px 0;
    margin-top: 30px;
}

    .add-to-box .add-to-links {
        border-bottom: 0px solid #f3f3f3;
        clear: both;
        margin: 0 0 15px;
        padding: 0 0 25px;
        text-align: left;
    }

    .add-to-box .or {
        float: left;
        font-weight: bold;
        margin: 0 7px;
        color: #666;
    }

    .add-to-box .add-to-links {
        float: left;
        font-size: 12px !important;
        line-height: 1.25 !important;
        text-align: left !important;
    }

        .add-to-box .add-to-links li .separator {
            display: none !important;
        }

.short-description > div {
    clear: both;
    padding: 7px 0px;
}

.short-description label {
    display: inline-block;
    width: 40%;
    float: left;
    font-weight: normal;
    margin-bottom: 0;
}

.text-outer {
    width: 100%;
    float: left;
    font-size: 22px;
    font-weight: bold;
}

.specialitem {
    margin: 0;
    padding: 5px 3px 0 0;
    display: inline-block;
}

.clear {
    clear: both;
}

.product-view .toggle-tabs {
    margin: 0;
    position: relative;
    z-index: 100;
}

    .product-view .toggle-tabs .item {
        line-height: 50px;
        float: left;
        display: inline;
        background: #5f3424;
        border-top: 2px solid #693b28;
        border-bottom: 0px;
        text-align: center;
        margin-right: 6px;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        width: 24%;
    }

        .product-view .toggle-tabs .item.active, .product-view .toggle-tabs .item:hover {
            background-color: #de5c07;
            cursor: pointer;
        }

            .product-view .toggle-tabs .item.active span {
                color: #fee3b6;
            }

        .product-view .toggle-tabs .item span {
            padding: 0px 5px;
            font-weight: bold;
            height: 50px;
            color: #fee3b6;
            display: block;
            font-size: 15px;
        }

.toggle-tabs li:last-child {
    margin-right: 0px !important;
}

.product-collateral h2 {
}

.product-collateral h3, .product-collateral h4 {
    font-size: 15px;
}

.product-collateral .box-collateral.box-review_form {
    color: #000;
}

.product-collateral .box-description {
    font-size: 13px;
    color: #666666;
    line-height: 24px;
}

.product-collateral h2 {
    font-weight: bold;
    font-size: 20px;
    color: black;
    padding: 0 0 1px;
    margin: 0 0 0px;
}
.snk-info-product-head .fa {
    padding-right: 5px;
    color: red;
    opacity: 1;
    font-size: 20px;
}
.title_tabs {
    display: block !important;
    line-height: 1.3em;
    font-size: 20px;
    font-weight: bold;
    font-family: inherit;
    color: #282828;
    margin-top: 10px;
}
.title_tabs h2{
    font-weight: bold;  
}
.snk-info-product-head {
    padding: 15px !important;
    background: #d4d7d9;
    width: 100%;
    display: flex;
    align-items: center;
}
.product-wapper-tab {
}

    .product-wapper-tab .product-collateral {
        clear: both;
        /* border: 1px solid #df7b4b; */
        margin-top: -1px;
        z-index: 1;
        position: relative;
        margin-right: 2px;
    }

        .product-wapper-tab .product-collateral .box-collateral.box-description p {
        }

.review-product-list .product-wapper-tab .toggle-tabs, .review-product-list .product-wapper-tab .product-collateral {
    float: none;
    width: 100%;
}

.review-product-list .pager {
    float: none;
    padding: 0;
}
/* Product Images */
.product-view .product-img-box .product-image, .product-view .product-img-box .product-image-zoom {
    position: relative;
    z-index: 0;
    padding: 0px;
}

.short-description label {
}

.zoomContainer, .zoomWindowContainer {
    z-index: 10000;
}

.product-view .product-img-box .more-views {
    width: 100%;
    margin: 20px auto;
}

    .product-view .product-img-box .more-views h2 {
        display: none;
        font-size: 11px;
        margin: 10px 0;
        text-transform: uppercase;
    }

    .product-view .product-img-box .more-views li img {
        margin: 0;
        /*padding: 7px 10px;
        border: 1px solid #b38c5f;*/
    }

.std img {
    max-width: 100% !important;
    height: auto !important;
}

.product-view .product-img-box .more-views .bx-wrapper .bx-pager {
    display: none;
}

.product-view .product-img-box .more-views .bx-wrapper .bx-controls-direction a {
    top: 40%;
    border: 0;
    color: #b38c5f;
}

    .product-view .product-img-box .more-views .bx-wrapper .bx-controls-direction a:hover {
        background-color: #ff3366;
        color: #fff;
    }

    .product-view .product-img-box .more-views .bx-wrapper .bx-controls-direction a.bx-prev {
        left: -40px;
    }

    .product-view .product-img-box .more-views .bx-wrapper .bx-controls-direction a.bx-next {
        right: -40px;
    }

.product-image-popup {
    margin: 0 auto;
}

    .product-image-popup .buttons-set {
        float: right;
        clear: none;
        border: 0;
        margin: 0;
        padding: 0;
    }

    .product-image-popup .nav {
        font-weight: bold;
        margin: 0 100px;
        text-align: center;
    }

    .product-image-popup .image {
        display: block;
        margin: 10px 0;
    }

    .product-image-popup .image-label {
        font-size: 13px;
        font-weight: bold;
        margin: 0 0 10px;
        color: #2f2f2f;
    }

.product-view.product-quickview .product-img-box .more-views {
    width: 220px;
}

.product-view.product-quickview .product-shop .product-options-bottom .add-to-links {
    display: none;
}
/* Product Shop */
.product-view .product-shop {
    text-align: left;
}

    .product-view .product-shop .product-name h1 {
        color: #ffffcc;
        font-size: 20px;
        line-height: 24px;
        margin: 0px;
        text-transform: capitalize;
    }

    .product-view .product-shop .availability {
        color: #ffffcc;
        font-size: 14px;
        line-height: 14px;
        margin: 10px 0 10px;
    }

        .product-view .product-shop .availability span {
            font-weight: normal;
            color: #ffffcc;
        }

.products-sku .text-sku, .products-sku {
    color: #333;
    font-size: 14px;
    ;
}

.product-view .product-shop .short-description {
    margin: 0;
    padding: 10px 0;
    color: #ffffcc;
    font-size: 14px;
}

.anav-container {
    background: #a67c52;
    color: #ffffcc;
}

.std {
    margin-top: 10px;
}

.product-single-info .promotion, .product-single-info .webCondition {
    margin-top: 20px;
}

.product-single-info table {
    background: #fff !important;
}

    .product-single-info table td {
        padding: 0 30px 5px 0 !important;
        border: none !important;
    }

.product-single-info strong {
    font-weight: 700;
    font-size: 14px;
    display: block;
    margin: 0 0 10px;
}

.product-single-info .priceInfo {
    display: block;
}

.product-single-info .discountInfo {
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}

.product-single-info span.price {
    font-size: 30px;
    display: block;
    vertical-align: bottom;
    float: none !important;
    margin-bottom: 7px;
}

.product-single-info .badge-perdiscount {
    display: block;
    padding: 4px 7px;
    font-size: 24px;
}

.product-actions-single {
    margin-top: 20px;
}

.action-button.green {
    background: #2ecc71;
}

.action-button.blue {
    background-color: #3498db;
}

.action-button {
    width: 100%;
    display: block;
    text-align: center;
    -webkit-border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 3px;
    -moz-background-clip: padding;
    border-radius: 10px;
    background-clip: padding-box;
    -webkit-box-shadow: inset 0 -2px 0 rgba(71,73,72,.050000000000000044);
    -moz-box-shadow: inset 0 -2px 0 rgba(71,73,72,.050000000000000044);
    box-shadow: inset 0 -2px 0 rgba(71,73,72,.050000000000000044);
    margin-bottom: 10px;
}

span.add-to-cart, table span.add-to-trash {
    padding: 10px 20px 10px 15px;
    margin: 1px 0;
}

#special-header .filter, span.add-to-cart, table span.add-to-trash {
    display: inline-block;
    font-size: 16px;
}

.product-actions-single span.action-name, .product-actions-single span.action-note {
    left: 0;
    width: auto;
    position: relative;
    color: #fff;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    font-family: 'Roboto Condensed',sans-serif;
    word-spacing: 2px;
}

span.action-note {
    position: absolute;
    display: block;
    font-size: 12px;
    padding: 0;
    font-weight: 400;
    text-transform: none;
    margin-top: -2px;
}

span.action-name {
    position: absolute;
    left: 85px;
    opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.sp2 .image_sp {
    text-align: center;
    width: 42%;
    float: left;
    margin-right: 15px;
}

.sp2 img {
    width: 100%;
}

.backgr_e8eff5 {
    padding: 10px 15px;
}

.product-view {
}

.name_sp {
    color: #1053ae;
    padding: 10px 0;
}

    .name_sp a {
        font-family: Arial;
        font-size: 12px;
    }

.price_tt {
    color: #888;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto Condensed',sans-serif !important;
    background: #f5f5f5;
    text-align: center;
    margin-top: 4px;
}

    .price_tt span {
        text-decoration: line-through;
        font-family: Oswald,sans-serif !important;
    }

#title_buy {
    font-size: 14px;
    color: #333;
    font-weight: 700;
}

#phone_number {
    width: 200px;
    padding-left: 35px;
    float: left;
    font-size: 20px;
    color: red;
    background: url(../images/icon_phone_proview.png) no-repeat left center;
}

#phone_number, #mobile {
    line-height: 44px;
}

#mobile {
    width: 200px;
    padding-left: 35px;
    float: left;
    font-size: 20px;
    color: red;
    background: url(../images/icon_phone_proview2.png) no-repeat left center;
}

a.button_cart {
    background-color: #491a00;
    border: 1px solid #ca6f43;
    color: #ffffff;
    border-radius: 5px;
    padding: 10px;
    font-size: 17px;
    text-transform: uppercase;
    display: inline-block;
    color: #df7b4b;
    font-family: 'Time new roman';
    width: 48%;
    text-align: center;
    cursor: pointer;
}

.breadcrumbs a {
    color: black;
}

.product-view .product-shop .short-description p {
    margin: 0;
    font-size: 15px;
    font-weight: 300;
}

.product-view .product-shop .short-description h2 {
    color: #ffffcc;
    font-size: 16px;
    text-transform: uppercase;
    display: none;
}

.product-view .product-shop .price-box {
    clear: both;
    margin: 0;
    padding: 0;
    display: inline-block;
}

.product-view .product-shop .add-to-links,
.product-options-bottom .add-to-links {
    margin: 15px 0 0 0px;
    padding: 0;
}

    .product-view .product-shop .add-to-links li {
        margin-right: 30px;
        float: left;
    }

    .product-view .product-shop .add-to-links a {
        font-weight: 400;
        text-decoration: none;
        color: #333;
    }

        .product-view .product-shop .add-to-links a:hover {
            color: #ff3366;
        }

        .product-view .product-shop .add-to-links a .icons {
            background-color: #999999;
            font-size: 18px;
            text-align: center;
            color: #fff;
            display: inline-block !important;
            font-size: 16px;
            height: 30px;
            line-height: 30px;
            width: 30px;
            margin: 0px;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
        }

        .product-view .product-shop .add-to-links a:hover .icons {
            background-color: #ff3366;
        }

.product-view .product-shop .add-to-cart .button span span {
    color: #fff;
    padding: 0 15px;
    float: left;
}

.product-view .product-shop .ratings .rating-links {
    margin: 15px 10px;
}

.product-view .product-shop .short-description .std p {
    font-size: 13px;
    color: #252525;
    margin: 0;
    line-height: 24px;
}

.product-view .product-shop .addit {
    padding: 5px 0 0;
}

    .product-view .product-shop .addit .so-social-share {
        float: left;
        margin-right: 10px;
    }

.so-twitter.so-social-share { /*width: 80px;*/
}

.so-plusone.so-social-share {
    width: 65px;
}

.product-view .add-to-box .add-to-cart {
    width: 100%;
    clear: both;
    cursor: pointer;
}

.product-view .product-shop-content .regular-price .price {
    font-size: 18px;
    font-weight: bold;
    color: #ff3366;
}

.product-view .product-qty {
    width: 100%;
}

    .product-view .product-qty label {
        font-size: 14px;
        font-weight: normal;
        margin: 0 10px 10px 0;
        line-height: 29px;
        text-transform: capitalize;
    }

    .product-view .product-qty label, .product-view .product-qty .custom-qty {
        float: left;
    }

    .product-view .product-qty .custom-qty {
        margin: 0;
        background-color: #fafafa;
        border: 1px solid #eaeaea;
        overflow: hidden;
        width: 60px;
    }

        .product-view .product-qty .custom-qty .btn-plus {
            display: inline-block;
            float: left;
            height: 33px;
            width: 18px;
        }

            .product-view .product-qty .custom-qty .btn-plus .items {
                float: left;
                height: 10px;
                text-align: center;
                width: 18px;
                margin-top: 3px;
            }

.product-view .add-to-cart .button {
    float: none;
    padding-left: 30px;
    display: block !important;
    border: 0px solid #dadada;
    background-color: #ff3366;
    background-image: url("../images/cart-detail.png");
    background-position: 15px 50%;
    background-repeat: no-repeat;
}

    .product-view .add-to-cart .button:hover {
        opacity: 0.8;
    }

    .product-view .add-to-cart .button span {
        padding: 0;
        height: 35px;
        line-height: 35px;
        display: block;
    }

.product-view .product-shop .add-to-cart .items, .product-options-bottom .items, .product-shop .add-to-box .items {
    background-color: #fafafa;
    border: 0px solid #dddee0;
    margin: 0;
    padding: 0;
    color: #666;
    cursor: pointer;
}

    .product-view .product-shop .add-to-cart .items:hover, .product-options-bottom .items:hover, .product-shop .add-to-box .items:hover {
        color: #ff3366;
    }

.product-view .product-shop input.qty {
    background-color: #fafafa;
    border: 0px solid #dddee0;
    float: left;
    height: 34px;
    text-align: center;
    width: 40px !important;
    color: #333333;
    font-size: 13px;
}

.product-static img {
    background-color: #fff;
    padding: 10px;
}

.container-quickview {
    padding: 15px 15px 0 15px;
}
/* Product Options */
.product-options {
    margin: 0;
    padding: 10px 0 0;
    position: relative;
    border-bottom: 1px solid #eaeaea;
}

    .product-options dl {
        margin: 0;
        overflow: hidden;
    }

    .product-options dt {
        padding: 40px 0 0;
        font-weight: normal;
    }

        .product-options dt label {
            font-weight: normal;
            color: #444444;
        }

            .product-options dt label.required em {
                color: #eb340a;
                margin-right: 5px;
            }

    .product-options dd .qty-holder {
        display: block;
        padding: 10px 0 0;
    }

        .product-options dd .qty-holder label {
            vertical-align: middle;
            font-weight: 300;
        }

    .product-options dt .qty-disabled {
        background: none;
        border: 0;
        padding: 3px;
        color: #2f2f2f;
    }

    .product-options dd {
        padding: 0px;
        margin: 0;
    }

    .product-options dl.last dd.last {
        border-bottom: 0;
        margin-bottom: 0;
    }

    .product-options dd input.input-text {
        width: 98%;
    }

    .product-options dd input.datetime-picker {
        width: 150px;
    }

    .product-options dd .time-picker {
        display: -moz-inline-box;
        display: inline-block;
        padding: 2px 0;
        vertical-align: middle;
    }

    .product-options dd textarea {
        width: 98%;
        height: 8em;
    }

    .product-options dd select {
        width: 99%;
    }

    .product-options dd .multiselect option {
        border-bottom: 1px dotted #d9e5ee;
        padding: 2px 4px;
    }

    .product-options ul.options-list {
        margin-right: 5px;
    }

        .product-options ul.options-list li {
            line-height: 1.5;
            padding: 2px 0;
        }

        .product-options ul.options-list input.radio {
            float: left;
            margin-top: 3px;
        }

        .product-options ul.options-list input.checkbox {
            float: left;
            margin-top: 3px;
        }

        .product-options ul.options-list .label {
            display: block;
            margin-left: 18px;
        }

        .product-options ul.options-list label {
            font-weight: normal;
        }

    .product-options ul.validation-failed {
        padding: 0 7px;
    }

    .product-options p.note {
        margin: 0;
        font-size: 11px;
    }

    .product-options p.required {
        text-align: left;
        clear: both;
        margin: 10px 0px;
    }

.product-options-bottom {
    padding: 15px 0;
}

    .product-options-bottom .product-pricing, .product-options-bottom .tier-prices {
        margin: 0;
        padding: 0 0 10px;
        border: 0;
        background: 0;
        color: #e26703;
    }

        .product-options-bottom .tier-prices li {
            background: 0;
            padding: 2px 0;
        }

        .product-options-bottom .tier-prices .price, .product-options-bottom .tier-prices .benefit {
            color: #e26703;
        }

    .product-options-bottom .price-box {
        float: left;
        margin: 0;
        padding: 0;
    }

.col3-layout .product-options-bottom .price-box {
    float: none;
    padding: 0 0 5px;
}

.product-options-bottom .price-label {
    float: left;
    padding-right: 5px;
}

.product-options-bottom .price-tax {
    float: left;
}

.product-options-bottom .add-to-cart {
    padding: 0;
    width: 100%;
    clear: both;
}

.product-shop .product-options-bottom .price-box {
    float: left;
    margin: 0;
    padding: 0 0 10px;
    display: none;
}

.product-shop .product-options-bottom .price-label {
    float: none;
    padding-right: 0;
}

.product-shop .product-options-bottom .price-tax {
    float: none;
}

.product-shop .product-options-bottom .add-to-cart-box {
    float: left;
}
/* Grouped Product */
.product-view .grouped-items-table .price-box {
    margin: 0;
    padding: 0;
}
/* Block:Description */
.product-view .box-description {
}
/* Block:Additional */
.product-view .box-additional .data-table th, .product-view .box-additional .data-table td {
    line-height: 1.25;
}

/* Block:Tags */
.product-view .box-tags {
    margin: 0;
}

    .product-view .box-tags h3 {
        font-size: 13px;
    }

    .product-view .box-tags .product-tags {
        display: block;
        margin: 0 0 15px;
    }

        .product-view .box-tags .product-tags li {
            display: inline;
            background: url(/Content/Csspublic/images/bkg_pipe3.gif) 100% 4px no-repeat;
            padding: 0 7px 0 4px;
        }

            .product-view .box-tags .product-tags li.first {
                padding-left: 0;
            }

            .product-view .box-tags .product-tags li.last {
                background: none;
                padding-right: 0;
            }

    .product-view .box-tags .form-add label {
        display: block;
        font-size: 13px;
        font-weight: normal;
        margin: 0 0 5px;
        color: #000000;
    }

    .product-view .box-tags .form-add .input-box {
        float: left;
        width: 305px;
        margin: 0 5px 0 0;
        padding: 0;
    }

    .product-view .box-tags .form-add input.input-text {
        width: 299px;
        height: 41px;
    }

    .product-view .box-tags .note {
        margin: 5px 0 0;
        padding: 0;
        font-size: 11px;
        color: #666;
    }
/* Block:Reviews */
.product-view .box-reviews dl {
    margin: 0;
}

.product-view .box-reviews dt {
    padding: 0 0 5px;
}

    .product-view .box-reviews dt a, .product-view .box-reviews dt span {
        font-weight: bold;
    }

.product-view .box-reviews dd {
    margin: 0 0 15px;
}

    .product-view .box-reviews dd small {
        font-style: italic;
    }

.product-view .box-reviews .form-add {
    margin: 15px 0 0;
}

    .product-view .box-reviews .form-add h3 {
        font-size: 13px;
        font-weight: normal;
    }

        .product-view .box-reviews .form-add h3 span {
            font-weight: bold;
        }

    .product-view .box-reviews .form-add h4 {
        font-size: 12px;
    }

    .product-view .box-reviews .form-add .data-table td {
        text-align: center;
    }

    .product-view .box-reviews .form-add .form-list {
        margin: 15px 0 0;
    }

        .product-view .box-reviews .form-add .form-list .input-box {
            width: 360px;
        }

        .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea {
            width: 354px;
        }

.product-view .box-collateral .data-table th {
    font-weight: normal;
}

.product-view .box-collateral .data-table {
    margin-bottom: 10px;
}
/* Send a Friend */
.send-friend .form-list {
    width: 615px;
    overflow: hidden;
}

    .send-friend .form-list li {
        margin-right: -15px;
    }

        .send-friend .form-list li p {
            margin: 0 15px 0 0;
        }

    .send-friend .form-list .field {
        width: 315px;
    }

    .send-friend .form-list .input-box {
        width: 300px;
    }

    .send-friend .form-list input.input-text, .send-friend .form-list textarea {
        width: 294px;
    }

    .send-friend .form-list li.wide .input-box {
        width: 612px;
    }

    .send-friend .form-list li.wide textarea {
        width: 609px;
    }

.send-friend .buttons-set .limit {
    float: right;
    margin: 0 7px 0 0;
    font-size: 11px;
    line-height: 21px;
}
/* ======================================================================================= */

/* Content Styles ================================================================= */
.product-name {
    margin: 0;
    font-size: 1em;
    font-weight: normal;
}
/* Product Tags */
.tags-list {
    display: block;
    font-size: 13px;
    border: 1px solid #c1c4bc;
    background: #f8f7f5;
    padding: 10px 0 10px 0;
}

    .tags-list li {
        display: inline !important;
        margin: 0 4px 0 0;
    }

        .tags-list li a {
            color: #ffffcc;
        }
/* Advanced Search */
.advanced-search .form-list label {
    width: 160px;
    padding-right: 10px;
}

.advanced-search .form-list .input-box, .advanced-search .form-list .input-range {
    float: left;
    clear: none;
}

.advanced-search-amount {
    margin: 0 0 10px;
}

.advanced-search-summary {
    margin: 10px 0;
    border: 1px solid #e9d7c9;
    background: #fff6f1;
    padding: 10px;
}

    .advanced-search-summary ul {
        float: left;
        width: 49%;
    }

    .advanced-search-summary strong {
        color: #E17C24;
        padding-left: 15px;
        background: url(/Content/Csspublic/images/i_search_criteria.gif) 0 3px no-repeat;
    }

    .advanced-search-summary p {
        clear: both;
        font-weight: bold;
        margin: 0;
    }
/* Sitemap */
.page-sitemap .links {
    text-align: right;
    margin: 0 8px -22px 0;
}

    .page-sitemap .links a {
        text-decoration: none;
        position: relative;
    }

        .page-sitemap .links a:hover {
            text-decoration: underline;
        }

.page-sitemap .sitemap {
    margin: 12px;
}

    .page-sitemap .sitemap a {
        color: #1b2d3b;
    }

    .page-sitemap .sitemap li {
        margin: 3px 0;
    }

        .page-sitemap .sitemap li.level-0 {
            margin: 10px 0 0;
            font-weight: bold;
        }

            .page-sitemap .sitemap li.level-0 a {
                color: #1e7ec8;
            }
/* RSS */
.rss-title h1 {
    background: url(/Content/Csspublic/images/i_rss-big.png) 0 4px no-repeat;
    padding-left: 27px;
}

.rss-table .link-rss {
    display: block;
    line-height: 1.55;
    background-position: 0 4px;
}
/* ======================================================================================= */

/* Shopping Cart ========================================================================= */
.cart .page-title {
    border-bottom: 0;
    margin: 50px 0 0;
}

    .cart .page-title h1 {
        margin: 10px 0 20px;
        color: #333;
    }

.cart .data-table .btn-remove2,
.mini-contentCart a.btn-remove {
    background: url("../images/delete_icon.png") no-repeat center center;
    font-size: 0;
    height: 9px;
    width: 9px;
    display: inline-block;
    line-height: 24px;
}

    .cart .data-table .btn-remove2 .icons,
    .miniCartWrap .cart-content-bottom .icons {
        font-size: 15px;
        display: none;
    }

.crosssell .products-textlink {
    border: 0 none !important;
}
/* Checkout Types */
.cart .page-title .checkout-types li {
    margin: 0 0 5px;
}

.cart .title-buttons .checkout-types {
    float: right;
    display: none;
}

    .cart .title-buttons .checkout-types li {
        float: left;
        margin: 0 0 5px 5px;
    }

.cart .checkout-types .paypal-or {
    margin: 0 8px;
    line-height: 2.3;
}

.cart .totals .checkout-types .paypal-or {
    clear: both;
    display: block;
    padding: 8px 55px 0 0;
    line-height: 1.0;
    font-size: 11px;
}
/* Shopping Cart Table */
.cart-table th {
    padding: 2px 10px;
}

.cart-table td {
    padding: 5px;
}

.cart-table .product-name {
    margin: 0 0 5px;
    color: #333;
}

.cart-table .item-msg {
    margin: 5px 0;
    font-size: 11px;
    font-weight: bold;
    color: #df280a;
}

.cart-table tfoot td {
    padding: 15px;
}

.cart-table .btn-continue {
    float: left;
}

.cart-table .btn-update, .cart-table .btn-empty {
    float: right;
}

.cart-table .btn-update {
    margin-left: 10px;
}
/* Shopping Cart Collateral boxes */
.cart .cart-collaterals {
    padding: 25px 0 0;
}

    .cart .cart-collaterals .col2-set {
    }

        .cart .cart-collaterals .col2-set .col-1, .cart .cart-collaterals .col2-set .col-2, .cart .cart-collaterals .col2-set .col-3 {
            width: 33.3333%;
            float: left;
        }

.cart .crosssell {
    padding: 0 0 50px;
}

    .cart .crosssell .block-title h3 span {
        padding: 0;
    }

    .cart .crosssell .title-divider {
        margin-bottom: 10px;
    }

    .cart .crosssell .product-name {
        font-size: 100%;
        margin: 0 0 9px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .cart .crosssell .product-name a {
            font-size: 14px;
            outline: 0 none;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: 500;
        }

    .cart .crosssell li.item {
        margin: 12px 0;
    }

    .cart .crosssell .link-compare {
        font-weight: normal;
    }

.cart .bx-has-controls-direction .bx-default-pager {
    display: none;
}
/* Discount Codes & Estimate Shipping and Tax Boxes */
.cart .shipping p, .cart .discount label {
    font-size: 13px;
    color: #2a2a2a;
    font-weight: 300;
}

.cart .discount, .cart .shipping {
    padding: 15px 0;
    margin: 0 0 18px;
}

    .cart .discount h2, .cart .shipping h2 {
        margin: 0 0 20px;
        padding: 0 10px 0 0;
        color: #333;
        text-transform: capitalize;
        font-size: 18px;
    }

    .cart .discount .buttons-set, .cart .shipping .buttons-set {
        margin: 10px 0 0;
        border: 0;
        padding: 0;
        text-align: left;
    }

        .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button {
            float: none;
            margin-left: 0;
        }

    .cart .discount .input-box {
        margin: 8px 0 0;
    }

    .cart .discount input.input-text {
        width: 100%;
    }

    .cart .shipping .sp-methods {
        margin: 10px 0 0;
        padding: 5px 0 0;
        background: url(/Content/Csspublic/images/bkg_divider1.gif) 0 0 repeat-x;
    }
/* Shopping Cart Totals */
.cart .totals {
    padding: 15px 0px 15px 0;
    margin: 0;
}

    .cart .totals table {
        width: 100%;
        margin: 7px 0;
    }

    .cart .totals td {
        padding: 1px 0 1px 30px;
    }

        .cart .totals td.a-right {
            color: #333;
            font-size: 15px;
            text-transform: capitalize;
        }

            .cart .totals td.a-right .price {
                font-weight: 600;
            }

    .cart .totals tr.last td {
    }

    .cart .totals tfoot th {
        padding: 5px 15px 5px 7px;
    }

    .cart .totals tfoot td {
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .cart .totals tfoot th strong, .cart .totals tfoot td strong {
            font-weight: normal;
            font-size: 18px;
            color: #333;
            text-transform: capitalize;
        }

            .cart .totals tfoot td strong .price {
                font-size: 15px;
                color: #ff5555;
            }

    .cart .totals .checkout-types {
        font-size: 13px;
        padding: 0;
        text-align: right;
    }

        .cart .totals .checkout-types li a {
            color: #666666;
            text-decoration: none;
        }

            .cart .totals .checkout-types li a:hover {
                color: #ff5555;
            }

        .cart .totals .checkout-types li {
            clear: both;
            margin: 10px 0;
        }
/* Options Tool Tip */
.item-options dt {
    font-weight: bold;
    color: #666;
    font-weight: 500;
}

.item-options dd {
    padding-left: 10px;
    margin: 0 0 6px;
}

.truncated {
    cursor: help;
}

    .truncated a.dots {
        cursor: help;
    }

    .truncated a.details {
        cursor: help;
    }

    .truncated .truncated_full_value {
        position: relative;
        z-index: 999;
    }

        .truncated .truncated_full_value .item-options {
            position: absolute;
            top: -99999em;
            left: -99999em;
            z-index: 999;
            width: 250px;
            padding: 8px;
            border: 1px solid #ddd;
            background-color: #f6f6f6;
        }

            .truncated .truncated_full_value .item-options > p {
                font-weight: bold;
                text-transform: uppercase;
            }

    .truncated .show .item-options {
        top: -20px;
        left: 50%;
    }

.col-left .truncated .show .item-options {
    left: 15px;
    top: 7px;
}

.col-right .truncated .show .item-options {
    left: -240px;
    top: 7px;
}
/* ======================================================================================= */

/* Checkout ============================================================================== */

/********** < Common Checkout Styles */

/* Shipping and Payment methods */
.sp-methods {
    margin: 0 0 8px;
}

    .sp-methods dt {
        margin: 13px 0 5px;
        font-weight: 300;
    }

    .sp-methods dd {
    }

        .sp-methods dd li {
            margin: 5px 0;
        }

    .sp-methods label {
        font-weight: 300;
        color: #666;
        line-height: 16px;
    }

    .sp-methods .price {
        font-weight: 300;
    }

    .sp-methods .form-list {
        padding-left: 20px;
    }

        .sp-methods .form-list li {
            margin: 0 0 8px;
        }

    .sp-methods select.month {
        width: 154px;
        margin-right: 10px;
    }

    .sp-methods select.year {
        width: 96px;
    }

    .sp-methods input.cvv {
        width: 3em !important;
    }

    .sp-methods .checkmo-list li {
        margin: 0 0 5px;
    }

    .sp-methods .checkmo-list label {
        width: 135px;
        padding-right: 10px;
        text-align: right;
    }

    .sp-methods .checkmo-list address {
        float: left;
    }

    .sp-methods .centinel-logos a {
        margin-right: 3px;
    }

    .sp-methods .centinel-logos img {
        vertical-align: middle;
    }

    .sp-methods .release-amounts {
        margin: 0.5em 0;
    }

        .sp-methods .release-amounts button {
            float: left;
            margin: 5px 10px 0 0;
        }

.please-wait {
    float: right;
}

    .please-wait img {
        vertical-align: middle;
    }

.cvv-what-is-this {
    font-size: 11px;
    cursor: help;
    margin-left: 10px;
}
/* Tooltip */
.tool-tip {
    border: 1px solid #7BA7C9;
    background: #EAF6FF;
    padding: 15px 20px;
    position: absolute;
    z-index: 9999;
}

    .tool-tip .btn-close {
        margin: -9px -14px 0;
        text-align: right;
    }

        .tool-tip .btn-close a {
            display: block;
            margin: 0 0 0 auto;
            width: 15px;
            height: 15px;
            background: url(/Content/Csspublic/images/btn_window_close.gif) 100% 0 no-repeat;
            text-align: left;
            text-indent: -999em;
            overflow: hidden;
        }

    .tool-tip .tool-tip-content {
        padding: 5px;
    }
/* Gift Messages */
.gift-messages h3 {
    font-size: 12px;
    font-weight: bold;
    color: #e87403;
}

.gift-messages p.control {
    color: #8e8d8b;
}

.gift-messages-form {
    position: relative;
}

    .gift-messages-form label {
        float: none !important;
        position: static !important;
    }

    .gift-messages-form h4 {
        font-size: 12px;
        font-weight: bold;
        color: #e87403;
    }

    .gift-messages-form .whole-order {
        margin: 0 0 25px;
    }

    .gift-messages-form .item {
        margin: 0 0 10px;
    }

        .gift-messages-form .item .product-img-box {
            float: left;
            width: 75px;
        }

        .gift-messages-form .item .product-image {
            margin: 0 0 7px;
        }

        .gift-messages-form .item .number {
            margin: 0;
            font-weight: bold;
            text-align: center;
            color: #8a8987;
        }

        .gift-messages-form .item .details {
            margin-left: 90px;
        }

            .gift-messages-form .item .details .product-name {
                font-size: 13px;
                font-weight: bold;
                margin: 0 0 10px;
            }

            .gift-messages-form .item .details .form-list .field {
                width: 255px;
            }

            .gift-messages-form .item .details .form-list .input-box {
                width: 240px;
            }

            .gift-messages-form .item .details .form-list input.input-text {
                width: 234px;
            }

            .gift-messages-form .item .details .form-list li.wide .input-box {
                width: 500px;
            }

            .gift-messages-form .item .details .form-list li.wide textarea {
                width: 494px;
            }

.gift-message-link {
    font-size: 11px;
    background: url(/Content/Csspublic/images/bkg_collapse-gm.gif) 100% 6px no-repeat;
    padding-right: 7px;
}

    .gift-message-link.expanded {
        background-position: 100% -40px;
    }

.gift-message-row {
    background: #f2efe9;
}

    .gift-message-row .btn-close {
        float: right;
        width: 16px;
        height: 16px;
        background: url(/Content/Csspublic/images/btn_gm-close.gif) 0 0 no-repeat;
        font-size: 0;
        line-height: 0;
        text-indent: -999em;
        overflow: hidden;
    }
/* Checkout Agreements */
.checkout-agreements li {
    margin: 30px 0;
}

.checkout-agreements .agreement-content {
    overflow: auto;
    height: 12em;
    padding: 10px;
    background-color: #fbfaf6;
    border: 1px solid #bbb6a5;
}

.checkout-agreements .agree {
    margin: 0;
    padding: 10px 0 10px 11px;
}

    .checkout-agreements .agree input.checkbox {
        margin-right: 6px;
    }

    .checkout-agreements .agree label {
        font-weight: bold;
        color: #666;
    }

.opc .checkout-agreements {
    border: 1px solid #d9dde3;
    border-width: 0 1px;
    padding: 5px 30px;
}

    .opc .checkout-agreements li {
        margin: 20px 0 0;
    }

    .opc .checkout-agreements .agreement-content {
        background-color: #fff;
        border-color: #e4e4e4;
        padding: 5px;
    }

    .opc .checkout-agreements .agree {
        padding-left: 6px;
    }
/* Centinel */
.centinel {
}

    .centinel .authentication {
        border: 1px solid #ddd;
        background: #fff;
    }

        .centinel .authentication iframe {
            width: 99%;
            height: 400px;
            background: transparent !important;
            margin: 0 !important;
            padding: 0 !important;
            border: 0 !important;
        }

.opc .centinel {
    border: 1px solid #bbb6a5;
    border-width: 0 1px 1px;
    padding: 10px 30px;
}
/* Generic Info Set */
.info-set {
    background: #fbfaf6;
    border: 1px solid #bbb6a5;
    margin: 0 0 25px;
    padding: 20px;
}

    .info-set h2 {
        font-size: 13px;
        font-weight: bold;
        margin: 0 0 10px;
    }

    .info-set h3, .info-set h4 {
        font-size: 13px;
        font-weight: bold;
        color: #E26703;
    }

        .info-set h2 a, .info-set h3 a, .info-set h4 a {
            font-weight: normal;
        }

    .info-set h2.legend {
        margin: -20px -20px 15px;
        padding: 5px 10px;
        background: #f9f3e3;
        border-bottom: 1px solid #bbafa0;
        position: relative;
    }

    .info-set h3.legend {
        margin: 0 0 10px;
        color: #0a263c;
    }

    .info-set .divider {
        margin: 0 -20px;
        padding: 25px 0;
        position: relative;
    }

    .info-set .box {
        margin: 0 0 15px;
    }

        .info-set .box h2 {
            color: #e26703;
        }

    .info-set .data-table .product-name {
        font-size: 1em !important;
        font-weight: bold !important;
        color: #1e7ec8 !important;
    }

        .info-set .data-table .product-name a {
            font-weight: bold !important;
        }

    .info-set .data-table .item-options {
        margin: 5px 0 0;
    }
/********** Common Checkout Styles > */

/* One Page Checkout */
.block-progress {
    border: 0;
    margin: 0;
}

    .block-progress .block-title {
        background: none;
        border: 0;
        padding: 0;
        margin: 0 0 5px;
    }

        .block-progress .block-title strong {
            font-size: 13px;
            color: #0a263c;
        }

    .block-progress .block-content {
        padding: 30px 20px;
    }

    .block-progress dl {
        margin: 0;
    }

    .block-progress dt {
        background-color: transparent;
        background-image: url("../images/icon-Progress.png");
        background-position: 0 8px;
        background-repeat: no-repeat;
        color: #888;
        font-size: 13px;
        font-weight: 400;
        line-height: 25px;
        margin: 0 0 6px;
        padding: 0 0 0 20px;
    }

    .block-progress dd {
        padding: 8px 13px;
        margin: 0 0 6px;
    }

    .block-progress dt.complete {
        margin: 0;
    }

    .block-progress dd.complete {
        color: #666;
        font-weight: 300;
    }

    .block-progress p {
        margin: 0;
    }

    .block-progress .cards-list dt {
        background: none;
        border: 0 none;
        color: inherit;
        font-size: 12px;
        margin: 5px 0;
        padding: 0;
    }

    .block-progress .cards-list dd {
        border: 0 none;
        margin: 0;
        padding: 0;
    }

    .block-progress .cards-list .info-table th {
        font-weight: normal;
    }
/* show/hide "change" link for progress step depend on complete status
 * should be placed in .css file */
.checkout-onepage-success .col-right {
    padding-top: 25px;
}

.checkout-onepage-index .main-container {
    padding-top: 30px;
}

.opc-block-progress dt.complete a, .opc-block-progress dt.complete .separator {
    display: inline;
}

.opc-block-progress dt a, .opc-block-progress dt .separator {
    display: none;
}

.opc .buttons-set {
    margin-top: 0;
    padding-top: 1em;
    padding-bottom: 1em;
    margin: 0;
}

    .opc .buttons-set p.required {
        margin: 0;
        padding: 0 0 10px;
        margin: 0 !important;
    }

    .opc .buttons-set a.f-left {
        float: right !important;
        color: #ff0000;
        text-decoration: none;
    }

        .opc .buttons-set a.f-left:hover {
            color: #f2bc4d;
        }

    .opc .buttons-set .back-link small {
        display: none;
    }

    .opc .buttons-set .back-link a {
        background: url(/Content/Csspublic/images/i_arrow-top.gif) 0 50% no-repeat;
        padding-left: 16px;
    }

    .opc .buttons-set.disabled button.button {
        display: none;
    }

    .opc .buttons-set .please-wait {
        height: 21px;
        line-height: 21px;
    }

.opc .ul {
    list-style: disc outside;
    padding-left: 18px;
}

.opc {
    position: relative;
    margin-bottom: 30px;
}

    .opc li.section {
        margin-top: 10px;
    }

    .opc .step-title {
        text-align: left;
        line-height: 40px;
        background: none repeat scroll 0 0 #f5f5f6;
    }

        .opc .step-title .number {
            background: #dddddd;
            padding: 0;
            margin: 0 10px 0 0;
            color: #fff;
            font-size: 14px;
            width: 40px;
            height: 40px;
            text-align: center;
            display: inline-block;
        }

        .opc .step-title h2 {
            margin: 0;
            color: #333;
            font-size: 14px;
            text-transform: uppercase;
            line-height: 40px;
            display: inline-block;
        }

        .opc .step-title a {
            display: none;
            float: right;
            font-size: 11px;
            line-height: 16px;
        }

    .opc .allow .step-title {
        color: #a4b3b9;
        cursor: pointer;
    }

        .opc .allow .step-title .number {
            margin-right: 10px;
            background: #dddddd;
            color: #fff;
        }

        .opc .allow .step-title h2 {
        }
    /*.opc .allow .step-title a{display:block}
*/
    .opc .active .step-title {
        padding: 0;
        color: #f18200;
        cursor: default;
        border: 0 none;
        text-align: left;
        line-height: 40px;
    }

        .opc .active .step-title .number {
            background: #333;
            margin-right: 10px;
            color: #fff;
        }

        .opc .active .step-title h2 {
        }
    /*.opc .active .step-title a{display:none}
*/
    .opc .step {
        background: #fff;
        padding: 15px;
        position: relative;
        border: 1px solid #f5f5f6;
    }

        .opc .step .tool-tip {
            right: 30px;
        }

#opc-login .buttons-set {
    border-top: 0;
}

#opc-login h3 {
    font-size: 15px;
    padding-bottom: 2px;
    text-transform: capitalize;
    color: #000;
    font-weight: 300;
}

#opc-login p {
    font-size: 13px;
    color: #ff0000;
    margin: 0 0 5px;
}

#opc-login h4 {
    font-size: 13px;
    font-weight: 300;
    margin: 0;
    color: #000000;
    margin: 0 0 10px;
}

#opc-login .step .ul li {
    color: #888888;
    font-size: 13px;
    font-weight: 300;
}

#opc-shipping_method .buttons-set {
    border-top: 0;
}

.opc .gift-messages-form {
    margin: 0 -30px;
    background: #f6f1eb;
    border: 1px solid #e9e4de;
    border-width: 1px 0;
    padding: 22px 24px 22px 30px;
}

    .opc .gift-messages-form .inner-box {
        padding: 5px;
        height: 260px;
        overflow: auto;
    }

#opc-review .step {
    border: 0;
    padding: 0;
}

#opc-review .product-name {
    font-weight: 300;
    color: #000;
}

#opc-review .item-options {
    margin: 5px 0 0;
}

#opc-review .buttons-set {
    padding: 20px 30px;
    border: 1px solid #d9dde3;
    border-width: 0 1px 1px;
}

    #opc-review .buttons-set p {
        margin: 0;
        line-height: 40px;
    }

    #opc-review .buttons-set .please-wait {
        height: 40px;
        line-height: 40px;
    }

#opc-review .authentication {
    margin: 0 auto;
    width: 570px;
}

#opc-review .warning-message {
    color: #222;
    font-weight: bold;
    text-align: center;
    padding: 10px 10px 0;
}

#checkout-review-submit .buttons-set button.button {
    float: right;
}
/* Multiple Addresses Checkout */
.checkout-progress {
    padding: 0 90px;
    margin: 50px 0;
}

    .checkout-progress li {
        float: left;
        width: 19%;
        margin: 0 3px 0 0;
        border-top: 10px solid #444;
        padding: 2px 0 0;
        font-weight: bold;
        text-align: center;
        color: #444;
        font-weight: 300;
    }

        .checkout-progress li.active {
            border-top-color: #965554;
            color: #965554;
            font-weight: 400;
        }

.multiple-checkout h2 {
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 10px;
    color: #444;
}

.multiple-checkout h3, .multiple-checkout h4 {
    font-size: 13px;
    font-weight: bold;
    color: #965554;
}

    .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a {
        font-weight: normal;
    }

.multiple-checkout .data-table .product-name {
    font-size: 1em !important;
    font-weight: bold !important;
    color: #1e7ec8 !important;
}

.multiple-checkout .data-table .item-options {
    margin: 5px 0 0;
}

.multiple-checkout .gift-messages {
    margin: 15px 0 0;
}

.multiple-checkout .tool-tip {
    top: 50%;
    margin-top: -120px;
    right: 20px;
}

.multiple-checkout .col2-set, .multiple-checkout .col3-set {
    background: #fbfaf6;
    border: 1px solid #d7d7d7;
    margin: 0 0 25px;
    padding: 20px;
}

    .multiple-checkout .col2-set h2.legend {
        margin: -20px -20px 15px;
        padding: 5px 10px;
        border-bottom: 1px solid #d7d7d7;
        position: relative;
    }

    .multiple-checkout .col2-set h3.legend {
        margin: 0 0 10px;
        color: #0a263c;
    }

    .multiple-checkout .col2-set .divider {
        margin: 0 -20px;
        padding: 25px 0;
        position: relative;
    }

.multiple-checkout .box {
    margin: 0 0 15px;
}

.multiple-checkout .box h2 {
    color: #965554;
}

.multiple-checkout .place-order .please-wait {
    float: right;
    padding: 27px 7px 0 0;
}

.multiple-checkout .place-order .grand-total {
    float: right;
    height: 71px;
    font-size: 1.5em;
    padding: 0 0 0 21px;
    overflow: hidden;
}

    .multiple-checkout .place-order .grand-total .inner {
        float: left;
        height: 71px;
        padding: 14px 0px 0 0;
    }

        .multiple-checkout .place-order .grand-total .inner div {
            display: inline;
        }

    .multiple-checkout .place-order .grand-total big {
        display: inline;
        margin-right: 12px;
    }

    .multiple-checkout .place-order .grand-total .price {
        color: #d22753;
    }

    .multiple-checkout .place-order .grand-total button.button span {
        font-size: 16px;
    }

        .multiple-checkout .place-order .grand-total button.button span span {
            padding: 0 45px 0 36px;
        }
/* Step 1 */
.multiple-checkout .title-buttons button.button span {
}

#multiship-addresses-table td {
    padding: 10px;
}

#multiship-addresses-table tfoot td {
    padding: 5px 10px;
}

#multiship-addresses-table tfoot button.button span {
}
/* Step 2 */
.multiple-checkout .gift-messages-form .item .details .form-list {
    width: 100%;
    overflow: hidden;
}

    .multiple-checkout .gift-messages-form .item .details .form-list li {
        margin-right: -15px;
    }

    .multiple-checkout .gift-messages-form .item .details .form-list .field {
        width: 230px;
    }

    .multiple-checkout .gift-messages-form .item .details .form-list .input-box {
        width: 215px;
    }

    .multiple-checkout .gift-messages-form .item .details .form-list input.input-text {
        width: 209px;
    }

    .multiple-checkout .gift-messages-form .item .details .form-list li.wide .input-box {
        width: 445px;
    }

    .multiple-checkout .gift-messages-form .item .details .form-list li.wide textarea {
        width: 439px;
    }

.checkout-multishipping-shipping .box-sp-methods {
    border: 1px solid #d9d2be;
    background: #f9f3e3;
    padding: 13px;
    position: relative;
}

    .checkout-multishipping-shipping .box-sp-methods .pointer {
        position: absolute;
        top: -20px;
        right: -40px;
        width: 178px;
        height: 41px;
        background: url(/Content/Csspublic/images/bkg_sp-methods.gif) 0 0 no-repeat;
        overflow: hidden;
    }
/* Step 3 */
.checkout-multishipping-billing .multiple-checkout {
    position: relative;
}
/* ======================================================================================= */

/* Account Login/Create Pages ============================================================ */
.page-title {
    border-bottom: 1px solid #e0cfa0;
}

    .page-title h1 {
        font-size: 24px;
        line-height: 40px;
    }

.map-conttact {
    color: white;
    height: 181px;
    margin-top: 261px;
    padding: 0px 263px;
}

    .map-conttact ul li {
        margin: 0px auto;
    }

.buttons-set {
    padding-right: 0;
}

    .buttons-set button {
        background: #1880bb;
        border-radius: 5px;
    }

.account-login .content, .account-create .content {
    border: 1px solid #e0cfa0;
    min-height: 300px;
    padding: 30px;
    margin-bottom: 30px;
}

    .account-login .content p.required {
        color: #ee001c;
    }

    .account-login .content h2, .account-create .content h2 {
        font-size: 18px;
        font-weight: bold;
        line-height: normal;
        margin: 0;
        padding: 0 0 15px;
        text-transform: uppercase;
        /*color: #ffffcc;*/
    }

.account-login .form-list label {
    color: #333 !important;
}

.new-users h2, .account-create .content h2 {
    color: #ffffcc;
}

.new-users p, .new-users h3 {
    color: #ffffcc !important;
}

.account-login .new-users h2, .account-create h2 {
    font-weight: bold;
}

.account-login .registered-users h2 {
    font-weight: bold;
}

.account-login .buttons-set button.button {
    position: relative;
}

    .account-login .buttons-set button.button:before {
        display: inline-block;
        font-size: 14px;
        text-align: right;
        width: 32px;
        font-family: FontAwesome;
        position: absolute;
        left: 0;
        line-height: 40px;
    }

.account-login .new-users .buttons-set button.button:before {
    content: "";
}

.account-login .registered-users .buttons-set button.button:before {
    content: "";
}

.account-login .buttons-set button.button span {
    padding: 0 20px 0 40px;
}

    .account-login .buttons-set button.button span span {
        padding: 0;
    }

.account-login .buttons-set {
    border-top: 0;
    margin-bottom: 0;
}

    .account-login .buttons-set .f-left {
        float: right !important;
        line-height: 34px;
        text-decoration: none;
        color: #ee001c;
    }
/* Captcha ================================================================================ */
.captcha-note {
    clear: left;
    padding-top: 5px;
}

.captcha-image {
    float: left;
    display: inline;
    margin: 0;
    position: relative;
    width: 258px;
}

    .captcha-image .captcha-img {
        border: 1px solid #b6b6b6;
        vertical-align: bottom;
        width: 100%;
    }

.registered-users .captcha-image {
    margin: 0;
}

.captcha-reload {
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 2px;
}

    .captcha-reload.refreshing {
        animation: rotate 1.5s infinite linear;
        -webkit-animation: rotate 1.5s infinite linear;
        -moz-animation: rotate 1.5s infinite linear;
    }
/*
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
    }

    0% {
        -webkit-transform: rotate(-360deg);
    }
}

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

    0% {
        -moz-transform: rotate(-360deg);
    }
}

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

    0% {
        transform: rotate(-360deg);
    }
}*/
/* Remember Me Popup ===================================================================== */
.window-overlay {
    background: rgba(0,0,0,0.35);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 990;
}

.remember-me label {
    float: none;
    margin: 0 6px;
}

.remember-me-popup {
    background: #fff;
    border: 1px solid #ccc;
    left: 50%;
    top: 50%;
    position: absolute;
    margin: -85px 0 0 -200px;
    width: 400px;
    text-align: left;
    -moz-box-shadow: 0 0 6px #ccc;
    -webkit-box-shadow: 0 0 6px #ccc;
    /*-box-shadow: 0 0 6px #ccc;*/
    z-index: 1000;
}

    .remember-me-popup h3 {
        background: #d9e5ee;
        border-bottom: 1px solid #ccc;
        font-size: 14px;
        padding: 5px 10px;
    }

    .remember-me-popup .remember-me-popup-head {
        position: relative;
    }

        .remember-me-popup .remember-me-popup-head .remember-me-popup-close {
            background: url(/Content/Csspublic/images/btn_window_close.gif) no-repeat;
            display: block;
            position: absolute;
            top: 7px;
            right: 7px;
            height: 15px;
            width: 15px;
            text-indent: -9999em;
        }

    .remember-me-popup .remember-me-popup-body {
        padding: 10px;
    }

        .remember-me-popup .remember-me-popup-body a {
            display: inline-block;
            height: 19px;
            border: 1px solid #de5400;
            background: #f18200;
            padding: 0 8px;
            font: bold 12px/19px Arial,Helvetica,sans-serif;
            text-align: center;
            text-decoration: none;
            white-space: nowrap;
            color: #fff;
        }
/* Remember Me Popup ===================================================================== */

/* My Account ============================================================================= */
.customer-account-index .main-container {
    margin-top: 30px;
}

.my-account .title-buttons .link-rss {
    float: none;
    margin: 0;
}
/********** < Dashboard */
.dashboard .welcome-msg {
    margin: 0 8em 1.5em 0;
}

    .dashboard .welcome-msg p {
        margin: 0;
    }

.dashboard .col2-set {
    margin: 0 0 15px;
}
/* General Box */
.box-account {
    background: #fff;
    border: 1px solid #eee;
    padding: 15px;
    margin: 0 0 20px;
}

    .box-account .box-head {
        margin: 0 0 20px;
        text-align: right;
    }

        .box-account .box-head h2 {
            float: left;
            margin: 0;
            font-size: 14px;
            font-weight: normal;
            text-transform: uppercase;
            background-position: 0 0;
            background-repeat: no-repeat;
            padding-left: 21px;
            color: #444;
        }

.dashboard .box .box-title {
    padding: 0 0 5px;
    margin: 0 0 10px;
    text-align: right;
    border-bottom: 1px solid #eeeeee;
}

    .dashboard .box .box-title h3, .dashboard .box .box-title h4 {
        float: left;
        font-size: 13px;
        font-weight: normal;
        margin: 0;
        color: #333;
        text-transform: uppercase;
    }
/* Block:Recent Orders */
.dashboard .box-recent .box-head h2 {
    background-image: url(/Content/Csspublic/images/i_folder-table.gif);
}
/* Block:Account Information */
.dashboard .box-info .box-head h2 {
    background-image: url(/Content/Csspublic/images/i_ma-info.gif);
}

.dashboard .box-info h4 {
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
}
/* Block:Reviews */
.dashboard .box-reviews .box-head h2 {
    background-image: url(/Content/Csspublic/images/i_ma-reviews.gif);
}

.dashboard .box-reviews .number {
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    margin: 3px -20px 0 0;
    padding: 2px 3px;
    background: #0a263c;
}

.dashboard .box-reviews .details {
    margin-left: 20px;
}

.dashboard .box-reviews li.item {
    margin: 0 0 7px;
}

    .dashboard .box-reviews li.item.last {
        margin: 0;
    }

.dashboard .box-reviews .ratings {
    margin: 7px 0 0;
}
/* Block:Tags */
.dashboard .box-tags .box-head h2 {
    background-image: url(/Content/Csspublic/images/i_ma-tags.gif);
}

.dashboard .box-tags .number {
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    margin: 3px -20px 0 0;
    padding: 2px 3px;
    background: #0a263c;
}

.dashboard .box-tags .details {
    margin-left: 20px;
}

.dashboard .box-tags li.item {
    margin: 0 0 7px;
}

    .dashboard .box-tags li.item.last {
        margin: 0;
    }

.dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li {
    display: inline;
}
/********** Dashboard > */

/* Address Book */
.my-account .pager {
    margin: 15px 0;
}

.addresses-list h2 {
    font-size: 13px;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.addresses-list h3 {
    font-weight: bold;
    font-size: 13px;
}

.addresses-list address {
    margin: 0 0 3px;
}

.addresses-list p {
    margin: 0;
}

.addresses-list a {
    font-weight: bold;
}

.addresses-list .link-remove {
    color: #646464;
}

.addresses-list .separator {
    margin: 0 3px;
}

.addresses-list li.item {
    border: 1px solid #eee;
    padding: 10px 13px;
    margin: 0 0 10px;
}

.addresses-list li.empty {
    background: none;
    border: 0;
    padding: 0;
}

    .addresses-list li.empty p {
        font-weight: bold;
    }

.addresses-list .addresses-additional li.item {
    background: none;
    border: 0;
    padding: 0;
}
/* Order View */
.order-info {
    background: #dee5e8;
    border: 1px solid #d0cbc1;
    padding: 4px 8px;
    margin: 0 0 8px;
}

    .order-info dt, .order-info dd, .order-info ul, .order-info li {
        display: inline;
    }

    .order-info .current {
        font-weight: bold;
    }

    .order-info li {
        margin: 0 3px;
    }

.order-date {
    margin: 10px 0;
}

.order-info-box {
    background: #fff;
    border: 1px solid #d0cbc1;
    padding: 12px 15px;
    margin: 0 0 15px;
}

    .order-info-box h2 {
        font-weight: bold;
        font-size: 13px;
    }

    .order-info-box .box-payment p {
        margin: 0 0 3px;
    }

    .order-info-box .box-payment th {
        font-weight: bold;
        padding-right: 7px;
    }

.order-items {
    width: 100%;
    overflow-x: auto;
}

    .order-items h2, .order-items h3 {
        clear: none;
        font-weight: bold;
        font-size: 13px;
        padding: 0;
        margin: 0 0 5px;
        color: #0a263c;
    }

    .order-items .product-name {
        font-size: 1em !important;
        font-weight: bold !important;
    }

    .order-items .link-print {
        color: #1e7ec8;
        font-weight: normal;
    }

    .order-items .order-links {
        text-align: right;
    }

.order-additional {
    margin: 15px 0;
}
/* Order Gift Message */
.gift-message dt strong {
    color: #666;
}

.gift-message dd {
    font-size: 13px;
    margin: 5px 0 0;
}
/* Order Comments */
.order-about dt {
    font-weight: bold;
}

.order-about dd {
    font-size: 13px;
    margin: 0 0 7px;
}

.tracking-table {
    margin: 0 0 15px;
}

    .tracking-table th {
        font-weight: bold;
        white-space: nowrap;
    }

.tracking-table-popup {
    width: 100%;
}

    .tracking-table-popup th {
        font-weight: bold;
        white-space: nowrap;
    }

    .tracking-table-popup th, .tracking-table-popup td {
        padding: 1px 8px;
    }
/* Order Print Pages */
.page-print .print-head {
    margin: 0 0 15px;
}

    .page-print .print-head .logo {
        float: left;
    }

    .page-print .print-head address {
        float: left;
        margin-left: 15px;
    }

.page-print h1 {
    font-size: 16px;
    font-weight: bold;
}

.page-print h2, .page-print h3 {
    font-size: 13px;
    font-weight: bold;
}

    .page-print h2.h2 {
        font-size: 16px;
        font-weight: bold;
    }

.page-print .order-date {
    background: url(/Content/Csspublic/images/bkg_divider1.gif) 0 100% repeat-x;
    padding: 0 0 10px;
    margin: 0 0 10px;
}

.page-print .col2-set {
    margin: 0 0 10px;
}
/* Price Rewrites */
.page-print .gift-message-link {
    display: none;
}

.page-print .price-excl-tax, .page-print .price-incl-tax {
    display: block;
    white-space: nowrap;
}

    .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price {
        display: inline;
    }
/* My Wishlist */
.my-wishlist .data-table td {
    padding: 10px;
}

.my-wishlist .product-image {
    display: block;
    width: 113px;
    height: 113px;
    margin: 0 0 5px;
}

.my-wishlist textarea {
    display: block;
    width: 97%;
    height: 109px;
}

.my-wishlist .buttons-set {
    margin-top: 2em;
}

    .my-wishlist .buttons-set button.button {
        float: none;
    }

    .my-wishlist .buttons-set .btn-add span, .my-wishlist .buttons-set .btn-share span {
    }

#wishlist-table .add-to-links {
    white-space: nowrap;
}

.my-wishlist .cart-cell .old-price, .my-wishlist .cart-cell .special-price {
    float: none;
}

.my-wishlist .cart-cell .add-to-cart-alt input.qty {
    margin-bottom: 10px;
}
/* My Tags */
.my-tag-edit {
    float: left;
    margin: 0 0 10px;
}

    .my-tag-edit .btn-remove {
        float: right;
        margin: 4px 0 0 5px;
    }

#my-tags-table {
    clear: both;
}

    #my-tags-table td {
        padding: 10px;
    }

    #my-tags-table .add-to-links {
        white-space: nowrap;
    }
/* My Reviews */
#my-reviews-table td {
    padding: 10px;
}

.product-review .product-img-box {
    float: left;
    width: 140px;
}

    .product-review .product-img-box .product-image {
        display: block;
        width: 125px;
        height: 125px;
    }

    .product-review .product-img-box .label {
        font-size: 11px;
        margin: 0 0 3px;
    }

    .product-review .product-img-box .ratings .rating-box {
        float: none;
        display: block;
        margin: 0 0 3px;
    }

.product-review .product-details {
    margin-left: 150px;
}

.product-review .product-name {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
}

.product-review h3 {
    font-size: 12px;
    margin: 0 0 3px;
    color: #2f2f2f;
}

.product-review .ratings-table {
    margin: 0 0 10px;
}

.product-review dt {
    font-weight: bold;
}

.product-review dd {
    font-size: 13px;
    margin: 5px 0 0;
}
/* Billing Agreements */
.billing-agreements .info-box {
    margin: 15px 0;
}

.billing-agreements .form-list li select {
    float: left;
}

.billing-agreements .form-list li button.button {
    float: left;
    margin-left: 10px;
}

.billing-agreements .table-caption {
    font-weight: bold;
    font-size: 13px;
}
/* ======================================================================================= */

/* MAP Popup============================================================================== */
.cart-msrp-totals {
    color: red;
    font-size: 12px !important;
    font-weight: bold;
    margin: 10px 10px 0;
    padding: 10px;
    text-align: right;
    text-transform: uppercase;
}

.map-cart-sidebar-total {
    color: red;
    display: block;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    padding: 2px 5px;
    text-shadow: 0 1px 0 #fff;
}

.map-popup {
    background: #fff;
    border: 1px solid #aaa;
    margin: 12px 0 0;
    position: absolute;
    -moz-box-shadow: 0 0 6px #ccc;
    -webkit-box-shadow: 0 0 6px #ccc;
    box-shadow: 0 0 6px #ccc;
    text-align: left;
    width: 300px;
    z-index: 100;
}

.map-popup-heading {
    background: #d9e5ee;
    border-bottom: 1px solid #ccc;
    padding: 5px 30px 5px 10px;
    width: 260px;
}

    .map-popup-heading h2 {
        font-size: 16px;
        margin: 0;
        text-shadow: 0 1px 0 #f6f6f6;
        overflow: hidden;
        white-space: nowrap;
        word-wrap: break-word;
        text-align: left;
        text-overflow: ellipsis;
    }

.map-popup-arrow {
    background: url(/Content/Csspublic/images/map_popup_arrow.gif) no-repeat;
    position: absolute;
    left: 50%;
    top: -10px;
    height: 10px;
    width: 19px;
}

.map-popup-close {
    background: url(/Content/Csspublic/images/btn_window_close.gif) no-repeat;
    display: block;
    position: absolute;
    top: 8px;
    right: 10px;
    height: 15px;
    width: 15px;
    text-indent: -9999em;
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    box-shadow: 0 0 3px #999;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.map-popup-content {
    border-top: 1px solid #eee;
    padding: 10px;
    overflow: hidden;
    text-align: left;
    width: 280px;
}

.map-popup-checkout {
    display: inline;
    float: right;
    text-align: right;
}

    .map-popup-checkout span {
        display: block;
        padding-right: 30px;
    }

    .map-popup-checkout .paypal-logo {
        margin: 0 0 5px;
    }

.map-popup-price .price-box, .map-popup-price .price-box .special-price {
    margin: 0;
    padding: 0;
}

.map-popup-price {
    margin: 5px 0 0;
}

.map-popup-text {
    clear: right;
    margin: 0 10px;
    padding: 10px 0;
    text-align: left;
    word-wrap: break-word;
}

.map-popup-only-text {
    border-top: 1px solid #ddd;
}
/* ======================================================================================= */

/* Footer ================================================================================ */
.logo-text {
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 38px;
}

.footer .store-switcher {
    margin: 10px 0;
}

    .footer .store-switcher label {
        font-weight: bold;
        vertical-align: middle;
        display: none;
    }

    .footer .store-switcher select {
        padding: 0;
        vertical-align: middle;
    }

.footer a {
    text-decoration: none;
    outline: medium none;
}

.footer .bugs {
    margin: 13px 0 0;
    color: #ecf3f6;
}

    .footer .bugs a {
        color: #ecf3f6;
        text-decoration: underline;
    }

        .footer .bugs a:hover {
            text-decoration: none;
        }

.footer address {
    margin: 0;
    padding: 0;
    text-transform: capitalize;
}

    .footer address a:hover {
        text-decoration: underline;
    }

.footer ul.bullet {
    list-style: inherit;
    padding-left: 16px;
}

.footer ul.links {
    margin: 0;
    display: block;
}

.footer li {
    text-align: left;
    padding: 0;
}

.footer .bullet.flickr li {
    float: left;
}

.footer .block-content-statick .bullet.flickr {
    padding: 11px 0 0;
}

    .footer .block-content-statick .bullet.flickr li a {
        background: none;
        margin: 0 3px 5px 0;
        border: 1px solid transparent;
        padding: 0;
        display: block;
    }

        .footer .block-content-statick .bullet.flickr li a:hover {
            border: 1px solid #fff;
        }

.footer li.last {
    background: none !important;
    padding-right: 0 !important;
}

.footer-container .bottom-container {
    margin: 0 0 5px;
}

.block-footer-copyright .footer {
    padding: 0px 0 20px;
}

    .block-footer-copyright .footer .links a {
        padding: 15px 10px;
        display: inline-block;
    }

        .block-footer-copyright .footer .links a:hover {
            color: #ff5555;
        }

.footer li.feature-icon {
    clear: both;
}

.footer .address-list {
    line-height: 22px;
}

.footer .logo2, .footer .logo3, .footer .logo4, .footer .logo5, .footer .logo6 {
    display: none;
}

.block-footer-top .main {
    padding: 40px 0 0px;
}

.block-static1 {
    position: relative;
}

.advertisement {
    position: absolute;
    text-align: center;
    top: 45%;
    width: 100%;
}

.logo-footer img {
    padding: 20px 0 5px;
}

.block-subscribe label {
    color: #e8e9ee;
    font-size: 13px;
    font-weight: 400;
}

.social-link {
    display: block;
    height: 30px;
    line-height: 34px;
    text-align: center;
    width: 30px;
    float: left;
    margin-right: 5px;
    font-size: 15px;
    color: #fff !important;
}

    .social-link.facebook {
        background-color: #415a99;
    }

    .social-link.pinterest-p {
        background-color: #cb222a;
    }

    .social-link.vk {
        background-color: #5b7fa6;
    }

    .social-link.twitter {
        background-color: #00caff;
    }

    .social-link.google-plus {
        background-color: #da4735;
    }

    .social-link:hover {
        opacity: 0.8;
        color: #fff;
    }

.footer .block-content-statick li a {
    padding: 2px 0px;
    display: block;
    text-transform: capitalize;
    font-size: 13px;
}

.address-list .tit-name {
    float: left;
    padding-right: 5px;
    width: 70px;
}

.address-list .tit-contain {
    display: flex;
}

.block-footer-top .footer .block-static2 h3 {
    margin-bottom: 17px;
}

.block-footer-top .footer h3 span {
    display: block;
    font-size: 14px;
    padding: 0 10px 0 0;
    text-transform: uppercase;
}

.footer .block {
    margin: 0;
    padding: 0;
    background: none;
}

.block-footer-copyright .main {
    background-color: transparent;
    text-align: center;
}

.footer .block-title {
    font-size: 15px;
    font-weight: normal;
    list-style: outside none none;
    margin-bottom: 8px;
}

.footer .form-subscribe-header {
    display: none;
}

.footer .collapsible .form-subscribe-header p {
    margin: 0;
    line-height: 35px;
}

.footer .collapsible .form-subscribe-header p {
    font-size: 18px;
    text-transform: uppercase;
}

    .footer .collapsible .form-subscribe-header p span, .footer .collapsible .form-subscribe-header p strong {
        padding-left: 5px;
    }

.footer .block.block-tags .block-title {
    display: none;
}

.footer .block.block-tags .block-content {
    padding-top: 15px;
}

.footer .block-content-statick .list-inline li {
    float: left;
}

.footer .block-content-statick .list-inline {
    clear: both;
}

.footer .block-content-statick li a.social-link {
    display: inline-block;
    margin-right: 10px;
    padding: 0;
    color: #fff;
}

    .footer .block-content-statick li a.social-link:before {
        display: none;
    }

    .footer .block-content-statick li a.social-link i {
        font-size: 16px;
        line-height: 16px;
    }

.footer .collapsible p {
    margin: 0;
}

.block-content-paypal {
    float: right;
}

    .block-content-paypal li {
        float: left;
    }

.footer .block-subscribe .block-title {
    display: none;
}

.collapsible .bx-wrapper {
    margin: 0 auto;
}

.paypal {
    float: right;
}

.trademark-list-top {
    list-style: outside none none;
    border-top: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: 30px;
    display: table;
    width: 100%;
    margin-top: 30px;
}

    .trademark-list-top li {
        display: inline-block;
        padding: 10px 11px;
    }

        .trademark-list-top li:last-child {
            padding-right: 0;
        }

    .trademark-list-top #payment-methods {
        display: table-cell;
        vertical-align: middle;
        text-transform: uppercase;
        font-weight: bold;
        padding-left: 0px;
    }

.trademark-text-tit {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}

.trademark-list {
    list-style: none;
    margin-bottom: 10px;
    margin-top: 20px;
}

    .trademark-list li {
        display: block;
        padding: 0 7px 0 5px;
    }

        .trademark-list li a {
            font-size: 13px;
            color: #666666;
        }

        .trademark-list li:first-child {
            border-right: none;
            padding-right: 0;
            padding-left: 0;
        }

        .trademark-list li:last-child {
            border-right: 0;
            padding-right: 0;
        }

.footer-menu-box {
    border-top: 1px solid #E1E1E1;
    margin-top: 10px;
    padding-top: 20px;
    margin-bottom: 5px;
}

.footer-menu-list {
    list-style: none;
    text-align: center;
    margin-bottom: 5px;
}

    .footer-menu-list li {
        display: inline;
        padding: 0 7px 0 5px;
        border-right: 1px solid #0066cc;
    }

        .footer-menu-list li:last-child {
            border-right: none;
        }

        .footer-menu-list li a:hover {
            text-decoration: underline;
        }
/* ======================================================================================= */
/* ======================================================================================= *
/* Sample Data============================================================================ */
.home-callout {
    margin-bottom: 12px;
}

    .home-callout img {
        display: block;
    }

.home-spot {
    float: left;
    width: 470px;
    margin-left: 20px;
}

.best-selling h3 {
    margin: 12px 0 6px 0;
    color: #e25203;
    font-size: 1.2em;
}

.best-selling table {
    border-top: 1px solid #ccc;
}

.best-selling tr.odd {
    background: #eee url(/Content/Csspublic/images/best_selling_tr_odd_bg.gif) 0 100% repeat-x;
}

.best-selling tr.even {
    background: #fff url(/Content/Csspublic/images/best_selling_tr_even_bg.gif) 0 100% repeat-x;
}

.best-selling td {
    width: 50%;
    border-bottom: 1px solid #ccc;
    padding: 8px 10px 8px 8px;
    font-size: 11px;
}

.best-selling .product-img {
    float: left;
    border: 2px solid #dcdcdc;
}

.best-selling .product-description {
    margin-left: 107px;
    line-height: 1.3em;
}

.best-selling a.product-name, .home-spot .best-selling a.product-name:hover {
    color: #203548;
}
/* ======================================================================================= */

/* Clears ================================================================================ */
.clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}
/* ======================================================================================= */
.guest-select {
    width: 305px !important;
}

/* Update 1.9.1 ================================================================================ */
.product-view.product-quickview .product-image-gallery {
    width: 100%;
}

.product-image-gallery {
    position: relative;
}

    .product-image-gallery .gallery-image {
        display: none;
    }

        .product-image-gallery .gallery-image.visible {
            display: block;
            width: 100%;
            max-width: 100%;
            height: auto;
        }

        .product-image-gallery .gallery-image img {
            width: 100%;
            max-width: 100%;
        }

        .product-image-gallery .gallery-image.visible.hidden {
            visibility: hidden;
        }

    .product-image-gallery:before, .product-image-gallery:after {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        display: none;
    }

    .product-image-gallery:before {
        background-color: white;
        opacity: 0.8;
        z-index: 2;
    }

    .product-image-gallery:after {
        /*background-image: url("../images/opc-ajax-loader.gif");*/
        background-repeat: no-repeat;
        background-position: center;
        z-index: 3;
    }

    .product-image-gallery.loading {
        position: relative;
    }

        .product-image-gallery.loading:before, .product-image-gallery.loading:after {
            display: block;
        }
/* ============================================ *
 * Configurable Swatches
 * ============================================ */
/* Clears */
.clearfix:after,
.configurable-swatch-list:after,
.product-view .product-options .swatch-attr:after {
    content: '';
    display: table;
    clear: both;
}

/* General Swatch Styling */
.swatch-link,
.swatch-label {
    display: block;
    font-size: 13px;
    text-decoration: none;
}

.block-content li > a .swatch-label, .block-content .swatch-link {
    box-sizing: content-box;
}

.swatch-link {
    margin: 0 0 3px;
}

    .swatch-link:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .swatch-link .x {
        display: none;
        text-indent: -999em;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: url(/Content/Csspublic/images/bg_x.png) center no-repeat transparent;
        z-index: 10;
    }

    .swatch-link.has-image .swatch-label {
        position: relative;
    }

    .swatch-link.has-image img {
        position: absolute;
        top: 0;
        left: 0;
    }

.swatch-label {
    border: 1px solid #fff;
    margin: 0;
    white-space: nowrap;
}

.configurable-swatch-list {
    clear: both;
}

.products-grid .configurable-swatch-list li {
    border: 0;
    display: inline-block;
    float: none;
    margin: 0;
    vertical-align: top;
}

.configurable-swatch-list .not-available .x {
    display: block;
}

.configurable-swatch-list .not-available .swatch-link {
    border-color: #ededed;
    position: relative;
}

    .configurable-swatch-list .not-available .swatch-link.has-image img {
        opacity: 0.4;
        filter: alpha(opacity=40);
    }

.configurable-swatch-list .not-available .swatch-label {
    color: #aaa;
    background: #fff;
}

.configurable-swatch-list .wide-swatch .swatch-label {
    padding: 0 6px;
}

.configurable-swatch-list .not-available a:focus {
    outline: 0;
}

.category-products-grid .swatch-link {
    margin: 0;
}

.category-products-grid li.selected .swatch-link .swatch-label {
    border: 1px solid #955251;
}

#narrow-by-list dd .configurable-swatch-list li, #narrow-by-list dd ol.configurable-swatch-list li {
    width: 50%;
    margin-top: 10px;
    margin-bottom: 0;
    border: 0;
}

.block-layered-nav #narrow-by-list dd.Color .configurable-swatch-list li, .block-layered-nav #narrow-by-list dd.color .configurable-swatch-list li, .block-layered-nav #narrow-by-list dd.Manufacturer .configurable-swatch-list li {
    width: auto;
    padding: 5px;
    background: none;
    margin: 0;
}

#narrow-by-list dd .swatch-link.has-image {
    line-height: normal;
}

#narrow-by-list dd .swatch-label {
    background: #fff;
    display: inline-block;
    margin: 0;
    padding: 0px;
    white-space: nowrap;
}

    #narrow-by-list dd .swatch-label img {
        box-sizing: content-box;
    }

.block-content .swatch-link.has-image img, .category-products-grid .swatch-link.has-image img {
    width: 100%;
    height: 100%;
}

.block-content li > a.swatch-link {
    padding: 0;
    margin: 0;
}

    .block-content li > a.swatch-link.has-image, .category-products-grid .swatch-link {
        outline: medium none;
        border: 0;
        line-height: 33px;
        margin: 0;
        padding: 0;
        text-align: left;
    }

        .block-content li > a.swatch-link.has-image:hover {
            border: 0;
        }

        .block-content .swatch-link.has-image .swatch-label, .category-products-grid .swatch-link.has-image .swatch-label {
            vertical-align: middle;
            height: 17px !important;
            width: 17px !important;
            overflow: hidden;
            border: 1px solid #eaeaea;
        }

            .block-content .swatch-link.has-image .swatch-label:hover, .category-products-grid .swatch-link.has-image .swatch-label:hover {
                border: 1px solid #ff3366;
            }

.block-content .swatch-link.has-image .count {
    display: none;
}

.block-content .swatch-link.has-image span {
    font-size: 13px;
}

#narrow-by-list dd .has-image .swatch-label, .category-products-grid .has-image .swatch-label {
    padding: 0;
}

.category-products-grid .swatch-label {
    box-sizing: border-box;
}

@media only screen and (max-width: 770px) {
    #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) {
        clear: none;
    }
}

.currently .swatch-current {
    position: relative;
}

    .currently .swatch-current .btn-remove {
        margin-top: -5px;
        top: 50%;
    }

    .currently .swatch-current span {
        display: block;
    }

.currently .swatch-link {
    display: inline-block;
    margin: 0 0 0 3px;
}

    .currently .swatch-link:hover {
        border-color: #cccccc;
        cursor: default;
    }

.configurable-swatch-box select.swatch-select {
    display: none;
}

.configurable-swatch-box .validation-advice {
    margin: 0 0 5px;
    background: #df280a;
    padding: 2px 5px !important;
    font-weight: bold;
    color: #fff !important;
    float: left;
    display: block;
    border-radius: 3px;
}
/* CUSTOM */
.availability.out-of-stock span {
    color: #a0a0a0;
}

.product-view .product-options .swatch-view {
    width: 100%;
    overflow: hidden;
}

.product-view .product-options .swatch-attr {
    float: left;
    padding: 0 10px 0 0;
    min-width: 110px;
}

    .product-view .product-options .swatch-attr label,
    .product-view .product-options .swatch-attr .select-label {
        font-size: 12px;
    }

    .product-view .product-options .swatch-attr .select-label {
        display: inline;
        font-weight: normal;
        color: #333;
        padding-left: 5px;
    }

.product-view .product-options dd .input-box {
    width: auto;
    height: auto;
}

.product-view .product-options .select-label {
    display: none;
}

.product-view .add-to-cart button.out-of-stock {
    cursor: default;
}

.product-view .product-options li > a.swatch-link {
    width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    margin: 0 10px 0 0;
    border: 1px solid #eaeaea;
}

    .product-view .product-options li > a.swatch-link:hover,
    .product-view .product-options li.selected > a.swatch-link {
        border: 1px solid #ff3366;
    }

.product-view .product-options .swatch-link .swatch-label {
    height: 20px !important;
    width: 20px !important;
    line-height: 18px !important;
    text-align: center;
}

.product-view .product-options .swatch-link.has-image img {
    height: 100%;
    width: 100%;
}

.product-view .product-options .configurable-swatch-list li {
    float: left;
}

.news-footer div:first-child {
    /*padding-left:0 !important;*/
}
.border-bottom {
    position: relative;
}

.magicmenu {
    position: relative;
    float:right;
}
#menu {
    margin-left: 0px;
    background: #000;
}.slideout-open .slideout-menu {
    display: block;
}
 .menu-section-list {
        padding: 15px;
    margin: 10px 0;
    list-style: none;
    line-height: 23px;
    display: block;
}
 .menu-section-list1 {
    padding-left: 20px;
}
 .menu-header-title {
    font-weight: 400;
    letter-spacing: 0.5px;
    margin: 0;
    color:white;
}
 .menu-header {
    border-bottom: 1px solid #2a2d2f;
    padding: 20px;
    background-size: 32px;
}
.slideout-menu {
    position: fixed;
    /* left: 0; */
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
      width: 250px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.slideout-menu {
    display: none;
    position: fixed;
}
.btn-hamburger {
    display: none;
}
.btn-hamburger {
    left: auto;
    right: 12px;
    position: fixed;
    top: 15px;
}

    .magicmenu .nav-desktop {
       position: relative;
    /* margin: 0; */
    /* padding: 0; */
    border: 1px solid #ccc;
    box-shadow: 1px 1px 15px #ccc;
    display: inline-block;
    margin-top: 5px;
    }

        .magicmenu .nav-desktop .level0 {
            padding: 0;
            margin: 0;
            display: inline-block;
            position: relative;
            background: #efefef;
    padding: 10px 9px;
    float: left;
    border-right: 1px solid #ccc;
}
     

            .magicmenu .nav-desktop .level0.logo.display {
                display: none;
                border: 0;
            }

.header-container-fixed .magicmenu .nav-desktop .level0.logo.display a {
    border: 0;
    padding: 10px;
    width: 71px;
}

.magicmenu .nav-desktop li:first-child .level-top {
    padding-left: 10px !important;
}

.header-container-fixed .magicmenu .nav-desktop .level0.logo.display a img {
    max-width: 100%;
}

.magicmenu .nav-desktop .level0.cat:hover .level-top:before {
    border-right: 1px solid #f36;
}

.magicmenu .nav-desktop .level0 > a:hover .short_desc {
    color: #888;
}



.magicmenu .nav-desktop .level0.hasChild .level-top:after {
    content: "";
    font-family: "FontAwesome";
    font-size: 14px;
    padding-left: 7px;
    vertical-align: 0;
}

.magicmenu .nav-desktop .level0 .level-top:before {
}

.magicmenu .nav-desktop .level0.active .level-top:before, .magicmenu .nav-desktop .level0:last-child .level-top:before {
    border-right: 1px solid rgba(0,0,0,0);
}

.magicmenu .nav-desktop .level0 .level-top span.icon-text {
    text-transform: capitalize;
    outline: medium none;
}

.magicmenu .nav-desktop .level0 .level-top span.cat_label {
    right: 20px;
    top: -8px;
}

.magicmenu .nav-desktop .level0 .level-top > span {
    padding: 0;
    white-space: nowrap;
    font-size: 13px;
    vertical-align: top;
    /* font-family: "Times New Roman",sans-serif; */
    font-weight: bold;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}


.magicmenu .nav-desktop .level0.home .level-top .icon-home, .magicmenu .nav-desktop .level0 .level-top > img {
    display: none;
}

.magicmenu .nav-desktop .level0.home .level-top .icon-home {
    font-size: 17px;
}

.magicmenu .nav-desktop .level0 .level-top-mega, .magicmenu .nav-desktop .level0.dropdown > .level0 {
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #ccc;
    box-shadow: 0 6px 12px rgba(0,0,0,0.176);
    padding: 0 0 0 30px;
    position: absolute;
    z-index: 99999;
    transition: all 300ms ease-in-out 0;
    -moz-transition: all 300ms ease-in-out 0;
    -webkit-transition: all 300ms ease-in-out 0;
    -o-transition: all 300ms ease-in-out 0;
    display: block;
    opacity: 0;
    top: 130%;
    visibility: hidden;
}

.magicmenu .nav-desktop .level0:hover .level-top-mega, .magicmenu .nav-desktop .level0.dropdown:hover > .level0 {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.magicmenu .nav-desktop .level0.dropdown > .level0, .vmagicmenu .vmagicmenu-narrow .level0.dropdown > .level0 {
    width: 16em;
    min-width: 12em;
    padding: 20px 0;
    line-height: 32px;
}

.magicmenu .nav-desktop .level0.dropdown .hasChild, .vmagicmenu .vmagicmenu-narrow .level0.dropdown .hasChild {
    position: relative;
}

    .magicmenu .nav-desktop .level0.dropdown .hasChild > a:before, .vmagicmenu .vmagicmenu-narrow .level0.dropdown .hasChild > a:before {
        content: "";
        display: block;
        line-height: 32px;
        font-size: 14px;
        position: absolute;
        right: 15px;
        text-align: right;
        font-family: FontAwesome;
    }

    .magicmenu .nav-desktop .level0.dropdown .hasChild ul, .vmagicmenu .vmagicmenu-narrow .level0.dropdown .hasChild ul {
        position: absolute;
        left: 100%;
        top: 0;
        opacity: 0;
        visibility: hidden;
        background-color: #fff;
        box-shadow: 0 3px 10px rgba(0,0,0,0.15);
        padding: 20px 0;
        min-width: 200px;
        z-index: 1;
    }

    .magicmenu .nav-desktop .level0.dropdown .hasChild:hover > ul, .vmagicmenu .vmagicmenu-narrow .level0.dropdown .hasChild:hover > ul {
        opacity: 1;
        visibility: visible;
    }

.magicmenu .nav-desktop .level0.dropdown .level1 a, .vmagicmenu .vmagicmenu-narrow .level0.dropdown .level1 a {
    padding: 0 30px;
    display: block;
}

.magicmenu .nav-desktop .level0.home .level-top-mega {
    padding: 30px;
    min-width: 210px;
}

    .magicmenu .nav-desktop .level0.home .level-top-mega a {
        line-height: 30px;
        font-family: "Arial",sans-serif;
    }

.magicmenu .nav-desktop .level0 .level-top-mega .children a, .magicmenu .nav-desktop p {
    text-align: left;
    text-decoration: none;
    font-size: 14px;
    text-transform: capitalize;
    font-family: "Arial",sans-serif;
    display: block;
}

.magicmenu .nav-desktop .level0 .level-top-mega .children .nav a {
    display: block;
    line-height: 32px;
}

.magicmenu .nav-desktop .level-top a {
    color: #000;
    font-size: 14px;
    text-decoration: none;
    text-align: left;
}

.magicmenu .nav-desktop .level0 .level-top-mega .children.level1 > a {
    margin: 28px 0 10px;
}

.magicmenu .nav-desktop .level0 .level-top-mega .children.level1 img {
    max-width: 100%;
    height: auto;
}

.magicmenu .nav-desktop .level0 .level-top-mega .children.level1 > a {
    position: relative;
    border-width: 0 0 1px;
    border-style: solid;
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 30px;
    line-height: 32px;
}

.magicmenu .nav-desktop .level0 .level-top-mega .children.level1 .level1 a {
    position: relative;
    font-size: 13px;
    margin: 0;
    padding: 0;
    display: block;
    line-height: 32px;
}

.magicmenu .nav-desktop .level0 .level-top-mega .children.level1 a span, .vmagicmenu .vmagicmenu-narrow .level0.dropdown .level1 a span {
    font-family: "Arial",sans-serif;
}

.magicmenu .nav-desktop .level0 .level-top-mega .children.level1 > a:before, .vmagicmenu .level0 .level-top-mega .children > a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 1px;
    width: 50px;
}

.magicmenu .nav-desktop .level0 .level-top-mega .children .nav:last-child, .magicmenu .nav-desktop .level0 .level-top-mega .children.level1 > a.a-image {
    border: 0 none;
}

    .magicmenu .nav-desktop .level0 .level-top-mega .children.level1 > a.a-image:before {
        display: none;
    }

.magicmenu .nav-desktop .level0 .level-top-mega .children.level1 img {
    margin-top: 30px;
}

.magicmenu .nav-desktop .level0 .level-top-mega .mega-block-top, .magicmenu .nav-desktop .level0 .level-top-mega .mega-block-bottom {
    padding: 30px 0 0;
    width: 100%;
    clear: both;
}

.magicmenu .nav-desktop .level0 .level-top-mega .mega-block-bottom {
    text-align: center;
}

    .magicmenu .nav-desktop .level0 .level-top-mega .mega-block-bottom .img-responsive {
        display: inline;
    }

.magicmenu .nav-desktop .level0 .level-top-mega .content-mega-horizontal .cat-mega {
    padding-bottom: 30px;
}

.magicmenu .nav-desktop .level0 .level-top-mega .mage-column {
    float: none;
}

    .magicmenu .nav-desktop .level0 .level-top-mega .mage-column.cat-mega {
        float: left;
    }

    .magicmenu .nav-desktop .level0 .level-top-mega .mage-column .children {
        float: left;
        text-align: left;
        padding: 0;
        width: 200px;
    }

    .magicmenu .nav-desktop .level0 .level-top-mega .mage-column.mega-block-left {
        float: left;
    }

    .magicmenu .nav-desktop .level0 .level-top-mega .mage-column.mega-block-right {
        float: right;
        margin-top: 30px;
    }

.mega-block-right h3 {
    color: #ddd;
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
}

.header .custom-menu .level-top-mega .magic-category {
    float: left;
    width: 200px;
    padding-right: 30px;
}

.header .custom-menu .level-top-mega .magiccategory, .header .custom-menu .level-top-mega .magicproduct {
    width: 660px;
    padding-top: 30px;
}

.header .custom-menu .level-top-mega .content-products {
    clear: none;
    float: left;
}

.header .custom-menu .level-top-mega .block-title-tabs {
    display: none;
}

.header .custom-menu .level-top-mega .mage-magictabs {
    margin-bottom: 30px;
}

.block-left, .block-right, .cat-mega {
    float: left;
}

.banner-menu {
    padding-top: 20px;
}

.block-bottom {
    clear: both;
}

.magicmenu .nav-desktop .level0 .level-top-mega .mega-block-top {
    margin: 0;
    overflow: hidden;
}

    .magicmenu .nav-desktop .level0 .level-top-mega .mega-block-top .links-top-menu {
        text-align: center;
        background: #eee;
    }

.magicmenu .nav-desktop .level0 .level-top-mega .content-mega .mage-column .links {
    float: none;
    display: inline-block;
}

    .magicmenu .nav-desktop .level0 .level-top-mega .content-mega .mage-column .links li a {
        color: #555;
        line-height: 35px;
        padding: 0 15px;
    }

        .magicmenu .nav-desktop .level0 .level-top-mega .content-mega .mage-column .links li a:hover {
            background-color: #dc1212;
            color: #fff;
        }

    .magicmenu .nav-desktop .level0 .level-top-mega .content-mega .mage-column .links li.label {
        color: #555;
        line-height: 35px;
        font-size: 14px;
        margin: 0 5px 0 0;
    }

.magicmenu .nav-desktop .level0 .level-top .short_desc {
    display: block;
    font-size: 13px;
    font-weight: 300;
    line-height: 13px;
    text-transform: capitalize;
    color: #999;
}

.magicmenu .nav-desktop .level0 .level-top-mega .children ul.level1 .hasChild {
    position: relative;
}

    .magicmenu .nav-desktop .level0 .level-top-mega .children ul.level1 .hasChild:before {
        content: "";
        display: block;
        line-height: 32px;
        font-size: 14px;
        position: absolute;
        right: 30px;
        text-align: right;
        font-family: FontAwesome;
    }

    .magicmenu .nav-desktop .level0 .level-top-mega .children ul.level1 .hasChild ul {
        position: absolute;
        left: 100%;
        opacity: 0;
        visibility: hidden;
        top: 0;
        background-color: #fff;
        box-shadow: 0 3px 10px rgba(0,0,0,0.15);
        padding: 5px 0 5px 30px;
        min-width: 200px;
        z-index: 1;
    }

    .magicmenu .nav-desktop .level0 .level-top-mega .children ul.level1 .hasChild:hover > ul {
        opacity: 1;
        left: 90%;
        visibility: visible;
    }
    .home_carou_2_wap {
    width: 1000px;
    overflow: hidden;
    margin: 0 auto;
}
    .world-women .women-products {
    margin: 10px 0 7px 0;
    width: 100%;
    padding: 0px;
}
    .world-women .women-products .item {
    width: 239px;
    margin: 0 10px 0 0;
    float: left;
    color: #fff;
    list-style: none;
    height: 428px;
}
.world-women .women-products .item2 {
    width: 490px;
    height: 490px;
    margin: 0 10px 2px 0;
    float: left;
    color: #fff;
    list-style: none;
}
.sanphambanchay .item-sanphambanchay {
    width: 1009px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
.world-women {
    width: 100%;
    background-size: 100%;
    position: relative;
    z-index: 45;
    margin: 0 auto;
}
.world-women .women-products .item img {
    width: 239px;
    height: 428px;
}
.main-container {
    clear: both;
    background:#ffffff;
        z-index: 0;
   
}
.slide1 img {
    width: 100%;
    height: auto;
}
.magicmenu .nav-desktop .level0 .cat_label, .mean-container .mean-nav ul li a span.cat_label {
    background-color: #096;
    border-radius: 45%;
    -moz-border-radius: 45%;
    -webkit-border-radius: 45%;
    -ms-border-radius: 45%;
    -o-border-radius: 45%;
    color: #fff;
    font-weight: 700;
    font-size: 11px!important;
    line-height: 20px;
    padding: 0 5px;
    text-transform: uppercase;
    position: absolute;
    font-family: "Arial",sans-serif;
}

    .magicmenu .nav-desktop .level0 .cat_label:before {
        border-color: transparent;
        border-style: solid;
        border-top-color: #096;
        border-width: 6px 10px 0 0;
        content: "";
        height: 0;
        position: absolute;
        left: 10px;
        top: 18px;
        transition: border-color 450ms ease-in-out 0;
        width: 0;
    }

    .magicmenu .nav-desktop .level0 .cat_label.New:before {
        border-top-color: #096;
    }

.magicmenu .nav-desktop .level0 .level-top-mega .children .level-3 a .cat_label:before, .magicmenu .nav-desktop .level0 .level-top-mega .children .nav a .cat_label:before {
    display: none;
}

.nav-desktop .level0 .cat_label.Hot {
    background-color: #dc1212;
}

.vmagicmenu {
    display: block;
    position: relative;
    padding: 0;
    z-index: 1;
    width: 270px;
    float: left;
}

    .vmagicmenu .block-vmagicmenu-content {
        border-width: 0;
        border-style: solid;
        padding: 0 0 11px;
        min-width: 270px;
        position: absolute;
        visibility: hidden;
        opacity: 0;
        transition: all 300ms ease-in-out 0;
    }

        .vmagicmenu .block-vmagicmenu-content .vmagicmenu-narrow {
            margin: 0;
            border-left: 1px solid #eaeaea;
        }

    .vmagicmenu:hover .block-vmagicmenu-content {
        opacity: 1;
        visibility: visible;
    }

    .vmagicmenu .block-title {
        line-height: 41px;
        padding: 0 20px;
        overflow: hidden;
    }

        .vmagicmenu .block-title span {
            font-size: 14px;
        }

        .vmagicmenu .block-title .vmagicmenu-subtitle {
            text-transform: uppercase;
            padding: 0;
            letter-spacing: 1px;
            font-family: "Arial",sans-serif;
            padding-left: 10px;
        }

        .vmagicmenu .block-title .fa {
            line-height: 40px;
        }

    .vmagicmenu .level0 {
        padding: 0;
        float: left;
        line-height: 38px;
        width: 100%;
        list-style: none;
        border-top: 1px solid #fff;
    }

        .vmagicmenu .level0:hover {
            border-top: 1px solid #eaeaea;
        }

        .vmagicmenu .level0 .level0 {
            line-height: 28px;
        }

        .vmagicmenu .level0.last {
            border: none;
        }

        .vmagicmenu .level0:hover .level0 {
            background-color: transparent;
        }

        .vmagicmenu .level0 .level-top {
            padding: 0 20px;
            font-size: 100%;
            text-decoration: none;
            display: block;
            outline: medium none;
        }

            .vmagicmenu .level0 .level-top img {
                vertical-align: middle;
                margin-right: 10px;
                display: inline-block;
            }

        .vmagicmenu .level0.hasChild .level-top:after {
            content: "";
            font-family: FontAwesome;
            float: right;
            font-style: normal;
            font-weight: 400;
            text-decoration: inherit;
            vertical-align: middle;
        }

        .vmagicmenu .level0 .level-top span {
            font-size: 15px;
            font-family: "Arial",sans-serif;
        }

        .vmagicmenu .level0 .level-top-mega, .vmagicmenu .vmagicmenu-narrow .level0.dropdown > .level0 {
            position: absolute;
            top: 0;
            left: 100%;
            z-index: 999;
            opacity: 0;
            visibility: hidden;
            border-width: 1px;
            border-style: solid;
        }

        .vmagicmenu .level0:hover .level-top-mega, .vmagicmenu .vmagicmenu-narrow .level0.dropdown.hasChild:hover > ul {
            opacity: 1;
            visibility: visible;
        }

        .vmagicmenu .level0 .level-top-mega .content-mega {
            margin: 0;
            padding: 27px;
            overflow: hidden;
        }

        .vmagicmenu .level0 .level-top-mega .children a, .vmagicmenu p {
            line-height: 25px;
            text-align: left;
            text-decoration: none;
        }

        .vmagicmenu .level0 .level-top-mega .children > a {
            border-width: 0 0 1px;
            border-style: solid;
            display: block;
            margin-bottom: 10px;
            position: relative;
        }

            .vmagicmenu .level0 .level-top-mega .children > a span {
                font-size: 17px;
            }

        .vmagicmenu .level0 .level-top-mega .children a span {
            font-family: "Arial",sans-serif;
        }

    .vmagicmenu .level-top a {
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        text-align: left;
    }

    .vmagicmenu .level0 .level-top-mega .children .level-3 {
        font-size: 100%;
        padding: 0 0 5px;
        line-height: 30px;
    }

        .vmagicmenu .level0 .level-top-mega .children .level-3 a {
            font-size: 14px;
            text-transform: uppercase;
            font-weight: 500;
        }

    .vmagicmenu .level0 .level-top-mega .children .nav {
        line-height: 26px;
        border-bottom: 1px solid #ececec;
    }

        .vmagicmenu .level0 .level-top-mega .children .nav:last-child {
            border: none;
        }

    .vmagicmenu .level0 .level-top-mega .children > .nav {
        border: none;
    }

    .vmagicmenu .level0 .level-top-mega .children .nav a {
        font-weight: 300;
    }

    .vmagicmenu .level0 .level-top-mega .mega-block-top, .vmagicmenu .level0 .level-top-mega .mega-block-bottom {
        width: 100%;
    }

    .vmagicmenu .level0 .level-top-mega .mega-block-bottom {
        clear: both;
        padding: 10px 0 0;
    }

        .vmagicmenu .level0 .level-top-mega .mega-block-bottom .menu-ul {
            background-color: #f7f7f7;
            overflow: hidden;
            padding: 15px 25px;
        }

            .vmagicmenu .level0 .level-top-mega .mega-block-bottom .menu-ul .title-menu, .vmagicmenu .level0 .level-top-mega .mega-block-bottom .menu-ul .custom-menu-bottom, .vmagicmenu .level0 .level-top-mega .mega-block-bottom .menu-ul .custom-menu-bottom li {
                float: left;
                line-height: 40px;
            }

                .vmagicmenu .level0 .level-top-mega .mega-block-bottom .menu-ul .custom-menu-bottom li {
                    padding: 0 10px;
                }

                .vmagicmenu .level0 .level-top-mega .mega-block-bottom .menu-ul .title-menu strong {
                    font-weight: 300;
                }

                .vmagicmenu .level0 .level-top-mega .mega-block-bottom .menu-ul .title-menu span {
                    font-size: 14px;
                    color: #888;
                }

                .vmagicmenu .level0 .level-top-mega .mega-block-bottom .menu-ul .custom-menu-bottom li a {
                    color: #888;
                    text-decoration: none;
                    padding: 8px 10px;
                    font-size: 14px;
                }

                    .vmagicmenu .level0 .level-top-mega .mega-block-bottom .menu-ul .custom-menu-bottom li a:hover {
                        background-color: #8ac28f;
                        color: #fff;
                    }

    .vmagicmenu .level0 .level-top-mega .mage-column .children {
        float: left;
        width: 282px;
        text-align: left;
        padding-right: 30px;
        margin-bottom: 20px;
    }

        .vmagicmenu .level0 .level-top-mega .mage-column .children ul {
            list-style: outside none none;
        }

    .vmagicmenu .level0 .cat_label {
        background-color: #8ac28f;
        color: #fff;
        font-size: 11px;
        height: 16px;
        line-height: 15px;
        margin: 0 5px;
        padding: 0 5px;
        position: absolute;
        text-transform: capitalize;
        font-weight: 300;
    }

        .vmagicmenu .level0 .cat_label.Hot {
            background-color: #b5d575;
        }

.cms-index-index .header-container-fixed .vmagicmenu .block-vmagicmenu-content {
    opacity: 0;
    top: 80px;
    transition: all 300ms ease-in-out 0;
    visibility: hidden;
}

.cms-index-index .header-container-fixed .vmagicmenu:hover .block-vmagicmenu-content {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.header-container-fixed .border-bottom::before {
    display: none;
}

.header-container-fixed .vmagicmenu {
    width: 50px;
}

    .header-container-fixed .vmagicmenu .block-title .vmagicmenu-subtitle {
        display: none;
    }

    .header-container-fixed .vmagicmenu .block-title {
        text-align: center;
    }

        .header-container-fixed .vmagicmenu .block-title span {
            color: #fff;
        }

.cms-index-index .vmagicmenu .block-vmagicmenu-content {
    opacity: 1;
    visibility: visible;
}

.header-container-fixed .vmagicmenu .block-title .fa {
    float: none;
}

.header-container-fixed .magicmenu .nav-desktop .level0 .level-top span.cat_label {
    top: -3px;
}

.vmagicmenu .vmagicmenu-narrow > li:nth-child(n+12) {
    display: none;
}

.vmagicmenu .block-vmagicmenu-content .all-cat {
    display: block;
    text-align: center;
    padding-right: 20px;
}

    .vmagicmenu .block-vmagicmenu-content .all-cat span {
        border: 1px solid #eaeaea;
        cursor: pointer;
        display: block;
        line-height: 38px;
        text-align: center;
        width: 100%;
        clear: both;
        font-family: "Arial",sans-serif;
    }

        .vmagicmenu .block-vmagicmenu-content .all-cat span:after {
            content: "";
            font: bold 14px/1 FontAwesome;
            margin-left: 20px;
        }

.level-top-mega .mage-column.cat-mega {
    margin: 0;
    list-style: outside none none;
}

.fixed {
    z-index: 999;
    width: 100%;
}

    .fixed .custom-menu {
        padding-bottom: 7px;
        padding-top: 10px;
        box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
    }

    .fixed .quick-access {
        display: none;
    }

@media only screen and (min-width:768px) {
  
    .nav-mobile {
        display: none!important;
    }
}

a.meanmenu-reveal {
    display: none;
}

.mean-container .mean-bar {
    overflow: hidden;
}

.mean-container a.meanmenu-reveal {
    width: 20px;
    height: 18px;
    padding: 15px;
    position: relative;
    z-index: 32;
    top: 0;
    right: 0;
    cursor: pointer;
    outline: medium none;
    text-decoration: none;
    font-size: 14px;
    text-indent: -9999em;
    line-height: 18px;
    display: block;
    float: right;
    font-weight: 700;
}

    .mean-container a.meanmenu-reveal:hover {
        color: #fff;
    }

    .mean-container a.meanmenu-reveal span {
        display: block;
        background: #fff;
        height: 3px;
        margin-top: 3px;
    }

.mean-container .mean-nav .mobi-title {
    font-size: 14px;
    line-height: 48px;
    margin: 0;
    padding: 0 0 0 15px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    z-index: 0;
    font-family: "Arial",sans-serif;
}

.mean-container .mean-nav > ul {
    float: left;
    margin: 0 15px;
    top: 100%;
    position: absolute;
    list-style-type: none;
    z-index: 2;
    left: 0;
    width:96%;
}

.mean-container .mean-nav ul li {
    position: relative;
    float: left;
    width: 100%;
}

    .mean-container .mean-nav ul li a img {
        display: none;
    }

    .mean-container .mean-nav ul li a {
        display: block;
        padding: 10px 0;
        margin: 0;
        text-align: left;
        border-width: 0 0 1px;
        border-style: solid;
        text-decoration: none;
        text-transform: capitalize;
    }

        .mean-container .mean-nav ul li a span {
            font-size: 15px;
            padding: 0 14px;
            font-family: "Arial",sans-serif;
        }

    .mean-container .mean-nav ul li ul li a span.cat_label {
        background-color: #5ba0d0;
        color: #fff;
        font-size: 11px;
        font-weight: 300;
        height: 16px;
        line-height: 15px;
        margin: 0 5px;
        padding: 0 5px;
        position: absolute;
        text-transform: capitalize;
    }

        .mean-container .mean-nav ul li ul li a span.cat_label.Hot {
            background-color: #fe5858;
        }

    .mean-container .mean-nav ul li li a {
        font-size: 15px;
        padding: 10px 0 10px 40px;
        filter: alpha(opacity=75);
        visibility: visible;
    }

    .mean-container .mean-nav ul li.mean-last a {
        margin-bottom: 0;
    }

    .mean-container .mean-nav ul li li li a {
        font-size: 15px;
        padding: 10px 0 10px 50px;
    }

    .mean-container .mean-nav ul li li li li a {
        padding: 1em 20%;
    }

    .mean-container .mean-nav ul li li li li li a {
        padding: 1em 25%;
    }

    .mean-container .mean-nav ul li a.mean-expand {
        width: 15px;
        height: 15px;
        line-height: 15px;
        padding: 10px!important;
        text-align: center;
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 2;
        font-weight: 300;
        background: rgba(255,255,255,0.1);
        border: none!important;
        border-radius: 15px;
    }

        .mean-container .mean-nav ul li a.mean-expand:hover {
            background: #444;
            color: #fff;
        }

.mean-container .mean-push {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both;
}

.mean-nav .wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
}

.mean-container .mean-bar, .mean-container .mean-bar * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.mean-remove {
    display: none!important;
}

.level1 {
   display: none;
    position: absolute;
    left: 0;
    top: 61px;
    width: 158px;
    background: white;
    z-index: 999;
}

.nav-desktop .level0:hover {
    /*background-color: #491a00;*/
}

    .nav-desktop .level0:hover .level1 {
        display: block;
    }

.level1 li {
    /*border-bottom: 1px solid #562d19;*/
    position: relative;
}

    .level1 li a {
        display: block;
        padding: 10px;
       color: #333;
        font-weight: bold;
        font-family: 'Times New Roman';
    }

    .level1 li:hover > a {
    color: #fff;
    background: #ac1b20;
    }


.level2 {
    display: none;
    position: absolute;
    left: 250px;
    top: 0px;
    width: 250px;
    background: #491a00;
    z-index: 999;
}

 .level1:hover {
    background-color: #1700008c;
}

    .level1 li:hover .level2 {
        display: block;
    }

.level2 li {
    border-bottom: 1px solid #562d19;
    position: relative;
}

    .level2 li a {
        display: block;
        padding: 10px;
        color: #b99a64;
        font-weight: bold;
        font-family: 'Times New Roman';
    }

    .level2 li:hover > a {
        color: #f3f5c3;
        background: #3f1500;
    }



    
.level3 {
    display: none;
    position: absolute;
    left: 250px;
    top: 0px;
    width: 250px;
    background: #491a00;
    z-index: 999;
}

 .level2:hover {
    background-color: #491a00;
}

    .level2 li:hover .level3 {
        display: block;
    }

.level3 li {
    border-bottom: 1px solid #562d19;
    position: relative;
}

    .level3 li a {
        display: block;
        padding: 10px;
        color: #b99a64;
        font-weight: bold;
        font-family: 'Times New Roman';
    }

    .level3 li:hover > a {
        color: #f3f5c3;
        background: #3f1500;
    }

.mean-nav .level1 {
width:100%;
}
@media only screen and (max-width: 767px)
{
 .level1 li:hover .level2 {
    display: block;
    position:relative;
    left:0px;
}
    .level2 {
        width:100%;
    }
}
.miniCartWrap{vertical-align:top}.content-cart{padding:0;margin-left:-15px;margin-right:-15px}.miniCartWrap,.content-cart .btn-heart,.top-links{float:right;line-height:14px}.crat-icon .zero,.crat-icon .item{padding:0;z-index:2;position:absolute;width:32px;height:22px;text-align:center;background-image:url("/Content/Csspublic/images/notify.png");background-position:0 0;background-repeat:no-repeat;right:-7px;top:-3px;line-height:19px}.cart-header{line-height:normal;display:none}.cartSummary span,.cartSummary .mt-cart-title{color:#555}.cartSummary span.price{color:#444}.content-cart .top-links{background:url(/img/icon_acc.png) no-repeat 0 3px;height:42px;width:40px}.content-cart .hot-links{background:url(/img/icon_tel.png) no-repeat center right;height:43px;display:block;color:#ff0;margin-right:50px;font-size:25px;padding-right:50px;padding-top:5px}.content-cart .btn-heart{background:url("/Content/Csspublic/images/icon-heart-round.png") no-repeat 0 3px;display:inline-block}.content-cart .btn-heart,.content-cart .top-links{margin-right:5px}.miniCartWrap{position:relative;z-index:30}.crat-icon{float:left}.mini-maincart .mini-contentCart{position:absolute;right:0;top:50px;width:300px;line-height:30px;padding:20px;-webkit-box-shadow:0 4px 7px 0 rgba(50,50,50,.2);-moz-box-shadow:0 4px 7px 0 rgba(50,50,50,.2);box-shadow:0 4px 7px 0 rgba(50,50,50,.2)}.mini-maincart .mini-contentCart p.empty{margin:0;cursor:text}.mini-contentCart .mini-products-list{margin:0;padding:0}#numberProduct p{color:#fff;margin-left:6px;text-align:left;font-weight:bold}.mini-contentCart .item .product-details .product-name{line-height:10px;font-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:20px;line-height:20px}.crat-icon .zero,.crat-icon .item{padding:0;z-index:2;position:relative;width:32px;height:22px;line-height:17px;text-align:center;background-image:url(../images/notify.png);background-position:0 0;background-repeat:no-repeat;right:-7px;top:-3px}.cartSummary .icon-cart{padding:0;font-size:30px;line-height:30px}.cartSummary .mt-cart-title{line-height:normal;margin:0;vertical-align:top;font-weight:bold}.mini-contentCart .subtotal{clear:both;display:block;padding:10px 0;margin:0}.mini-contentCart .subtotal .label{color:#333;font-size:14px;padding:10px 0}.mini-contentCart .subtotal .price{color:#999;font-size:18px;float:right}.mini-contentCart .actions a{border:0 solid #aaa;color:#666;text-decoration:none;font-size:11px;line-height:35px;padding:0 17px;display:inline-block;margin:5px 0;text-transform:uppercase;transition:all 500ms ease-in-out 0s;-moz-transition:all 500ms ease-in-out 0s;-webkit-transition:all 500ms ease-in-out 0s;-o-transition:all 500ms ease-in-out 0s}.mini-contentCart .actions a:hover{background-color:#f36;color:#fff}.mini-contentCart .actions a.checkout{background-color:#f36;color:#fff;border:0 solid #f55;float:right}.mini-contentCart .actions a.checkout:hover{opacity:.8}#miniMagiccart .item:hover{background-color:#ddd}#miniMagiccart a.btn-remove,a.btn-edit,a.btn-remove{float:none;margin:0;display:inline-block;vertical-align:top}.mini-contentCart .block-content .block-subtitle{margin:0;text-transform:uppercase}#toPopup .countDown{background:#eee none repeat scroll 0 0;border-left:1px solid #eaeaea;border-bottom:1px solid #eaeaea;display:inline-block;font-size:11px;font-weight:bold;height:20px;line-height:20px;width:20px;position:absolute;top:0;right:0}#toPopup .response p{padding:0 14px 0 0}#toPopup{background:none repeat scroll 0 0 #fff;box-shadow:0 0 5px rgba(0,0,0,.5);-moz-box-shadow:0 0 5px rgba(0,0,0,.5);-webkit-box-shadow:0 0 5px rgba(0,0,0,.5);-o-box-shadow:0 0 5px rgba(0,0,0,.5);-ms-box-shadow:0 0 5px rgba(0,0,0,.5);border:0 solid #ccc;color:#333;font-size:13px;position:fixed;top:30%;left:40%;width:300px;z-index:999999;padding:10px;text-align:center}#popupAjaxcart .label,#popupAjaxcart .availability span{font-weight:300}#toPopup .input-box{margin:10px 0 10px}#toPopup label.required em{color:#eb340a}#toPopup .action-cart{margin:20px 0 15px 0}#toPopup .action-cart .button{margin:0 5px}#popupAjaxcart .overlay{z-index:12;position:fixed;display:none;height:100%;width:100%;background-image:url(../images/overlay.png);background-repeat:repeat;top:0;left:0}#popupAjaxcart .loading{background:url(../images/loading.gif) no-repeat scroll center center #fff;box-shadow:0 0 5px rgba(0,0,0,.5);-moz-box-shadow:0 0 5px rgba(0,0,0,.5);-webkit-box-shadow:0 0 5px rgba(0,0,0,.5);-o-box-shadow:0 0 5px rgba(0,0,0,.5);-ms-box-shadow:0 0 5px rgba(0,0,0,.5);display:none;width:55px;height:55px;left:48%;opacity:1;padding:20px;position:fixed;top:38%;z-index:999999}.shopping-cart-box-ontop,.header-setting-icon{position:relative;float:left;margin-left:10px}.giohang1{float:left}.header-setting-icon{right:50px}.header-container-fixed .shopping-cart-box-ontop,.header-container-fixed .shopping-cart-box-ontop-content,.header-container-fixed .header-setting-icon{display:block}.header-container-fixed .cart-header,.header-container-fixed .crat-icon,.header-container-fixed .text-setting{display:none}.header-container-fixed .mini-maincart{margin:0}.header-container-fixed .cartSummary{padding:0;height:40px;width:40px;border:0}.header-container-fixed .cartSummary::after{height:40px;width:40px;top:0;right:0}.header-setting-icon .dropdown-toggle:before{color:#fff;content:"";font:18px/1 FontAwesome}.header-setting-icon .dropdown-toggle{width:40px;height:40px;line-height:42px;cursor:pointer;text-align:center}.header .header-container-fixed .header-setting.header-setting-icon .dropdown-switcher{left:auto;right:0}.header-container-fixed .shopping-cart-box-ontop,.header-container-fixed .shopping-cart-box-ontop-content,.header-container-fixed .header-setting-icon{display:block;background:none}.header-container-fixed .mini-maincart,.header-container-fixed .miniCartWrap{margin:0;padding:0}.header-container-fixed .cartSummary::after{height:40px;width:40px;top:0;right:0;content:"";font-family:FontAwesome;color:#fff;font-size:20px}.header-container-fixed .cartSummary{padding:0;height:40px;width:40px;border:0;line-height:40px;margin:0;text-align:center}.cartSummary .mt-cart-title{color:#555;line-height:normal;margin:0;vertical-align:top;font-weight:normal}
*, body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-size: 14px;
}
.header-wrapper .header-content .top-header .language-switcher .dropdown-list {
    background: var(--peorple);
    width: 100px;
    font-size: 15px;
    border-radius: 5px;
    line-height: 30px;
    z-index: 9;
}
.anhmenu
{
width: 100%;
height:1px;
}
    .header-wrapper .header-content .top-header .language-switcher .dropdown-list .selected {
        /*background: var(--olafs-scarf);*/
        border-radius: 5px;
    }
    .header-wrapper .header-content .top-header .language-switcher .dropdown-list a {
        padding: 0 15px;
    }
.header-wrapper .header-content .top-header .language-switcher {
    margin-right: 20px;
}
.relative {
    position: relative;
}
.items-center {
    align-items: center;
}
.flex-row {
    flex-direction: row;
}
.flex {
    display: flex;
}
.flex-wrap {
    flex-wrap: wrap;
}
.justify-between {
    justify-content: space-between;
}
.logo {
    width: 75%;
    float: left;
    padding: 3px 0px;
}
.header-wrapper .header-content .top-header .language-switcher .global-icon {
    margin-right: 4px;
}
.header-wrapper .header-content .top-header .language-switcher .dropdown-title {
    margin-right: 5px;
}
button {
    background-color: transparent;
    background-image: none;
}
button, select {
    text-transform: none;
}
[type=button], button {
    -webkit-appearance: button;
}
button {
    cursor: pointer;
    border: 0 solid #edf2f7;
}

.ngonngu{
    display:none;
    position:absolute;
}
.language-switcher:hover .ngonngu
{
    display:block;
}
.header-wrapper .header-content .top-header .language-switcher .dropdown-list {
    /*background: var(--peorple);*/
    width: 100px;
    font-size: 15px;
    border-radius: 5px;
    line-height: 30px;
    z-index: 9;
    border: 1px solid #ddd;
    background: #f7f7f7;
}
.header-wrapper .header-content .top-header {
    height: 56px;
}
    .header-wrapper .header-content .top-header .logo a img {
        width: 116px;
        height: 21px;
    }

.justify-center {
    justify-content: center;
}
.search-form {
    margin: 10px;
}
.header-wrapper .header-content .top-header .search-form {
    margin-right: 20px;
}
.absolute {
    position: absolute;
}
.header-wrapper .header-content .top-header .search-form .search-icon {
    left: 10px;
}
.header-wrapper .header-content .top-header .social-icons .facebook-icon {
    width: 28px;
    height: 28px;
    margin-right: 20px;
}
/*.header-wrapper .header-content .top-header .language-switcher .dropdown-list .selected {
    background: #6a60af;
    border-radius: 5px;
}*/
.header-wrapper .header-content .top-header .language-switcher .dropdown-list a {
    padding: 5px 15px;
}

.header-wrapper .header-content .top-header .search-form .search-input {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 30px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f7f7f7;
    height: 37px;
}

#menu2017 li:hover {/*
    padding: 10px;*/
    border-radius: 28px;
    background:white;
   
}
    #menu2017 li:hover a {
        color: black;
    }
.mainmenu nav {
    display: none;
}
.mainmenu:hover nav
{
	display:block;
	
}
#sync4 .owl-item {
    padding: 0px !important;
    margin: 5px;
}
.FilterMobile2 .dropup {
    background: #0054a5;
    color: white;
    margin-right: 2px;
    margin-bottom: 5px;
    margin-top: 5px;
}
    .FilterMobile2 .dropup .btn-secondary {
        color: white;
    }
.pcode {
    height: 20px;
    overflow: hidden;
}

#sync4 .owl-stage {
    width: 100% !important;
}

.navbar-default {
    display: none;
}
.Main_contentcssProduct .tab_section .sp.fL {
    width: 19.1%;
    float: left;
    /*border: 1px solid #f7f6f2;*/
    position: relative;
    padding-top: 3px;
    margin: 4px 5px;
}
.Main_contentcssProduct .percent {
    position: absolute;
    top: 10px;
    background: url(../images/down.png) no-repeat 2px 0px;
    color: rgb(255, 255, 255);
    width: 27%;
    text-align: center;
    right: 9px;
    height: 100%;
    padding-top: 19px;
    padding-left: 4px;
}

.Main_contentcssProduct .price_sp strong {
    font-size: 27px;
}

.Main_contentcssProduct .product-gift {
    position: absolute;
    bottom: 47%;
    z-index: 1;
    right: 0;
}

.Main_contentcssProduct .nexttop2 {
    font-size: 9px;
    margin-left: 7px;
}

.Main_contentcssProduct .nextbottom2 {
    font-size: 16px;
    bottom: 25px;
}
.icondetail-delete {
    background-position: -32px -66px;
    width: 31px;
    height: 31px;
}

.close {
    line-height: 2;
    font-family: Helvetica;
    font-weight: 100;
}

.navbar-toggle {
    border: none;
    transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    /*background: transparent !important;*/
}

    .navbar-toggle:hover {
        /*background: transparent !important;*/
    }

    .navbar-toggle .icon-bar {
        width: 22px;
        transition: all 0.2s;
    }

    .navbar-toggle .top-bar {
        transform: translateY(6px) translateY(-50%) rotate(-45deg);
    }

    .navbar-toggle .middle-bar {
        opacity: 0;
    }

    .navbar-toggle .bottom-bar {
        transform: translateY(-8px) translateY(50%) rotate(45deg);
    }

.navbar {
    position: fixed;
    z-index: 9999;
    min-height: 50px;
    top: 10px;
    right: 0px;
    width: 100%;
    background: none;
    border: none;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #0052aa;
    color:white;
}

.navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
}

.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}

.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
}

.FilterMobile {
    position: fixed;
    bottom: 0px;
    text-align: center;
    width: 100%;
    background: white;
    z-index: 99999;
    left: 0px;
}

.product-actions-single {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    margin: 0px auto;
}

.refri-list-product {
    padding-top: 30px;
}

.CartContent .modal-lg {
    width: 60%;
}

.menu-section-list {
    background: none;
}

    .menu-section-list a {
        color: white;
    }

#top_navigation .steps > li > a > .bullet-checkout {
    color: #fff !important;
    vertical-align: top;
    /* width: 41px; */
    height: 40px;
    line-height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background: #000;
    margin-right: 8px;
    padding: 0px 20px;
}

.hm-bn1 {
    width: 44%;
    /* height: 360px; */
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

#sync4 .owl-stage-outer .current {
    border: 2px solid #f89406;
}

#ShowImages .modal-dialog {
    padding: 0px;
}

#ShowImages .modal-body {
    position: relative;
    padding: 0px;
    background: black;
}

.close {
    position: absolute;
    right: 50px;
    top: -5px;
}

.viewparameterfull {
    display: block;
    width: 100%;
    padding: 6px 0;
    margin: 10px auto;
    font-weight: 300;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    color: #288ad6;
    background: #fff;
    border: 1px solid #288ad6;
    border-radius: 4px;
}
.languages li:hover{

}
ul.sp1 > li.star > i.fa {
    font-size: 12px !important;
    color: #ccc;
    margin-right: 0px;
}

.hm-bn1 {
    position: initial;
}

    .hm-bn1 #sync3 {
        position: initial;
    }

    .hm-bn1 .owl-carousel .owl-stage-outer {
        position: initial;
    }

#sync4 {
    margin: 20px 0px;
}

.header-box {
    text-align: center;
    font: 400 24px/1.15 Roboto,Arial,Helvetica,sans-serif;
    font-size: 230%;
    color: #191919;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.orderct input[type="radio"], input[type="checkbox"] {
    margin: 0px 2px 0 20px;
    margin-top: 1px \9;
    line-height: normal;
}

#top_navigation .steps {
    height: 46px;
    overflow: hidden;
    margin: 10px auto;
    width: 50%;
}

.scale_image_container .relative a {
    overflow: hidden;
    display: block;
}

.refri-list-product .owl-carousel .owl-item img {
    transform-style: preserve-3d;
    height: 160px !important;
    transition: all 1000ms ease 0s;
}

#_Hang input[type=checkbox] {
    margin-top: -20px;
}

.refri-list-product .post_excerpt {
    height: 42px;
    overflow: hidden;
}

.page_section_offset {
    padding: 25px 0 25px;
    background: white;
}

.banner .left-side-banner {
    width: 32%;
    float: left;
}

.banner-item h4 {
    margin: 5px 0 0;
    font-size: 24px;
    font-weight: 700;
}

.banner-item p {
    margin: 0;
    font-size: 13px;
}

.banner-item.orange .button, .banner-item.orange:hover {
    background: #d35400;
}

.banner-item.icon-on-left .icons {
    position: absolute;
    top: 10px;
    z-index: 100;
    left: 10px;
}

.banner-item .button {
    float: right;
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 8px 15px;
    color: #fff;
    background: #999;
    transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
}

.choosedfilter a:after {
    content: '';
    float: right;
    width: 22px;
    height: 22px;
    border-radius: 0 4px 4px 0;
    background: #206bc1;
    margin-left: 5px;
}

.leftThanhtoan {
    float: left;
    width: 50%;
}

.note-by-customer {
    margin-top: 0 !important;
    width: 50%;
    float: left;
}

.choosedfilter {
    display: block;
    background: #fff;
    padding: 14px 10px 8px !important;
    background: #edebeb;
    position: relative;
}

    .choosedfilter > span {
        vertical-align: 8px;
        display: inline-block;
        margin-right: 5px;
    }

    .choosedfilter a span {
        display: inline-block;
        max-width: 220px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .choosedfilter a {
        display: inline-block;
        vertical-align: text-bottom;
        line-height: 22px;
        padding: 0 0 0 5px !important;
        background: #0052aa;
        font-size: 12px;
        color: #fff;
        border-radius: 4px;
        position: relative;
        width: auto;
        margin-bottom: 5px;
        margin-right: 5px;
        height: 22px;
    }

.iconcate-clearfil {
    background-position: -66px -13px;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 7px;
    bottom: 0;
    display: block;
    margin: auto;
}

.filter a {
    display: inline-block;
    color: #0052aa;
    vertical-align: top;
    width: 49%;
}

.choosedfilter a:hover {
    color: #fff;
}

.filter a:hover {
    color: #333;
}

[class^="iconcate-"], [class*="iconcate-"], [class^="cate-"], [class*="cate-"] {
    background-image: url(https://cdn.tgdd.vn/dmx2016/Content/images/category/iconcatedesk@1x.v201802021040.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 13px;
    line-height: 30px;
    vertical-align: middle;
}

.iconcate-checkbox {
    background-position: 0 0;
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
    margin-right: 7px;
}

.check .iconcate-checkbox {
    background-position: -20px 0;
}

.newscreen aside .iconcate-checkbox {
    margin-right: 3px;
}

#_Hang i {
    margin: 0 2px 0 0;
    position: relative;
    top: 1px;
}

#_Hang img {
    display: inline-block;
    vertical-align: middle;
    max-height: 30px;
}

#category-filter .price a {
    padding: 5px 0 8px 20px;
    position: relative;
    width: 41%;
}

.filter a:hover {
    color: #333;
}

.banner-item.light-blue {
    background: #3498db;
}

.icon-credit-card:before {
    content: '\e908';
}

.icon-truck-1:before {
    content: '\ef81';
}

.summarycl {
    height: 144px;
    overflow: hidden;
    margin-bottom: 10px;
}

.scale_image_container .relative a {
    overflow: hidden;
    display: block;
}

.refri-list-product .fw_light {
    height: 144px;
}

.scale_image_container .relative a {
    overflow: hidden;
    display: block;
}

.xemthem {
    border: 2px solid rgb(30, 144, 255);
    width: 40%;
    text-align: center;
    height: 35px !important;
    padding: 8px;
    border-radius: 30px;
    text-decoration: none !important;
    text-transform: uppercase;
    color: rgb(30, 144, 255);
}

.owl-carousel {
    display: block;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

    .owl-carousel .owl-item {
        padding: 0 0px;
    }

#sync1 .owl-carousel .owl-item {
    padding: 0 0px;
}

.header-content .top-header .logo img {
    max-height: 46px;
}

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

.scale_image_container .relative img:hover {
    opacity: 1;
    transform: scale(1.1,1.1);
    border: none;
}

.refri-list-product img {
    transform-style: preserve-3d;
    height: 160px !important;
    transition: all 1000ms ease 0s;
    display: block;
    width: 100%;
}

.bold {
    font-weight: bold;
}

.post_excerpt {
    width: 100%;
    padding-top: 3px;
}

.header-color a {
    color: #222;
}

    .header-color a:hover {
        color: #08c;
    }
.languages .block {
    margin: 8px 0 30px;
    border: none;
    color: black;
}
.languages li:hover {
    background: #0052aa;
    color: white;
    border-radius: 5px;
}
.languages li:hover a{
    color: white;
}
#menu2017 li span {
    line-height: 30px;
}
.languages li {
    background: #f7f7f7;
    color:black;
}
.scale_image_container .relative a {
    overflow: hidden;
    display: block;
}

.overbackgroud {
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: .6;
}

.hit_content .content .summarynew {
    height: 62px;
    overflow: hidden;
}

.header-container-fixed .shopping-cart-box-ontop .cartSummary .mt-cart-title {
    display: none;
}

.header .header-top .label-title, .text-setting, .text-setting:after, .header .header-top .label-title:after, .header .top-form-language .label {
    color: #222;
}

.magicmenu .nav-desktop .level0 .level-top-mega, .magicmenu .nav-desktop .level0.dropdown > .level0, .magicmenu .nav-desktop .level0.dropdown .hasChild ul, .magicmenu .nav-desktop .level0.dropdown .hasChild ul {
    background-color: #fff;
    border-color: #ececec;
}

.magicmenu .nav-desktop .level0 .level-top {
    text-transform: uppercase;
    font-size: 14px;
    color: #333;
    line-height: 40px;
    height: 40px;
    font-weight: 200;
    text-shadow: 1px 1px 1px #ccc;
}

.content_bg_no_repeat {
    display: block;
    background: #ffde02;
    height: 36px;
}

.main-container .mainmenu {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    width: 230px;
    height: auto;
    color: #333;
    cursor: pointer;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
    position: relative;
}

.main-navigation .mainmenu {
    cursor: default;
}

.mainbox {
    display: block;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    height: 36px;
    position: relative;
}

.main-navigation {
    display: block;
    background: #ffde02;
    height: 36px;
}

.mainmenu .line {
    float: left;
    width: 13px;
    padding: 11px 10px 11px;
    overflow: hidden;
    position: relative;
    z-index: 12;
}

    .mainmenu .line i {
        display: block;
        margin: 2px 0;
        height: 2px;
        background: #333;
        border-radius: 4px;
    }

.mainmenu > span {
    background: #ffde02;
    display: block;
    position: relative;
    z-index: 11;
    padding: 9px 0 9px;
    font-weight: bold;
}

#dot {
    width: 10px;
    height: 10px;
    background-color: #d0021b;
    border-radius: 100%;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -5px;
    display: block;
}

    #dot .ping {
        border: 1px solid #d0021b;
        width: 10px;
        height: 10px;
        opacity: 1;
        background-color: rgba(238,46,36,.2);
        border-radius: 100%;
        -moz-animation: sonar 1.25s linear infinite;
        -o-animation: sonar 1.25s linear infinite;
        -webkit-animation: sonar 1.25s linear infinite;
        animation: sonar 1.25s linear infinite;
        display: block;
        margin: -1px 0 0 -1px;
    }

.txtbanner a {
    color: #333;
    border-left: 1px solid #ddc62b;
    display: inline-block;
    margin-left: 15px;
    padding-left: 15px;
    line-height: 20px;
    position: relative;
}

    .txtbanner a:nth-child(2) {
        border-left: none;
        margin-left: 17px;
    }

.txtbanner {
    display: inline-block;
    width: 80%;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    position: relative;
}

.mainmenu > span:after {
    content: '';
    border-top: 6px solid #666;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    width: 0;
    height: 0;
    display: inline-block;
    margin-left: 38px;
    position: relative;
    top: -2px;
}

.magicmenu .nav-desktop .level0.over > a, .magicmenu .nav-desktop .level0.active > a, .magicmenu .nav-desktop .level0.active > a span.icon-text, .magicmenu .nav-desktop .level0 > a:hover, .magicmenu .nav-desktop .level0 > a.icon-text:hover {
    color: #337ab7;
    border-radius: 25px;
}

.magicmenu .nav-desktop .level0 .level-top-mega .children .level-3 a {
    color: #222;
}

.magicmenu .nav-desktop .level0 .level-top-mega .children a, .magicmenu .nav-desktop p, .magicmenu .nav-desktop .level0.dropdown .level1 a {
    color: #222;
}

    .magicmenu .nav-desktop .level0 .level-top-mega .children a:hover, .magicmenu .nav-desktop .level0.dropdown .level1 a:hover {
        color: #08c;
        background-color: transparent;
    }

.cartSummary span, .cartSummary .mt-cart-title {
    color: #555;
}

.img_s {
    float: left;
    width: 20%;
    height: 80px;
    text-align: center;
}

.tab_section .sp.fL:before {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    background: #03a9f4;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}

.img_s img {
    width: 60px;
    height: 60px;
}

.ui-menu-item {
    height: 80px;
    margin: 0px 7px;
}

.content_s {
    float: left;
    width: 80%;
    height: 80px;
}

    .content_s h3 {
        color: #ffba00;
    }

.cartSummary span.price {
    color: #444;
}

.crat-icon .zero, .crat-icon .item {
    color: #fff;
}

.mini-maincart .mini-contentCart {
    background-color: #fff;
}

.mini-contentCart .block-content .block-subtitle {
    color: #222;
}

.mini-contentCart .item .product-details .product-name a {
    color: #252525;
}

    .mini-contentCart .item .product-details .product-name a:hover {
        color: #08c;
    }

.header-top {
}

.header-top_1 {
    height: 31px;
    background-image: url(/img/bg_top.png);
}

.bg_center {
    height: 31px;
    background-image: url(/img/bg_top_center.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.header-content {
}

.ui-menu li a {
    display: block;
    overflow: hidden;
    padding: 6px;
    color: #000;
    font-size: 12px;
    text-transform: uppercase;
}

.header {
    position: relative;
    z-index: 3;
    width: 100%;
}


.ui-menu li a img {
    float: left;
    width: 50px;
    height: auto;
    margin: 0 6px 0 0;
}

.ui-menu li a h3 {
    display: block;
    width: auto;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-menu li a span.price {
    font-size: 12px;
    color: red;
    float: none;
}

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

.header-bottom {
    width: 100%;
    height: 44px;
}

.menu-mobile {
    background: #340000a8;
    border-radius: 26px;
}

.header .currency_top .dropdown-switcher, .header .top-form-language .language-switcher, .header .header-setting .dropdown-switcher {
    background-color: #fff;
    border-color: #08c;
}

.header .links li a, .currency_top li a, .currency_top li.current {
    color: #333;
}

    .header .links li a:hover, .header .links li a:focus, .currency_top li a:hover, .currency_top li a:focus {
        background-color: #f5f5f5;
    }

.header .form-search button.button {
    color: #fff;
}

.header .form-search {
    border-color: #ffba00;
}

.header-container-fixed {
    background-color: #180d07;
}

.magicmenu .nav-desktop .level0 .level-top-mega .children.level1 > a {
    border-color: #eaeaea;
}

    .magicmenu .nav-desktop .level0 .level-top-mega .children.level1 > a::before {
        background-color: #08c;
    }

.magicmenu .nav-desktop .level0 .cat_label, .mean-container .mean-nav ul li a span.cat_label {
    background-color: #096;
}

.header-container-fixed .magicmenu .nav-desktop .level0.active > a, .header-container-fixed .magicmenu .nav-desktop .level0 > a:hover, .header-container-fixed .magicmenu .nav-desktop .level0.active > a span.icon-text {
    color: #fff;
    background-color: #31a5df;
}

.header-container-fixed .magicmenu .nav-desktop .level0 .level-top {
    color: #b89a64;
    text-transform: uppercase;
}

.block .block-title strong span {
    color: #333;
    color: #333;
}

.sorter .view-mode label, .sorter .limiter label, .sorter .sort-by label, .pager .amount {
    color: #2a2a2a;
}

.sorter .sort-by select, .limiter select {
    color: #ffcc9c;
    border: 1px solid #552e1d !important;
    border-radius: 3px;
    background: #1c0d08;
}

.category_vote_bar {
    padding: 5px 10px;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    float: left;
    margin: 10px 0px;
    background: #ffffff;
    box-sizing: border-box;
    width: 100%;
}

.single_likeshare {
    float: left;
}

.fright {
    float: right;
}

.sorter .view-mode strong, .sorter .view-mode a {
    color: #999;
    border-color: #e8e8e8;
}

    .sorter .view-mode a.active, .sorter .view-mode a:hover {
        color: #fff;
        background-color: #08c;
        border-color: #08c;
    }

.pager .pages li, .pager .pages li a {
    color: #444;
    background-color: #e0cfa0;
    border-color: #ffffff;
}

    .pager .pages li:last-child {
        border-left: 1px;
    }

    .pager .pages .current, .pager .pages li:hover, .pager .pages li a:hover {
        color: #fff;
    }

.vmagicmenu .block-title {
    background-color: #08c;
    border-radius: 3px 3px 0 0;
}

    .vmagicmenu .block-title span {
        color: #fff;
    }

.vmagicmenu .level0 .level-top, .vmagicmenu .block-vmagicmenu-content .all-cat span {
    color: #222;
}

.header-container-fixed .vmagicmenu .block-title {
    background-color: transparent;
}

.vmagicmenu .block-vmagicmenu-content {
    background-color: #fff;
    border-color: #08c;
}

.vmagicmenu .level0 .level-top-mega, .vmagicmenu .vmagicmenu-narrow .level0.dropdown > .level0 {
    background-color: #fff;
    border-color: #eaeaea;
    min-height: 452px;
}

.vmagicmenu .level0.hasChild .level-top::after {
    color: #222;
}

.vmagicmenu .level0:hover, .vmagicmenu .level0.active, .vmagicmenu .block-vmagicmenu-content .all-cat span:hover {
    color: #fff;
    background-color: #08c;
}

    .vmagicmenu .level0:hover .level-top::after, .vmagicmenu .level0:hover .level-top {
        color: #fff;
    }

.vmagicmenu .level0 .level-top-mega .children > a {
    color: #333;
    border-color: #e8e8e8;
}

    .vmagicmenu .level0 .level-top-mega .children > a:before {
        background-color: #08c;
    }

.vmagicmenu .level0 .level-top-mega .children a, .vmagicmenu .vmagicmenu-narrow .level0.dropdown .level1 a {
    color: #222;
}

    .vmagicmenu .level0 .level-top-mega .children a:hover, .vmagicmenu .vmagicmenu-narrow .level0.dropdown .level1 a:hover {
        color: #08c;
    }

.mean-container {
}

    .mean-container .mean-nav .mobi-title {
        color: #fff;
    }

    .mean-container a.meanmenu-reveal {
        color: #fff;
    }

    .mean-container .mean-nav > ul {
        background-color: #491a00;
    }

    .mean-container .mean-nav ul li a {
        color: #f3f5c3;
        border-color: #cacaca;
    }

    .mean-container .mean-nav ul li:hover a {
        color: yellow;
    }

.megashop h3 {
    color: #fff;
    background-color: #000;
}

.megashop .magictabs {
    border-color: #f36;
}

    .megashop .magictabs .item .title, .megashop .magictabs .citem .title {
        color: #222;
    }

    .megashop .magictabs .item:hover .title, .megashop .magictabs .item.active .title, .megashop .magictabs .citem:hover .title, .megashop .magictabs .citem.active .title {
        color: #fff;
        background-color: #f36;
    }

.homenews {
    float: right;
    width: 25%;
    height: 333px;
    overflow: hidden;
    margin-top: 10px;
}

    .homenews figure {
        display: block;
        overflow: hidden;
        border-bottom: 1px solid #eee;
        background: #fff;
        line-height: 42px;
    }

    .homenews h2 {
        float: left;
        background: #fff;
        line-height: 1.3em;
        margin-left: 8px;
    }

        .homenews h2 a {
            padding: 10px 0;
            font-size: 14px;
            color: #0052aa;
            text-transform: uppercase;
            font-weight: 600;
            line-height: 40px;
        }

    .homenews ul {
        display: block;
        overflow: hidden;
        height: 112px;
    }

    .homenews li {
        display: block;
        padding: 8px 10px;
        border-bottom: 1px solid #ededed;
        background: #fff;
    }

        .homenews li a {
            display: block;
            overflow: hidden;
            height: 40px;
        }

.twobanner {
    margin-top: 9px;
    display: block;
    overflow: hidden;
}

nav ul {
    display: none;
    /*width: 230px;*/
    /*height: 364px;*/
   /* background: #555;*/
    overflow: visible;
    box-shadow: 2px 0 4px 0 rgba(0,0,0,.2);
    border-left: 1px solid #ddd;
}

nav li {
    display: block;
    overflow: visible;
    padding: 0 10px;
    cursor: pointer;
}

    nav li > span {
        position: relative;
        display: block;
        color: #333;
        line-height: 20px;
        padding: 5px 0 4px 0;
        /*border-bottom: 1px solid #eee;*/
    }

    nav li a {
        display: inline-block;
        font-size: 14px;
        color: #333;
    }

.icondmx-gift {
    background-position: -200px 0;
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    opacity: 1;
}

nav li .subcate {
    display: none;
    cursor: default;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 231px;
    height: 344px;
    background: #fff;
    padding: 10px;
    box-shadow: 0 2px 1px 0 rgba(0,0,0,.25);
}

nav li aside {
    float: left;
    overflow: hidden;
    cursor: default;
}

.gd-menu aside {
    /*width: 200px;*/
    padding: 5px 10px;
}

    .gd-menu aside strong {
        border-bottom: solid 1px #ddd;
        display: block;
        height: 25px;
        margin-bottom: 5px;
        font-size: 12px;
    }

nav li aside a {
    display: block;
    text-transform: none;
    padding: 2px 0 !important;
    line-height: 20px;
}

.gd-menu aside a {
    line-height: 25px;
}

.item .actions-no .add-to-links a {
    color: #fff;
    background-color: #999;
}

    .item .actions-no .add-to-links a:hover {
        color: #fff;
        background-color: #08c;
    }

.actions-cart {
    background-color: #444;
}

.item .actions-cart .button.btn-cart {
    color: #fff;
}

.item .actions-cart:hover {
    color: #fff;
    background-color: #08c;
}

.content_heading_sports .megashop h3 {
    color: #fff;
    background-color: #000;
}

.content_heading_sports .megashop .magictabs {
    border-color: #396;
}

.megashop .magictabs .item .title, .megashop .magictabs .citem .title {
    color: #222;
}

.content_heading_sports .megashop .magictabs .item:hover .title, .content_heading_sports .megashop .magictabs .item.active .title, .content_heading_sports .megashop .magictabs .citem:hover .title, .content_heading_sports .megashop .magictabs .citem.active .title {
    color: #fff;
    background-color: #396;
}

.content_heading_sports .item .actions-no .add-to-links a {
    color: #fff;
    background-color: #999;
}

    .content_heading_sports .item .actions-no .add-to-links a:hover {
        color: #fff;
        background-color: #f36;
    }

.content_heading_sports .actions-cart {
    background-color: #444;
}

.content_heading_sports .item .actions-cart .button.btn-cart {
    color: #fff;
}

.content_heading_sports .item .actions-cart:hover {
    color: #fff;
    background-color: #f36;
}

.content_heading_electronics .megashop h3 {
    color: #fff;
    background-color: #000;
}

.content_heading_electronics .megashop .magictabs {
    border-color: #f63;
}

    .content_heading_electronics .megashop .magictabs .item .title, .content_heading_electronics .megashop .magictabs .citem .title {
        color: #222;
    }

    .content_heading_electronics .megashop .magictabs .item:hover .title, .content_heading_electronics .megashop .magictabs .item.active .title, .content_heading_electronics .megashop .magictabs .citem:hover .title, .content_heading_electronics .megashop .magictabs .citem.active .title {
        color: #fff;
        background-color: #f63;
    }

.content_heading_electronics .item .actions-no .add-to-links a {
    color: #fff;
    background-color: #999;
}

    .content_heading_electronics .item .actions-no .add-to-links a:hover {
        color: #fff;
        background-color: #f36;
    }

.content_heading_electronics .actions-cart {
    background-color: #444;
}

.content_heading_electronics .item .actions-cart .button.btn-cart {
    color: #fff;
}

.content_heading_electronics .item .actions-cart:hover {
    color: #fff;
    background-color: #f36;
}

.content_heading_digital .megashop h3 {
    color: #fff;
    background-color: #000;
}

.content_heading_digital .megashop .magictabs {
    border-color: #36c;
}

    .content_heading_digital .megashop .magictabs .item .title, .content_heading_digital .megashop .magictabs .citem .title {
        color: #222;
    }

    .content_heading_digital .megashop .magictabs .item:hover .title, .content_heading_digital .megashop .magictabs .item.active .title, .content_heading_digital .megashop .magictabs .citem:hover .title, .content_heading_digital .megashop .magictabs .citem.active .title {
        color: #fff;
        background-color: #36c;
    }

.content_heading_digital .item .actions-no .add-to-links a {
    color: #fff;
    background-color: #999;
}

    .content_heading_digital .item .actions-no .add-to-links a:hover {
        color: #fff;
        background-color: #f36;
    }

.content_heading_digital .actions-cart {
    background-color: #444;
}

.content_heading_digital .item .actions-cart .button.btn-cart {
    color: #fff;
}

.content_heading_digital .item .actions-cart:hover {
    color: #fff;
    background-color: #f36;
}

.content_heading_furniture .megashop h3 {
    color: #fff;
    background-color: #000;
}

.content_heading_furniture .megashop .magictabs {
    border-color: #690;
}

    .content_heading_furniture .megashop .magictabs .item .title, .content_heading_furniture .megashop .magictabs .citem .title {
        color: #222;
    }

    .content_heading_furniture .megashop .magictabs .item:hover .title, .content_heading_furniture .megashop .magictabs .item.active .title, .content_heading_furniture .megashop .magictabs .citem:hover .title, .content_heading_furniture .megashop .magictabs .citem.active .title {
        color: #fff;
        background-color: #690;
    }

.content_heading_furniture .item .actions-no .add-to-links a {
    color: #fff;
    background-color: #999;
}

    .content_heading_furniture .item .actions-no .add-to-links a:hover {
        color: #fff;
        background-color: #f36;
    }

.home-slider {
    background-color: #ccc;
}

.main-header-top-link li {
    display: inline;
    float: left;
}

    .main-header-top-link li > a {
        border-right: 1px solid #e4e4e4;
        padding: 0 5px;
    }

    .main-header-top-link li:first-child > a {
        padding-left: 0;
    }

    .main-header-top-link li:last-child > a {
        border-right: medium none;
        padding-right: 0;
    }

.header-text {
    font-size: 13px;
    text-align: right;
}

    .header-text .fa {
        color: #f9d717;
        font-size: 14px;
        line-height: inherit;
        margin-top: -1px;
        font-family: FontAwesome;
        margin-right: 4px;
    }

.header .quick-access {
    margin: 0 15px 0 0;
    padding: 0;
    width: 340px;
}

.header .welcome-msg {
    padding: 15px 0;
    margin: 0;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}

.header .header-search {
    padding-top: 30px;
    /* height: 168px; */
    text-align: center;
    margin: 0px auto;
}

.img_nhomsp {
    width: 100%;
}

.Nhomsp h2 {
    color: #fadda9;
    text-transform: uppercase;
    font-size: 20px;
    margin: 35px 0px;
}

.Nhomsp p {
    margin: 60px 0px;
}

.Ancungngusp h1 {
    text-shadow: 2px 0 0 #811111, -2px 0 0 #811111, 0 2px 0 #811111, 0 -2px 0 #811111, 1px 1px #811111, -1px -1px 0 #811111, 1px -1px 0 #811111, -1px 1px 0 #811111;
    font-size: 24px;
    color: #d7b676;
    text-transform: uppercase;
    font-size: 24px;
}

.Ancungngusp .ancungnguspto {
    width: 100%;
    height: 691px;
}

.Ancungngusp .ancungngusp {
    width: 100%;
    margin-bottom: 25px;
}

.Ancungngusp .chingang {
    margin-bottom: 34px;
}

.Ancungngusp {
    background: url(/Content/Csspublic/images/bg_ancungnguu.jpg);
    height: 832px;
    text-align: center;
    padding-top: 35px;
    background-size: cover;
}

.khuyenmaisp h1 {
    text-shadow: 2px 0 0 #811111, -2px 0 0 #811111, 0 2px 0 #811111, 0 -2px 0 #811111, 1px 1px #811111, -1px -1px 0 #811111, 1px -1px 0 #811111, -1px 1px 0 #811111;
    font-size: 24px;
    color: #d7b676;
    text-transform: uppercase;
    font-size: 24px;
}

.khuyenmaileft {
    width: 24%;
    float: left;
    margin-left: 16px;
}

.khuyenmairight {
    width: 24%;
    float: left;
    margin-left: 0px;
}

.khuyenmaito {
    width: 47%;
    float: left;
    padding: 0px 5px;
    margin: 0px 15px;
}

    .khuyenmaito img {
        width: 100%;
        border: 2px solid #c19731;
    }

.khuyenmaileft img {
    width: 100%;
    border: 1px solid #c19731;
}

.khuyenmairight img {
    width: 100%;
    border: 1px solid #c19731;
}

.khuyenmaisp .ancungnguspto {
    width: 100%;
    height: 670px;
}

.khuyenmaisp .ancungngusp {
    width: 100%;
    margin-bottom: 5px;
}

.khuyenmaisp .chingang {
    margin-bottom: 34px;
}

.khuyenmaisp {
    background: url(/Content/Csspublic/images/bg_nhomsp.jpg);
    height: 832px;
    text-align: center;
    padding-top: 35px;
    background-size: cover;
}

.SPquabieu h1 {
    text-shadow: 2px 0 0 #811111, -2px 0 0 #811111, 0 2px 0 #811111, 0 -2px 0 #811111, 1px 1px #811111, -1px -1px 0 #811111, 1px -1px 0 #811111, -1px 1px 0 #811111;
    font-size: 24px;
    color: #d7b676;
    text-transform: uppercase;
    font-size: 24px;
}

.SPquabieu .quatangnhobieu {
    width: 24%;
    float: left;
    margin: 0px 7px;
}

    .SPquabieu .quatangnhobieu img {
        width: 100%;
    }

.SPquabieu .chingang {
    margin-bottom: 34px;
}

.SPquabieu {
    background: url(/Content/Csspublic/images/bg_nhomsp.jpg);
    height: 865px;
    text-align: center;
    padding-top: 35px;
    background-size: cover;
}

.tintucquabieu .chingang {
    /*margin-bottom: 34px;*/
}

.tintucquabieu {
    background: url(/Content/Csspublic/images/bg_tintuc.jpg);
    /* height: 469px; */
    text-align: center;
    padding-top: 35px;
    background-size: cover;
    padding-bottom: 64px;
}

.danhsachtin {
    background: #000000;
    padding: 10px 0px;
}

.imgtin {
    width: 36%;
    float: left;
}

    .imgtin img {
        width: 100%;
        height: 137px;
    }

.contenttin h3 {
    font-size: 16px;
    color: white;
    height: 40px;
    overflow: hidden;
}

.contenttin p {
    font-size: 14px;
    color: white;
    height: 59px;
    overflow: hidden;
}

.contenttin i {
    color: #f85b5b;
}

.contenttin {
    width: 64%;
    float: left;
    padding: 5px 18px;
}

#powered {
    background-color: #000000;
    margin-top: -1px;
    padding: 23px 0 0;
    font-size: 11px;
    color: #ffffff;
    line-height: 21px;
    border-top: 1px solid #f7d732;
}

    #powered h3 {
        text-shadow: 2px 0 0 #811111, -2px 0 0 #811111, 0 2px 0 #811111, 0 -2px 0 #811111, 1px 1px #811111, -1px -1px 0 #811111, 1px -1px 0 #811111, -1px 1px 0 #811111;
        font-size: 15px;
        color: #d7b676;
        text-transform: uppercase;
    }

.htline {
    text-align: center;
}

    .htline p {
        text-shadow: 2px 0 0 #811111, -2px 0 0 #811111, 0 2px 0 #811111, 0 -2px 0 #811111, 1px 1px #811111, -1px -1px 0 #811111, 1px -1px 0 #811111, -1px 1px 0 #811111;
        font-size: 24px;
        color: #d7b676;
        text-transform: uppercase;
        font-size: 23px;
        margin: 15px;
    }

#powered ul li {
    font-size: 12px;
}

#powered i {
    color: #b41119;
    margin-right: 5px;
}

#powered a:hover {
    color: #fff;
}

.khungtinbe {
    background: #220000;
    float: left;
    margin: 10px 0px;
    height: 139px;
    overflow: hidden;
    border: 1px solid #936306;
}

.khungtinbec {
    float: left;
    margin: 0px 0px 10px 0px;
    height: 198px;
    overflow: hidden;
    width:100%;
}

.imgtinc {
    width: 36%;
    float: left;
}

    .imgtinc a {
        overflow: hidden;
        display: block;
    }

    .imgtinc img {
        width: 100%;
        height: 200px;
        transition: all 1000ms ease 0s;
    }

        .imgtinc img:hover {
            opacity: 1;
            transform: scale(1.1,1.1);
            border: none;
        }

.contenttinc h3 {
    font-size: 16px;
    color: white;
    height: 40px;
    overflow: hidden;
}

    .contenttinc h3 a {
        color: #288ad6;
        font-weight: bold;
    }

        .contenttinc h3 a:hover {
            color: #08c;
            font-weight: bold;
        }

    .contenttinc h3 i {
        color: #ffb300;
    }

.contenttinc p {
    font-size: 14px;
    color: #333;
    height: 128px;
    overflow: hidden;
}

.contenttinc i {
    color: #333;
    font-size: 16px;
}

.contenttinc {
    width: 64%;
    float: left;
    padding: 5px 18px;
}

.NewsCatalogBottom h1 {
    background: url(/Content/Csspublic/images/container_tinmoinhat.png) no-repeat;
    height: 62px;
    background-size: contain;
    padding: 22px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fcf5a6;
}

.hit_content {
    padding: 10px 5px 10px 5px;
}

.Splienquancss .content .tieude {
    height: 37px;
    overflow: hidden;
}

.Splienquancss .content .tieude {
    height: 37px;
    overflow: hidden;
}

.tintucquabieu h1 {
    text-shadow: 2px 0 0 #811111, -2px 0 0 #811111, 0 2px 0 #811111, 0 -2px 0 #811111, 1px 1px #811111, -1px -1px 0 #811111, 1px -1px 0 #811111, -1px 1px 0 #811111;
    font-size: 24px;
    color: #d7b676;
    text-transform: uppercase;
    font-size: 24px;
}

.tintucquabieu h2 {
    color: white;
    text-transform: uppercase;
    font-size: 20px;
    margin: 35px 0px;
    height: 31px;
    overflow: hidden;
}

.lienhedathang {
    background: url(/Content/Csspublic/images/lienhedathang.jpg) no-repeat;
    height: 150px;
    margin-bottom: 1px;
    width: 100%;
    background-size: contain;
    margin-top: 30px;
    padding: 39px;
}

.Img-views {
    margin-top: 10px;
}

.breadcrumbs ul {
    /*background: url(/Content/Csspublic/images/bg_becrum.png) no-repeat;*/
    /*height: 50px;
    padding: 13px 0px;*/
}

.muahangbtn {
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 9px 0;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    background: #fd6e1d;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fd6e1d),to(#f59000));
    background: -webkit-linear-gradient(top,#f59000,#fd6e1d);
    background: -moz-linear-gradient(top,#f59000,#fd6e1d);
    background: -ms-linear-gradient(top,#f59000,#fd6e1d);
    background: -o-linear-gradient(top,#f59000,#fd6e1d);
}

.quatangsub {
    background: url(/Content/Csspublic/images/bg_quatang.png) no-repeat;
    background-size: contain;
    height: 141px;
    color: #eacd99;
    padding: 66px 16px 70px 119px;
    font-size: 20px;
    text-transform: uppercase;
}

.quatangnho {
    background: url(/Content/Csspublic/images/bg_quabieu.jpg) no-repeat;
    background-size: contain;
    height: 222px;
    color: #eacd99;
    padding: 92px 16px 60px 27px;
    font-size: 20px;
    text-transform: uppercase;
    border: 2px solid #c19731;
    margin: 1px;
}

#txSoLuong {
    color: #333;
    border: none;
    height: 35px;
    width: 91px;
    padding: 10px 34px;
    margin: 10px;
    border: 1px solid #ddd;
}

.soluong {
    color: #333;
    font-weight: bold;
}

.breadcrumbs ul li {
    margin-left: -34px;
}

    .breadcrumbs ul li span {
        /*font-size:18px;*/
    }

.Khuyenmai-views {
    background: url(/Content/Csspublic/images/khungkhuyenmai.png) no-repeat;
    height: 235px;
    background-size: contain;
    padding: 14px;
}

    .Khuyenmai-views h3 {
        color: #f7efa3;
    }

    .Khuyenmai-views p {
        margin-bottom: 10px;
        color: #f7efa3;
        font-size: 13px;
    }

    .Khuyenmai-views i {
        color: #ffea00;
    }

    .Khuyenmai-views hr {
        margin: 10px 0px;
    }

.Img-views ul li {
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 24.5%;
    float: left;
    text-align: center;
    padding: 5px 10px;
    margin-right: 10px;
    margin-bottom: 15px;
    cursor: pointer;
}

.activeli {
    border: 1px solid #f89008;
}

.Img-views ul li p .fa-check-circle-o {
    color: #d8d8d8;
}

.Img-views ul .activeli p .fa-check-circle-o {
    color: #158d1e;
}

.Img-views ul li p fa-circle-o {
    color: #f7efa3;
}

.Img-views ul li p {
    color: #d0021b;
    margin-bottom: 5px;
    font-weight: bold;
}

    .Img-views ul li p span {
        color: #333;
        font-weight: bold;
    }

.Img-views ul li.activeli {
    border: 1px solid #f89008;
}

.lienhedathang p {
    color: #ffea00;
    font-size: 17px;
    font-weight: bold;
}

    .lienhedathang p span {
        color: #ddcb8a;
        font-size: 17px;
        font-weight: bold;
    }

.tintucquabieu h2 a {
    color: white;
}

.tagdanhmuc .item {
    background: #690004;
    border-radius: 10px;
    padding: 14px;
    color: white;
    border: 1px solid #6d4a09;
    margin-bottom: 10px;
}

.product-name h1 {
    font-size: 24px;
    color: #333;
    line-height: 40px;
}

.product-name {
    margin-bottom: 5px;
    /* border-bottom: 1px solid #e5e5e5; */
    height: 44px;
    float: left;
    margin-right: 20px;
}

.sp2 {
    margin: 10px 10px;
    width: 18%;
}

#service {
    margin-left: 5px;
    padding-top: 0px;
}

    #service li {
        width: 100%;
        padding: 10px 0 10px 0px;
        margin: 0 5px;
        /*background: url(../images/icon_service.png) left center no-repeat;*/
        /*list-style: none;*/
    }

.help {
    border: none;
    font-size: 14px !important;
}

#Copyright {
    background: #0b0b0b;
    color: white;
}

    #Copyright p {
        padding: 10px 40px 0px;
        color: white;
    }

.tintucquabieu .anhtin {
    width: 100%;
    height: 230px;
}

    .tintucquabieu .anhtin img {
        width: 100%;
        height: 230px;
        border: 2px solid #7e5c23;
    }

.xelan h1 {
    text-shadow: 2px 0 0 #811111, -2px 0 0 #811111, 0 2px 0 #811111, 0 -2px 0 #811111, 1px 1px #811111, -1px -1px 0 #811111, 1px -1px 0 #811111, -1px 1px 0 #811111;
    font-size: 24px;
    color: #d7b676;
    text-transform: uppercase;
    font-size: 24px;
    text-align: center;
}

.spxelan {
    text-align: left;
    background: url(/Content/Csspublic/images/khungspxelan.png);
    height: 562px;
    padding: 20px 10px;
}

.xelan .chingang {
    margin-bottom: 34px;
}

.xelan {
    background: url(/Content/Csspublic/images/bg_xelan.jpg);
    height: 865px;
    text-align: center;
    padding-top: 35px;
    background-size: cover;
}

.contentxelan h3 {
    font-size: 16px;
    color: white;
}

.contentxelan p {
    font-size: 14px;
    color: white;
}

    .contentxelan p i {
        color: #c69d4c;
    }

.khungxelan {
    text-align: left;
    /* background: #5e0d139e; */
    height: 243px;
    padding: 27px 10px;
}

.contentxelan {
    width: 44%;
    float: left;
    padding: 5px 18px;
}

.imgxelan {
    width: 56%;
    float: left;
}

    .imgxelan img {
        width: 100%;
    }

.quatang {
    padding: 30px;
    background: #110000a1;
    height: 200px;
    margin-top: 388px;
}

.Nhomsp {
    background: url(/Content/Csspublic/images/bg_nhomsp.jpg);
    height: 864px;
    text-align: center;
    padding-top: 35px;
    background-size: cover;
}

    .Nhomsp h1 {
        text-shadow: 2px 0 0 #811111, -2px 0 0 #811111, 0 2px 0 #811111, 0 -2px 0 #811111, 1px 1px #811111, -1px -1px 0 #811111, 1px -1px 0 #811111, -1px 1px 0 #811111;
        font-size: 24px;
        color: #d7b676;
        text-transform: uppercase;
    }

#search_mini_form {
    width: 350px;
    float: left;
    height: 56px;
    margin: 0 auto;
    margin-right: 20px;
    margin-left: 116px;
}

.tool-header {
    margin-right: 0 !important;
}

.header .form-search {
    border-width: 2px;
    border-style: solid;
    height: 30px;
    position: relative;
    margin-top: 4px;
    border-radius: 8px;
}

    .header .form-search label {
        text-align: left;
        text-transform: capitalize;
        padding: 0;
        margin: 0;
        font-weight: 500;
    }

    .header .form-search .form-imput-serach {
        display: inline-block;
        width: calc(100%);
    }

    .header .form-search input.input-text {
        display: inline-block;
        border-style: solid;
        border-color: #1f110a;
        color: white;
        border-width: 0;
        background: none;
        font-size: 100%;
        margin: 0;
        line-height: 28px;
        height: 28px;
        padding: 0 10px;
        width: 100%;
    }

    .header .form-search button.button {
        border: 0 none;
        position: absolute;
        top: -0px;
        right: 0px;
        border-left: 2px solid #ffba00;
        background: none;
        height: 27px;
    }

        .header .form-search button.button:hover {
            opacity: .8;
        }

    .header .form-search .dd-container {
        background-color: #f6f6f6;
        float: left;
    }

    .header .form-search .dd-options {
        height: 250px;
        box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
        -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
        -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
        -o-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
        -ms-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
        border: 0;
    }

    .header .form-search .dd-container .dd-select {
        border-radius: 0;
        border: 0;
        background-color: transparent !important;
        margin-bottom: 0;
        line-height: 37px;
    }

    .header .form-search .dd-option-text {
        font-size: 12px;
        margin: 0;
        font-weight: 500;
        cursor: pointer;
    }

    .header .form-search .dd-options .dd-option {
        border: 0;
        padding: 5px 0 5px 18px;
        text-align: left;
    }

.dd-container .dd-selected {
    padding: 0 17px;
    margin: 0;
    text-align: left;
}

.dd-pointer-down {
    border-color: #c2c2c2 rgba(0,0,0,0) rgba(0,0,0,0) !important;
    margin-top: -2px !important;
}

.dd-pointer-up {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #c2c2c2 !important;
    margin-top: -6px !important;
}

.dd-pointer {
    right: 14px !important;
}

.dd-container .dd-selected .dd-selected-text {
    margin: 0;
    color: #2a2a2a;
    font-weight: 400;
}

.header .form-search .dd-options .dd-option:before {
    color: #bbb;
    content: "";
    font-family: FontAwesome;
    font-size: 13px;
    margin-right: 10px;
    text-align: left;
    width: 32px;
}

.header .form-search button.button span {
    color: #fff;
    width: 100px;
    height: 26px;
    line-height: 28px;
    padding: 0;
    border: none;
    background: #94090f;
    border-radius: 5px;
}

    .header .form-search button.button span .fa {
        font-size: 18px;
        color: #c9b39a;
    }

    .header .form-search button.button span span {
        padding: 0;
        height: 0;
    }

        .header .form-search button.button span span .fs1 {
            font-style: normal;
            font-size: 16px;
        }

.header .form-search .search-autocomplete ul {
    border: 1px solid #5c7989;
    background-color: #f9f5f0;
}

.header .form-search .search-autocomplete li {
    text-align: left;
    border-bottom: 1px solid #f4eee7;
    padding: 2px 8px 1px;
    cursor: pointer;
}

    .header .form-search .search-autocomplete li .amount {
        float: right;
        font-weight: 700;
    }

    .header .form-search .search-autocomplete li.odd {
        background-color: #fffefb;
    }

    .header .form-search .search-autocomplete li.selected {
        background-color: #f7e8dd;
    }

.header .form-language {
    clear: both;
    padding: 10px 0;
    text-align: left;
    float: left;
}

    .header .form-language label {
        font-weight: 700;
        padding-right: 5px;
        color: #a7c6dd;
        vertical-align: middle;
        float: left;
        margin: 0;
    }

    .header .form-language select {
        padding: 0;
    }

        .header .form-language select.flags option {
            background-position: 4px 50%;
            background-repeat: no-repeat;
            padding-left: 25px;
        }

.header .header-setting .settting-switcher {
    position: relative;
}

.settting-switcher {
    float: left;
}

.nav-top-links, .support-link, .header-setting {
    float: left;
    line-height: 34px;
}

.top-right .header-setting {
    float: right;
}

.nav-top-links a, .text-setting, .support-link a {
    border-right: 1px solid #e0e0e0;
    margin-left: 10px;
    padding-right: 10px;
}

    .nav-top-links a.first-item, .text-setting {
        margin-left: 0;
    }

.btn-fb-login {
    position: relative;
    background: rgba(0,0,0,0) url(/Content/Csspublic/images/fb.jpg) no-repeat scroll 10px 0;
    display: inline-block;
    font-size: 0;
    height: 22px;
    margin-top: 5px;
    vertical-align: top;
    padding: 0 40px;
}

    .btn-fb-login:before {
        border-left: 1px solid #e0e0e0;
        content: "";
        height: 16px;
        left: 0;
        position: absolute;
        top: 5px;
    }

.nav-top-links .fa {
    margin-top: -3px;
    font-size: 15px;
    margin-right: 5px;
    vertical-align: middle;
    color: #999;
}

.header .header-setting .icon-setting {
    cursor: pointer;
}

.header .top-form-language .dropdown-toggle .dropdown-icon, .header .top-form-language .dropdown-toggle .value, .header .top-form-language .dropdown-toggle .caret, .header .currency_top .dropdown-toggle .dropdown-icon, .header .currency_top .dropdown-toggle .value, .header .currency_top .dropdown-toggle .caret {
    display: inline-block;
    cursor: pointer;
}

.header .top-form-language .dropdown-toggle .dropdown-icon {
    background-position: 0 3px;
    background-repeat: no-repeat;
    font-size: 100%;
}

.header .top-form-language .dropdown-toggle .value, .header .currency_top .dropdown-toggle .label, .header .currency_top .dropdown-toggle .value {
    font-size: 13px;
    color: #fff;
    padding-right: 15px;
    padding-left: 2px;
}

.header .currency_top .dropdown-toggle .label {
    display: none;
}

.header .top-form-language .dropdown-toggle .caret, .header .currency_top .dropdown-toggle .caret {
    background-image: url(/Content/Csspublic/images/caret.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    border: medium none;
    height: 6px;
    margin: 0;
    width: 7px;
}

.header .currency_top .dropdown-switcher, .header .top-form-language .language-switcher, .header .header-setting .dropdown-switcher {
    box-shadow: 0 6px 12px rgba(0,0,0,0.176);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,0.176);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.176);
    -o-box-shadow: 0 6px 12px rgba(0,0,0,0.176);
    -ms-box-shadow: 0 6px 12px rgba(0,0,0,0.176);
    -moz-transition: all .3s ease-in-out 0;
    -o-transition: all .3s ease-in-out 0;
    -webkit-transition: all .3s ease-in-out 0;
    opacity: 0;
    transition: all .3s ease-in-out 0;
    transform: scale(0) rotate(0deg);
    -moz-transform: scale(0) rotate(0deg);
    -webkit-transform: scale(0) rotate(0deg);
    -o-transform: scale(0) rotate(0deg);
    margin-top: 0;
    padding: 5px 0;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    min-width: 160px;
    z-index: 35;
    transition: all 300ms ease-in-out 0;
    -moz-transition: all 300ms ease-in-out 0;
    -webkit-transition: all 300ms ease-in-out 0;
    -o-transition: all 300ms ease-in-out 0;
    visibility: hidden;
    border-width: 2px 0 0;
    border-style: solid;
}

.header .header-search .dropdown-switcher {
    width: 450px;
    padding: 15px 20px;
}

.header .header-right .header-search .dropdown-switcher {
    width: 270px;
    border: 0 none;
    padding: 0;
}

.header .top-form-language:hover .language-switcher, .header .currency_top .currency-switcher:hover .dropdown-switcher, .header .header-setting .settting-switcher:hover .dropdown-switcher {
    opacity: 1;
    visibility: visible;
    transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -webkit-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
}

.header .top-form-language .label {
    background-repeat: no-repeat;
    background-position: 0 50%;
    border-radius: 0;
    color: #666;
    font-weight: 400;
    font-size: 14px;
    padding: 0 0 0 23px;
    vertical-align: middle;
}

.header .top-form-language .dropdown-switcher li a, .header .currency_top .dropdown-switcher li a {
    font-size: 13px;
    font-weight: 300;
    color: #666;
    text-decoration: none;
    display: block;
}

.header .top-form-language .dropdown-switcher li .dropdown-icon {
    background-position: 0 3px;
    background-repeat: no-repeat;
    font-size: 100%;
    padding: 0;
}

.header-setting .label-title {
    font-weight: 400;
    margin: 0 0 0 10px;
    list-style: none;
    padding: 0 10px 0 0;
    text-transform: capitalize;
}

.header .top-form-language li {
    float: left;
}

.header .top-form-language .language-switcher li {
    float: none;
    padding: 5px 10px;
    line-height: normal;
}

    .header .top-form-language .language-switcher li:hover {
        background-color: #f5f5f5;
    }

    .header .top-form-language .language-switcher li a, .header .top-form-language .language-switcher li span {
        font-size: 14px;
    }

.text-setting, .top-links li a {
    display: inline;
}

.top-links .or {
    padding: 15px 10px;
}

.header .header-top .label-title:after, .text-setting:after {
    color: #aaa;
    content: "";
    font-family: FontAwesome;
    font-size: 17px;
    margin-left: 10px;
    text-align: left;
    font-weight: 700;
}

.header .header-top .label-title:hover, .text-setting:hover, .text-setting:hover:after, .header .header-top .label-title:hover:after, .icon-search:hover, .header .header-top-link li:hover, .header .currency_top li:hover {
    color: #08c;
}

.header .links {
    margin: 0;
    padding: 0;
}

    .header .links li a, .currency_top li a, .currency_top li.current {
        padding: 5px 10px;
        display: block;
        position: relative;
        font-size: 14px;
        line-height: normal;
    }

        .header .links li a:hover, .header .links li a:focus, .currency_top li a:hover, .currency_top li a:focus {
            background-color: #f5f5f5;
            color: #262626;
        }

    .header .links li.last {
        padding-right: 0;
    }

.header-container .top-container {
    clear: both;
    padding: 5px 10px 0 12px;
    text-align: right;
}

    .header-container .top-container a {
        font-size: 11px;
        color: #ebbc58;
    }

.minict_wrapper {
    border-radius: 3px;
    background: #f3f3f3 !important;
    border: 1px solid #ededed;
    width: 130px;
}

    .minict_wrapper input {
        color: #666;
    }

    .minict_wrapper.bubble:after {
        border: 0;
        box-shadow: none;
    }

.form-language label {
    display: none;
}

.icon-search .fa {
    text-align: center;
    vertical-align: middle;
    padding: 0 5px 0 0;
    color: #aaa;
}

.cms-index-index .alo-breadcrumbs, .currency-switcher .label-title {
    display: none;
}

.labelnew {
    color: #fff;
    background-color: #096;
}

.labelvip {
    color: #fff;
    background-color: #f60;
}

.block-subscribe .input-box {
    text-align: left;
    margin: 0 0 20px;
    position: relative;
    margin-bottom: 0px;
}

.block-subscribe input.input-text {
    color: #894c2b;
    background-color: #c7b299;
    border-color: #894c2b;
    display: block;
    height: 30px;
    margin: 0;
    width: 100%;
    border-width: 0;
    border-style: solid;
    padding-right: 50px;
}

.block-subscribe::-webkit-input-placeholder {
    color: #894c2b;
}

.block-subscribe::-moz-placeholder {
    color: #894c2b;
}

.block-subscribe:-ms-input-placeholder {
    color: #894c2b;
}

.block-subscribe:-moz-placeholder {
    color: #894c2b;
}

.block .actions {
    padding: 6px 0;
    text-align: left;
}

.block-subscribe .actions {
    padding: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
}

    .block-subscribe .actions button.button {
        color: #fff;
        background-color: #a3d563;
        border-color: #a3d563;
    }

        .block-subscribe .actions button.button span {
            height: 30px;
            line-height: 30px;
            padding: 0 12px;
        }

            .block-subscribe .actions button.button span span {
                padding: 0;
            }

        .block-subscribe .actions button.button span {
            height: 30px;
            line-height: 30px;
            padding: 0 12px;
        }

.footer-color .block-footer-top, footer-color .block-footer-top a {
    background-color: #2d190e;
    color: #ffffcc;
    border-bottom: 5px solid #23130a;
    padding-bottom: 20px;
}

.slide1 {
    text-align: center;
}

.footer-color .block-footer-bottom, .footer-color .block-footer-bottom a {
    background-color: #2d180c;
    color: #ffcc66;
}

.footer-color .block-footer-copyright, .footer-color .block-footer-copyright a {
    background-color: #2F1D1D;
    color: #FDC43C;
}

.footer-color .block-footer-copyright {
    padding-top: 20px;
    color: #cb6604;
}

.footer-color a, #hot-categories a {
    color: #ffffcc;
}

label.checkbox-inline, label.radio-inline {
    width: 23%;
}

@media (max-width:768px) {
    label.checkbox-inline, label.radio-inline {
        width: 45%;
    }
    .spnoibat
    {
        display:none;
    }
}

@media (max-width:400px) {
    label.checkbox-inline, label.radio-inline {
        width: 100%;
    }
    .spnoibat {
        display: none;
    }
}

.radio-inline, .checkbox-inline {
    margin-left: 10px;
}

.form-group {
    margin-bottom: 10px;
    margin-top: 20px;
}

.breadcrumb a, .menu-panel a, .breadcrumb li {
    font-weight: 400;
}

.user-info-widget {
    margin-top: 10px;
    margin-left: 70px;
}

#Infomation, #Image {
    margin-top: 20px;
}

.nameproduct {
    font-weight: 700;
    margin-bottom: 5px;
}

.list-price {
    font-weight: 700;
    color: #f36;
}

.list-totalview {
    width: 80px;
    text-align: center;
}

.list-product th {
    font-weight: 700;
    text-align: center;
}

.list-product th, .list-product td {
    vertical-align: middle !important;
}

.list-product .breadcrumb {
    background: none !important;
}

.list-product .link-edit {
    display: block;
}

.order {
    margin-top: 25px;
}

    .order td {
        background-color: #fff !important;
    }

    .order .nav-tabs {
        border-bottom: none;
    }

.nav > li > a {
    padding: 10px;
}

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

.bullet-checkout {
    /*width: 24px;*/
    height: 24px;
    display: inline-block;
    text-align: center;
    line-height: 24px;
    position: relative;
}

.complete .number {
    display: none;
}
.group:hover .group-hover\:-rotate-180 {
     --tw-rotate: -180deg; 
}
.duration-300 {
    transition-duration: .3s;
}
.ease-out {
    transition-timing-function: cubic-bezier(0,0,.2,1);
}
/*.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s;
}
.transform {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}*/
#btnSearch {
    float: left;
    display: inline-block;
    text-align: center;
    padding: 9px 12px 8px;
    background-color: #0052aa;
    text-decoration: none;
    border-radius: 0 3px 3px 0;
    margin-bottom: 15px;
    position:absolute;
}

   /* #btnSearch:hover {
        background-color: #dd1103;
    }*/

.checkout-process .steps li {
    float: left;
}

.header-color {
    /*background: url(/Content/Csspublic/images/header_bg.jpg);
    background-size: cover;*/
 /*   background: white;
    padding-top: 10px;*/
    /*border-top: 4px solid #0052aa;*/
    position: relative;
    z-index: 99;
}

.fa-search {
    font-size: 16px;
}

.clSearch {
    height: 42px;
    border: 1px solid #0052aa !important;
    margin-right: 0px;
}

#cart {
}

#btnSearch:after {
    content: '\ee4c';
    font-family: fontello;
    font-size: 25px;
    line-height: 25px;
    vertical-align: sub;
    color: #fff;
}

#notify-box ul li.cart-box a span {
    background-color: #0052aa;
    color: #FFF;
    position: absolute;
    top: 4px;
    left: 38px;
    width: 18px;
    height: 20px;
    line-height: 20px;
    text-indent: 0;
    z-index: 4;
    border-radius: 2px;
}

#notify-box ul {
    list-style: none;
    margin: 5px 0 0 30px;
    padding: 0;
}

    #notify-box ul li {
        float: left;
        text-align: center;
        border: 1px solid transparent;
        border-bottom: none;
        margin: 0 2px;
        position: relative;
    }

        #notify-box ul li.cart-box:before, #notify-box ul li.help-box:before, #notify-box ul li.support-box:before {
            position: absolute;
            left: 25%;
            top: 10px;
            background: #efefef;
            font-family: fontello;
            font-size: 16px;
            line-height: 32px;
            padding: 0 5px;
            color: #505050;
            width: 32px;
            height: 32px;
            border-radius: 50px;
        }

        #notify-box ul li.cart-box:before {
            content: '\ee0e';
        }

        #notify-box ul li a {
            display: block;
            color: #505050;
            font-size: 12px;
            font-weight: 400;
            line-height: 28px;
            padding: 38px 6px 0;
            position: relative;
            cursor: pointer;
        }

        #notify-box ul li.cart-box:before, #notify-box ul li.help-box:before, #notify-box ul li.support-box:before {
            position: absolute;
            left: 25%;
            top: 10px;
            background: #efefef;
            font-family: fontello;
            font-size: 16px;
            line-height: 32px;
            padding: 0 5px;
            color: #505050;
            width: 32px;
            height: 32px;
            border-radius: 50px;
        }

        #notify-box ul li.help-box:before {
            left: 28%;
            content: '\ec3f';
        }

        #notify-box ul li.support-box:before {
            left: 16%;
            content: '\edcc';
        }

        #notify-box ul li.cart-box:before, #notify-box ul li.help-box:before, #notify-box ul li.support-box:before {
            position: absolute;
            left: 25%;
            top: 10px;
            background: #efefef;
            font-family: fontello;
            font-size: 16px;
            line-height: 32px;
            padding: 0 5px;
            color: #505050;
            width: 32px;
            height: 32px;
            border-radius: 50px;
        }

.pd {
}

    .pd li {
        list-style: none;
    }

        .pd li a {
            display: block;
            padding: 8px;
        }

        .pd li img {
            width: 100%;
            border: 2px solid #7a512d;
        }

.page {
}

.lgdv li {
    text-align: right;
    padding: 5px 0;
}

.text-link {
}

    .text-link ul {
        margin: 10px 0;
    }

        .text-link ul li {
            display: inline-block;
            list-style: none;
            border-left: 1px solid #6c5838;
            padding: 0 5px;
        }

            .text-link ul li:first-child {
                border: none;
            }

    .text-link a {
        color: #887048;
    }

.box {
    float: left;
}

._col-lg-1 {
    width: 193px;
}

._col-lg-2 {
    width: 290px;
}

._col-lg-3 {
    width: 387px;
}

._col-lg-4 {
    width: 484px;
}

._col-lg-5 {
    width: 581px;
}

._col-lg-6 {
    width: 687px;
}

.pd li a {
    padding: 0px;
}

.pd {
    padding: 0px;
}

    .pd li img {
        width: 100%;
        border: none;
    }

.item-product {
    position: relative;
    margin-top: 8px;
    border: 2px solid #7d6016;
    margin: 4px;
}

.info-product {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
    transition: opacity 0.4s ease 0s;
}

.item-product:hover .info-product {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.container-width {
    width: 1200px;
}

@media screen and (max-width:1000px) {
    .container-width {
        width: auto;
    }
}

.div1 {
}

    .div1 > div {
        float: left !important;
    }

    .div1 img {
        width: 100%;
    }

.div2 {
    width: 100%;
}

.banner1 {
    float: left;
}

.banner1 {
    position: relative;
    margin-bottom: 0px;
    overflow: hidden;
    width: 100%;
}

.info-banner {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    left: 0;
    top: 80%;
    padding: 20px 30px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.8s ease 0s;
    -o-transition: opacity 0.8s ease 0s;
    transition: opacity 0.8s ease 0s;
}

.banner1:hover .info-banner {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.banner-title {
    color: #ffffcd;
    font-size: 19px;
    margin-bottom: 20px;
}

    .banner-title:hover {
        color: yellow;
    }

.cltnew {
    overflow: hidden;
    display: block;
}

.banner-des {
    color: #ffffcd;
    line-height: 25px;
    font-size: 14px;
}

.zoomContainer {
    z-index: 0;
}

.hit_box {
    margin-top: 15px;
    /*margin-left: 10px;*/
    background: white;
}

.Splienquancss .content-color {
    border: 2px solid #956210;
}

div.hit_box .hit_item {
    display: table;
}

    div.hit_box .hit_item .hit_des {
        display: table-cell;
        vertical-align: middle;
    }

    div.hit_box .hit_item .thumbbox {
        width: 40%;
        float: left;
    }

        div.hit_box .hit_item .thumbbox img {
            width: 100%;
            height: 75px;
            border-radius: 4px;
            transition: all 1000ms ease 0s;
        }

            div.hit_box .hit_item .thumbbox img:hover {
                opacity: 1;
                transform: scale(1.1,1.1);
                border: none;
            }

    div.hit_box .hit_item .hit_des {
        width: 60%;
        height: 100px;
        float: left;
        padding-left: 10px;
    }

        div.hit_box .hit_item .hit_des .clt {
            height: 20px;
            overflow: hidden;
            font-weight: bold;
        }

        div.hit_box .hit_item .hit_des .summarynew {
            height: 52px;
            overflow: hidden;
            color: #333;
            margin: 5px 0px;
        }

        div.hit_box .hit_item .hit_des a {
            display: block;
            margin: 0 0;
            color: #134a80;
            padding-right: 10px;
        }

            div.hit_box .hit_item .hit_des a:hover {
                color: #08c;
            }

.hit_box .hit_title {
    background: url(/Content/Csspublic/images/container_splienquan.png) no-repeat;
    height: 49px;
    padding: 11px 37px;
    color: #fe9500;
    text-transform: uppercase;
    background-size: contain;
}

.Splienquancss h1 {
    background: url(/Content/Csspublic/images/container_splienquan.png) no-repeat;
    height: 49px;
    padding: 12px 37px;
    color: #fe9500;
    text-transform: uppercase;
    background-size: contain;
}

.Splienquancss .itemcol .content {
    width: 60%;
    float: left;
}

.Splienquancss .itemcol {
    width: 100%;
    float: left;
    clear: both;
    height: 130px;
    list-style: none;
    margin-top: 11px;
}

    .Splienquancss .itemcol img {
        width: 40%;
        float: left;
    }

    .Splienquancss .itemcol h2 {
        font-size: 14px;
        height: 44px;
        overflow: hidden;
        margin: 0px;
        width: 275px;
        padding: 5px;
        box-sizing: border-box;
        background: #330100;
    }

        .Splienquancss .itemcol h2 a {
            color: #ffcc99;
        }

    .Splienquancss .itemcol span.price {
        font-size: 16px;
        background: url('/Content/Csspublic/images/nen-gia-danh-muc.jpg');
        width: 275px;
        margin: 0px;
        display: block;
        float: left;
        padding: 5px;
        box-sizing: border-box;
        line-height: 21px;
        color: #fff;
        font-weight: 100;
        background-size: 100% 100%;
    }

.Splienquancss .content {
    padding: 0px 17px;
}

    .Splienquancss .content a {
        color: #dbcb8b;
    }

.gia span {
    color: #ffea00;
}

.Splienquancss .content .thuonghieu, .Masp {
    color: #d3bd81;
}

.Splienquancss .content .xemngay a {
    color: #e9cf01;
}

.contentto {
    height: 116px;
    border: 1px solid #ddd;
}

.tableparameter {
    display: block !important;
    overflow: visible;
}

    .tableparameter h4, .tableparameter h3, .tableparameter h2, .productrelate h2, #news p {
        display: block !important;
        line-height: 1.3em;
        font-size: 20px;
        color: #333;
        margin-bottom: 0px;
    }

.specs {
    display: block !important;
    position: relative;
    overflow: hidden;
    background: #fff;
}

    .specs li {
        display: block !important;
        background: #f4f4f4;
        padding: 10px;
        font-size: 20px;
        color: #999;
    }

        .specs li span.specname {
            font-size: 14px;
            color: #333;
            font-weight: 600;
        }

        .specs li span.specval {
            font-size: 14px;
            color: #333;
            margin-left: 5px;
        }

            .specs li span.specval a {
                color: #288ad6;
            }

.thanhngang {
    text-align: center;
}

.khbl {
    color: #fe9500;
}

    .khbl span {
        font-weight: bold;
        margin-right: 10px;
        color: #333;
    }

.fa-star {
    color: #fe9727;
    margin-right: 5px;
}

.thaoluan a {
    color: #00deff;
    margin-right: 5px;
}

.thaoluan i {
    margin-right: 10px;
}

.thaoluan {
    color: #787878;
}

.traloibinhluan {
    background: url(/Content/Csspublic/images/contentbl.png) no-repeat;
    height: 190px;
    padding: 28px 25px;
    color: #f7efa3;
    background-size: contain;
}

.divcomment {
    overflow-y: scroll;
    padding-right: 20px;
}

body::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

body::-webkit-scrollbar {
    width: 1em;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.noidungbl span {
    color: #333;
}

.noidungbl {
    margin-top: 5px;
}

.comment-list li {
    margin-top: 20px;
    margin-bottom: 10px;
}

.product-image-thumbs li {
    position: relative;
}

.textnho {
    margin-bottom: 17px;
    height: 50px;
    padding: 6px;
    border: 1px solid #ddd;
}

.nutcomment {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 100% !important;
    height: 50px;
    background: #288ad6;
    border: 1px solid #288ad6;
}

.spcungdanhmuc h1 {
    text-shadow: 2px 0 0 #811111, -2px 0 0 #811111, 0 2px 0 #811111, 0 -2px 0 #811111, 1px 1px #811111, -1px -1px 0 #811111, 1px -1px 0 #811111, -1px 1px 0 #811111;
    font-size: 24px;
    color: #d7b676;
    text-transform: uppercase;
    text-align: center;
}

.spcungdanhmuc p {
    text-align: center;
    margin-bottom: 30px;
}

    .spcungdanhmuc p img {
        width: 310px;
    }

.contacts-index-index input.input-text, select, textarea {
    background: none;
    color: #333;
    padding: 5px;
    text-align: center;
-webkit-appearance: menulist;
    -moz-appearance: none;
    appearance: revert;
margin-bottom: 5px;
}

.contacts-index-index textarea {
    height: 115px;
    width: 100%;
    padding: 10px;
}

.tags {
    margin-top: 20px;
    font-weight: bold;
}

    .tags a {
        color: #ff6e01;
    }

        .tags a:hover {
            color: #ff6e01;
        }

#right2 {
    /*width: 324px;*/
    float: right;
    min-height: 100px;
    height: auto !important;
    height: 100px;
    background: #320001;
}

.news {
    /*width: 324px;*/
    min-height: 200px;
    height: auto !important;
}

.news-bottom {
    padding: 0 0 28px 0;
    /* width: 324px; */
    min-height: 200px;
    height: 659px;
    overflow: hidden;
}

.news-bd {
    min-height: 200px;
    height: auto !important;
}

    .news-bd h2.title {
        margin: 0;
        padding: 15px 0 10px 0;
        font-size: 14px;
        text-transform: uppercase;
        text-align: center;
        font-weight: normal;
    }

        .news-bd h2.title a {
            color: #000;
        }

    .news-bd .item {
        width: 100%;
        background: url(/Content/Csspublic/images/news-line.png) no-repeat center bottom;
        padding: 12px 0;
    }

        .news-bd .item .img {
            width: 99px;
            height: 81px;
            padding: 5px;
            float: left;
        }

            .news-bd .item .img img {
                width: 99px;
                height: 81px;
            }

        .news-bd .item .text {
            width: 215px;
            float: right;
            height: 120px;
            color: #9a7754;
            padding: 0px 8px;
        }

            .news-bd .item .text h4 {
                margin: 0;
                font-size: 14px;
                height: 35px;
                overflow: hidden;
            }

.category-des a {
    color: yellow;
}

.news-bd .text h4 a {
    color: #c5af86;
}

.news-bd .item .text p {
    margin: 5px 0;
    line-height: 18px;
    height: 55px;
    overflow: hidden;
    font-size: 12px;
}

    .news-bd .item .text p.read-more {
        text-align: right;
    }

#left2 {
    /*width: 658px;*/
    min-height: 100px;
    height: auto !important;
    height: 100px;
    float: left;
    background: #320001;
}

.thongbao {
    float: right;
    /* width: 242px; */
    height: 157px;
    padding-right: 0px;
}

.r-left ul {
    margin-left: 20px;
}

.r-right ul {
    margin-left: 20px;
}

.camket {
    float: right;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
    background: url(/Content/Csspublic/images/camket.png) no-repeat;
    width: 242px;
    height: 178px;
    float: right;
    padding-top: 10px;
}

.r-left {
    font-size: 14px;
    color: #c6af87;
}

.r-left {
    width: 34%;
    float: left;
}

.r-right {
    width: 66%;
    font-size: 14px;
    color: #c6af87;
}

    .r-right ul {
        margin-top: 20px;
        list-style: none;
    }

.giohangbtn {
    line-height: normal;
    float: right;
    width: 100%;
    padding: 9px 0;
    text-align: center;
    background: #288ad6;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 10px;
}

.tintuc1 {
    width: 60%;
    float: left;
    color: #ffffff;
    border: 1px solid #aa8132;
}

.tintuc2 {
    width: 40%;
    float: left;
    color: #ffffff;
    border: 1px solid #aa8132;
}

.tintuc1 .img1 {
    height: 230px;
    overflow: hidden;
}

.tintuc2 .img1 {
    height: 230px;
    overflow: hidden;
}

.tintuc1 .content {
    background: #220000;
    color: #ffffff;
    height: 111px;
    overflow: hidden;
    padding: 12px;
}

    .tintuc1 .content h3 {
        height: 20px;
        overflow: hidden;
    }

.tintuc2 .content h3 {
    height: 20px;
    overflow: hidden;
}

.img_catalogbottom {
    float: left;
    width: 41%;
}

.cata_tin2 {
    background: #220000;
    padding: 15px;
    border-top: 1px solid #ffe400;
    height: 63px;
}

    .cata_tin2 i {
        color: #ffe400;
    }

.khungcata {
    background: url(/Content/Csspublic/images/khungcata123.jpg) no-repeat;
    background-size: contain;
    padding: 2px;
    height: 436px;
}

.NewsCatalog .hit_title {
    background: url(/Content/Csspublic/images/container_cata.png) no-repeat;
    background-size: contain;
    height: 50px;
    width: 276px;
    margin-top: 8px;
    padding: 10px 32px;
    color: #fe9500;
    text-transform: uppercase;
    font-weight: bold;
}

.cata_tin1 img {
    width: 100%;
    height: 241px;
}

.NewsCatalogBottom {
    float: left;
    width: 55%;
    margin: 0px 15px;
    border: 2px solid #7f0000;
}

    .NewsCatalogBottom .hit_content {
        padding: 5px 15px;
    }

        .NewsCatalogBottom .hit_content a {
            color: #fcf5a6;
        }

        .NewsCatalogBottom .hit_content .hit_item {
            border-bottom: 1px dotted #7f0000;
            margin-bottom: 7px;
            line-height: 22px;
            padding-bottom: 9px;
            height: 32px;
        }

            .NewsCatalogBottom .hit_content .hit_item .hit_des {
                width: 75%;
                float: left;
                border-right: 1px dotted #7f0000;
                padding-right: 10px;
                height: 25px;
                overflow: hidden;
            }

            .NewsCatalogBottom .hit_content .hit_item .hit_time {
                width: 25%;
                padding-left: 25px;
                float: left;
                color: #fcf5a6;
            }

.tintuc2 .content {
    background: #220000;
    color: #ffffff;
    height: 111px;
    overflow: hidden;
    padding: 12px;
}

.tintuc1 img {
    width: 100%;
    height: 230px;
}

.tintuc2 img {
    width: 100%;
    height: 230px;
}

.video {
    width: 658px;
    min-height: 200px;
    height: auto !important;
}

    .video .video-bottom {
        width: 658px;
        padding: 0 0 10px 0;
        min-height: 200px;
        height: auto !important;
        height: 200px;
    }

.video-bd {
    width: 658px;
    height: 659px;
    float: left;
    overflow: hidden;
}

.colnew {
    width: 329px;
    display: inline-block;
    float: left;
}

.colnew_title {
    padding: 0px 0px 10px 0px;
}

    .colnew_title > h3 {
        font-weight: bold;
        font-size: 14px;
        text-align: center;
        padding-top: 12px;
        text-transform: uppercase;
        line-height: 18px;
        color: #663300;
        margin: 0px;
        height: 55px;
        background: url(/Content/Csspublic/images/nen-tieu-de-chon-mua.jpg);
    }

        .colnew_title > h3 a {
            color: #000;
        }

.colnew_content {
    padding: 0px 10px;
}

.bignew {
    height: 130px;
    overflow: hidden;
    color: #c5af86;
}

    .bignew a {
        color: #c5af86;
    }

    .bignew img {
        width: 84px;
        height: 84px;
        float: left;
        margin-right: 10px;
    }

    .bignew h2 {
        font-size: 13px;
        line-height: 18px;
        float: left;
        width: 200px;
        margin: 0px;
        margin-bottom: 10px;
        height: 30px;
    }

    .bignew p {
        text-align: justify;
        font-size: 12px;
        line-height: 18px;
        color: #9a7754;
    }

ul.listnew {
    margin-top: 10px;
    padding: 0px;
}

    ul.listnew li {
        margin-bottom: 10px;
        list-style: none;
        font-size: 12px;
        line-height: 17px;
        background: url(/Content/Csspublic/images/news-line.png) no-repeat center bottom;
        padding-bottom: 5px;
        height: 37px;
        overflow: hidden;
    }

.fullnew {
    clear: both;
    width: 100%;
    float: left;
    padding-left: 8px;
}

.mini_new {
    display: inline-block;
    width: 182px;
    margin-right: 1px;
    float: left;
}

    .mini_new.mini_new1, .mini_new.mini_new2 {
        margin-right: 25px;
    }

.mini_new1 > h3 {
    color: #e8641a;
    border-bottom: solid 2px #e8641a;
    height: 45px;
}

.mini_new > h3 {
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 20px;
    margin: 0px;
    margin-bottom: 10px;
}

.mini_new > h2 {
    font-size: 13px;
    line-height: 18px;
    height: 70px;
}

.box-bottom {
    width: 100%;
    min-height: 100px;
    height: auto !important;
    height: 100px;
}

.news h2.title {
    margin: 0;
    padding: 15px 0 15px 0;
    font-size: 19px;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
    background: url(/Content/Csspublic/images/nen-tieu-de-chon-mua.jpg);
}

ul.listnew li a {
    background: url(/Content/Csspublic/images/left-li.png) no-repeat left center;
    padding-left: 10px;
    color: #9a7754;
}

.mini_new1 > h3 a {
    color: #ff6e01;
}

.mini_new img {
    width: 75px;
    float: left;
    height: 75px;
    margin-right: 10px;
}

.mini_new.mini_new1 h2 a {
    color: #c5af86;
}

.products-textlink p {
    margin: 0;
    font-size: 15px;
    padding-top: 6px;
    background: url(/Content/Csspublic/images/nen-gia-danh-muc.jpg);
    height: 32px;
    color: #fff;
    padding-left: 15px;
}

    .products-textlink p .online-price {
        margin: 0 5px 0 0;
        font-size: 16px;
        font-weight: normal;
        color: #fff;
    }

.products-textlink a.view {
    position: absolute;
    right: 22px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

.products-textlink h2 {
    margin: 0;
    font-weight: bold;
    font-size: 18px;
    height: 55px;
    line-height: 18px;
    overflow: hidden;
    text-shadow: none;
    padding: 10px 10px 3px 10px;
    color: #663300;
    background: #fcf5a6;
    text-align: center;
}

    .products-textlink h2 a {
        color: #800500;
    }

.prd-item .img {
    margin: 0 auto;
    /*width: 325px;*/
    height: 325px;
    position: relative;
}

.content_box .item .img {
    width: 25%;
    float: left;
    border: #cfcfcf solid 1px;
    padding: 4px;
}

    .content_box .item .img img {
        width: 100%;
        max-height: 120px;
        margin: 0;
    }

.content_box .item .text {
    float: right;
    width: 72%;
}

    .content_box .item .text h4 {
        padding: 0;
        margin: 0 0 10px 0;
        max-height: 37px;
        overflow: hidden;
        font-size: 14px;
    }

.postContent p {
    color: #434343;
}

.content-new {
    /*background: #220000;*/
    border-radius: 5px;
    color: #434343;
    padding: 0px 15px;
}

    .content-new p {
        color: black;
    }

    .content-new a {
        color: black;
    }

.contacanngu {
    background: url(/Content/Csspublic/images/lienhebg.jpg) no-repeat;
    background-size: contain;
    height: 730px;
}

.form-list {
    width: 50%;
    margin: 57px auto;
}

    .form-list .gui {
        background: url(/Content/Csspublic/images/lienhe.png) no-repeat;
        padding: 10px 28px;
        background-size: contain;
    }

.tin-lienquan h4 {
    font-weight: bold;
    font-size: 13px !important;
}

.postTitle h2 {
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 10px 0px;
    color: #288ad6;
}

.postDetails .date {
    font-weight: bold;
    margin-bottom: 5px;
}

.content_box .item .text h4 a {
    color: #ff9c00;
}

.content_box .item .text p.date {
    color: #9a9a9a;
    font-size: 11px;
    height: auto;
}

.content_box .item .text p {
    margin: 0 0 8px 0;
    line-height: 18px;
    height: 55px;
    color: #fff;
    overflow: hidden;
}

    .content_box .item .text p.read-more {
        text-align: right;
        height: auto;
    }

.khungtinbekm {
    background: #220000;
    float: left;
    margin: 10px 0px;
    height: 139px;
    overflow: hidden;
    border: 1px solid #936306;
}

.khungtinbeckm {
    background: #390101;
    float: left;
    margin: 10px 0px;
    height: 398px;
    overflow: hidden;
    border: 2px solid #936306;
}

.imgtinckm {
    width: 100%;
    float: left;
}

    .imgtinckm img {
        width: 100%;
        height: 255px;
    }

.contenttinckm h3 {
    font-size: 16px;
    color: white;
    height: 23px;
    overflow: hidden;
}

    .contenttinckm h3 a {
        color: #ffb300;
    }

    .contenttinckm h3 i {
        color: #ffb300;
    }

.contenttinckm p {
    font-size: 14px;
    color: #ffb300;
    overflow: hidden;
}

.contenttinckm i {
    color: #ffb300;
}

.contenttinckm {
    width: 100%;
    float: left;
    padding: 5px 18px;
}

.summarytinckm {
    color: #ffb300;
    border-top: 1px solid;
    padding-top: 9px;
}

.hm-bn {
    float: right;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    background: #ffffff;
    margin-bottom: 10px;
    /*margin-right: 10px;*/
}

[role="contentinfo"] {
    padding: 35px 0 40px;
}

footer .title {
    color: #191919;
    font: 400 16px/1.35 Roboto,Arial,Helvetica,sans-serif;
    margin-bottom: 7px;
    font-size: 120%;
    text-transform: uppercase;
}

.wide_layout ul {
    /* margin: 0; */
    padding: 0;
}

.product-image-thumbs {
    text-align: center;
}

ul li {
    list-style-type: none;
}

.p_top_0 ul a {
    color: black;
}

.Tintucchung {
    background: white;
}

.p_top_0 ul a:hover {
    color: #1e90ff;
}

.d_table {
    display: table;
    margin-top: 30px;
}

.block-content .actions button span {
    padding: 6px 15px;
    text-transform: capitalize;
    float: left;
    text-align: center;
    white-space: nowrap;
    background: #0052aa;
    color: #ffffff;
    border: 1px solid #0065cc;
    font: 300 16px/1.35 ABeeZee,Arial,Helvetica,sans-serif;
}

.section {
    /*padding: 10px 0;*/
}

.toggle-content ol li {
    width: 50%;
    float: left;
}

.top_section {
    /*border-bottom: 1px solid #889196;*/
  /*  background: url(../images/thanhngang.png) no-repeat bottom;*/
    /* padding-left: 15px; */
    margin: 0px 0px;
}

.itemlast div {
    line-height: normal !important;
    font-size: 14px;
    color: #288ad6;
    border: 0;
    width: 70px;
    height: 46px;
    padding: 4px;
    display: block;
    width: 80px;
    height: 80px;
    /* border: 1px solid #dfdfdf; */
    border-radius: 4px;
    padding: 6px;
    background: #fff;
    /* margin: 0 auto 5px; */
    line-height: 40px;
}

.icondetailV3-tskt {
    background-position: -137px -68px;
    width: 18px;
    height: 18px;
    display: block;
    margin: 0 auto;
}

[class^="icondetailV3-"], [class*="icondetailV3-"] {
    background-image: url(../images/productV3@1x.v201808041110.png);
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 30px;
    vertical-align: middle;
}

.product-image-thumbs .item span.imgcount {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    color: #fff;
    font-size: 12px;
    width: 80px;
    height: 80px;
    padding-top: 32px;
    font-weight: bold;
    line-height: 1.4em;
    border-radius: 4px;
    padding-left: 2px;
}

.title_section {
    text-transform: uppercase;
    color: #1053ae;
    font-weight: bold;
    padding-right: 10px;
    line-height: 38px;
    margin-top: 11px;
    margin-bottom: 15px;
    padding-left: 5px;
}

.banner {
    overflow: hidden;
}

.banner-item {
    background: #ccc;
    color: #fff;
    padding: 10px 15px;
    position: relative;
    transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
}

    .banner-item a {
        color: #fff !important;
    }

    .banner-item h4 {
        margin: 5px 0 5px;
        font-size: 24px;
        font-weight: 700;
        color: white;
    }

.xemthem:hover {
    background: #0052aa;
    color: #fff;
    border: 2px solid;
    text-decoration: none !important;
}

.banner-item p {
    margin: 0;
    font-size: 13px;
}

.banner-item .button {
    float: right;
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 8px 15px;
    color: #fff;
    background: #999;
    transition: background .3s;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
}

.banner-item.icon-on-left, .box-news .banner-item.icon-on-left {
    padding-left: 80px;
}

.banner-item .icons {
    font-size: 42px;
}

.banner .left-side-banner {
    width: 32%;
    float: left;
}

.banner .middle-banner {
    width: 34%;
    margin: 0 1%;
    float: left;
}

.banner .right-side-banner {
    width: 32%;
    float: left;
}

.banner .left-two-banner {
    width: 49%;
    margin-right: 1%;
    float: left;
}

.banner .right-two-banner {
    width: 49%;
    margin-left: 1%;
    float: left;
}

.banner-item.icon-on-left .icons {
    position: absolute;
    top: 10px;
    z-index: 100;
    left: 10px;
}

.banner-item.icon-on-right {
    padding-right: 80px;
}

    .banner-item.icon-on-right .icons {
        position: absolute;
        top: 10px;
        z-index: 100;
        right: 10px;
    }

.banner-item.orange {
    background: #f5791f;
}

    .banner-item.orange .button, .banner-item.orange:hover {
        background: #d35400;
    }

        .banner-item.orange:hover .button {
            background: #f5791f;
        }

.banner-item.light-blue {
    background: #3498db;
}

    .banner-item.light-blue .button, .banner-item.light-blue:hover {
        background: #2980b9;
    }

        .banner-item.light-blue:hover .button {
            background: #3498db;
        }

.banner-item.gray {
    background: #a1aaaf;
}

    .banner-item.gray a.button, .banner-item.gray:hover {
        background: #889196;
    }

        .banner-item.gray:hover .button {
            background: #a1aaaf;
        }

.banner-item.green {
    background: #2ecc71;
}

    .banner-item.green .button {
        background: #1abc9c;
    }

    .banner-item.green:hover {
        background: #16aa55;
    }

        .banner-item.green:hover .button {
            background: #02a484;
        }

.banner-item.red {
    background: #ee3124;
}

    .banner-item.red .button {
        background: #c72014;
    }

    .banner-item.red:hover {
        background: #ed2316;
    }

        .banner-item.red:hover .button {
            background: #b51408;
        }

.banner-item.purple {
    background: #9b59b6;
}

    .banner-item.purple .button {
        background: #8834aa;
    }

    .banner-item.purple:hover {
        background: #9443b5;
    }

        .banner-item.purple:hover .button {
            background: #7917a1;
        }

.box-news .banner-item h4 {
    font-size: 17px;
}

.box-news.smalltext h4 {
    font-size: 16px;
}

.box-news .banner-item .icons {
    font-size: 45px;
}

.leftcontent1 {
    width: 30%;
    float: left;
    padding: 10px;
}

.maincontent1 {
    width: 70%;
    float: left;
}

.orderct {
    padding: 8px;
    background: white;
    border-bottom: 1px solid #f3f3f3;
    margin-bottom: 10px;
}

a:not([class*="tr_"]) {
    -webkit-transition: color .35s ease, background-color .35s ease, border-color .35s ease;
    -moz-transition: color .35s ease, background-color .35s ease, border-color .35s ease;
    -o-transition: color .35s ease, background-color .35s ease, border-color .35s ease;
    transition: color .35s ease, background-color .35s ease, border-color .35s ease;
}

.title_section h3 {
    font-size: 18px !important;
    color: #0052aa;
}

.wide_layout ul {
    /* margin: 0; */
    padding: 0;
}

#sync2 .owl-stage-outer {
    background: #0052aa;
    margin: 0px 1px;
}

.list_child_section li {
    float: left;
    padding: 10px 0;
}

    .list_child_section li a {
        color: #0052aa;
        border-left: 1px solid #0052aa;
        padding: 0 10px;
    }

.tab_section .sp.fL {
    width: 32.1%;
    float: left;
    /*border: 1px solid #f7f6f2;*/
    position: relative;
    padding-top: 3px;
    margin: 4px 5px;
}

.section {
    background: white;
    overflow: hidden;
    margin-bottom: 10px;
}

.tab_section .sp.fL .pro12 {
    position: relative;
    z-index: 2;
    padding: 20px;
    background: #fff;
}

.tab_section .sp.fL .image_sp {
    overflow: hidden;
}

    .tab_section .sp.fL .image_sp img {
        width: 100%;
        height: 247px;
        transition: all 1000ms ease 0s;
    }
.tivi .tab_section .sp.fL .image_sp img {
    width: 100%;
    height: 153px;
    transition: all 1000ms ease 0s;
}
.tulanh .tab_section .sp.fL .image_sp img {
    width: 100%;
    height: 247px;
    transition: all 1000ms ease 0s;
}
.default .tab_section .sp.fL .image_sp img {
    width: 100%;
    height: 247px;
    transition: all 1000ms ease 0s;
}
.maygiat .tab_section .sp.fL .image_sp img {
    width: 100%;
    height: 247px;
    transition: all 1000ms ease 0s;
}
.tudong .tab_section .sp.fL .image_sp img {
    width: 100%;
    height: 247px;
    transition: all 1000ms ease 0s;
}
.binhnonglanh .tab_section .sp.fL .image_sp img {
    width: 100%;
    height: 247px;
    transition: all 1000ms ease 0s;
}
.percent {
    position: absolute;
    top: 10px;
    background: url(../images/down.png) no-repeat 2px 0px;
    color: rgb(255, 255, 255);
    width: 22%;
    text-align: center;
    right: 9px;
    height: 100%;
    padding-top: 19px;
    padding-left: 4px;
}

.price_sp strong {
    font-size: 37px;
}

.percent span {
    padding: 0 0px;
    font-size: 20px;
    color: #f8e61c;
    font-weight: bold;
    margin-left: -6px;
}

span.product-gift {
    position: absolute;
    bottom: 39%;
    z-index: 1;
    right: 0;
}

.product-gift {
    background: #d35400;
    color: #fff;
    font-size: 14px;
    padding: 5px 10px 5px 5px;
}

.tab_section .sp.fL .name_sp {
    margin-bottom: 10px;
    height: 60px;
}

.name_sp {
    color: #1053ae;
    padding: 10px 0;
}

.tab_section .sp.fL .name_sp a {
    font-size: 11px;
    font-weight: 500;
    color: #444444;
    font-family: "Roboto",sans-serif;
    text-align: center;
}

.price_tt {
    color: #6f6f6f;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto Condensed',sans-serif !important;
    background: #f5f5f5;
    text-align: center;
}

    .price_tt span {
        text-decoration: line-through;
        font-family: Oswald,sans-serif !important;
    }

.price_sp {
    color: #ee3124;
    font-size: 17px;
    font-weight: 700;
    margin-right: 6px;
    font-family: Oswald,sans-serif;
    width: 100%;
    padding: 0 38px;
    margin-top: 15px;
}

.backgr_e8eff5 h3 {
    font-size: 20px;
}

label.error, span.error, span.red {
    color: #d82319;
    float: left;
    margin-top: 11px;
    font-weight: bolder;
    font-size: 16px;
}

.nexttop2 {
    font-size: 13px;
    margin-left: 7px;
}

.fL {
    float: left;
}

.nextbottom2 {
    font-size: 22px;
    bottom: 25px;
}

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

.banner .align-center {
    height: 125px;
}

.box-news .banner-item h4 {
    font-size: 17px;
    margin-top: 23px;
}

    .box-news .banner-item h4 a {
        font-size: 15px;
        font-family: 'Roboto Condensed',sans-serif;
        text-transform: uppercase;
        font-weight: bold;
    }


[class^="icon-"], [class*="icon-"] {
    display: inline-block;
    background: url('../images/desktop.png') no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
}

.icon-fb {
    background-position: -1px -428px;
    width: 33px;
    height: 33px;
}

.icon-gp {
    background-position: -37px -428px;
    width: 33px;
    height: 33px;
}

.icon-yt {
    background-position: -73px -428px;
    width: 33px;
    height: 33px;
}

.icon-logo {
    background-position: -542px -13px;
    width: 185px;
    height: 41px;
}

.icon-bct {
    background-position: -1px -34px;
    width: 146px;
    height: 45px;
}

.icon-luckydraw {
    background-position: -1px -80px;
    width: 132px;
    height: 117px;
}

.icon-mail {
    background-position: -1px -198px;
    width: 130px;
    height: 125px;
}

.icon-gift {
    background-position: -1px -324px;
    width: 115px;
    height: 103px;
}

.icon-norton {
    background-position: -1px -462px;
    width: 90px;
    height: 50px;
}

.icon-visa {
    background-position: -148px -34px;
    width: 37px;
    height: 15px;
}

.icon-master {
    background-position: -148px -50px;
    width: 30px;
    height: 18px;
}

.icon-dmx {
    background-position: -154px -95px;
    width: 16px;
    height: 16px;
}

.icon-tgdd {
    background-position: -136px -95px;
    width: 16px;
    height: 16px;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, del, em, img, strong, sub, sup, b, u, i, center, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, nav, section, summary, mark, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

    section::after {
        clear: both;
        content: '';
        display: block;
    }

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

blockquote, q {
    quotes: none;
}

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

body, input, button, option, textarea, label, legend, h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font: 14px/18px Arial,Helvetica,sans-serif;
    color: #333;
    outline: none;
    zoom: 1;
}

:focus {
    outline: none;
}

p, ol, ul, figure {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}

ol, ul {
    list-style: none;
}

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

a {
    text-decoration: none;
    color: #163b63;
}

ul, ol, menu, dir {
    list-style: none;
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}

img {
    border: 0;
}

    img.lazy, img[data-src] {
        -ms-opacity: 0;
        opacity: 0;
        -webkit-transition: opacity .3s ease-in;
        -moz-transition: opacity .3s ease-in;
        -ms-transition: opacity .3s ease-in;
        -o-transition: opacity .3s ease-in;
        transition: opacity .3s ease-in;
    }

.clr:before, .clr:after {
    content: " ";
    display: table;
}

.clr:after {
    clear: both;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.price-color {
    color: #f44336;
}

#imgtrack {
    display: none;
}

* {
    margin: 0;
    padding: 0;
}

body {
}

.clr {
    clear: both;
}

p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    text-rendering: geometricPrecision;
}

input[type=text], input[type=tel], textarea {
    -webkit-appearance: none;
}

/*header {
    min-width: 1024px;
    background: #0052aa;
    width: 100%;
    height: 86px;
    z-index: 999;
    position: relative;
}*/

/*section {
    max-width: 1200px;
    width: 100%;
    margin: auto;
    position: relative;
}*/

[class^="icondmx-"], [class*="icondmx-"] {
    background-image: url(../images/icondesktop@1x.v201802062100.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: middle;
}

.icondmx-installment {
    background-position: -70px -35px;
    width: 65px;
    height: 20px;
}

.installment_0_5 .icondmx-installment {
    background-position: -135px -35px;
    width: 70px;
}

.installment_1 .icondmx-installment {
    background-position: -210px -35px;
}

.installment_1_0 .icondmx-installment {
    background-position: -210px -35px;
}

@media all and (-webkit-min-device-pixel-ratio:1.5) {
    [class^="icondmx-"], [class*="icondmx-"] {
        background-image: url(../images/icondesktop@2x.v201712081010.png);
        background-size: 330px 225px;
    }

    .installment_0_5 .icondmx-installment {
        background-position: -135px -35px;
        width: 70px;
    }
}

.wraphead {
    max-width: 1200px;
    min-width: 1024px;
    width: 100%;
    height: 50px;
    background: #0052aa;
    margin: auto;
    position: relative;
    display: block;
}

/*.logo {
    text-align:center;*/
    /*width: 174px;*/
    /*display: block;
    padding: 10px 0 7px 5px;
}*/

.icondmx-logo {
    background-position: 0 0;
    width: 174px;
    height: 31px;
    display: block;
    margin: auto;
}

.icondmx-logotgdd {
    background-position: -125px -131px;
    width: 108px;
    height: 25px;
    display: block;
}

.icondmx-logobhx {
    background-position: 0 -131px;
    width: 111px;
    height: 25px;
    display: block;
}

.icondmx-logovv {
    background-position: -246px -131px;
    width: 74px;
    height: 19px;
    display: block;
}

.icondmx-cart {
    background-position: -265px 0;
    width: 26px;
    height: 20px;
    display: block;
    margin: auto;
}

#main-search {
    float: left;
    width: 35%;
    height: 34px;
    margin: 7px 10px 0 10px;
    background: #fff;
    position: relative;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#search-result {
    background: #fff;
    z-index: 9;
    position: absolute;
    top: 34px;
    border-radius: 2px;
    overflow: hidden;
    width: 100%;
}

#main-search .suggest li.active {
    background: #f8f8f8;
}

#main-search .suggest li:hover {
    background: #f8f8f8;
}

#main-search .suggest li {
    padding: 8px 10px;
}

    #main-search .suggest li[data-key] {
        border: none;
        padding: 5px 10px;
    }

        #main-search .suggest li[data-key] a {
            color: #3b7adb;
        }

#main-search .suggest a {
    display: block;
    color: #262626;
}

#main-search .suggest .avata {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
}

#main-search .suggest a img {
    width: 40px;
    height: auto;
    vertical-align: middle;
}

#main-search .suggest .info {
    float: left;
    width: calc(100% - 55px);
}

#main-search .suggest span:first-child {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

#main-search .suggest span.price-color {
    display: inline;
}

#main-search .suggest .price {
    color: #c30016;
    line-height: 24px;
}

#main-search .suggest .des {
    font-size: 12px;
    color: #ef8a32;
    display: block;
}

.suggest a.sis strong {
    color: #1a42a6;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    margin-top: -23px;
    font-size: 14px;
}

.suggest a.sis span {
    color: #1a42a6;
    display: inline-block;
    float: right;
    padding-top: 3px;
    font-size: 30px;
}

#main-search .suggest li .viewed {
    background: #f5f5f5;
    font-size: 13px;
    color: #666;
    font-weight: 400;
    padding: 8px 10px;
    margin: -8px -10px;
}

    #main-search .suggest li .viewed a {
        float: right;
        color: #0052aa;
    }

header .topinput {
    float: left;
    width: 100%;
    padding-top: 1px;
    border: 0;
    position: relative;
    background: #fff;
    height: 32px;
    text-indent: 10px;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

header .btntop {
    float: right;
    width: 40px;
    height: 34px;
    border: 0;
    cursor: pointer;
    background: none;
    position: absolute;
    right: 0;
}

.icondmx-topsearch {
    background-position: -180px 0;
    width: 16px;
    height: 16px;
    display: block;
    margin: auto;
}

.switchboard, .kinhnghiemhay {
    float: right;
    height: 34px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin: 7px 0 7px 26px;
    position: relative;
}

    .kinhnghiemhay span {
        display: block;
        overflow: hidden;
        font-size: 12px;
        font-weight: 300;
        color: #d0efff;
    }

.switchboard, .storeinfo {
    float: right;
    height: 34px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin: 7px 0 7px 29px;
    position: relative;
}

    .switchboard span, .storeinfo span {
        display: block;
        overflow: hidden;
        font-size: 12px;
        font-weight: 300;
        color: #d0efff;
    }

    .storeinfo:before, .storeinfo:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 5px solid #fff;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        position: absolute;
        right: -12px;
        top: 5px;
    }

    .storeinfo:after, .storeinfo:after {
        border-width: 4px;
        border-left-color: #0052aa;
        margin-right: 1px;
        margin-top: 1px;
    }

.btnviewed {
    background: #327ad0;
    border-radius: 4px;
    padding: 10px 30px 10px 10px;
    color: #fff;
    font-size: 12px;
    float: left;
    margin-top: 5px;
    cursor: pointer;
}

    .btnviewed span {
        position: relative;
    }

        .btnviewed span:before, .btnviewed span:after {
            content: '';
            width: 0;
            height: 0;
            border-top: 6px solid #fff;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            position: absolute;
            top: 4px;
            right: -18px;
        }

        .btnviewed span:after {
            margin-right: 2px;
            border-top-color: #fff;
            border-width: 4px;
        }

.viewedproduct {
    background: #fff;
    padding: 15px 10px;
    position: absolute;
    top: 50px;
    z-index: 999;
    width: 1180px;
    margin: 0 auto;
    left: 0;
    right: 0;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.25);
    border-radius: 4px;
    display: none;
}

    .viewedproduct .hack {
        position: absolute;
        top: -8px;
        right: 23%;
        width: 133px;
        height: 20px;
    }

.btnviewed:hover .viewedproduct {
    display: block;
}

.viewedproduct:before, .viewedproduct:after {
    position: absolute;
    content: "\20";
    display: block;
    z-index: 2;
    width: 0;
    height: 0;
    overflow: hidden;
    border: solid 8px transparent;
    border-top: 0;
    border-bottom-color: #fff;
}

.viewedproduct:before {
    top: -8px;
    right: 29%;
    z-index: 1;
    border-bottom-color: #fff;
}

.viewedproduct > h3 {
    font-size: 16px;
    color: #333;
    letter-spacing: 0;
    margin-bottom: 10px;
}

.viewedproduct ul {
    overflow: hidden;
}

.viewedproduct li {
    width: calc(100%/7);
    text-align: center;
    float: left;
}

    .viewedproduct li img {
        height: 45px;
        width: auto;
    }

    .viewedproduct li h3 {
        height: 34px;
        font-size: 13px;
        color: #333;
        letter-spacing: 0;
        overflow: hidden;
        padding: 0 10px;
    }

    .viewedproduct li strong {
        font-size: 12px;
        display: block;
        color: #333;
    }

        .viewedproduct li strong.red {
            color: #d0021b;
        }

        .viewedproduct li strong.oldprice {
            text-decoration: line-through;
            font-weight: normal;
        }

.owl-theme .owl-controls .owl-prev {
    position: absolute;
    left: 0;
    width: 30px;
    height: 51px;
    text-indent: 999999em;
    background: url(..images/icondesktop@1x.v201802062100.png) no-repeat;
    background-position: 0 -35px;
}

.owl-theme .owl-controls .owl-next {
    position: absolute;
    right: 0;
    width: 30px;
    height: 51px;
    text-indent: 999999em;
    background: url(https://cdn.tgdd.vn/dmx2016/Content/images/V2/global/icondesktop@1x.v201802062100.png) no-repeat;
    background-position: -35px -35px;
}

.btnviewed .nopro {
    background: #fff;
    padding: 15px 10px;
    position: absolute;
    top: 50px;
    z-index: 999;
    width: 1180px;
    margin: 0 auto;
    left: 0;
    right: 0;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.25);
    border-radius: 4px;
    text-align: center;
    display: none;
}

.btnviewed:hover .nopro {
    display: block;
}

.btnviewed .nopro:before, .btnviewed .nopro:after {
    position: absolute;
    content: "\20";
    display: block;
    z-index: 2;
    width: 0;
    height: 0;
    overflow: hidden;
    border: solid 8px transparent;
    border-top: 0;
    border-bottom-color: #fff;
    right: 29%;
    top: -8px;
}

.btnviewed .nopro span {
    color: #333;
    font-size: 17px;
    margin-top: 10px;
    display: block;
}

.btnviewed .nopro:after {
    width: 120px;
    border-color: transparent;
    right: 24%;
}

@media all and (-webkit-min-device-pixel-ratio:1.5) {
    .owl-theme .owl-controls .owl-nav .owl-prev {
        background: url(https://cdn.tgdd.vn/dmx2016/Content/images/V2/global/icondesktop@2x.v201712081010.png) no-repeat;
        background-size: 330px 225px;
        background-position: 0 -35px;
    }

    .owl-theme .owl-controls .owl-nav .owl-next {
        background: url(https://cdn.tgdd.vn/dmx2016/Content/images/V2/global/icondesktop@2x.v201712081010.png) no-repeat;
        background-size: 330px 225px;
        background-position: -35px -35px;
    }
}

header .header-promotion {
    float: right;
    color: #333;
    line-height: 36px;
    padding-top: 0 !important;
}

.icondmx-gift {
    background-position: -200px 0;
    width: 20px;
    height: 20px;
    vertical-align: text-bottom;
    opacity: 1;
    margin-right: 5px;
}

.icondmx-tivi {
    background-position: 0 -156px;
    width: 20px;
    height: 13px;
    margin-top: 3px;
}

.icondmx-tulanh {
    background-position: -19px -157px;
    width: 20px;
    height: 21px;
}

.icondmx-maygiat {
    background-position: -38px -157px;
    width: 20px;
    height: 21px;
}

.icondmx-maylanh {
    background-position: -59px -155px;
    width: 20px;
    height: 20px;
}

.icondmx-giadung {
    background-position: -84px -157px;
    width: 20px;
    height: 21px;
}

.icondmx-dodung {
    background-position: -103px -157px;
    width: 20px;
    height: 17px;
}

.icondmx-tele {
    background-position: -124px -157px;
    width: 20px;
    height: 19px;
}

.icondmx-phukien {
    background-position: -168px -157px;
    width: 20px;
    height: 16px;
}

.icondmx-locnuoc {
    background-position: -144px -157px;
    width: 20px;
    height: 19px;
}

.icondmx-simso {
    background-position: -192px -154px;
    width: 20px;
    height: 19px;
}

.icondmx-maycu {
    background-position: -215px -157px;
    width: 20px;
    height: 18px;
}

.icondmx-flash {
    background-position: -235px -158px;
    width: 10px;
    height: 20px;
}

.top30 {
    margin-top: 30px;
}

.main-navigation {
    display: block;
    background: #0052aa;
    height: 42px;
    z-index: 8;
    position: relative;
}

.mainbox {
    display: block;
    width: 100%;
    max-width: 1233px;
    margin: auto;
    height: 43px;
    position: relative;
    z-index: 999;
}

.txtbanner {
    display: inline-block;
    width: 80%;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    position: relative;
}

#header-contact {
    display: inline-flex;
}

    #header-contact span {
        font-size: 12px;
    }

.txtbanner a {
    color: #fff;
    border-left: 1px solid #fff;
    display: inline-block;
    margin-left: 15px;
    padding-left: 15px;
    line-height: 20px;
    position: relative;
}

    .txtbanner a:nth-child(2) {
        border-left: none;
        margin-left: 17px;
    }

    .txtbanner a:hover {
        text-decoration: underline;
    }

    .txtbanner a .text {
        margin-left: 25px;
    }

        .txtbanner a .text strong {
            text-transform: uppercase;
            color: #d0021b;
            font-weight: normal;
        }

#dot {
    width: 10px;
    height: 10px;
    background-color: #d0021b;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -5px;
    display: block;
}

    #dot .ping {
        border: 1px solid #d0021b;
        width: 10px;
        height: 10px;
        opacity: 1;
        background-color: rgba(238,46,36,.2);
        border-radius: 100%;
        -moz-animation: sonar 1.25s linear infinite;
        -o-animation: sonar 1.25s linear infinite;
        -webkit-animation: sonar 1.25s linear infinite;
        animation: sonar 1.25s linear infinite;
        display: block;
        margin: -1px 0 0 -1px;
    }

#flashsale {
    text-transform: uppercase;
    color: #d0021b;
}

    #flashsale i {
        -webkit-animation: 2s opas infinite;
        -moz-animation: 2s opas infinite;
        animation: 2s opas infinite;
    }

.main-navigation .mainmenu {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    width: 230px;
    height: auto;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 0 4px 0 rgba(0,0,0,.2);
}

.mainmenu .line {
    float: left;
    width: 13px;
    padding: 11px 10px 11px;
    overflow: hidden;
    position: relative;
    z-index: 12;
}

    .mainmenu .line i {
        display: block;
        margin: 2px 0;
        height: 2px;
        background: #333;
        border-radius: 4px;
    }

.mainmenu > span {
    background: #0052aa;
    display: block;
    position: relative;
    z-index: 11;
    padding: 9px 0 9px;
    font-weight: bold;
}

    .mainmenu > span:after {
        content: '';
        border-top: 6px solid #fff;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        width: 0;
        height: 0;
        display: inline-block;
        margin-left: 38px;
        position: relative;
        top: -2px;
    }

/*nav {
    overflow: visible;
    clear: both;
    position: absolute;
    top: 36px;
    left: -1px;
    right: 0;
    z-index: 10;
    /*height: 0;*/
}

nav ul {
    display: none;
    width: 230px;
    height: 364px;
    background: #fff;
    overflow: visible;
    box-shadow: 2px 0 4px 0 rgba(0,0,0,.2);
    border-left: 1px solid #ddd;
}

nav li {
    display: block;
    overflow: hidden;
    padding: 6px 10px;
    cursor: pointer;
    float: left;
}

    nav li > span {
        position: relative;
        display: block;
        color: #333;
        line-height: 35px;
        padding: 5px 0 4px 0;
        /* border-bottom: 1px solid #eee;*/
    }

    nav li.active {
        /*border-left: 3px solid #0052aa;*/
        padding-left: 7px;
    }

        nav li.active > span, nav li.active > span a {
            font-weight: bold;
        }

    nav li:last-child > span {
        border-bottom: none;
    }

    nav li i {
        opacity: .5;
        float: left;
        margin-right: 4px;
    }

    nav li.active i {
        opacity: 1;
    }

    nav li a {
        font-size: 14px;
        color: white;
    }

    nav li.active > span > a:hover {
        color: #0052aa;
        font-weight: bold;
    }
.header-wrapper {
    background: white;
    color:black;
}
.dropdown-title {
    color: black;
}
#menu2017 {
    display: block;
}
/*  nav li.dropdown > span:before, nav li.dropdown > span:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 5px solid #999;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        position: absolute;
        right: 0;
        top: 10px;
    }

    nav li.dropdown.active > span:before, nav li.dropdown.active > span:after {
        border-left: 5px solid #333;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
    }*/
/*    nav li.dropdown > span:after, nav li.dropdown.active > span:after {
        border-width: 4px;
        border-left-color: #fff;
        margin-right: 1px;
        margin-top: 1px;
    }*/
/*nav li.active > a {
    background: #fff;
}*/
.languages li{
    width:100%;
}
.autow:hover strong {
    color: #1053ae;
}
.autow:hover a {
   text-decoration:underline;
}
#menu2017 li:hover .gd-menu
{
    display:block !important;
}
nav li .subcate {
    cursor: default;
    overflow: hidden;
    position: absolute;
    top: 42px;
    left: 0px;
    height: auto;
    background: white;
    padding: 10px;
    box-shadow: 0 2px 1px 0 rgb(0 0 0 / 25%);
    width: 100%;
    border: 1px solid #ddd;
}

        nav li .subcate a.viewall {
            position: absolute;
            bottom: 5px;
            left: 20px;
            color: #0052aa;
            line-height: 30px;
        }

            nav li .subcate a.viewall:after {
                content: '';
                width: 0;
                height: 0;
                border-left: 5px solid #0052aa;
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent;
                display: inline-block;
                margin-left: 5px;
            }

        nav li .subcate.config {
            width: 150px;
            padding-left: 20px;
        }

        nav li .subcate.config2 {
            width: 170px;
        }

            nav li .subcate.config2 aside {
                width: 100%;
            }

    nav li aside {
        float: left;
        overflow: hidden;
        cursor: default;
    }

.gd-menu aside {
    /*width: 200px;*/
    padding: 5px 10px;
}

    .gd-menu aside.autow {
        /*width: 100%;*/
    }

    .gd-menu aside > div {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        -ms-column-count: 2;
        -o-column-count: 2;
        column-count: 2;
    }

    .gd-menu aside:nth-child(2) {
        /*width: 200px;*/
        margin-left: 10px;
    }

nav li aside strong {
    line-height: 20px;
    color: #666;
}

.gd-menu aside strong {
    border-bottom: solid 1px #ddd;
    display: block;
    height: 25px;
    margin-bottom: 5px;
    font-size: 12px;
}

nav li aside a {
    display: block;
    text-transform: none;
    padding: 2px 0 !important;
    line-height: 20px;
}

.gd-menu aside a {
    line-height: 25px;
}

nav li aside a:hover {
    color: #0052aa;
    font-weight: normal;
}

nav li .config aside {
    width: 100%;
}

nav li a.bord {
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    padding: 0 5px !important;
    line-height: 23px;
    margin-top: 5px;
}

nav li aside strong a {
    font-size: 12px;
    color: #0052aa;
    font-weight: bold;
    display: inline-block;
}

    nav li aside strong a:hover {
        font-weight: bold;
    }

.icondmx-monopoly {
    background-position: -70px -60px;
    width: 60px;
    height: 20px;
}

.icondmx-selling {
    background-position: -135px -60px;
    width: 60px;
    height: 20px;
}

.icondmx-online {
    background-position: -200px -60px;
    width: 74px;
    height: 20px;
}

footer {
    width: 100%;
    margin: 10px auto 0;
    background: #fff;
    overflow: hidden;
    clear: both;
}

.rowfoot1 {
    display: block;
    overflow: hidden;
    width: 100%;
    min-width: 1024px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 0;
}

.colfoot {
    float: left;
    width: 28%;
    margin: 0;
    position: relative;
}

.collast {
    width: 20%;
    float: right;
}

    .collast img {
        max-width: 233px;
        float: right;
        height: auto;
    }

.col1 {
    width: 21%;
}

.col2 {
    width: 18%;
}

.col3 {
    width: 24%;
}

.col4 {
    width: 17%;
}

.colfoot li {
    float: none;
    position: relative;
    font-size: 13px;
    color: #444;
}

    .colfoot li strong {
        display: block;
        overflow: hidden;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 300;
    }

    .colfoot li a {
        display: block;
        color: #288ad6;
        font-size: 14px;
        line-height: 25px;
        padding-top: 5px;
    }

        .colfoot li a:hover {
            color: #666;
        }

    .colfoot li p {
        display: block;
        padding-top: 5px;
        line-height: 25px;
        font-size: 14px;
        color: #666;
    }

.colfoot.collast li p {
    padding-top: 20px;
    font-size: 12px;
}

.colfoot li p a {
    display: inline;
    font-weight: 600;
    color: #333;
    padding: 0 5px;
}

.colfoot li.showmore {
    font-weight: bold;
}

    .colfoot li.showmore a:after {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border-top: 5px solid #288ad6;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        margin: 0 0 0 5px;
        position: relative;
        top: -2px;
    }

    .colfoot li.showmore a:hover:after {
        border-top: 5px solid #666;
    }

.colfoot li.hidden {
    display: none;
}

.colfoot li a.linkfb {
    float: left;
    padding: 0 10px 0 0;
    margin: 9px 0 2px;
    border-right: 1px solid #e9e9e9;
    font-size: 12px;
    line-height: 1;
    color: #288ad6;
    font-weight: 600;
}

.colfoot li a.linkyt {
    float: left;
    padding: 0 0 0 10px;
    margin: 9px 0 2px;
    font-size: 12px;
    color: #288ad6;
    line-height: 1;
    font-weight: 600;
}

.colfoot li a.norton {
    float: left;
    overflow: hidden;
    margin-top: 5px;
    clear: both;
}

.colfoot li a.bct {
    float: left;
    margin-top: 8px;
    margin-left: 35px;
}

.rowfoot2 {
    width: 100%;
    min-width: 980px;
    overflow: hidden;
    background: #f8f8f8;
    padding: 10px 0;
}

    .rowfoot2 p {
        display: block;
        max-width: 1200px;
        margin: auto;
        font-size: 10px;
        color: #999;
    }

    .rowfoot2 a {
        color: #0052aa;
    }

.icondmx-share1 {
    background-position: -235px 0;
    width: 8px;
    height: 16px;
    vertical-align: sub;
}

.icondmx-share3 {
    background-position: -245px 0;
    width: 13px;
    height: 16px;
    vertical-align: sub;
}

.icondmx-nort {
    background-position: 0 -90px;
    width: 65px;
    height: 35px;
}

.icondmx-bct {
    background-position: -70px -90px;
    width: 89px;
    height: 28px;
}

.breadcrumb {
    display: block;
    overflow: hidden;
    margin: 0;
    line-height: 32px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .breadcrumb li {
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
    }

        .breadcrumb li a {
            display: inline-block;
            white-space: nowrap;
            font-size: 14px;
            color: #288ad6;
            padding: 0 10px 0 0;
        }

    .breadcrumb span {
        display: inline-block;
        font-size: 20px;
        color: #999;
        padding: 2px 5px 0 0;
        line-height: 1;
    }

    .breadcrumb li h1, .breadcrumb li h2 {
        display: inline-block;
        font-size: 14px;
        color: #288ad6;
        font-weight: normal;
        line-height: 32px;
    }

        .breadcrumb li h1 a {
            color: #288ad6;
        }

        .breadcrumb li h2 a {
            padding-left: 2px;
            color: #288ad6;
        }

header .provinces-box {
    float: left;
    padding: 0 5px;
    background: #2878d7;
    border-radius: 3px;
    margin: 7px 0 7px 7px;
    height: 34px;
    cursor: pointer;
}

.provinces-box > span:before, .provinces-box > span:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: 7px;
    right: -17px;
}

.provinces-box > span:after {
    margin-right: 2px;
    border-top-color: #2878d7;
    border-width: 4px;
}

.provinces-box > b {
    display: block;
    font-size: 10px;
    color: #bae8ff;
    height: 11px;
    padding: 2px 0;
    font-weight: normal;
}

header .provinces-box > span {
    display: inline-block;
    font-size: 11px;
    color: #fff;
    position: relative;
    font-weight: bold;
}

.provinces-box .search-province {
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #f1f1f1;
    width: 266px;
}

.provinces-box .close {
    float: right;
    font-size: 10px;
    line-height: 12px;
    cursor: pointer;
}

.provinces-box .fake {
    display: none;
    position: absolute;
    width: 120px;
    height: 10px;
    background-color: transparent;
}

.provinces-box:hover .fake {
    display: block;
}

.provinces-box .balloon {
    display: none;
    margin-top: 9px;
    font-size: 13px;
    padding: 10px;
    color: #333;
    z-index: 999;
    position: absolute;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
    box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}

.provinces-box .point {
    position: absolute;
    top: -8px;
    left: 5%;
}

    .provinces-box .point:before, .provinces-box .point:after {
        position: absolute;
        content: "\20";
        display: block;
        z-index: 2;
        width: 0;
        height: 0;
        overflow: hidden;
        border: solid 8px transparent;
        border-top: 0;
        border-bottom-color: #fff;
    }

    .provinces-box .point:before {
        top: -1px;
        z-index: 1;
        border-bottom-color: rgba(0,0,0,.14);
    }

.provinces-box .tip {
    width: 200px;
}

    .provinces-box .tip:after {
        clear: right;
    }

.provinces-box .dd {
    width: 600px;
}

    .provinces-box .dd ul {
        margin-top: 10px;
        -moz-column-count: 4;
        -webkit-column-count: 4;
        -ms-column-count: 4;
        -o-column-count: 4;
        column-count: 4;
        column-fill: balance;
    }

        .provinces-box .dd ul > li {
            color: #288ad6;
            display: block;
            cursor: pointer;
            padding: 7px 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            font-size: 1.1em;
            -webkit-column-break-inside: avoid;
            -moz-column-break-inside: avoid;
            column-break-inside: avoid;
        }

            .provinces-box .dd ul > li:hover {
                text-decoration: underline;
            }

.provinces-box:hover .dd, .provinces-box > span:hover .dd {
    display: block;
}

.provinces-box .wico-search {
    margin-left: -25px;
}

.provinces-box .wico-down-mini {
    display: none !important;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20000;
    background: rgba(0,0,0,.75);
}

.loading-ctnr {
    position: absolute;
    top: 45%;
    right: 0;
    left: 0;
    z-index: 20000;
    margin: auto;
    padding: 5px 10px 5px 10px;
    color: #1d1d1d;
    background: #f5f5f5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 270px;
    font-size: 13px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
}

    .loading-ctnr p {
        height: 18px;
        display: inline-block;
        vertical-align: top;
        padding-top: 4px;
        padding-left: 5px;
    }

.throbber {
    width: 23px;
    height: 23px;
    display: inline-block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: left;
}

    .throbber:after {
        display: inline-block;
        position: relative;
        width: 20px;
        height: 20px;
        -webkit-animation: rotate .6s linear infinite;
        -moz-animation: rotate .6s linear infinite;
        -ms-animation: rotate .6s linear infinite;
        -o-animation: rotate .6s linear infinite;
        animation: rotate .6s linear infinite;
        border-radius: 100%;
        border-top: 1px solid #545a6a;
        border-bottom: 1px solid #d4d4db;
        border-left: 1px solid #545a6a;
        border-right: 1px solid #d4d4db;
        content: '';
        opacity: .5;
    }

.logobanner {
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
}

#cart-box {
    width: 26px;
    float: left;
    height: 34px;
    margin: 15px 20px 0 8px;
    position: relative;
}

    #cart-box:hover #core-brain {
        display: block;
    }

header .cart.hidecb {
    display: none;
}

header .cart span {
    width: 18px;
    height: 18px;
    background: #fd3620;
    text-align: center;
    font-size: 12px;
    color: #fff;
    border-radius: 20px;
    position: absolute;
    top: -8px;
    right: -8px;
}

.cart.none {
    display: none !important;
}

#gb-top-page {
    bottom: 15px;
    position: fixed;
    right: 15px;
    z-index: 100;
    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;
}

.suggest h4 {
    display: block;
}

    .suggest h4.ns {
        color: #e5830a;
    }

    .suggest h4 b {
        white-space: nowrap;
        display: block;
    }

        .suggest h4 b span {
            vertical-align: -4px;
            padding-top: 2px;
        }

    .suggest h4 .normal {
        font-weight: normal !important;
    }

.suggest .dl {
    text-decoration: line-through;
    color: #878787;
}

.suggest .hs {
    text-decoration: line-through;
}

.suggest .hssp {
    background: #ff8366;
    background: linear-gradient(0deg,#ff8366 0%,#ff5831 100%);
    border-radius: 2px;
    width: 65px;
    height: 16px;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 2px 5px;
}

.dis20 em {
    font-size: 11px;
    color: #ff0;
    font-weight: bold;
    text-transform: uppercase;
    background: #f00;
    font-style: normal;
    padding: 3px 2px;
    border-radius: 3px;
}

.hidecart {
    display: none;
}

#main-search.ncart {
    width: 39.4%;
}

@-moz-document url-prefix() {
    #main-search {
        width: 34.4%;
    }

        #main-search.ncart {
            width: 38.9%;
        }
}

#submenu-4 aside:nth-child(2) {
    width: 240px;
}
/*
@keyframes rotate {
    0% {
        transform: rotateZ(-360deg);
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg);
    }

    100% {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
    }
}

@-webkit-keyframes rotate {
    0% {
        transform: rotateZ(-360deg);
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg);
    }

    100% {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
    }
}

@-moz-keyframes rotate {
    0% {
        transform: rotateZ(-360deg);
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg);
    }

    100% {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
    }
}

@-o-keyframes rotate {
    0% {
        transform: rotateZ(-360deg);
        -webkit-transform: rotateZ(-360deg);
        -moz-transform: rotateZ(-360deg);
        -o-transform: rotateZ(-360deg);
    }

    100% {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -o-transform: rotateZ(0deg);
    }
}
*/
.logo-tet {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url(https://cdn.tgdd.vn/dmx2016/Content/images/2018/home/tet/tetdt.png) top left no-repeat;
    width: 168px;
    height: 25px;
}

.udl {
    background: #df3939;
    color: #fff;
    padding: 1px 5px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    margin-left: 15px;
    position: relative;
    bottom: 1px;
}

    .udl:before {
        content: "";
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 12px solid transparent;
        border-right: 9px solid #df3939;
        position: absolute;
        left: -21px;
        bottom: 0;
    }

#bn-promote {
    background: #f1f1f1;
    max-width: 1200px !important;
    margin: 10px auto 10px;
    width: auto !important;
    position: initial !important;
}

.promote {
    background: #fff;
    margin-top: 10px;
    overflow: hidden;
    clear: both;
    padding: 10px;
}

    .promote h5 {
        font-size: 18px;
        padding-bottom: 10px;
        line-height: 1.3;
    }

    .promote a {
        margin-right: 20px;
    }

    .promote img {
        width: 380px;
        height: auto;
    }

    .promote a:last-child {
        margin: 0;
    }

@media screen and (max-width:1220px) {
    .btnviewed .nopro:before, .btnviewed .nopro:after {
        right: 42%;
    }

    .btnviewed .nopro:after {
        right: 37%;
    }

    .wraphead {
        width: 1024px;
    }

    .switchboard, .kinhnghiemhay {
        margin: 7px 0 7px 17px;
    }

    #main-search {
        width: 25%;
    }

        #main-search.ncart {
            width: 29%;
        }

    .switchboard {
        margin-left: 10px;
    }

    .knh {
        margin-left: 30px;
    }

    header .supermarket {
        margin-left: 25px;
    }

    .colfoot li a {
        padding: 0 0 0 5px;
        line-height: 30px;
    }

    .colfoot {
        width: 26.5%;
    }

    /*.main-navigation .mainmenu, nav ul {
        width: 210px;
    }*/

    nav ul {
        height: 338px;
    }

    .mainmenu > span:after {
        margin-left: 20px;
    }

    nav li a, nav li aside a {
        font-size: 12px;
    }

    nav li h3 {
        font-size: 12px;
        line-height: 19px;
        padding: 4px 0;
    }

    nav li .subcate {
        left: 211px;
        height: 318px;
    }

    .txtbanner {
        width: 79%;
    }

    header .header-promotion {
        padding-right: 10px;
    }

    .col4 {
        width: 20%;
        margin-right: 5px;
    }

    .collast {
        display: none;
    }

    .breadcrumb {
        margin: 0 10px;
    }

    #cart-box {
        margin: 15px 20px 0 0;
    }

    #main-search .suggest a span:first-child {
        max-width: 100% !important;
    }

    .suggest .suggest-shock {
        padding-top: 0 !important;
    }

    .mwg-logo {
        padding: 5px 0 0 0 !important;
    }

    .viewedproduct {
        width: 1000px;
    }

    .storeinfo:before, .storeinfo:after {
        content: none;
    }
}

@media only screen and (max-width:1199px),only screen and (max-width:1199px) and (orientation:landscape) {
}

@media only screen and (max-width:992px),only screen and (max-width:992px) and (orientation:portrait) {
}

@media only screen and (max-width: 767px) {
    #displayNewsDetail .postContent-detail img {
        width: 100% !important;
        height:auto !important;
    }
	.breadcrumbs
  {
	  margin-top: 41px;
	 }
    .list_child_section
    {
        display:none;
    }
    #sync1 {
        margin-top: 55px;
    }
    .owl-next, .owl-prev {
        width: 22px;
        height: 40px;
        margin-top: -20px;
        position: absolute;
        top: 40%;
    }

    .fa-child-sub {
        color: #fff;
        font-size: 18px !important;
        float: right;
        width: 50px;
        text-align: right;
        height: 35px;
        position: absolute;
        top: 0;
        display: flex !important;
        right: 0;
        justify-content: center;
        align-items: center;
    }

    #_choosedfilter {
        display: none;
    }

    .tab_section .sp.fL .pro12 {
        position: relative;
        z-index: 2;
        padding: 0px;
        background: #fff;
    }

    .list_child_section li {
        float: left;
        padding: 10px 0;
        flex: 0 0 calc(20% - 9px);
        background: #f3f3f3;
        margin: 5px;
        margin-right: 0;
        padding: 2px;
        font-size: 12px;
        color: #666;
        text-align: center;
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 36px;
        line-height: 15px;
    }

    .title_section h3 {
        float: left;
        padding: 10px 10px;
        flex: 0 0 calc(20% - 9px);
        background: #ea1303;
        margin: 5px;
        margin-right: 0;
        font-size: 12px !important;
        color: white;
        text-align: center;
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 36px;
        line-height: 15px;
    }

    #quangcao .tab_fixed {
        position: relative !important;
    }

    .title_section {
        text-transform: uppercase;
        color: #1053ae;
        font-weight: bold;
        padding-right: 10px;
        line-height: 38px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 5px;
    }

    .pro12 label.code {
        height: auto;
        margin: 0 5px 0 0;
        position: initial;
        background: none;
        font-size: 14px;
        vertical-align: middle;
        padding: 0;
    }

    .top_section {
        background: none;
    }

    .list_child_section li a {
        color: #0052aa;
        border-left: none;
        padding: 0 10px;
    }

    .navbar-default {
        display: block;
    }

    #sync3 .owl-nav .owl-prev {
        display: none;
    }

    #sync3 .owl-nav .owl-next {
        display: none;
    }

    .product-actions-single {
        width: 100%;
        margin-top: 20px;
        text-align: center;
        margin: 0px auto;
    }

    .Img-views ul li {
        width: 29.5%;
        height: 94px;
        overflow: hidden;
        margin-left: 2px;
    }

    .product-gift {
        background: #f5791f;
        color: #fff;
        font-size: 10px;
        padding: 5px 5px 5px 5px;
    }

    .Img-views ul li p:first-child {
        height: 54px;
        overflow: hidden;
    }

    .product-img-content .nuttrai {
        display: none;
    }

    .product-img-content .nutphai {
        display: none;
    }

    .product-name {
        margin-right: 0px;
        margin-bottom: 29px;
    }

    #txtKeyword {
       float: left;
    width: 95%;
    margin-left: 3px;
    border-bottom-left-radius: 20px;
    border-radius: 20px;
    height: 36px;
    margin-top: 7px;
    }
    .form-imput-serach
    {
        text-align:center;
        float:none !important;
    }
    #btnSearch {
        padding: 9px 9px 8px;
        margin: -22px 1px 0 0;
        background-color: white;
        text-decoration: none;
        /* border-radius: 0 3px 3px 0; */
        width: 15%;
        color: black;
        position: absolute;
        right: 26px;
        top: 8px;
        height: 33px;
    }
        #btnSearch:after {
            content: '\ee4c';
            font-family: fontello;
            font-size: 25px;
            line-height: 25px;
            vertical-align: sub;
            color: #fff;
            display:none;
        }
        #btnSearch:hover {
            background-color: white;
        }
    .sp2 {
        margin: 10px 10px;
        width: 100%;
    }

    #CartContent .modal-body {
        padding: 0px;
    }

        #CartContent .modal-body th:first-child {
            display: none;
        }

    #contentCart tr:first-child td:first-child {
        display: none;
    }

    #CartContent .modal-body {
        padding: 0px;
    }

    #CartContent .modal-lg {
        width: 100%;
    }

    .hm-bn1 {
        width: 90%;
        /* height: 360px; */
        overflow: hidden;
        position: relative;
        margin: 0 auto;
    }

    .Tintucchung {
        display: none;
    }

    #top_navigation .steps > li > a > .bullet-checkout {
        color: #fff !important;
        vertical-align: top;
        /* width: 41px; */
        height: 40px;
        line-height: 40px;
        background-repeat: no-repeat;
        background-position: center center;
        background: #000;
        margin-right: 0px;
        padding: 0px 5px;
    }

    #top_navigation .steps {
        height: 46px;
        overflow: hidden;
        margin: 10px auto;
        width: 100%;
    }

    .leftThanhtoan {
        float: left;
        width: 100%;
    }

    .note-by-customer {
        float: left;
        width: 100%;
    }

    .hm-bn1 {
        height: 100%;
    }

    .banner {
        display: none;
    }

    .hm-bn {
        width: 100%;
        height: auto;
        margin-right: 0px;
        margin-top: 60px;
    }

    #sync2 {
        display: none;
    }

    .clSearch {
        margin-top: 0px;
    }

    .tab_section .sp.fL {
        width: 46%;
        float: left;
        /* border: 1px solid #f7f6f2; */
        position: relative;
        padding-top: 3px;
        margin: 4px 5px;
    }

        .tab_section .sp.fL .image_sp img {
            width: 100%;
            height: 247px;
            transition: all 1000ms ease 0s;
            object-fit:contain;
        }
        .default .tab_section .sp.fL .image_sp img {
            width: 100%;
            height: 247px;
            transition: all 1000ms ease 0s;
            object-fit: contain;
        }
    .percent {
        position: absolute;
        top: 10px;
        background: url(../images/down.png) no-repeat 2px 0px;
        color: rgb(255, 255, 255);
        width: 25%;
        text-align: center;
        right: 9px;
        height: 24%;
        padding-top: 12px;
        padding-left: 6px;
        background-size: contain;
    }

        .percent span {
            padding: 0 0px;
            font-size: 16px;
            color: #f8e61c;
            font-weight: bold;
            margin-left: -6px;
        }

    .price_sp {
        color: #ee3124;
        font-size: 17px;
        font-weight: 700;
        margin-right: 6px;
        font-family: Oswald,sans-serif;
        width: 100%;
        /*padding: 0px;*/
        margin-top: 0px;
    }

    .pro12 .name-product {
        height: 66px;
        overflow: hidden;
        text-align: left;
    }

    .help-box, .support-box {
        display: none;
    }

    .btn-hamburger {
        display: none;
    }

    .logo img {
        height: 43px;
        width: 100%;
       /* margin-top: 5px;*/
    }

    #btnSearch {
        margin-top: 0px;
    }

    .header-color {
        background: white;
        padding-top: 0px;
        border: 0px;
        height: 100%;
    }
  
    .header {
        position: fixed;
        z-index: 3;
        width: 100%;
        padding: 14px 0px;
        background: white;
    }
}

@media only screen and (max-width:320px) {
    #displayNewsDetail .postContent-detail img {
        width: 100% !important;
        height: auto !important;
    }
	.breadcrumbs
  {
	  margin-top: 41px;
	 }
    .list_child_section {
        display: none;
    }
    .pro12 label.code {
        height: auto;
        margin: 0 5px 0 0;
        position: initial;
        background: none;
        font-size: 14px;
        vertical-align: middle;
        padding: 0;
    }

    .navbar-default {
        display: block;
    }

    #sync3 .owl-nav .owl-prev {
        display: none;
    }

    #sync3 .owl-nav .owl-next {
        display: none;
    }

    .product-actions-single {
        width: 100%;
        margin-top: 20px;
        text-align: center;
        margin: 0px auto;
    }

    .Img-views ul li p:first-child {
        height: 54px;
        overflow: hidden;
    }

    .Img-views ul li {
        width: 29.5%;
        height: 94px;
        overflow: hidden;
        margin-left: 2px;
    }

    .product-img-content .nuttrai {
        display: none;
    }

    .product-img-content .nutphai {
        display: none;
    }

    .product-name {
        margin-right: 0px;
        margin-bottom: 29px;
    }

    #txtKeyword {
        float: left;
        width: 70%;
    }

    .sp2 {
        margin: 10px 10px;
        width: 100%;
    }

    #quangcao .tab_fixed {
        position: relative !important;
    }

    .checkout-process {
        margin-bottom: 20px;
        padding-top: 5px;
    }

    #top_navigation {
        display: none;
    }

    #txtKeyword {
        width: 94%;
        margin-top: 6px;
    }

    .CartContent .modal-body {
        padding: 0px;
    }

        .CartContent .modal-body th:first-child {
            display: none;
        }

    #contentCart td:first-child {
        display: none;
    }

    .CartContent .modal-lg {
        width: 100%;
    }

    .hm-bn1 {
        width: 90%;
        /* height: 360px; */
        overflow: hidden;
        position: relative;
        margin: 0 auto;
    }

    .Tintucchung {
        display: none;
    }

    #top_navigation .steps > li > a > .bullet-checkout {
        color: #fff !important;
        vertical-align: top;
        /* width: 41px; */
        height: 40px;
        line-height: 40px;
        background-repeat: no-repeat;
        background-position: center center;
        background: #000;
        margin-right: 8px;
        padding: 0px 5px;
    }

    #top_navigation .steps {
        height: 46px;
        overflow: hidden;
        margin: 10px auto;
        width: 100%;
    }

    .leftThanhtoan {
        float: left;
        width: 100%;
    }

    .note-by-customer {
        float: left;
        width: 100%;
    }

    .hm-bn1 {
        height: 100%;
    }

    .banner {
        display: none;
    }

    .header {
        position: fixed;
        z-index: 3;
        width: 100%;
        padding: 14px 0px;
        background: white;
    }

    .hm-bn {
        width: 100%;
        height: auto;
        margin-right: 0px;
    }

    #sync2 {
        display: none;
    }

    .clSearch {
        margin-top: 0px;
    }

    .tab_section .sp.fL {
        width: 43%;
        float: left;
        /* border: 1px solid #f7f6f2; */
        position: relative;
        padding-top: 3px;
        margin: 4px 5px;
    }

    .help-box, .support-box {
        display: none;
    }

    .btn-hamburger {
        display: block;
    }

    .logo img {
        height: 43px;
        width: 100%;
    }

    #btnSearch {
        margin-top: 0px;
    }

    .header-color {
        background: white;
        padding-top: 0px;
        border: 0px;
    }
}

/*@-webkit-keyframes sonar {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(4);
        transform: scale(4);
        opacity: 0;
    }
}

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

    100% {
        -webkit-transform: scale(4);
        transform: scale(4);
        opacity: 0;
    }
}

@-webkit-keyframes opas {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .2;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes opas {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .2;
    }

    100% {
        opacity: 1;
    }
}

g54 opas {
    0%;

{
    opacity: 1;
}

50% {
    opacity: .2;
}

100% {
    opacity: 1;
}
}*/
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,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}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-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:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;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:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}