body {
    font-family: 'Microsoft JhengHei','Raleway',sans-serif;
    background: #fafafa
}

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

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

blockquote, q {
    quotes: none
}

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

    blockquote footer:before, blockquote footer:after {
        display: none
    }

body * {
    -webkit-text-size-adjust: none
}

.clear {
    clear: both;
    overflow: hidden;
    height: 0;
    font-size: 0;
    display: block
}

input:focus, select:focus, textarea:focus, button:focus {
    outline: none
}

input, textarea, select {
    font-family: 'Microsoft JhengHei','Raleway',sans-serif;
    font-weight: 300;
    -webkit-appearance: none;
    border-radius: 0
}

a, a:link, a:visited, a:active, a:hover {
    cursor: pointer;
    text-decoration: none;
    outline: none
}

ul {
    list-style: none
}

body {
    font-family: 'Microsoft JhengHei','Raleway',sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1
}

.float-right {
    float: right
}

.float-left {
    float: left
}

img {
    vertical-align: top;
    max-width: 100%
}

.table-view {
    height: 100%;
    width: 100%;
    display: table
}

.row-view {
    display: table-row
}

.cell-view {
    display: table-cell;
    vertical-align: middle;
    height: inherit
}

.m-t30 {
    margin-top: 30px
}

.m-t60 {
    margin-top: 60px
}

#content-block {
    position: relative;
    overflow: hidden
}

    #content-block :last-child {
        margin-bottom: 0
    }

.nopadding {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

.content-center, .position-center {
    max-width: 1310px;
    margin: 0 auto;
    padding: 0 70px;
    position: relative
}

.position-center {
    background: none
}

.wide-center {
    max-width: 1760px;
    margin: 0 auto;
    padding: 0 30px
}

@media (max-width: 767px) {
    .wide-center {
        padding: 0 15px
    }

    .wide-center-0927 {
        padding: 0 15px
    }
}

.information-blocks {
    margin-bottom: 70px
}

#content-block .sidebar-column .information-blocks {
    margin-bottom: 40px
}

.block-title {
    font-size: 18px;
    line-height: 24px;
    color: #2e2e2e;
    font-weight: 600;
    padding-bottom: 15px;
    border-bottom: 1px #ebebeb solid;
    margin-bottom: 25px
}

    .block-title.size-1 {
        font-size: 16px
    }

    .block-title.size-2 {
        font-size: 18px
    }

    .block-title.size-3 {
        font-size: 24px;
        margin-bottom: -1px
    }

    .block-title.size-4 {
        font-size: 30px;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 20px;
        padding-bottom: 20px
    }

.button {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #373737;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 10px;
    display: inline-block;
    margin-bottom: 12px;
    cursor: pointer;
    min-width: 127px;
    border: 2px #dadada solid;
    background: transparent;
    position: relative;
    border-radius: 4px
}

    .button .fa {
        margin-right: 5px
    }

.button2 {
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    padding: 5px;
    display: inline-block;
    margin-bottom: 12px;
    cursor: pointer;
    background: #262626;
    border: 2px #262626 solid;
    position: relative;
    border-radius: 50%;
    color: #fff
}

    .button2 .fa {
        display: inline-block;
        height: 65px;
        width: 65px;
        line-height: 65px
    }

.button2-2 {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    padding: 8px;
    display: inline-block;
    background-color: #4798e8;
    color: #fff;
    border-color: #4798e8;
    position: relative;
    border-radius: 50%;
    box-shadow: 0 2px 2px 0 rgba(169,169,169,0.14),0 3px 1px -2px rgba(169,169,169,0.2),0 1px 5px 0 rgba(169,169,169,0.12)
}

    .button2-2 .fa {
        display: inline-block;
        height: 20px;
        width: 20px;
        line-height: 20px
    }

.button3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 50px;
    background: transparent;
    padding: 5px;
    display: inline-block;
    margin-bottom: 12px;
    cursor: pointer;
    width: 200px;
    height: 80px;
    margin-right: 45px;
    position: relative;
    color: #fff
}

.button2:hover {
    background: #fff;
    color: #262626
}

.button2-2:hover {
    background: #555;
    color: #fff
}

.button.style-2 {
    background: #f2f2f2;
    border-color: #f2f2f2
}

.button.style-9 {
    border-color: rgba(255,255,255,0.5)
}

    .button.style-1:hover, .button.style-9:hover {
        background: #fff;
        border: 2px transparent solid
    }

.button.style-2:hover {
    background: #fff
}

.button.style-3 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #333232;
    text-transform: uppercase;
    background: #f0f0f0;
    display: inline-block;
    text-align: center;
    border: 2px #f0f0f0 solid;
    padding: 10px 5px;
    min-width: 0
}

.button.style-3-2 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background: #eb6100;
    display: inline-block;
    text-align: center;
    border: 2px #eb6100 solid;
    padding: 10px 5px;
    min-width: 0
}

.button.style-4 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background: #ca1515;
    display: inline-block;
    text-align: center;
    border: 2px #ca1515 solid;
    padding: 10px 5px;
    min-width: 0
}

    .button.style-3:hover, .button.style-4:hover {
        background: transparent !important;
        color: #333232 !important
    }

.button.style-3-2:hover {
    background: transparent !important;
    color: #333232 !important
}

.button.style-5 {
    border-color: #fff;
    background: #fff
}

    .button.style-5:hover {
        background: transparent;
        border-color: #bfbfbf
    }

.button.style-6 {
    border-color: #fff;
    background: #fff
}

    .button.style-6:hover {
        color: #fff;
        background: transparent;
        border-color: #bfbfbf
    }

.button.style-6-2 {
    font-size: 14px;
    line-height: 18px;
    padding: 11px 40px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    border: 2px #008bd5 solid;
    background: #008bd5;
    letter-spacing: 2px;
    border-radius: 30px
}

    .button.style-6-2:hover {
        color: #fff;
        background: transparent;
        border-color: #008bd5
    }

.button.style-6-3 {
    font-size: 14px;
    line-height: 18px;
    padding: 11px 40px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    border: 2px #fff solid;
    background: transparent;
    letter-spacing: 2px;
    border-radius: 30px
}

    .button.style-6-3:hover {
        color: #fff;
        background: transparent;
        border-color: #008bd5
    }

.button.style-7 {
    background: rgba(241,126,14,0.9);
    border-color: rgba(241,126,14,0.9);
    color: #fff
}

    .button.style-7:hover {
        background: transparent
    }

.button.style-8 {
    background: transparent;
    color: #fff;
    border-color: rgba(204,204,204,0.2)
}

    .button.style-8:hover {
        border-color: rgba(204,204,204,1)
    }

.button.style-10, .button.style-12, .button.style-18 {
    font-size: 14px;
    line-height: 18px;
    padding: 11px 40px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    border: 2px #262626 solid;
    background: #262626;
    letter-spacing: 2px
}

.button.style-12-2 {
    font-size: 14px;
    line-height: 18px;
    padding: 11px 15px;
    text-transform: uppercase;
    font-weight: 700;
    border: 2px #e0e0e0 solid;
    letter-spacing: 2px
}

.button.style-12-3 {
    font-size: 14px;
    line-height: 18px;
    padding: 11px 15px;
    text-transform: uppercase;
    font-weight: 700;
    background: #eb6100;
    border: 2px #eb6100 solid;
    letter-spacing: 2px;
    color: #fff
}

.button.style-12-4 {
    box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
    transition: .2s ease-in;
    background-color: #fdb813;
    color: #fff;
    border-color: #fdb813;
    border-radius: 6px;
    padding: 18px 0;
    font-size: 16px;
    width: 100%;
    text-align: center
}

.button.style-12-5 {
    box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
    transition: .2s ease-in;
    background-color: #00c292;
    color: #fff;
    border-color: #00c292;
    border-radius: 6px;
    padding: 18px 0;
    font-size: 16px;
    width: 100%;
    text-align: center
}

    .button.style-12-4:hover, .button.style-12-5:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62
    }

.button.style-10-2 {
    font-size: 14px;
    line-height: 18px;
    padding: 11px 40px;
    text-transform: uppercase;
    font-weight: 700;
    border: 2px #262626 solid;
    letter-spacing: 2px
}

.button.style-1-8 {
    font-size: 14px;
    line-height: 18px;
    padding: 11px 40px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    border: 2px #cd0000 solid;
    background: #cd0000;
    letter-spacing: 2px;
    border-radius: 3px
}

.button.style-10:hover, .button.style-12:hover {
    background: #fff;
    color: #262626
}

.button.style-12-3:hover, .button {
    background: #fff;
    color: #262626
}

    .button.style-11 {
        font-size: 13px;
        color: #262626;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 18px;
        padding: 12px 40px;
        border: 1px #fff solid;
        background: #fff
    }

        .button.style-11:hover {
            color: gray
        }

    .button.style-12 {
        border-color: #ca1515;
        background: #ca1515
    }

    .button.style-14 {
        border-color: #272727;
        background: #272727;
        font-size: 12px;
        color: #fff;
        font-weight: 600;
        line-height: 16px;
        padding: 10px 20px;
        min-width: 0
    }

        .button.style-14:hover {
            background: transparent;
            color: #272727
        }

    .button.style-14-2 {
        background: #fff;
        border: 1px #ccc solid;
        font-size: 12px;
        color: #272727;
        font-weight: 600;
        line-height: 16px;
        padding: 10px 20px;
        min-width: 0
    }

        .button.style-14-2:hover {
            background: #fff;
            color: #272727
        }

    .button.style-14-3 {
        border: 12px #eb6100 solid;
        background: #eb6100;
        font-size: 14px;
        color: #fff;
        font-weight: 700;
        line-height: 18px;
        padding: 11px 25px;
        min-width: 0
    }

        .button.style-14-3:hover {
            background: transparent;
            color: #272727
        }

    .button.style-15, .button.style-16, .button.style-15, .button.style-17, .button.style-17-2 {
        border: 1px #e0e0e0 solid;
        font-size: 12px;
        font-weight: 700;
        line-height: 17px;
        padding: 9px 18px;
        background: #fff;
        color: #2e2e2e;
        min-width: 0
    }

    .button.style-15-2 {
        border: 1px #e0e0e0 solid;
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        padding: 11px 25px;
        background: #fff;
        color: #2e2e2e;
        min-width: 0
    }

    .button.style-15-3 {
        border: 1px #eb6100 solid;
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        padding: 11px 40px;
        background: #eb6100;
        color: #fff;
        min-width: 0;
        letter-spacing: 2px;
    }

    .button.style-15-4 {
        border: 1px #eb6100 solid;
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        padding: 11px 25px;
        background: #eb6100;
        color: #fff;
        min-width: 0
    }

    .button.style-16, .button.style-15:hover {
        background: #f0f0f0;
        border-color: #f0f0f0
    }

    .button.style-15-2:hover {
        background: #f0f0f0;
        border-color: #f0f0f0
    }

    .button.style-15-3:hover {
        background: #f0f0f0;
        border-color: #f0f0f0;
        color: #2e2e2e
    }

    .button.style-15-4:hover {
        background: #f0f0f0;
        border-color: #f0f0f0;
        color: #2e2e2e
    }

    .button.style-16:hover {
        background: #fff;
        border-color: #e0e0e0
    }

    .button.style-17 {
        border-color: #ca1515;
        background: #ca1515;
        color: #fff
    }

        .button.style-17:hover {
            background: transparent;
            color: #2e2e2e
        }

    .button.style-17-2 {
        border-color: #eb6100;
        background: #eb6100;
        color: #fff
    }

        .button.style-17-2:hover {
            background: transparent;
            color: #eb6100
        }

    .button.style-18 {
        background: #f2f2f2;
        border-color: #f2f2f2;
        color: #333
    }

        .button.style-18:hover {
            background: transparent
        }

    .button.style-19 {
        background: #ca1515;
        border-color: #ca1515;
        color: #fff
    }

        .button.style-19:hover {
            background: transparent
        }

.button-x {
    font-size: 12px;
    line-height: 15px;
    width: 15px;
    text-align: center;
    color: gray
}

    .button-x .fa {
        display: block;
        line-height: 15px
    }

.overflow {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch
}

::-webkit-input-placeholder {
    color: #c2c2c2;
    opacity: 1
}

::-moz-placeholder {
    color: #c2c2c2;
    opacity: 1
}

:-ms-input-placeholder {
    color: #c2c2c2;
    opacity: 1
}

input:-moz-placeholder {
    color: #c2c2c2;
    opacity: 1
}

@media (min-width: 1200px) {
    .responsive-menu-toggle-class {
        display: none !important
    }
}

@media (max-width: 1199px) {
    .responsive-menu-hide-class {
        display: none !important
    }
}

.list-type-1 {
    font-size: 13px;
    line-height: 15px;
    color: #2e2e2e;
    font-weight: 500
}

    .list-type-1 a {
        color: #2e2e2e
    }

        .list-type-1 a:hover {
            color: #8bab0a
        }

    .list-type-1 li {
        padding: 7px 0
    }

        .list-type-1 li .fa {
            display: inline-block;
            color: #806fc0;
            margin-right: 7px;
            vertical-align: middle;
            position: relative;
            top: -2px
        }

ol {
    counter-reset: number;
    margin: 0 15px
}

    ol li {
        padding-left: 0;
        font-size: 13px;
        line-height: 24px;
        color: #a3a2a2;
        margin-bottom: 12px
    }

#loader-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10
}

.bubbles {
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -30px
}

    .bubbles .title {
        color: #a1a1a1;
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 50px;
        font-weight: 500
    }

    .bubbles span {
        display: inline-block;
        vertical-align: middle;
        width: 15px;
        height: 15px;
        background: #eb6100;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        animation: bubbly .9s infinite alternate
    }

#bubble2 {
    animation-delay: .27s
}

#bubble3 {
    animation-delay: .54s
}

@-webkit-keyframes bubbly {
    0% {
        width: 15px;
        height: 15px;
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    100% {
        width: 50px;
        height: 50px;
        opacity: .1;
        -webkit-transform: translateY(-32px)
    }
}

@keyframes bubbly {
    0% {
        width: 15px;
        height: 15px;
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        width: 50px;
        height: 50px;
        opacity: .1;
        transform: translateY(-32px)
    }
}

.checkbox, .radio {
    margin-top: 0
}

.checkbox-entry {
    margin-bottom: 15px;
    display: block;
    font-size: 13px;
    line-height: 14px;
    font-weight: 500
}

    .checkbox-entry b {
        font-weight: 600 !important;
        color: #313131 !important
    }

    .checkbox-entry input + span {
        cursor: pointer;
        display: inline-block;
        border: 1px #d9d9d9 solid;
        width: 12px;
        height: 12px;
        vertical-align: middle;
        color: #333232;
        position: relative;
        top: -1px;
        margin-right: 7px;
        position: relative
    }

    .checkbox-entry.radio input + span {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        border: 1px #e3e3e3 solid
    }

    .checkbox-entry input {
        display: none
    }

        .checkbox-entry input:checked + span {
            background: #ca1515
        }

    .checkbox-entry.radio input:checked + span:after {
        position: absolute;
        left: -1px;
        top: -1px;
        right: -1px;
        bottom: -1px;
        content: "";
        box-shadow: inset 0 0 0 3px #fff;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        border: 1px #e3e3e3 solid
    }

.aft {
    background-color: #666;
    opacity: 1
}

.boxed-layout {
    max-width: 1270px;
    margin: 0 auto;
    background: #fafafa
}

    .boxed-layout .fullwidth-block {
        width: auto;
        left: auto;
        margin-left: -50px;
        margin-right: -50px;
        transform: translateX(0);
        -webkit-transform: translateX(0)
    }

    .boxed-layout .content-center, .boxed-layout .position-center {
        padding: 0 50px
    }

    .boxed-layout #content-block {
        background: #fff
    }

@media (max-width: 1199px) {
    #content-block .content-center, .position-center {
        padding: 0 30px
    }

    .boxed-layout .fullwidth-block {
        margin-left: -30px;
        margin-right: -30px
    }

    .responsive-menu-toggle-class {
        display: block
    }
}

@media (max-width: 991px) {
    .information-blocks {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    #content-block .content-center, .position-center {
        padding: 0 15px
    }
}

header {
    -webkit-backface-visibility: hidden;
    margin-bottom: 25px;
    position: absolute;
    z-index: 5;
    padding: 0 70px;
    top: 0;
    left: 0;
    width: 100%
}

.navigation {
    font-size: 0;
    position: relative;
    border-bottom: 0 #f7f7f7 solid;
    height: 70px
}

nav {
    position: relative
}

    nav > ul > li {
        float: left;
        padding-right: 15px;
        padding-left: 15px
    }

        nav > ul > li > a {
            font-size: 14px;
            font-weight: 700;
            color: #3d3d3d;
            line-height: 70px;
            text-transform: uppercase;
            display: inline-block
        }

            nav > ul > li > a .menu-label {
                position: absolute;
                right: 3px;
                top: 10px
            }

        nav > ul > li > .fa {
            color: #272727;
            font-size: 10px;
            margin-left: 3px;
            vertical-align: middle;
            position: relative;
            top: -5px
        }

.submenu-container {
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    padding: 20px 10px;
    display: none;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
    box-shadow: 0 0 15px rgba(0,0,0,.1);
    border: solid 1px #f4f4f4
}

nav > ul > li:hover {
    z-index: 1
}

    nav > ul > li:hover > a, nav > ul > li > a.active {
        text-decoration: underline
    }

nav > ul:nth-child(2) {
    float: right
}

#content-block .submenu a:hover {
    color: #878787
}

.submenu .list-type-1 .fa {
    font-size: 13px;
    color: #cacaca !important;
    margin: 0 7px 0 0
}

.submenu {
    position: absolute;
    width: 100%;
    background: #faf9f9;
    left: 0;
    top: 100%;
    border: 0 #f2f2f2 solid;
    display: none
}

@media (min-width: 1200px) {
    .submenu.left-align {
        left: 0 !important;
        margin: 0 !important
    }

    .submenu.right-align {
        left: auto !important;
        right: 0;
        margin: 0 !important
    }
}

.submenu .row {
    position: relative
}

nav .full-width .submenu {
    padding: 50px 0;
    max-width: 1310px
}

.full-width-menu-items-right {
    width: 540px;
    margin-right: 50px;
    float: right
}

    .full-width-menu-items-right .submenu-list-title {
        margin-right: 50px
    }

.menu-slider-out {
    overflow: hidden
}

.menu-slider-in {
    width: 100000px;
    position: relative
}

    .menu-slider-in .product-slide-entry {
        width: 150px
    }

.menu-slider-entry {
    padding-right: 40px;
    float: left;
    text-align: center
}

.menu-slider-in .product-slide-entry .product-image {
    margin-bottom: 10px
}

.menu-slider-in .product-slide-entry .title {
    font-size: 14px
}

.menu-slider-in .price {
    font-size: 14px
}

.menu-slider-arrows {
    font-size: 0;
    text-align: right;
    margin-bottom: -22px
}

    .menu-slider-arrows a {
        font-size: 13px;
        line-height: 22px;
        display: inline-block;
        width: 22px;
        text-align: center
    }

#content-block .menu-slider-arrows a .fa {
    color: #cacaca
}

#content-block .menu-slider-arrows a:hover .fa {
    color: #2e2e2e
}

.full-width-menu-items-left {
    margin-right: 615px;
    margin-left: 45px
}

.submenu-list-title {
    font-size: 16px;
    line-height: 22px;
    color: #2e2e2e;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 15px
}

    .submenu-list-title a {
        color: #2e2e2e
    }

#content-block .submenu-list-title a:hover {
    text-decoration: underline;
    color: #2e2e2e
}

.submenu .list-type-1 {
    margin-bottom: 45px
}

    .submenu .list-type-1 li {
        padding: 5px 0
    }

.menu-label {
    font-size: 10px;
    line-height: 15px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding: 0 5px;
    display: inline-block;
    vertical-align: top;
    margin-top: -2px
}

    .menu-label:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 6px 0 0;
        position: absolute;
        left: 6px;
        top: 100%;
        content: ""
    }

    .menu-label.blue {
        background: #03b4ea
    }

        .menu-label.blue:before {
            border-color: #03b4ea transparent transparent
        }

    .menu-label.red {
        background: #cd0000
    }

        .menu-label.red:before {
            border-color: #cd0000 transparent transparent
        }

    .menu-label.yellow {
        background: #e9bc21
    }

        .menu-label.yellow:before {
            border-color: #e9bc21 transparent transparent
        }

.submenu-links-line {
    position: absolute;
    left: 0;
    top: 100%;
    background: #f2f2f2;
    left: -1px;
    right: -1px;
    padding: 19px 45px;
    font-size: 14px;
    line-height: 24px;
    color: #575757;
    border: 1px #f2f2f2 solid
}

    .submenu-links-line b {
        font-weight: 600;
        color: #000
    }

    .submenu-links-line a {
        color: #575757
    }

        .submenu-links-line a:hover {
            text-decoration: underline
        }

.submenu-links-line-container {
    display: table;
    width: 100%
}

    .submenu-links-line-container .cell-view:first-child {
        width: 60%
    }

.submenu-links-line .red-message, .submenu-links-line .red-message b {
    color: #ca1515
}

nav .full-width-columns .submenu {
    max-width: 600px
}

.submenu .product-column-entry {
    float: left;
    width: 50%;
    border: none;
    border-right: 1px #f2f2f2 solid
}

    .submenu .product-column-entry:last-child {
        border-color: transparent
    }

    .submenu .product-column-entry .submenu-list-title {
        margin-left: 30px;
        margin-right: 30px
    }

nav .column-2 {
    position: relative
}

    nav .column-2 .submenu {
        width: 600px;
        padding: 50px 0;
        left: 50%;
        margin-left: -300px
    }

        nav .column-2 .submenu .full-width-menu-items-left {
            margin-right: 190px
        }

.submenu-background {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: auto
}

nav .column-1 {
    position: relative
}

    nav .column-1 .submenu {
        width: 400px;
        padding: 50px 0;
        left: 50%;
        margin-left: -200px
    }

    nav .column-1 .full-width-menu-items-left {
        margin-right: 200px
    }

nav ul:first-child li:nth-child(1).column-1 .submenu, nav ul:first-child li:nth-child(2).column-1 .submenu {
    left: 0;
    margin-left: 0
}

nav .simple-list {
    position: relative
}

    nav .simple-list .submenu {
        width: 270px;
        left: 50%;
        margin-left: -135px
    }

        nav .simple-list .submenu a {
            font-size: 16px;
            line-height: 15px;
            color: #2e2e2e;
            padding: 16px 20px;
            border-top: 1px #f2f2f2 solid;
            display: block;
            margin-top: -1px
        }

            nav .simple-list .submenu a .fa {
                color: #cacaca;
                display: inline-block;
                position: relative;
                vertical-align: bottom;
                top: -2px;
                margin-right: 7px;
                font-size: 13px
            }

@media (min-width: 1200px) {
    .toggle-list-container {
        display: block !important
    }

    .submenu .product-column-entry {
        min-height: 300px
    }
}

.fixed-header-visible {
    display: none
}

@media (min-width: 1200px) {
    header.fixed-header {
        z-index: 6
    }

        header.fixed-header .full-width .submenu, header.fixed-header .full-width-columns .submenu {
            left: auto;
            right: 0
        }

        header.fixed-header .nav-overflow {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            background: #fff;
            border-bottom: 2px #f7f7f7 solid;
            -webkit-backface-visibility: hidden
        }

        header.fixed-header nav {
            max-width: 1310px;
            padding: 0 70px;
            margin: 0 auto;
            text-align: right
        }

            header.fixed-header nav > ul:nth-child(2) {
                float: none
            }

            header.fixed-header nav > ul {
                display: inline-block;
                text-align: left
            }

    header .additional-header-logo {
        position: absolute;
        left: 70px;
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%)
    }

        header .additional-header-logo img {
            max-height: 50px;
            width: auto;
            display: block
        }

    header.fixed-header .fixed-header-visible {
        display: block
    }

    header.fixed-header nav > ul > li > a {
        font-weight: 600
    }

    .fixed-header-visible .header-functionality-entry {
        text-transform: none;
        margin-top: 27px;
        float: left;
        border: none;
        text-decoration: none !important
    }

        .fixed-header-visible .header-functionality-entry:first-child {
            padding-left: 0
        }

    .fixed-header-square-button {
        float: left;
        margin-top: 20px;
        line-height: 30px;
        width: 30px;
        text-align: center;
        text-decoration: none !important;
        margin-left: 20px;
        white-space: nowrap
    }

        .fixed-header-square-button .fa {
            color: inherit !important
        }

        .fixed-header-square-button:first-child {
            margin-left: 0
        }

        .fixed-header-square-button .fa {
            font-size: 13px;
            line-height: 30px;
            color: #a0a0a0;
            display: inline-block
        }

        .fixed-header-square-button:hover .fa {
            color: #3d3d3d
        }
}

.header-top {
    border-bottom: 1px #f0f0f0 solid;
    position: relative
}

.header-top-entry {
    float: left;
    font-size: 13px;
    line-height: 15px;
    color: #747474;
    font-weight: 400;
    position: relative;
    padding: 20px 0
}

    .header-top-entry .title {
        border-left: 1px #d0d0d0 solid;
        padding: 0 20px;
        cursor: pointer;
        white-space: nowrap
    }

    .header-top-entry:first-child .title {
        border-color: transparent;
        padding-left: 0
    }

    .header-top-entry .title img, .header-top-entry .list-entry img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 7px;
        position: relative;
        top: -1px
    }

    .header-top-entry .title a {
        color: #747474
    }

        .header-top-entry .title a:hover {
            text-decoration: underline
        }

    .header-top-entry .title b {
        font-weight: 600
    }

    .header-top-entry .title .fa {
        margin-left: 7px;
        position: relative;
        top: -1px
    }

        .header-top-entry .title .fa:first-child {
            margin-left: 0;
            margin-right: 7px
        }

    .header-top-entry .list {
        position: absolute;
        min-width: 100%;
        left: 1px;
        top: 40px;
        border-radius: 3px;
        background-color: #fff;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
        box-shadow: 0 0 15px rgba(0,0,0,.1);
        border: solid 1px #f4f4f4;
        padding: 5px 20px;
        z-index: 1;
        text-align: left;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        opacity: 0;
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        -webkit-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        transform-origin: 50% 0 0;
        -moz-transform-origin: 50% 0 0;
        -webkit-transform-origin: 50% 0 0;
        -ms-transform-origin: 50% 0 0
    }

    .header-top-entry:hover .list {
        opacity: 1;
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1)
    }

    .header-top-entry:first-child .list {
        left: -20px
    }

    .header-top-entry .list-entry {
        white-space: nowrap;
        display: block;
        color: #747474;
        padding: 10px 0;
        border-top: 1px #f0f0f0 solid
    }

        .header-top-entry .list-entry:hover {
            color: #222
        }

        .header-top-entry .list-entry:first-child {
            border-top: none
        }

.socials-box {
    font-size: 0
}

header .socials-box {
    float: right;
    margin-top: 12px;
    margin-right: -3px
}

.socials-box a {
    font-size: 16px;
    line-height: 30px;
    width: 30px;
    display: inline-block;
    color: #bababa;
    margin: 0 3px;
    text-align: center
}

    .socials-box a .fa {
        line-height: 30px;
        position: relative;
        top: 0
    }

    .socials-box a:hover {
        color: #3d3d3d
    }

body:not(.mobile) .socials-box a:hover .fa {
    top: -5px
}

.header-middle {
    border-bottom: 2px solid #f7f7f7;
    display: table;
    width: 100%;
    padding: 25px 0;
    position: relative
}

    .header-middle .right-entries {
        display: table-cell;
        vertical-align: middle;
        width: 400px;
        text-align: right;
        font-size: 0
    }

.header-functionality-entry {
    font-size: 13px;
    line-height: 15px;
    color: #747474;
    font-weight: 400;
    display: inline-block;
    vertical-align: bottom;
    padding: 0 14px;
    border-right: 1px #d0d0d0 solid;
    white-space: nowrap
}

    .header-functionality-entry:hover {
        color: #222
    }

    .header-functionality-entry:last-child {
        padding-right: 0;
        border-right: none
    }

.responsive-search-button {
    display: none
}

.header-functionality-entry .fa {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 5px
}

.header-functionality-entry b {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    font-family: 'Microsoft JhengHei','Montserrat',sans-serif
}

.logo-wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 300px
}

#logo {
    display: inline-block;
    max-width: 90%;
    height: auto;
    min-height: 45px
}

    #logo img {
        display: block;
        width: 100%
    }

.middle-entry {
    display: table-cell;
    vertical-align: middle
}

.search-box {
    background: #fff
}

.search-button {
    float: right;
    width: 45px;
    height: 45px;
    background: #03b4ea;
    position: relative
}

    .search-button:hover {
        background: #999 !important
    }

    .search-button .fa {
        display: block;
        line-height: 45px;
        text-align: center;
        color: #fff;
        font-size: 14px
    }

    .search-button input[type="submit"] {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

.search-drop-down {
    border-top: 1px #e8e8e8 solid;
    border-bottom: 1px #e8e8e8 solid;
    border-left: 1px #f2f2f2 solid;
    float: right;
    width: 135px;
    position: relative
}

    .search-drop-down .title {
        line-height: 43px;
        padding: 0 30px 0 20px;
        position: relative;
        cursor: pointer;
        font-size: 12px;
        color: #999;
        font-weight: 400;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none
    }

        .search-drop-down .title .fa {
            position: absolute;
            top: 0;
            width: 10px;
            right: 20px;
            text-align: center;
            line-height: 45px
        }

    .search-drop-down .list {
        border-radius: 3px;
        background-color: #fff;
        -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
        box-shadow: 0 0 15px rgba(0,0,0,.1);
        border: solid 1px #f4f4f4;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        display: none;
        z-index: 1
    }

    .search-drop-down.active .list {
        display: block
    }

    .search-drop-down .overflow {
        max-height: 161px
    }

    .search-drop-down .category-entry {
        color: #999;
        font-size: 12px;
        font-weight: 400;
        padding: 7px 0 7px 15px;
        margin: 0 5px;
        border-bottom: 1px #f2f2f2 solid;
        cursor: pointer
    }

        .search-drop-down .category-entry:hover {
            color: #3d3d3d
        }

.search-field {
    border: 1px #e8e8e8 solid;
    border-right: none;
    height: 45px;
    margin-right: 180px
}

    .search-field input[type="text"] {
        width: 100%;
        height: 43px;
        line-height: 43px;
        border: none;
        background: none;
        font-size: 14px;
        padding: 0 20px;
        color: #3d3d3d
    }

.navigation-copyright {
    font-size: 14px;
    line-height: 16px;
    color: #272727;
    padding: 25px 10px;
    text-align: center
}

    .navigation-copyright a {
        color: #eb6100;
        font-weight: 600
    }

        .navigation-copyright a:hover {
            text-decoration: underline
        }

.popup :last-child {
    margin-bottom: 0 !important
}

.search-box.popup {
    position: fixed;
    border: 1px #ebebeb solid;
    background: #fff;
    padding: 18px;
    width: 460px
}

.loaded .popup {
    z-index: 7;
    display: none
}

.popup.active {
    display: block
}

.search-box.popup.bottom-align {
    top: auto !important;
    bottom: 75px
}

    .search-box.popup.bottom-align .search-drop-down .list {
        position: absolute;
        top: auto;
        bottom: 100%
    }

.search-box.popup:before {
    width: 28px;
    height: 15px;
    position: absolute;
    content: "";
    background: url(../img/search-angle.png);
    top: -15px;
    right: 30px
}

.search-box.popup.bottom-align:before {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    top: 100%
}

.cart-box.popup {
    position: fixed;
    padding: 15px 0 0;
    width: 300px
}

    .cart-box.popup .popup-container {
        border: 2px #ebebeb solid;
        padding: 25px 25px 20px;
        background: #fff;
        position: relative
    }

    .cart-box.popup .image {
        float: left;
        width: 70px
    }

        .cart-box.popup .image img {
            display: block;
            width: 100%;
            height: auto
        }

    .cart-box.popup .cart-entry {
        padding-bottom: 25px;
        margin-bottom: 25px;
        border-bottom: 2px #ebebeb solid;
        position: relative
    }

    .cart-box.popup .content {
        margin: 0 20px 15px 85px
    }

        .cart-box.popup .content .title {
            font-size: 14px;
            line-height: 18px;
            color: #2e2e2e;
            font-weight: 600;
            margin-bottom: 5px;
            display: block
        }

            .cart-box.popup .content .title:hover {
                text-decoration: underline
            }

        .cart-box.popup .content .quantity {
            font-size: 13px;
            line-height: 24px;
            color: gray;
            margin-bottom: 3px
        }

        .cart-box.popup .content .price {
            font-size: 18px;
            line-height: 24px;
            color: #e11414;
            font-weight: 600
        }

    .cart-box.popup .summary {
        text-align: right;
        margin-bottom: 25px
    }

        .cart-box.popup .summary .subtotal {
            font-size: 14px;
            line-height: 22px;
            color: #878787;
            font-weight: 600
        }

        .cart-box.popup .summary .grandtotal {
            font-size: 18px;
            line-height: 22px;
            color: #343434;
            font-weight: 600
        }

            .cart-box.popup .summary .grandtotal span {
                color: #e11414
            }

.cart-buttons .column {
    width: 50%;
    padding-left: 5px;
    float: left
}

    .cart-buttons .column:first-child {
        padding-left: 0;
        padding-right: 5px
    }

.cart-buttons .button {
    display: block;
    margin-bottom: 5px
}

.cart-box.popup .button-x {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.cart-box.popup .popup-container:before {
    background: url(../img/search-angle.png);
    content: "";
    height: 15px;
    position: absolute;
    right: 30px;
    top: -15px;
    width: 28px
}

.cart-box.popup.left-align {
    left: 15px !important
}

    .cart-box.popup.left-align .popup-container:before {
        right: auto;
        left: 30px
    }

.cart-box.popup.cart-left .popup-container:before {
    right: auto;
    left: 30px
}

.cart-box.popup.fixed-header-left {
    right: auto;
    left: 50%;
    margin-left: -615px;
    right: auto !important
}

body.style-0 .cart-box.popup .content .price {
    color: #03b4ea
}

body.style-0 .cart-box.popup .summary .grandtotal span {
    color: #03b4ea
}

body.style-0 .button.style-4 {
    background: #03b4ea;
    border-color: #03b4ea
}

.navigation-search-content {
    margin-left: 300px;
    position: relative;
    z-index: 1
}

    .navigation-search-content .search-box {
        margin-right: 160px;
        top: 15px;
        position: relative
    }

.search-box.size-1 .search-button {
    height: 40px;
    width: 40px
}

.search-box.size-1 .search-drop-down .title {
    line-height: 38px
}

    .search-box.size-1 .search-drop-down .title .fa {
        line-height: 40px
    }

.search-box.size-1 .search-field {
    margin-right: 175px;
    height: 40px
}

    .search-box.size-1 .search-field input[type="text"] {
        height: 38px;
        line-height: 38px
    }

.search-box.size-1 .search-button .fa {
    line-height: 40px
}

header.type-1.fixed-header .navigation-search-content {
    display: none
}

.navigation-search-content .toggle-desktop-menu {
    float: right;
    font-size: 14px;
    line-height: 70px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    width: 125px;
    border-left: 1px #1663c2 solid;
    text-align: center
}

    .navigation-search-content .toggle-desktop-menu .fa {
        line-height: 70px;
        vertical-align: bottom;
        position: relative;
        top: -1px;
        margin-right: 5px;
        display: none
    }

        .navigation-search-content .toggle-desktop-menu .fa:first-child {
            display: inline-block
        }

.navigation.active .navigation-search-content .search-box {
    display: none
}

.navigation.active .navigation-search-content .toggle-desktop-menu .fa {
    display: inline-block
}

    .navigation.active .navigation-search-content .toggle-desktop-menu .fa:first-child {
        display: none
    }

header .icon-entry {
    width: 50%;
    float: left
}

    header .icon-entry .image {
        width: 45px;
        height: 45px;
        float: left;
        line-height: 45px;
        text-align: center;
        background: #f5f5f5
    }

        header .icon-entry .image .fa {
            line-height: 45px;
            display: block;
            color: #b4b4b4
        }

    header .icon-entry:hover .image {
        background: #0f51a3
    }

        header .icon-entry:hover .image .fa {
            color: #fff
        }

    header .icon-entry .text {
        margin-left: 60px;
        font-size: 13px;
        line-height: 18px;
        color: #747474;
        padding-top: 5px;
        display: block
    }

        header .icon-entry .text b {
            font-size: 16px;
            line-height: 18px;
            font-weight: 600;
            color: #404040
        }

@media (max-width: 1199px) {
    #content-block header {
        position: fixed;
        padding: 0 30px;
        top: 0;
        background-color: #fff;
        border-bottom: 1px solid #f0f0f0;
        box-shadow: 0 5px 5px -5px #cfcfcf;
        -moz-box-shadow: 0 5px 5px -5px #cfcfcf;
        -webkit-box-shadow: 0 5px 5px -5px #cfcfcf
    }

    .header-top .socials-box {
        display: none
    }

    .navigation {
        position: fixed;
        left: 0;
        top: 0;
        width: 290px;
        background: #fff;
        height: 100%;
        border: none;
        z-index: 7;
        transform: translateX(-290px);
        -moz-transform: translateX(-290px);
        -webkit-transform: translateX(-290px);
        -ms-transform: translateX(-290px)
    }

    .nav-overflow {
        position: absolute;
        width: 100%;
        left: 0;
        top: 75px;
        bottom: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -moz-overflow-scrolling: touch;
        -ms-overflow-scrolling: touch
    }

    .navigation-header {
        padding: 0 50px 0 20px;
        border-bottom: 1px #fff solid;
        -webkit-box-shadow: 0 5px 5px -5px #cfcfcf
    }

        .navigation-header .title {
            font-size: 20px;
            line-height: 75px;
            font-weight: 700;
            text-transform: uppercase;
            color: #272727
        }

        .navigation-header .close-menu {
            width: 40px;
            height: 40px;
            line-height: 40px;
            position: absolute;
            right: 5px;
            top: 17px;
            cursor: pointer;
            text-transform: uppercase
        }

            .navigation-header .close-menu:before, .navigation-header .close-menu:after {
                width: 18px;
                height: 2px;
                position: absolute;
                left: 50%;
                top: 50%;
                margin: -1px 0 0 -9px;
                content: "";
                background: #272727
            }

            .navigation-header .close-menu:before {
                transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg)
            }

            .navigation-header .close-menu:after {
                transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg)
            }

    .navigation-footer .socials-box {
        margin-top: -1px;
        margin-right: 0;
        float: none;
        border-top: 1px #343434 solid;
        border-bottom: 1px #343434 solid
    }

        .navigation-footer .socials-box a {
            width: 14.25%;
            height: 41px;
            line-height: 39px;
            border-left: 1px #343434 solid;
            float: left;
            margin: 0;
            color: #fff
        }

    body:not(.mobile) .navigation-footer .socials-box a:hover {
        background: #fff;
        color: #272727
    }

    .navigation-footer .socials-box a:first-child {
        border-left: none
    }

    .menu-button {
        font-size: 25px;
        color: #555;
        cursor: pointer;
        position: absolute;
        margin-top: 25px
    }

        .menu-button .fa {
            line-height: inherit;
            display: block
        }

    body.opened-menu {
        overflow: scroll
    }

    .navigation, .content-push {
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        -webkit-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out
    }

    header.opened .navigation {
        transform: translateX(0px);
        -moz-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px)
    }

    .close-header-layer {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: none;
        background: rgba(0,0,0,0.5)
    }

    #content-block nav > ul {
        float: none
    }

    nav > ul > li {
        float: none;
        border-bottom: 1px #fff solid;
        padding: 0;
        position: relative
    }

        nav > ul > li > a {
            font-size: 14px;
            color: #272727;
            line-height: 14px;
            padding: 15px 45px 15px 20px;
            display: block
        }

        nav > ul > li > .fa {
            position: absolute;
            right: 5px;
            top: 2px;
            line-height: 40px;
            width: 40px;
            text-align: center;
            cursor: pointer;
            margin: 0;
            font-size: 12px
        }

        nav > ul > li.opened > .fa {
            transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg)
        }

    .full-width-menu-items-right {
        display: none
    }

    .full-width-menu-items-left {
        margin-left: 0;
        margin-right: 0
    }

    .submenu {
        position: relative;
        top: auto;
        left: auto;
        padding: 0 !important
    }

    .submenu-links-line {
        display: none
    }

    .submenu-list-title {
        margin: 0;
        display: block;
        position: relative
    }

        .submenu-list-title a {
            display: block;
            margin: 0;
            font-size: 12px;
            line-height: 14px;
            padding: 15px 45px 15px 20px
        }

        .submenu-list-title .toggle-list-button {
            width: 43px;
            height: 43px;
            position: absolute;
            top: 0;
            right: 2px;
            cursor: pointer
        }

            .submenu-list-title .toggle-list-button:before {
                width: 11px;
                height: 1px;
                background: #878787;
                position: absolute;
                left: 50%;
                top: 50%;
                margin-top: -1px;
                margin-left: -6px;
                content: ""
            }

            .submenu-list-title .toggle-list-button:after {
                width: 1px;
                height: 11px;
                background: #878787;
                position: absolute;
                left: 50%;
                top: 50%;
                margin-top: -6px;
                margin-left: -1px;
                content: ""
            }

    .toggle-list-container {
        display: none;
        padding-left: 20px
    }

    .submenu-list-title.opened .toggle-list-button:after {
        height: 0;
        margin-top: 0
    }

    .submenu .list-type-1 {
        margin-bottom: 0
    }

        .submenu .list-type-1 li {
            padding: 10px 30px 10px 20px
        }

    .submenu .product-column-entry {
        float: none;
        width: auto;
        padding: 0
    }

        .submenu .product-column-entry .image {
            display: none
        }

        .submenu .product-column-entry .hot-mark {
            display: none
        }

        .submenu .product-column-entry .submenu-list-title {
            margin-left: 0;
            margin-right: 0
        }

        .submenu .product-column-entry .description {
            margin: 0
        }

    nav .column-2 .submenu .full-width-menu-items-left, nav .column-1 .full-width-menu-items-left {
        margin-right: 0
    }

    nav .column-2 .submenu, nav .column-1 .submenu, nav .simple-list .submenu {
        width: auto;
        margin: 0;
        left: auto
    }

    .submenu-background {
        display: none
    }

    nav .simple-list .submenu a {
        display: block;
        font-size: 14px;
        line-height: 14px;
        margin: 0;
        padding: 15px 45px 15px 20px;
        color: #2e2e2e;
        font-weight: 700;
        text-transform: uppercase;
        border: none
    }

        nav .simple-list .submenu a .fa {
            display: none
        }

    nav > ul > li > a .menu-label {
        position: relative;
        right: auto;
        top: -7px;
        margin-left: 5px
    }

    .responsive-search-button {
        display: inline-block
    }

    .header-functionality-entry {
        padding: 0;
        border-right: none
    }

        .header-functionality-entry span {
            display: none
        }

        .header-functionality-entry .fa {
            width: 45px;
            height: 45px;
            line-height: 45px;
            font-size: 24px;
            color: #555;
            text-align: center;
            margin: 0
        }

        .header-functionality-entry i {
            width: 45px;
            height: 45px;
            line-height: 45px;
            font-size: 28px;
            color: #555;
            text-align: center;
            margin: 0
        }

        .header-functionality-entry.open-search-popup {
            display: inline-block
        }

    .header-functionality-entry {
        margin: 10px 0 0 3px
    }

        .header-functionality-entry i {
            width: 45px;
            height: 45px;
            line-height: 48px;
            font-size: 24px;
            margin-right: 15px
        }

    .header-middle {
        border-bottom: 1px solid #f0f0f0
    }

    #logo {
        min-height: 0
    }

    header .middle-entry {
        display: none
    }

    .cart-box.popup {
        display: none !important
    }

    .navigation-search-content {
        display: none
    }

    .full-width-menu-items-left .row > div {
        padding: 0
    }

    .full-width-menu-items-left .row {
        margin: 0
    }
}

@media (max-width: 991px) {
    .header-middle {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .header-functionality-entry {
        padding: 0;
        border-right: none
    }

    .footer-ms-menu {
        display: none
    }
}

@media (max-width: 767px) {
    #content-block header {
        padding: 0
    }

    .header-functionality-entry b {
        display: none
    }

    .header-functionality-entry .fa {
        width: 41px;
        height: 41px;
        font-size: 21px
    }

    .header-functionality-entry i {
        width: 41px;
        height: 41px;
        line-height: 35px;
        font-size: 21px;
        color: #fff;
        margin-right: 12px
    }

    #logo {
        max-width: 100%
    }

    .header-functionality-entry {
        padding: 0;
        margin-right: 5px
    }
}

@media only screen and (min-width:481px) and (max-width:766px) {
    .header-product .logo-wrapper {
        top: -5xp;
        width: 25%
    }

    .style-ms .header-product {
        height: 60px
    }
}

@media (max-width: 680px) {
    .header-product .logo-wrapper {
        width: 35%
    }
}

@media (max-width: 480px) {
    .search-box.popup {
        width: 92%;
        right: 2% !important
    }

        .search-box.popup:before {
            right: 50%;
            margin-right: -14px
        }

    header.type-2 .navigation-vertical-align {
        background-color: #F29600 !important
    }

    .header-wrapper.style-5 .header-functionality-entry .fa {
        color: #fff
    }
}

footer {
    position: relative
}

.clearfix.visible-sm-block {
    height: 35px;
    float: left;
    width: 100%
}

.footer-columns-entry {
    border-bottom: 1px #f0f0f0 solid;
    border-top: 1px solid #f0f0f0;
    padding: 65px 0 50px;
    position: relative
}

.footer-logo {
    display: block;
    margin-bottom: 15px
}

.footer-description {
    font-size: 14px;
    line-height: 24px;
    color: #a6a6a6;
    font-weight: 400
}

    .footer-description b {
        font-weight: 500;
        color: #3c3c3c
    }

.footer-address {
    font-size: 15px;
    line-height: 26px;
    color: #a6a6a6;
    font-weight: 400
}

    .footer-address a {
        color: #a6a6a6
    }

        .footer-address a b {
            font-weight: 600;
            color: #03b4ea
        }

#content-block .footer-address a:hover, #content-block .footer-address a:hover b {
    color: #3c3c3c
}

.footer-columns-entry .column-title {
    margin-bottom: 20px;
    font-weight: 600;
    color: #343434;
    font-size: 17px;
    line-height: 20px
}

.footer-columns-entry .column {
    list-style: none;
    font-weight: 400;
    color: #989898;
    font-size: 15px;
    line-height: 20px;
    margin-top: -5px
}

    .footer-columns-entry .column a {
        color: #989898;
        display: inline-block;
        padding: 5px 0
    }

        .footer-columns-entry .column a:hover {
            color: #03b4ea
        }

.footer-bottom-navigation {
    padding: 40px 0;
    display: table;
    width: 100%;
    position: relative
}

    .footer-bottom-navigation .cell-view {
        position: relative
    }

    .footer-bottom-navigation .footer-links {
        font-size: 0
    }

.footer-links a {
    font-size: 14px;
    font-weight: 500;
    color: #3c3c3c;
    line-height: 14px;
    padding-right: 15px;
    display: inline-block;
    border-right: 1px #cfcfcf solid;
    margin-right: 15px;
    margin-bottom: 7px !important;
    margin-top: 7px;
    vertical-align: top
}

    .footer-links a:last-child {
        padding-right: 0;
        border: none;
        margin-right: 0
    }

    .footer-links a:hover {
        color: #03b4ea
    }

.payment-methods {
    text-align: right;
    font-size: 0
}

    .payment-methods a {
        display: inline-block;
        border: 1px #ebebeb solid;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        margin-right: 10px;
        margin-bottom: 5px;
        vertical-align: top;
        margin-top: 5px
    }

        .payment-methods a:hover {
            opacity: .5
        }

        .payment-methods a img {
            display: block
        }

        .payment-methods a:last-child {
            margin-right: 0
        }

.copyright {
    font-size: 14px;
    line-height: 14px;
    color: #7f7f7f;
    margin-bottom: 15px;
    padding: 7px 0
}

    .copyright a {
        font-weight: 600;
        color: #03b4ea
    }

#content-block .copyright a:hover {
    color: #3c3c3c
}

.footer-copyright-wrapper {
    text-align: center;
    padding: 40px 0;
    border-top: 1px solid #f0f0f0
}

.footer-description, .footer-address, .footer-columns-entry .column {
    margin-bottom: 15px
}

@media (max-width: 1199px) {
    .payment-methods {
        text-align: left
    }
}

@media (max-width: 991px) {
    .footer-bottom-navigation {
        display: block
    }

        .footer-bottom-navigation .cell-view {
            display: block;
            margin-bottom: 15px
        }

    .footer-columns-entry {
        padding: 50px 0 35px
    }

    .footer-address {
        margin-bottom: 50px
    }
}

@media (max-width: 767px) {
    .footer-bottom-navigation {
        padding: 30px 0
    }

    .footer-description, .footer-address, .footer-columns-entry .column {
        margin-bottom: 20px
    }

    .footer-columns-entry {
        padding: 30px 0 10px
    }

        .footer-columns-entry .column-title {
            margin-bottom: 10px
        }

    .footer-bottom-navigation .footer-links {
        margin-bottom: 5px
    }

    .copyright {
        margin-bottom: 20px
    }
}

.company-information-box {
    font-family: 'Microsoft JhengHei','Raleway',sans-serif
}

    .company-information-box .image {
        float: left;
        width: 270px
    }

        .company-information-box .image img {
            display: block;
            max-width: 100%;
            height: auto
        }

    .company-information-box .text {
        margin-left: 300px
    }

        .company-information-box .text .cell-view {
            height: 190px;
            width: 1000px
        }

        .company-information-box .text .description {
            font-size: 13px;
            line-height: 24px;
            color: #a3a2a2;
            font-weight: 400;
            margin-bottom: 10px
        }

.read-more {
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: #2e2e2e;
    display: inline-block
}

    .read-more:hover {
        color: #03b4ea
    }

.latest-review .text {
    padding: 22px 32px;
    border: 1px #ebebeb solid;
    font-style: italic;
    font-size: 13px;
    line-height: 24px;
    color: #a3a2a2;
    margin-bottom: 10px
}

.blockquote-slider {
    margin-right: -15px
}

    .blockquote-slider blockquote {
        margin-right: 15px
    }

#content-block .latest-review footer {
    font-style: normal;
    font-size: 13px;
    color: #aaa9a9;
    line-height: 20px;
    font-weight: 400;
    background: none
}

.latest-review footer cite {
    font-weight: 600;
    color: #2e2e2e
}

@media (max-width: 991px) {
    .company-information-box .image {
        width: 200px
    }

    .company-information-box .text {
        margin-left: 230px
    }

        .company-information-box .text .cell-view {
            display: block;
            width: auto;
            height: auto
        }

    .information-entry {
        margin-bottom: 35px
    }
}

@media (max-width: 767px) {
    .company-information-box .image {
        width: auto;
        float: none;
        margin-bottom: 10px
    }

    .company-information-box .text {
        margin-left: 0
    }
}

.swiper-tabs {
    position: relative
}

    .swiper-tabs:before {
        position: absolute;
        left: 0;
        bottom: 24px;
        width: 100%;
        height: 1px;
        background: #ebebeb;
        content: ""
    }

    .swiper-tabs .block-title {
        font-size: 16px;
        float: left;
        border-bottom: none;
        position: relative;
        padding-left: 7px;
        padding-right: 7px;
        margin-right: 15px;
        font-weight: 400;
        color: #a1a1a1
    }

        .swiper-tabs .block-title.active {
            font-weight: 600;
            color: #2e2e2e
        }

        .swiper-tabs .block-title:hover {
            color: #2e2e2e
        }

        .swiper-tabs .block-title:before {
            position: absolute;
            left: 0;
            height: 3px;
            bottom: -2px;
            content: "";
            background: #03b4ea;
            width: 0
        }

        .swiper-tabs .block-title.active:before {
            width: 100%
        }

.tabs-entry {
    display: none
}

    .tabs-entry:first-child {
        display: block
    }

.swiper-tabs .title, .links-drop-down .title {
    display: none
}

.products-swiper {
    margin: 0 -21.25px;
    position: relative
}

    .products-swiper:before, .products-swiper:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 21.25px;
        height: 100%;
        content: "";
        z-index: 2
    }

    .products-swiper:after {
        right: -3px;
        left: auto
    }

    .products-swiper .paddings-container {
        padding: 0 21.25px
    }

.product-slide-entry {
    max-width: 210px;
    margin: 0 auto;
    margin-bottom: 50px
}

.product-image-label {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    position: absolute;
    z-index: 1
}

    .product-image-label span {
        position: absolute;
        width: 100%;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        font-size: 11px;
        line-height: 12px;
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center
    }

    .product-image-label.type-1 {
        left: 7px;
        top: 7px;
        width: 40px;
        height: 40px;
        background: #93b92c
    }

    .product-image-label.type-2 {
        right: 7px;
        top: 7px;
        width: 40px;
        height: 40px;
        background: #d41b1b
    }

    .product-image-label.type-3 {
        left: 50%;
        top: 50%;
        margin: -60px 0 0 -32px;
        width: 65px;
        height: 65px;
        background: rgba(64,64,64,0.85)
    }

.product-slide-entry .product-image {
    display: block;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden
}

.product-slide-entry img {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.product-slide-entry > img:first-child {
    margin-bottom: 15px
}

.product-slide-entry .product-image:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1)
}

.product-slide-entry.shift-image .product-image:hover img {
    transform: scale(1) translateX(-100%);
    -moz-transform: scale(1) translateX(-100%);
    -webkit-transform: scale(1) translateX(-100%);
    -ms-transform: scale(1) translateX(-100%)
}

.product-slide-entry2 {
    max-width: 210px;
    margin: 0 auto;
    margin-bottom: 25px;
    text-align: center
}

.product-slide-entry.shift-image .product-image img {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    height: auto
}

    .product-slide-entry.shift-image .product-image img:first-child {
        position: relative;
        left: 0
    }

.product-slide-entry .product-image .bottom-line {
    position: absolute;
    left: 0;
    bottom: -35px;
    width: 100%;
    background: rgba(28,28,28,0.9);
    text-align: center;
    font-size: 11px;
    line-height: 35px;
    font-weight: 600
}

.product-slide-entry .product-image:hover .bottom-line {
    bottom: 0
}

.product-slide-entry .product-image .bottom-line.left-attached {
    left: -37px;
    bottom: 0;
    width: 35px;
    -webkit-backface-visibility: hidden
}

.product-slide-entry .product-image:hover .bottom-line.left-attached {
    left: 0
}

.product-image .bottom-line-a {
    color: #fff;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

    .product-image .bottom-line-a:hover {
        background: #fff;
        color: #222;
        border-color: transparent !important
    }

    .product-image .bottom-line-a .fa {
        color: inherit !important
    }

    .product-image .bottom-line-a.square {
        width: 35px;
        border-left: 1px rgba(255,255,255,0.1) solid
    }

.product-image .bottom-line.left-attached .bottom-line-a.square {
    border-left-color: transparent;
    border-bottom: 1px rgba(255,255,255,0.1) solid
}

.product-image .bottom-line-a .fa {
    vertical-align: bottom;
    line-height: 35px;
    margin-right: 3px;
    width: 25px
}

.product-image .right-align {
    float: right
}

    .product-image .right-align a {
        float: left
    }

.product-image .left-align {
    margin-right: 70px
}

.product-image .top-line-a {
    height: 35px;
    min-width: 35px;
    line-height: 35px;
    padding: 0 10px;
    background: #fff;
    position: absolute;
    top: 10px;
    cursor: pointer;
    font-size: 14px;
    color: #2e2e2e;
    text-align: center;
    font-weight: 600
}

    .product-image .top-line-a span {
        font-size: 11px;
        line-height: 35px;
        display: inline-block;
        vertical-align: bottom
    }

    .product-image .top-line-a .fa {
        line-height: 35px;
        display: inline-block;
        vertical-align: bottom
    }

    .product-image .top-line-a:hover {
        background: #2e2e2e;
        color: #fff
    }

    .product-image .top-line-a.left {
        left: -100px
    }

.product-image:hover .top-line-a.left {
    left: 10px
}

.product-image .top-line-a.right {
    right: -100px
}

.product-image:hover .top-line-a.right {
    right: 10px
}

.product-slide-entry .tag {
    line-height: 14px;
    color: #8b8b8b;
    text-transform: uppercase;
    display: block;
    font-weight: 500;
    margin-bottom: 7px
}

    .product-slide-entry .tag:hover {
        color: #2e2e2e
    }

.product-slide-entry .title {
    display: block;
    font-size: 15px;
    line-height: 18px;
    color: #2e2e2e;
    font-weight: 600;
    margin-bottom: 10px
}

    .product-slide-entry .title b {
        font-weight: 700
    }

    .product-slide-entry .title:hover {
        color: #03b4ea
    }

.product-slide-entry2 .title {
    display: block;
    font-size: 28px;
    line-height: 40px;
    color: #2e2e2e;
    font-weight: 600;
    margin-bottom: 10px
}

.rating-box {
    color: #f5c10c;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 10px
}

    .rating-box .star {
        display: inline-block
    }

.price {
    font-size: 15px;
    line-height: 15px;
    padding-bottom: 5px
}

    .price .prev {
        color: #989898;
        text-decoration: line-through;
        display: inline-block
    }

    .price .current {
        color: #da75cb;
        display: inline-block;
        font-size: 18px;
        font-weight: 600
    }

@media (min-width: 768px) {
    .swiper-tabs .list, .links-drop-down .list {
        display: block !important
    }
}

@media (max-width: 767px) {
    .swiper-tabs .block-title {
        float: none;
        display: block;
        margin-right: 0;
        margin-bottom: 0
    }

    .swiper-tabs {
        margin-bottom: 25px
    }

        .swiper-tabs .title, .links-drop-down .title {
            display: block;
            padding: 0 40px 0 15px;
            white-space: nowrap;
            white-space: nowrap;
            line-height: 40px;
            border: 2px #f0f0f0 solid;
            font-size: 16px;
            position: relative;
            cursor: pointer;
            text-align: left
        }

            .swiper-tabs .title:after, .links-drop-down .title:after {
                line-height: 40px;
                height: 40px;
                width: 40px;
                text-align: center;
                font-family: FontAwesome;
                content: "\f107";
                position: absolute;
                top: 0;
                right: 0
            }

            .swiper-tabs .title.active:after, .links-drop-down .title.active:after {
                content: "\f106"
            }

        .swiper-tabs .list .block-title {
            padding-top: 15px;
            display: block !important
        }

        .swiper-tabs:before {
            display: none
        }

        .swiper-tabs .list, .links-drop-down .list {
            display: none
        }
}

.sale-entry {
    overflow: hidden;
    border: 2px #f2f2f2 solid;
    min-height: 70px;
    padding: 35px 0;
    position: relative;
    display: block
}

    .sale-entry .sale-price {
        font-size: 16px;
        line-height: 24px;
        color: #2e2e2e;
        text-transform: uppercase;
        font-weight: 700;
        width: 190px;
        text-align: center;
        border-right: 1px #f2f2f2 solid;
        float: left;
        display: block;
        position: relative;
        z-index: 1
    }

        .sale-entry .sale-price span {
            display: block;
            font-size: 48px;
            line-height: 48px;
            color: #eb6100
        }

        .sale-entry .sale-price img {
            padding: 15px 0
        }

    .sale-entry .sale-description {
        font-size: 13px;
        line-height: 22px;
        color: #a3a2a2;
        margin: 0 40px 15px 230px;
        padding: 2px 0;
        display: block;
        position: relative;
        z-index: 1
    }

    .sale-entry .sale-title {
        font-size: 18px;
        line-height: 24px;
        text-transform: uppercase;
        font-weight: 700;
        color: #a3a2a2;
        margin: 0 0 10px 230px
    }

.hot-mark {
    position: absolute;
    top: 5px;
    right: -15px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background: #ca1515;
    line-height: 18px;
    width: 60px;
    text-align: center;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

    .hot-mark.blue {
        background: #03b4ea
    }

    .hot-mark.yellow {
        background: #dec209
    }

a.sale-entry:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    content: "";
    z-index: 1
}

a.sale-entry .hot-mark {
    z-index: 2
}

.sale-entry-border {
    padding-top: 50px;
    padding-bottom: 50px
}

    .sale-entry-border:hover {
        background: #4c4c4c !important
    }

    .sale-entry-border:before {
        border: 1px solid rgba(255,255,255,0.5);
        content: "";
        position: absolute;
        left: 15px;
        top: 15px;
        right: 15px;
        bottom: 15px
    }

    .sale-entry-border:hover:before {
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        opacity: 0
    }

    .sale-entry-border * {
        position: relative
    }

    .sale-entry-border .sale-title {
        color: #fff
    }

    .sale-entry-border .sale-description {
        color: rgba(255,255,255,0.5)
    }

    .sale-entry-border .sale-price {
        border-color: rgba(255,255,255,0.5)
    }

@media (max-width: 991px) {
    .sale-entry {
        padding: 25px 0
    }

        .sale-entry .sale-title {
            text-align: center;
            margin-left: auto
        }

        .sale-entry .sale-price {
            width: auto;
            float: none;
            margin: 0 30px 10px;
            border: none;
            border-bottom: 1px #f2f2f2 solid;
            padding-bottom: 10px
        }

        .sale-entry .sale-description {
            width: auto;
            float: none;
            margin: 0 10px 10px;
            text-align: center
        }
}

.sidebar-navigation {
    border: 2px #03b4ea solid;
    margin-bottom: 25px
}

    .sidebar-navigation .title {
        background: #03b4ea;
        padding: 20px 25px;
        line-height: 15px;
        color: #fff;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 700;
        margin-top: -2px;
        position: relative
    }

        .sidebar-navigation .title .fa {
            display: none
        }

    .sidebar-navigation .entry {
        cursor: pointer;
        border-bottom: 1px #ebebeb solid;
        display: block;
        font-weight: 500;
        font-size: 13px;
        line-height: 15px;
        color: #2e2e2e;
        padding: 17px 25px;
        position: relative
    }

body.mobile .sidebar-navigation .entry {
    color: #2e2e2e !important
}

    body.mobile .sidebar-navigation .entry:before {
        display: none
    }

.sidebar-navigation .entry:last-child {
    border: none
}

.sidebar-navigation .entry:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: #03b4ea;
    content: "";
    opacity: 0
}

.sidebar-navigation .entry span {
    position: relative
}

.sidebar-navigation .entry:hover:before, .sidebar-navigation .entry.active:before {
    height: 100%;
    opacity: 1
}

.sidebar-navigation .entry:hover, .sidebar-navigation .entry.active {
    color: #fff
}

body:not(.mobile) #content-block .sidebar-navigation .entry:hover .fa {
    color: #fff
}

.sidebar-navigation .entry .fa {
    color: #ca1515;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -1px
}

.sidebar-navigation .list {
    display: none
}

@media (min-width: 992px) {
    .sidebar-navigation .list {
        display: block !important
    }
}

@media (max-width: 991px) {
    .sidebar-navigation {
        margin-bottom: 25px !important
    }

        .sidebar-navigation .title {
            padding-right: 55px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            cursor: pointer
        }

            .sidebar-navigation .title .fa {
                display: block;
                position: absolute;
                width: 55px;
                height: 55px;
                line-height: 55px;
                text-align: center;
                right: 0;
                top: 0;
                font-size: 22px
            }

        .sidebar-navigation.active .title .fa {
            transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg)
        }
}

.navigation-banner-swiper {
    margin-bottom: 30px
}

.navigation-banner-wrapper {
    position: relative;
    background-size: cover
}

    .navigation-banner-wrapper.align-1 {
        background-position: right top
    }

    .navigation-banner-wrapper.align-2 {
        background-position: left top
    }

.navigation-banner-content {
    width: 57%;
    padding: 0 50px;
    height: 505px;
    position: relative
}

    .navigation-banner-content .cell-view {
        width: 1500px
    }

.navigation-banner-wrapper.align-1 .navigation-banner-content {
    float: left
}

.navigation-banner-wrapper.align-2 .navigation-banner-content {
    float: right
}

.navigation-banner-wrapper.align-3 .navigation-banner-content {
    width: 100% !important;
    text-align: center
}

.navigation-banner-content .subtitle {
    font-family: 'Microsoft JhengHei','Dancing Script',cursive;
    font-size: 40px;
    line-height: 36px;
    color: #d349bd;
    margin-bottom: 3px;
    transform: translateX(-50px) translateY(-50px);
    -moz-transform: translateX(-50px) translateY(-50px);
    -webkit-transform: translateX(-50px) translateY(-50px);
    -ms-transform: translateX(-50px) translateY(-50px);
    opacity: 0
}

.light-text .navigation-banner-content .subtitle {
    color: #fff
}

.navigation-banner-content .title {
    font-family: 'Microsoft JhengHei','Montserrat',sans-serif;
    font-weight: 400;
    font-size: 70px;
    line-height: 70px;
    color: #3c3c3c;
    text-transform: uppercase;
    letter-spacing: -5px;
    margin-bottom: 7px;
    transform: translateX(150px);
    -moz-transform: translateX(150px);
    -webkit-transform: translateX(150px);
    -ms-transform: translateX(150px);
    opacity: 0
}

.light-text .navigation-banner-content .title {
    color: #fff
}

.navigation-banner-content .description {
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    font-family: 'Microsoft JhengHei',serif;
    font-weight: 300;
    margin-bottom: 15px;
    padding-right: 50px;
    transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    opacity: 0
}

.light-text .navigation-banner-content .description {
    color: #fff
}

.navigation-banner-content .info {
    opacity: 0;
    transform: translateY(50px);
    -moz-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px)
}

.light-text .navigation-banner-content .info .button:not(:hover) {
    color: #fff
}

.swiper-slide.active .navigation-banner-content .subtitle, .swiper-slide.active .navigation-banner-content .title, .swiper-slide.active .navigation-banner-content .description, .swiper-slide.active .navigation-banner-content .info {
    transform: translateX(0px) translateY(0px);
    -moz-transform: translateX(0px) translateY(0px);
    -webkit-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    opacity: 1
}

.navigation-banner-content .button {
    margin-right: 12px
}

.navigation-banner-swiper .pagination {
    display: none
}

@media (max-width: 991px) {
    #content-block .navigation-banner-content {
        height: 350px;
        width: 63%
    }

        #content-block .navigation-banner-content .title {
            font-size: 60px;
            line-height: 60px
        }

    #content-block .navigation-banner-swiper .pagination {
        display: block;
        margin-top: 20px
    }

    .navigation-banner-swiper:before, .navigation-banner-swiper:after {
        position: absolute;
        width: 1px;
        height: 100%;
        top: 0;
        background: #fff;
        content: ""
    }

    .navigation-banner-swiper:before {
        left: 0;
        z-index: 2
    }

    .navigation-banner-swiper:after {
        right: 0;
        z-index: 2
    }
}

@media (max-width: 767px) {
    #content-block .navigation-banner-content .title {
        font-size: 40px;
        line-height: 40px;
        letter-spacing: -4px
    }

    #content-block .navigation-banner-content .subtitle {
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 10px
    }

    #content-block .navigation-banner-content .description {
        color: #3c3c3c;
        padding-right: 0
    }

    #content-block .navigation-banner-content {
        height: 300px;
        padding: 0 15px;
        width: auto;
        text-align: center;
        float: none
    }

        #content-block .navigation-banner-content .cell-view {
            width: 800px
        }

    #content-block .navigation-banner-image {
        opacity: .2
    }

    #content-block .navigation-banner-wrapper:before {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(255,255,255,0.7);
        content: ""
    }

    #content-block .navigation-banner-wrapper.light-text:before {
        background: rgba(93,93,93,0.7)
    }

    #content-block .navigation-banner-wrapper.light-text .description {
        color: #fff !important
    }

    #content-block .navigation-banner-content .button {
        margin: 0 1%;
        width: 48%;
        float: left;
        min-width: 0
    }

    .food-category {
        width: 49%;
        display: inline-block;
        box-sizing: border-box
    }
}

body.style-1 {
    background-size: cover;
    background-attachment: fixed
}

    body.style-1 .search-button, .header-wrapper.style-1 .search-button {
        background: #779307
    }

    body.style-1 .swiper-tabs .block-title:before {
        background: #8bab0a
    }

    body.style-1 .swiper-active-switch {
        background: #8bab0a;
        border-color: #8bab0a
    }

    body.style-1 .product-slide-entry {
        text-align: center
    }

    body.style-1 .price .current {
        color: #779307
    }

.footer-wrapper.style-1 .footer-address a b {
    color: #8bab0a
}

.footer-wrapper.style-1 .copyright a {
    color: #8bab0a
}

.footer-wrapper.style-1 .footer-columns-entry .column a:hover, .footer-wrapper.style-1 .footer-bottom-navigation .footer-links a:hover {
    color: #8bab0a
}

body.style-1 .product-slide-entry .title:hover {
    color: #8bab0a
}

body.style-1 .bubbles span {
    background: #8bab0a
}

.header-wrapper.style-1 .header-functionality-entry.open-cart-popup b {
    color: #779307
}

body.style-1 .cart-box.popup .content .price {
    color: #779307
}

body.style-1 .cart-box.popup .summary .grandtotal span {
    color: #779307
}

body.style-1 .button.style-4 {
    background: #779307;
    border-color: #779307
}

body.style-1 .footer-columns-entry {
    border-top: none;
    padding-top: 0
}

@media (min-width: 1200px) {
    .header-wrapper.style-1 .navigation {
        margin: 0 -70px;
        padding: 0 70px;
        border-bottom: none;
        background: #779307
    }

    .header-wrapper.style-1 .header-middle {
        border-bottom: none
    }

    .header-wrapper.style-1 header:not(.fixed-header) nav > ul > li > a {
        color: #fff
    }

    .header-wrapper.style-1 header:not(.fixed-header) nav > ul > li .fa {
        color: #aec161
    }
}

.inline-product-column-title {
    margin-bottom: 20px
}

.inline-product-entry {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px #f0f0f0 solid
}

    .inline-product-entry .image {
        width: 55px;
        float: left;
        border: 1px transparent solid
    }

        .inline-product-entry .image:hover {
            border-color: #8bab0a
        }

        .inline-product-entry .image img {
            display: block;
            width: 100%;
            height: auto
        }

    .inline-product-entry .content {
        margin-left: 70px
    }

        .inline-product-entry .content .cell-view {
            height: 55px
        }

    .inline-product-entry .title {
        font-size: 15px;
        color: #5a5858;
        line-height: 20px;
        font-weight: 500;
        margin-bottom: 5px;
        display: inline-block
    }

        .inline-product-entry .title:hover {
            color: #8bab0a
        }

    .inline-product-entry .price .current {
        font-size: 15px
    }

.inline-product-column-title {
    margin-bottom: 20px
}

.inline-product-entry2 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px #f0f0f0 solid
}

    .inline-product-entry2 .image {
        width: 55px;
        float: left;
        border: 1px transparent solid
    }

        .inline-product-entry2 .image:hover {
            border-color: #8bab0a
        }

        .inline-product-entry2 .image img {
            display: block;
            width: 100%;
            height: auto
        }

    .inline-product-entry2 .content {
        margin-left: 0;
        line-height: 24px
    }

        .inline-product-entry2 .content .cell-view {
            height: 55px
        }

    .inline-product-entry2 .title {
        font-size: 15px;
        color: #5a5858;
        line-height: 20px;
        font-weight: 500;
        margin-bottom: 5px;
        display: inline-block
    }

        .inline-product-entry2 .title:hover {
            color: #8bab0a
        }

    .inline-product-entry2 .price .current {
        font-size: 15px
    }

.product-column-entry {
    border: 2px #f2f2f2 solid;
    padding: 27px 0;
    position: relative;
    overflow: hidden
}

    .product-column-entry .image {
        text-align: center;
        height: 160px;
        margin-bottom: 20px
    }

        .product-column-entry .image img {
            display: inline-block;
            max-height: 100%;
            width: auto
        }

    .product-column-entry .title {
        font-size: 16px;
        line-height: 20px;
        color: #2e2e2e;
        text-transform: uppercase;
        font-weight: 700;
        margin: 0 30px 15px;
        display: block
    }

    .product-column-entry a.title:hover {
        text-decoration: underline
    }

    .product-column-entry .description {
        margin: 0 30px
    }

@media (max-width: 767px) {
    .product-column-entry {
        max-width: 300px;
        margin: 0 auto
    }
}

.from-the-blog-entry .image {
    float: left;
    width: 180px;
    margin-right: 20px;
    position: relative;
    overflow: hidden
}

.hover-class-1:after {
    background: #8bab0a;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0
}

body:not(.mobile) .hover-class-1:hover:after {
    opacity: .7
}

.from-the-blog-entry .image img {
    display: block;
    width: 100%;
    height: auto;
    position: relative
}

.hover-class-1 .hover-label {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    margin-top: -10px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-weight: 600;
    z-index: 1;
    left: -100%
}

body:not(.mobile) .hover-class-1:hover .hover-label {
    left: 0
}

.from-the-blog-entry .description {
    font-size: 13px;
    line-height: 24px;
    color: #a3a2a2
}

.mozaic-banners-wrapper .row {
    margin: 0 -4px
}

.mozaic-banners-wrapper .banner-column {
    padding: 0 4px;
    margin-bottom: 8px
}

.mozaic-banner-entry {
    border: 2px #ebebeb solid;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-repeat: no-repeat;
    position: relative;
    display: block
}

    .mozaic-banner-entry.type-1 {
        height: 505px;
        background-size: 470px;
        background-position: center bottom
    }

    .mozaic-banner-entry.type-2 {
        height: 248.5px;
        margin-bottom: 8px;
        background-size: auto 100%
    }

    .mozaic-banner-entry.type-3 {
        height: 210px;
        margin-bottom: 8px;
        background-size: auto 100%
    }

.mozaic-banner-content {
    padding: 50px 8.5%;
    max-width: 430px;
    position: relative
}

    .mozaic-banner-content .subtitle {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 5px;
        color: #515151;
        text-transform: uppercase;
        font-weight: 600
    }

    .mozaic-banner-content .title {
        font-size: 60px;
        line-height: 55px;
        color: #779307;
        font-family: 'Microsoft JhengHei','Montserrat',sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 10px
    }

.mozaic-banner-entry.type-2 .mozaic-banner-content .subtitle, .mozaic-banner-entry.type-3 .mozaic-banner-content .subtitle {
    font-size: 16px !important;
    margin-bottom: 2px;
    display: block
}

.mozaic-banner-entry.type-2 .mozaic-banner-content .title, .mozaic-banner-entry.type-3 .mozaic-banner-content .title {
    font-size: 32px;
    line-height: 32px;
    display: block
}

.mozaic-banner-content .description {
    font-size: 13px;
    line-height: 22px;
    color: #b3b3b3;
    margin-bottom: 15px;
    display: block
}

.mozaic-swiper {
    border: 2px #ebebeb solid;
    height: 505px;
    overflow: hidden
}

    .mozaic-swiper .mozaic-banner-entry.type-1 {
        border: none;
        background-size: 100%
    }

    .mozaic-swiper .pagination {
        position: absolute;
        left: 20px;
        bottom: 20px;
        width: auto
    }

        .mozaic-swiper .pagination .swiper-pagination-switch {
            margin: 0 6px 0 0;
            height: 10px;
            width: 10px;
            background: #dedede;
            border: none
        }

        .mozaic-swiper .pagination .swiper-active-switch {
            background: #bfbfbf
        }

@media (max-width: 767px) {
    .mozaic-banner-entry.type-1:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        opacity: .7
    }

    #content-block .mozaic-banner-entry.type-1, #content-block .mozaic-banner-entry.type-2, #content-block .mozaic-banner-entry.type-3, #content-block .mozaic-swiper {
        height: auto
    }

    .mozaic-banner-content {
        padding: 25px 20px
    }

    .mozaic-swiper .mozaic-banner-content {
        padding-bottom: 55px
    }
}

@media only screen and (max-width: 992px) {
    .mozaic-banner-entry.type-1 {
        background-size: 400px;
        background-position: right bottom
    }
}

body.style-2 .swiper-tabs .block-title:before {
    background: #0f51a3
}

.footer-wrapper.style-2 .footer-address a b {
    color: #0f51a3
}

.footer-wrapper.style-2 .copyright a {
    color: #0f51a3
}

.footer-wrapper.style-2 .footer-columns-entry .column a:hover, .footer-wrapper.style-2 .footer-bottom-navigation .footer-links a:hover {
    color: #0f51a3
}

body.style-2 .product-slide-entry .title:hover {
    color: #0f51a3
}

body.style-2 .bubbles span {
    background: #0f51a3
}

body.style-2 .swiper-active-switch {
    background: #0f51a3;
    border-color: #0f51a3
}

body.style-2 .price .current {
    color: #0f51a3;
    font-weight: 600
}

body.style-2 .block-title {
    font-size: 16px
}

body.style-2 .list-type-1 li .fa {
    color: #0f51a3
}

body.style-2 .list-type-1 a:hover {
    color: #0f51a3
}

body.style-2 .navigation-banner-content .subtitle {
    font-size: 30px;
    color: #0f51a3;
    font-weight: 300;
    font-family: 'Microsoft JhengHei','Raleway',sans-serif;
    letter-spacing: -1px
}

body.style-2 .navigation-banner-content .title {
    font-weight: 700;
    font-family: 'Raleway',sans-serif;
    font-size: 60px;
    line-height: 60px
}

body.style-2 .navigation-banner-content .description {
    font-family: 'Microsoft JhengHei','Raleway',sans-serif;
    font-style: normal
}

body.style-2 .search-button, .header-wrapper.style-2 .search-button {
    background: #e9b500
}

body.style-2 .sidebar-navigation {
    border: none
}

    body.style-2 .sidebar-navigation .title {
        background: #0f51a3;
        margin-bottom: 4px
    }

    body.style-2 .sidebar-navigation .entry {
        border: 1px #f5f5f5 solid;
        background: #fafafa;
        margin-bottom: 4px
    }

        body.style-2 .sidebar-navigation .entry .fa {
            color: #0f51a3
        }

        body.style-2 .sidebar-navigation .entry:before {
            background: #0f51a3
        }

body.style-2 .sidebar-navigation-title {
    line-height: 70px;
    padding: 0 25px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

body.style-2 .cart-box.popup .content .price {
    color: #0f51a3
}

body.style-2 .cart-box.popup .summary .grandtotal span {
    color: #0f51a3
}

body.style-2 .button.style-4 {
    background: #0f51a3;
    border-color: #0f51a3
}

body.style-2 .sidebar-navigation {
    margin-bottom: 50px
}

body.style-2 .navigation-search-content .search-box {
    position: absolute;
    left: 0;
    right: 160px;
    margin-right: 0
}

.sidebar-logos-row {
    margin-left: -8px;
    margin-right: -8px
}

    .sidebar-logos-row .entry {
        max-width: 95px;
        float: left;
        width: 33.33%;
        padding: 0 8px 8px;
        margin-bottom: 10px
    }

    .sidebar-logos-row a, .sidebar-logos-row img {
        display: block;
        width: 100%;
        height: auto
    }

        .sidebar-logos-row a img {
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%)
        }

        .sidebar-logos-row a:hover img {
            -webkit-filter: grayscale(0%);
            filter: grayscale(0%)
        }

@media (max-width: 1199px) {
    body.style-2 .sidebar-navigation-title {
        display: none
    }
}

@media (min-width: 1200px) {
    .header-wrapper.style-2 .navigation {
        border-bottom: none;
        background: #0f51a3
    }

    .header-wrapper.style-2 header:not(.fixed-header) nav > ul > li > a {
        color: #fff
    }

    .header-wrapper.style-2 header:not(.fixed-header) nav > ul > li .fa {
        color: #6b9ddc
    }

    .header-wrapper.style-2 header:not(.fixed-header) nav {
        display: block;
        padding-left: 300px;
        padding-right: 125px;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        -webkit-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        transform: scale(0);
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0)
    }

    .header-wrapper.style-2 header:not(.fixed-header) .navigation.active nav {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1)
    }

    .header-wrapper.style-2 .navigation .navigation-search-content .search-box {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        -webkit-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        display: block
    }

    .header-wrapper.style-2 .navigation.active .navigation-search-content .search-box {
        transform: scale(0);
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0)
    }

    body.style-2 .sidebar-navigation {
        margin-top: -95px;
        position: relative
    }

        .header-wrapper.style-2 .sidebar-navigation .title, body.style-2 .sidebar-navigation .title {
            line-height: 16px;
            padding-top: 27px;
            padding-bottom: 27px;
            margin-bottom: 8px
        }
}

.navigation-banner-swiper.size-1 .navigation-banner-content {
    height: 430px
}

.footer-wrapper.style-3 footer:before {
    background: #333;
    bottom: 0;
    content: "";
    height: 100%;
    left: 50%;
    margin-left: -50000px;
    position: absolute;
    width: 100000px
}

.footer-wrapper.style-3 .footer-bottom-navigation:before {
    background: #2e2e2e;
    bottom: 0;
    content: "";
    height: 100%;
    left: 50%;
    margin-left: -50000px;
    position: absolute;
    width: 100000px
}

.footer-wrapper.style-3 .footer-columns-entry .column a {
    color: #a6a6a6
}

.footer-wrapper.style-3 .footer-address a b {
    color: #fff
}

.footer-wrapper.style-3 .footer-columns-entry .column a:hover, .footer-wrapper.style-3 .footer-bottom-navigation .footer-links a:hover {
    color: #fff
}

.footer-wrapper.style-3 #content-block .footer-address a:hover, .footer-wrapper.style-3 #content-block .footer-address a:hover b {
    color: #fff;
    text-decoration: underline
}

.footer-wrapper.style-3 .footer-columns-entry .column-title {
    color: #fff
}

.footer-wrapper.style-3 .footer-description b {
    color: #fff
}

.footer-wrapper.style-3 .footer-columns-entry {
    border: none
}

.footer-wrapper.style-3 .footer-bottom-navigation .footer-links a {
    color: #aaa;
    border-color: #4a4a4a
}

.footer-wrapper.style-3 .copyright a {
    color: #fff
}

#content-block .footer-wrapper.style-3 .copyright a:hover {
    color: #fff;
    text-decoration: underline
}

.footer-wrapper.style-3 #content-block .copyright a:hover {
    color: #fff;
    text-decoration: underline
}

body.style-3 .swiper-tabs .block-title:before {
    background: #008acc
}

body.style-3 .product-slide-entry .title:hover {
    color: #008acc
}

body.style-3 .bubbles span {
    background: #008acc
}

body.style-3 .swiper-active-switch {
    background: #008acc;
    border-color: #008acc
}

body.style-3 .price .current {
    color: #008acc;
    font-weight: 600
}

body.style-3 .list-type-1 li .fa {
    color: #008acc
}

body.style-3 .list-type-1 a:hover {
    color: #008acc
}

body.style-3 .sidebar-navigation .title {
    background: #008acc
}

body.style-3 .sidebar-navigation {
    border-color: #008acc
}

    body.style-3 .sidebar-navigation .entry .fa {
        color: #008acc
    }

    body.style-3 .sidebar-navigation .entry:before {
        background: #008acc
    }

body.style-3 .inline-product-column-title {
    font-size: 18px;
    line-height: 22px
}

body.style-3 .inline-product-entry .title:hover {
    color: #008acc
}

body.style-3 .inline-product-entry .image:hover {
    border-color: #008acc
}

body.style-3 .read-more:hover {
    color: #008acc
}

body.style-3 .cart-box.popup .content .price {
    color: #008acc
}

body.style-3 .cart-box.popup .summary .grandtotal span {
    color: #008acc
}

body.style-3 .button.style-4 {
    background: #008acc;
    border-color: #008acc
}

@media (min-width: 1200px) {
    body.style-3 .information-blocks {
        margin-bottom: 60px
    }
}

.header-wrapper.style-3 header:before {
    background: red;
    position: absolute;
    height: 1000px;
    width: 100000px;
    left: 50%;
    margin-left: -50000px;
    bottom: 35px;
    content: "";
    background: #0075ad
}

.header-wrapper.style-3 .header-top-entry {
    color: #add7eb
}

    .header-wrapper.style-3 .header-top-entry .title {
        border-color: #348cb6
    }

        .header-wrapper.style-3 .header-top-entry .title a {
            color: #add7eb
        }

.header-wrapper.style-3 .header-top .socials-box a {
    color: #add7eb
}

    .header-wrapper.style-3 .header-top .socials-box a:hover {
        color: #fff
    }

.header-wrapper.style-3 header .icon-entry .image {
    background: transparent;
    border: 2px #3391bd solid;
    border-radius: 50%
}

    .header-wrapper.style-3 header .icon-entry .image .fa {
        line-height: 41px;
        color: #fff
    }

.header-wrapper.style-3 header .icon-entry:hover .image {
    background: #3391bd
}

.header-wrapper.style-3 header .icon-entry .text {
    color: #add7eb
}

    .header-wrapper.style-3 header .icon-entry .text b {
        color: #fff
    }

.header-wrapper.style-3 .header-top {
    border-color: #378fb9
}

.header-wrapper.style-3 .header-functionality-entry {
    color: #add7eb;
    border-color: #3a91bb
}

    .header-wrapper.style-3 .header-functionality-entry b {
        color: #fff
    }

.header-wrapper.style-3 .header-middle {
    border: none
}

.header-wrapper.style-3 .navigation-search-content .toggle-desktop-menu {
    border-color: #309ed3;
    width: 140px
}

.header-wrapper.style-3 .navigation-search-content .search-box {
    margin-right: 175px
}

@media (min-width: 1200px) {
    .header-wrapper.style-3 .navigation {
        border-bottom: none;
        background: #008acc
    }

    .header-wrapper.style-3 header:not(.fixed-header) nav > ul > li > a {
        color: #fff
    }

    .header-wrapper.style-3 header:not(.fixed-header) nav > ul > li .fa {
        color: #6b9ddc
    }

    .header-wrapper.style-3 header:not(.fixed-header) nav {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        padding: 0 140px 0 20px;
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        -webkit-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform-origin: 0 50% 0;
        -moz-transform-origin: 0 50% 0;
        -webkit-transform-origin: 0 50% 0;
        -ms-transform-origin: 0 50% 0
    }

    .header-wrapper.style-3 header:not(.fixed-header) .navigation.active nav {
        transform: scale(0);
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0)
    }

    .header-wrapper.style-3 .navigation .navigation-search-content .search-box {
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        -webkit-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        transform: scale(0);
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        display: block;
        transform-origin: 100% 50% 0;
        -moz-transform-origin: 100% 50% 0;
        -webkit-transform-origin: 100% 50% 0;
        -ms-transform-origin: 100% 50% 0
    }

    .header-wrapper.style-3 .navigation.active .navigation-search-content .search-box {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1)
    }

    .header-wrapper.style-3 .navigation .navigation-search-content {
        height: 0
    }
}

@media (max-width: 1199px) {
    .header-wrapper.style-3 header:before {
        bottom: 0
    }

    .header-wrapper.style-3 .header-functionality-entry .fa {
        color: #fff
    }

    .header-wrapper.style-3 .menu-button {
        color: #fff
    }
}

.mozaic-banners-wrapper.type-2 .mozaic-banner-content {
    padding-top: 0;
    padding-bottom: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    max-width: 65%;
    display: block
}

.mozaic-banners-wrapper.type-2 .row {
    margin: 0 -8px
}

.mozaic-banners-wrapper.type-2 .banner-column {
    padding: 0 8px;
    margin-bottom: 16px
}

.mozaic-banners-wrapper.type-2 .mozaic-swiper {
    border: none
}

.mozaic-banners-wrapper.type-2 .mozaic-banner-entry {
    background-color: #f7f7f7;
    border: none
}

    .mozaic-banners-wrapper.type-2 .mozaic-banner-entry.type-2 {
        height: 244.5px
    }

    .mozaic-banners-wrapper.type-2 .mozaic-banner-entry.type-2, .mozaic-banners-wrapper.type-2 .mozaic-banner-entry.type-3 {
        margin-bottom: 16px
    }

.mozaic-banners-wrapper.type-2 .mozaic-banner-content .subtitle {
    font-size: 24px;
    color: #515151;
    font-weight: 600;
    display: block
}

.mozaic-banners-wrapper.type-2 .mozaic-banner-content .title {
    color: #008acc;
    display: block
}

.mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(1,138,204,0.7);
    content: "";
    opacity: 0
}

body:not(.mobile) .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .subtitle {
    color: #fff
}

.mozaic-banners-wrapper.type-2 a.mozaic-banner-entry .title {
    font-weight: 400;
    letter-spacing: -1px
}

body:not(.mobile) .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .title {
    color: #fff;
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px)
}

body:not(.mobile) .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .description, body:not(.mobile) .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .view {
    color: #fff;
    transform: translateX(40px);
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px)
}

body:not(.mobile) .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover:before {
    opacity: 1
}

.mozaic-banners-wrapper.type-2 .mozaic-swiper .pagination {
    bottom: auto;
    top: 20px;
    margin-top: 0
}

@media (max-width: 767px) {
    .mozaic-banners-wrapper.type-2 .mozaic-banner-content {
        padding-top: 20px;
        padding-bottom: 20px;
        position: relative;
        left: 0;
        top: 0;
        transform: translateY(0%);
        -moz-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        max-width: 100%
    }

    .mozaic-banners-wrapper.type-2 .mozaic-swiper .mozaic-banner-content {
        padding-top: 55px
    }
}

.text-widget .image {
    display: block;
    width: 100%;
    height: auto;
    max-width: 275px;
    margin-bottom: 15px
}

.text-widget .description {
    font-size: 13px;
    line-height: 24px;
    color: #a3a2a2;
    margin-bottom: 10px
}

@media (max-width: 991px) {
    .text-widget .image {
        float: left;
        margin-right: 30px
    }
}

@media (max-width: 767px) {
    .text-widget .image {
        float: none;
        margin-right: 0
    }
}

body.style-3 .sale-entry .sale-price span {
    color: #008acc
}

.sale-entry .sale-image {
    margin: 0 0 -35px !important;
    display: none;
    max-width: 100%;
    height: auto;
    position: relative
}

a.sale-entry:before {
    background: rgba(1,138,204,0.7)
}

body:not(.mobile) a.sale-entry:hover:before {
    opacity: 1
}

body:not(.mobile) a.sale-entry:hover .sale-price, body:not(.mobile) a.sale-entry:hover .sale-price span, body:not(.mobile) a.sale-entry:hover .sale-description {
    color: #fff !important
}

@media (min-width: 992px) {
    .sale-entry .sale-image {
        display: block
    }

    .sale-entry.vertical {
        text-align: center
    }

        .sale-entry.vertical .sale-description {
            margin-left: 20px;
            margin-right: 20px
        }

        .sale-entry.vertical .sale-price {
            float: none;
            width: auto;
            border: none;
            margin-bottom: 15px
        }
}

.header-wrapper.style-4 header {
    padding-left: 55px;
    padding-right: 55px
}

header.type-2 .full-width .submenu, header.type-2 .full-width-columns .submenu {
    left: auto;
    right: 0
}

header.type-2 .navigation-vertical-align {
    display: table;
    width: 100%;
    border-bottom: 1px #ebebeb solid;
    position: relative
}

header.type-2 .navigation {
    border: none
}

header.type-2 .nav-container {
    width: 100%
}

header.type-2 #logo {
    margin: 10px;
    width: 200px
}

header.type-2 .menu-button {
    position: relative;
    top: auto
}

header.type-2 .header-functionality-entry {
    float: right
}

    header.type-2 .header-functionality-entry .fa {
        display: inline-block
    }

@media (min-width: 1200px) {
    header.type-2:not(.fixed-header) nav, header.type-2:not(.fixed-header) .navigation {
        position: static
    }

    header.type-2:not(.fixed-header) .submenu {
        top: 50%;
        margin-top: 35px !important
    }

    header.type-2:not(.fixed-header) nav > ul > li > a {
        font-weight: 500
    }

    header.type-2:not(.fixed-header) nav > ul {
        float: right;
        margin-right: 70px
    }

    header.type-2:not(.fixed-header) .navigation {
        margin: 60px 0
    }

    .header-wrapper.style-4 li.fixed-header-visible {
        display: block
    }

    .header-wrapper.style-4 header.fixed-header nav {
        padding: 0 55px
    }
}

@media (max-width: 1199px) {
    header.type-2 .logo-container {
        width: 300px
    }

    header.type-2 .nav-container {
        width: 400px
    }
}

.footer-wrapper.style-4 footer {
    border-top: 1px #f0f0f0 solid
}

.footer-wrapper.style-4 .copyright a {
    color: #c9ac37
}

    .footer-wrapper.style-4 .copyright a:hover {
        color: #464646
    }

.footer-wrapper.style-4 .footer-bottom-navigation .footer-links a:hover {
    color: #c9ac37
}

body.style-4 .content-center {
    max-width: 1280px;
    margin: 35px auto;
    background: #fff;
    padding: 0 55px
}

body.style-4 .price .current {
    color: #c2a325;
    font-size: 18px;
    font-weight: 600
}

body.style-4 .product-slide-entry .title:hover {
    color: #c9ac37
}

body.style-4 .swiper-tabs .block-title:before {
    background: #c9ac37
}

body.style-4 .swiper-tabs .block-title {
    display: inline-block;
    float: none
}

body.style-4 .swiper-tabs {
    text-align: center
}

body.style-4 .read-more:hover {
    color: #c9ac37
}

body.style-4 .search-button {
    background: #c9ac37
}

body.style-4 .swiper-active-switch {
    background: #c9ac37;
    border-color: #c9ac37
}

body.style-4 .bubbles span {
    background: #c9ac37
}

body.style-4 .cart-box.popup .content .price {
    color: #c2a325
}

body.style-4 .cart-box.popup .summary .grandtotal span {
    color: #c2a325
}

body.style-4 .button.style-4 {
    background: #c2a325;
    border-color: #c2a325
}

@media (max-width: 1199px) {
    body.style-4 .content-center {
        margin-top: 0;
        margin-bottom: 0
    }
}

body.style-4 .navigation-banner-content {
    height: 600px;
    width: 62%
}

    body.style-4 .navigation-banner-content .subtitle {
        font-size: 20px;
        line-height: 24px;
        color: #a58d2d;
        font-family: 'Microsoft JhengHei','Raleway',sans-serif;
        font-weight: 600;
        letter-spacing: 2px;
        margin-bottom: 12px
    }

    body.style-4 .navigation-banner-content .title {
        font-family: 'Microsoft JhengHei','Montserrat',sans-serif;
        font-weight: 700;
        font-size: 48px;
        line-height: 48px;
        letter-spacing: -3px;
        color: #000;
        margin-bottom: 12px
    }

    body.style-4 .navigation-banner-content .description {
        font-size: 20px;
        line-height: 24px;
        color: #848484
    }

.custom-col-5-in-row {
    float: left;
    width: 20%;
    padding: 0 15px
}

    .custom-col-5-in-row:nth-child(5n+1) {
        clear: both
    }

.products-grid {
    margin-bottom: 20px
}

body.style-4 .products-grid {
    text-align: center
}

@media (max-width: 991px) {
    .custom-col-5-in-row {
        width: 25%
    }

        .custom-col-5-in-row:nth-child(5n+1) {
            clear: none
        }

        .custom-col-5-in-row:nth-child(4n+1) {
            clear: both
        }
}

@media (max-width: 767px) {
    .custom-col-5-in-row {
        width: 33.33333%
    }

        .custom-col-5-in-row:nth-child(4n+1) {
            clear: none
        }

        .custom-col-5-in-row:nth-child(3n+1) {
            clear: both
        }
}

@media (max-width: 450px) {
    .custom-col-5-in-row {
        width: 50%
    }

        .custom-col-5-in-row:nth-child(3n+1) {
            clear: none
        }

        .custom-col-5-in-row:nth-child(2n+1) {
            clear: both
        }

    header.type-2 #logo {
        width: 110px !important;
        margin: 10px
    }
}

.content-text-widget-container {
    padding: 40px 0;
    border-top: 1px #f0f0f0 solid;
    margin-bottom: 0 !important
}

.content-text-widget {
    padding: 30px 30px 30px 70px
}

    .content-text-widget:first-child {
        padding: 30px 70px 30px 30px;
        border-right: 1px #f0f0f0 solid
    }

    .content-text-widget .title {
        font-size: 24px;
        color: #2e2e2e;
        line-height: 24px;
        font-weight: 400;
        margin-bottom: 15px
    }

    .content-text-widget .description {
        font-size: 14px;
        color: #999797;
        line-height: 24px;
        font-weight: 400;
        margin-bottom: 15px
    }

@media (max-width: 767px) {
    .content-text-widget, .content-text-widget:first-child {
        padding: 0;
        border: none
    }
}

.header-wrapper.style-5 header.type-2 {
    background: none
}

    .header-wrapper.style-5 header.type-2 .navigation-vertical-align {
        border: none
    }

@media (min-width: 1200px) {
    .header-wrapper.style-5 header.type-2:not(.fixed-header) .navigation {
        margin: 45px 0
    }

    .header-wrapper.style-5 header.fixed-header .nav-overflow {
        border: none
    }

    .header-wrapper.style-5 nav > ul > li > a {
        font-weight: 700 !important
    }

    .header-wrapper.style-5 nav > ul > li > .fa {
        color: #fff
    }

    .header-wrapper.style-5 .fixed-header-square-button .fa {
        color: #fff
    }

        .header-wrapper.style-5 .fixed-header-square-button .fa:hover {
            color: #c7c7c7
        }

    .header-wrapper.style-5 li.fixed-header-visible {
        display: block
    }
}

footer.type-2 {
    background: #efefef;
    text-align: center;
    padding: 70px 0
}

    footer.type-2 .footer-logo {
        display: inline-block;
        vertical-align: bottom;
        margin-bottom: 30px
    }

    footer.type-2 .footer-links a {
        color: #323232;
        border-color: #3b3b3b
    }

        footer.type-2 .footer-links a:hover {
            color: #eb6100
        }

    footer.type-2 .copyright a {
        color: #eb6100
    }

#content-block footer.type-2 .copyright a:hover {
    color: #fff
}

@media (max-width: 767px) {
    footer.type-2 {
        padding: 50px 0
    }

        footer.type-2 .footer-links a {
            display: block;
            padding: 3px 0;
            border: none;
            margin: 0
        }

        footer.type-2 .footer-links {
            margin-bottom: 25px
        }
}

body.style-5.opened-menu .content-push {
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -ms-transform: none
}

body.style-5 .search-button {
    background: #f17e0e
}

body.style-5 .bubbles span {
    background: #f17e0e
}

body.style-5 .cart-box.popup .content .price {
    color: #f17e0e
}

body.style-5 .cart-box.popup .summary .grandtotal span {
    color: #f17e0e
}

body.style-5 .button.style-4 {
    background: #f17e0e;
    border-color: #f17e0e
}

.parallax-slide {
    position: relative
}

.parallax-clip {
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    clip: rect(auto,auto,auto,auto)
}

.fixed-parallax {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center top;
    -webkit-transform: translateZ(0)
}

    .fixed-parallax:before {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0,0,0,0.2);
        content: ""
    }

.parallax-slide .position-center {
    height: inherit;
    min-height: inherit;
    position: relative
}

.parallax-vertical-align {
    position: absolute;
    width: 100%;
    left: 0;
    top: 12%;
    margin-top: -85px;
    text-align: center
}

.parallax-article {
    padding: 0 15px;
    position: relative
}

@media only screen and (max-width: 991px) {
    .fixed-parallax.parallax-fullwidth {
        position: relative
    }

    .information-blocks.parallax-fullwidth-inner {
        overflow: visible
    }
}

@media (min-width: 1200px) {
    .parallax-article.left-align {
        transform: translateX(-10%);
        -moz-transform: translateX(-10%);
        -webkit-transform: translateX(-10%);
        -ms-transform: translateX(-10%)
    }

    .parallax-article.right-align {
        transform: translateX(10%);
        -moz-transform: translateX(10%);
        -webkit-transform: translateX(10%);
        -ms-transform: translateX(10%)
    }
}

.parallax-article .subtitle {
    color: #323232;
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    font-family: 'Microsoft JhengHei','Montserrat',sans-serif;
    font-weight: 700;
    margin-bottom: 10px
}

.parallax-article.dark-text .subtitle {
    color: #d62020
}

.parallax-article .title {
    color: #323232;
    font-size: 80px;
    line-height: 72px;
    text-transform: uppercase;
    font-family: 'Microsoft JhengHei','Montserrat',sans-serif;
    font-weight: 700;
    margin-bottom: 5px
}

.parallax-article.dark-text .title {
    color: #303030;
    border-color: #303030 !important
}

.parallax-article .description {
    font-size: 15px;
    line-height: 22px;
    color: #323232;
    max-width: 900px;
    margin: 0 auto 25px
}

.parallax-article.dark-text .description {
    color: gray
}

.parallax-article .info {
    font-size: 0
}

    .parallax-article .info .button {
        margin: 0 5px 5px;
        font-size: 18px
    }

.parallax-slide.auto-slide {
    height: auto !important;
    padding: 200px 0;
    text-align: center
}

@media (max-width: 991px) {
    .parallax-slide.auto-slide {
        padding: 150px 0
    }
}

@media (max-width: 767px) {
    .parallax-article .subtitle {
        font-size: 18px;
        line-height: 18px
    }

    .parallax-article .title {
        font-size: 40px;
        line-height: 38px
    }

    .parallax-slide.auto-slide {
        padding: 100px 0
    }

    .creative-square-box2 .parallax-article .title {
        font-size: 3em !important
    }
}

.simple-search-form {
    border: 1px #e8e8e8 solid;
    padding: 6px 0 6px 12px;
    position: relative;
    background: #fff
}

    .simple-search-form.active {
        border-color: #3d3d3d
    }

    .simple-search-form input[type="text"] {
        width: 100%;
        border: none;
        height: 25px;
        line-height: 25px;
        background: none;
        padding: 0 45px 0 0;
        font-size: 14px;
        color: #222;
        font-weight: 400;
        font-family: 'Microsoft JhengHei',sans-serif
    }

    .simple-search-form .simple-submit {
        position: absolute;
        width: 38px;
        height: 43px;
        border-left: 1px #e8e8e8 solid;
        top: 0;
        right: 0;
        cursor: pointer;
        color: #919191;
        background-color: #eee
    }

        .simple-search-form .simple-submit:hover {
            color: #222
        }

        .simple-search-form .simple-submit input {
            opacity: 0;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            border: none
        }

        .simple-search-form .simple-submit .fa {
            font-size: 16px;
            line-height: 40px;
            display: block;
            text-align: center;
            color: inherit
        }

.sidebar-header-content {
    padding: 40px 30px 20px
}

header.type-3 {
    border: 1px #f7f7f7 solid
}

    header.type-3 .logo-container {
        text-align: center;
        margin-bottom: 17px
    }

    header.type-3 .simple-search-form {
        margin-bottom: 30px
    }

    header.type-3 .header-functionality-entry {
        padding-left: 0
    }

@media (min-width: 1200px) {
    header.type-3 {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 300px;
        padding: 0
    }

        header.type-3 .navigation {
            border: none
        }

        header.type-3:not(.fixed-header) nav > ul > li {
            padding: 0 40px 0 30px;
            float: left;
            position: relative;
            width: auto;
            clear: both;
            display: inline-block
        }

            header.type-3:not(.fixed-header) nav > ul > li > a {
                line-height: 50px
            }

            header.type-3:not(.fixed-header) nav > ul > li.fixed-header-visible {
                display: none
            }

    #content-block header.type-3:not(.fixed-header) .submenu {
        top: 0;
        left: 100%;
        margin: 0
    }

    header.type-3:not(.fixed-header) .full-width .submenu, header.type-3:not(.fixed-header) .full-width-columns .submenu {
        width: 1100px;
        width: calc(100vw - 300px);
        max-width: 1170px !important
    }

    header.type-3:not(.fixed-header) nav > ul > li > a .menu-label {
        right: 10px
    }

    header.type-3 .navigation-footer {
        display: block !important;
        position: fixed;
        left: 0;
        bottom: 0;
        width: 300px;
        padding: 0 15px;
        text-align: center
    }

    header.type-3 .socials-box {
        float: none;
        margin: 0
    }

        header.type-3 .socials-box a {
            margin: 0
        }

    header.type-3 .navigation-copyright {
        color: #7f7f7f;
        padding: 15px 0
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    header.type-3:not(.fixed-header) .full-width .full-width-menu-items-left {
        margin-right: 450px
    }

    header.type-3:not(.fixed-header) .full-width .full-width-menu-items-right {
        width: 380px
    }

    header.type-3:not(.fixed-header) .full-width .menu-slider-in .product-slide-entry {
        width: 116px
    }
}

@media (max-width: 1199px) {
    header.type-3 .simple-search-form {
        display: none
    }

    .sidebar-header-content {
        display: table;
        padding: 10px 0;
        width: 100%
    }

    header.type-3 .logo-container {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
        width: 300px
    }

    header.type-3 .header-responsive-column {
        display: table-cell;
        vertical-align: middle;
        width: 400px
    }

        header.type-3 .header-responsive-column .responsive-menu-toggle-class {
            float: right
        }

    header.type-3 .header-functionality-entry {
        float: right
    }

    header.type-3 .menu-button {
        position: relative;
        float: right;
        top: auto
    }
}

.sidebar-content-wrapper {
    margin-left: 300px
}

.product-mix-box {
    padding-bottom: 100px
}

    .product-mix-box .product-slide-entry {
        float: left;
        width: 16.6666666%;
        max-width: 100%;
        position: relative;
        margin-bottom: 0
    }

        .product-mix-box .product-slide-entry .product-image {
            margin-bottom: 0
        }

        .product-mix-box .product-slide-entry:nth-child(6n+1) {
            clear: both
        }

.product-mix-info {
    position: absolute;
    left: 25px;
    right: 25px;
    bottom: 25px;
    background: #fff;
    border-radius: 3px;
    text-align: center;
    padding: 25px 10px;
    transform: scale(0.7);
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    opacity: 0
}

.product-slide-entry:hover .product-mix-info {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1
}

body.style-6 .bubbles span {
    background: #d88e00
}

body.style-6 .product-slide-entry .title:hover {
    color: #d88e00
}

body.style-6 .price .current {
    color: #d88e00
}

body.style-6 .socials-box a:hover {
    color: #f3a000
}

body.style-6 .navigation-copyright a {
    color: #f3a000
}

body.style-6 .search-button {
    background: #f3a000
}

body.style-6 .product-slide-entry:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1)
}

body.style-6 .cart-box.popup .content .price {
    color: #d88e00
}

body.style-6 .cart-box.popup .summary .grandtotal span {
    color: #d88e00
}

body.style-6 .button.style-4 {
    background: #d88e00;
    border-color: #d88e00
}

body.style-6 .submenu.right-align {
    left: 100% !important;
    right: auto
}

@media (min-width: 1200px) {
    .sidebar-content-wrapper.fixed-header-margin {
        padding-top: 0 !important
    }
}

@media (max-width: 1800px) {
    .product-mix-box .product-slide-entry {
        width: 20%
    }

        .product-mix-box .product-slide-entry:nth-child(6n+1) {
            clear: none
        }

        .product-mix-box .product-slide-entry:nth-child(5n+1) {
            clear: both
        }
}

@media (max-width: 1199px) {
    .sidebar-content-wrapper {
        margin: 0 30px 30px
    }

    .product-mix-box {
        padding-bottom: 0
    }
}

@media (max-width: 991px) {
    .product-mix-box .product-slide-entry {
        width: 25%
    }

        .product-mix-box .product-slide-entry:nth-child(5n+1) {
            clear: none
        }

        .product-mix-box .product-slide-entry:nth-child(4n+1) {
            clear: both
        }

    .product-mix-info {
        transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1)
    }
}

@media (max-width: 767px) {
    .sidebar-content-wrapper {
        margin: 0 15px 15px
    }
}

@media (max-width: 768px) {
    .product-mix-box .product-slide-entry {
        width: 50%
    }

        .product-mix-box .product-slide-entry:nth-child(3n+1) {
            clear: none
        }

        .product-mix-box .product-slide-entry:nth-child(2n+1) {
            clear: both
        }
}

@media (max-width: 400px) {
    .product-mix-box .product-slide-entry {
        width: 100%
    }
}

.header-wrapper.style-7 header.fixed-header nav {
    max-width: 100%
}

@media (max-width: 1199px) {
    .header-wrapper.style-7 header.type-2 {
        background: #262626
    }
}

body.style-7 .bubbles span {
    background: #66900d
}

.footer-wrapper.style-7 footer.type-2 .copyright a {
    color: #66900d
}

.footer-wrapper.style-7 footer.type-2 .footer-links a:hover {
    color: #66900d
}

body.style-7 .search-button {
    background: #66900d
}

body.style-7 .product-slide-entry {
    max-width: 310px;
    text-align: center
}

    body.style-7 .product-slide-entry .title:hover {
        color: #66900d
    }

.product-slide-entry .subtitle {
    font-size: 15px;
    line-height: 22px;
    color: #2e2e2e;
    font-weight: 600;
    display: block;
    text-align: left
}

    .product-slide-entry .subtitle:hover {
        color: #66900d
    }

.product-slide-entry .date {
    font-size: 13px;
    line-height: 22px;
    color: #a3a2a2;
    text-align: left
}

body.style-7 .information-blocks {
    border-top: 1px #ebebeb solid
}

    body.style-7 .information-blocks:first-child {
        border: none
    }

body.style-7 .price .current {
    color: #66900d
}

body.style-7 .swiper-active-switch {
    background: #66900d;
    border-color: #66900d
}

body.style-7 .cart-box.popup .content .price {
    color: #66900d
}

body.style-7 .cart-box.popup .summary .grandtotal span {
    color: #66900d
}

body.style-7 .button.style-4 {
    background: #66900d;
    border-color: #66900d
}

@media (min-width: 1200px) {
    body.style-7 .information-blocks {
        margin-bottom: 100px
    }
}

.parallax-slide .swiper-container {
    height: inherit !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.parallax-slide .swiper-wrapper {
    height: inherit !important
}

.parallax-slide .swiper-slide {
    background-size: cover;
    background-position: center center;
    position: relative
}

    .parallax-slide .swiper-slide:before {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0,0,0,0.5);
        content: ""
    }

.swiper-slide .parallax-article .subtitle {
    transform: translateX(300px);
    -moz-transform: translateX(300px);
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    opacity: 0
}

.swiper-slide .parallax-article .title {
    font-size: 100px;
    line-height: 90px;
    border-top: 0 #fff solid;
    border-bottom: 0 #fff solid;
    display: inline-block;
    margin-bottom: 25px;
    transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    opacity: 0;
    backface-visibility: hidden;
    -webki-backface-visibility: hidden
}

.swiper-slide .parallax-article .description {
    transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    -webkit-transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    opacity: 0
}

.swiper-slide .parallax-article .info {
    transform: translateX(300px);
    -moz-transform: translateX(300px);
    -webkit-transform: translateX(300px);
    -ms-transform: translateX(300px);
    opacity: 0
}

.swiper-slide.active .parallax-article .subtitle, .swiper-slide.active .parallax-article .description, .swiper-slide.active .parallax-article .info {
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    opacity: 1;
    margin-bottom: 15px
}

.swiper-slide.active .parallax-article .title {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1
}

.creative-square-box {
    background-size: cover;
    background-position: center center;
    position: relative;
    text-align: center;
    height: 280px;
    overflow: hidden
}

    .creative-square-box .background-box {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center
    }

body:not(.mobile) .creative-square-box:hover .background-box {
    transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -ms-transform: scale(2)
}

.creative-square-box:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: 1
}

.creative-square-box .cell-view {
    width: 1000px;
    position: relative;
    z-index: 2
}

.bor_r {
    border-right: #ddd solid 1px
}

.bor_b {
    border-bottom: #ddd solid 1px
}

.creative-square-box .parallax-article {
    max-width: 430px;
    margin: 0 auto
}

    .creative-square-box .parallax-article .subtitle {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 12px
    }

    .creative-square-box .parallax-article .title {
        font-size: 60px;
        line-height: 55px;
        margin-bottom: 12px
    }

.creative-square-box2 {
    background-size: cover;
    background-position: center center;
    position: relative;
    text-align: center;
    height: 889px;
    overflow: hidden
}

    .creative-square-box2 .background-box2 {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center
    }

    .creative-square-box2:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        z-index: 1
    }

    .creative-square-box2 .cell-view2 {
        position: relative;
        width: 100%;
        left: 0;
        top: 50%;
        margin-top: -85px;
        text-align: center;
        z-index: 2
    }

    .creative-square-box2 .parallax-article {
        max-width: 100%;
        margin: 0 auto
    }

        .creative-square-box2 .parallax-article .subtitle {
            font-size: 24px;
            line-height: 30px;
            margin-bottom: 15px
        }

        .creative-square-box2 .parallax-article .title {
            font-size: 90px;
            line-height: 85px;
            margin-bottom: 12px
        }

.creative-square-box3 {
    background-size: cover;
    background-position: center center;
    position: relative;
    text-align: center;
    height: 889px;
    overflow: hidden
}

    .creative-square-box3 .background-box3 {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center
    }

    .creative-square-box3:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        z-index: 1
    }

    .creative-square-box3 .cell-view3 {
        position: relative;
        width: 100%;
        top: 68%;
        margin-top: 80px;
        z-index: 2
    }

    .creative-square-box3 .parallax-article {
        max-width: 100%;
        margin: 0 auto
    }

        .creative-square-box3 .parallax-article .subtitle {
            font-size: 24px;
            line-height: 30px;
            margin-bottom: 15px
        }

        .creative-square-box3 .parallax-article .title {
            font-size: 90px;
            line-height: 85px;
            margin-bottom: 12px
        }

    .creative-square-box3 .info {
        margin-left: -500px
    }

@media (max-width: 1199px) {
    .creative-square-box .parallax-article .title {
        font-size: 45px;
        line-height: 40px
    }
}

@media (max-width: 991px) {
    .creative-square-box {
        height: 300px
    }

        .creative-square-box .parallax-article .title {
            font-size: 35px;
            line-height: 30px
        }

        .creative-square-box .parallax-article .subtitle {
            font-size: 14px
        }
}

@media (max-width: 767px) {
    .creative-square-box {
        height: auto
    }

        .creative-square-box .cell-view {
            display: block;
            width: auto;
            padding: 25px 0
        }

    .swiper-slide .parallax-article .title {
        font-size: 55px;
        line-height: 50px
    }
}

@media (max-width: 480px) {
    .creative-square-box2 .cell-view2 {
        top: 38%
    }

    .creative-square-box2 .parallax-article .title {
        line-height: 40px
    }
}

.block-header {
    text-align: center;
    max-width: 665px;
    padding: 85px 0 0;
    margin: 0 auto 45px
}

    .block-header .title {
        font-size: 40px;
        line-height: 40px;
        color: #2e2e2e;
        font-weight: 400;
        margin-bottom: 15px
    }

    .block-header .description {
        font-size: 16px;
        line-height: 25px;
        color: #929292;
        font-weight: 300
    }

@media (max-width: 991px) {
    .block-header {
        padding-top: 40px
    }
}

.header-wrapper.style-8 header.type-1 {
    margin-bottom: 0
}

@media (min-width: 1200px) {
    .header-wrapper.style-8 header.type-1 {
        padding: 0
    }

        .header-wrapper.style-8 header.type-1 .nav-overflow {
            position: fixed;
            left: 0;
            top: auto;
            bottom: 0;
            width: 100%;
            border: none;
            background: #fff
        }

        .header-wrapper.style-8 header.type-1 nav {
            padding: 0 60px;
            max-width: 100%
        }

        .header-wrapper.style-8 header.type-1 .fixed-header-visible {
            display: block
        }

        .header-wrapper.style-8 header.type-1 nav {
            text-align: right
        }

            .header-wrapper.style-8 header.type-1 nav > ul {
                display: inline-block
            }

    .header-wrapper.style-8 header nav > ul > li > a {
        font-weight: 700;
        line-height: 100px
    }

    .header-wrapper.style-8 header nav > ul > li:last-child {
        padding-right: 0
    }

    .header-wrapper.style-8 header .additional-header-logo {
        left: 60px
    }

    .header-wrapper.style-8 header .navigation {
        height: auto;
        border: none
    }

    .header-wrapper.style-8 header .header-top {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background: #8ab408;
        border: none;
        height: 55px;
        padding-left: 20px;
        z-index: 1
    }

    .header-wrapper.style-8 header .header-top-entry, body.style-8 header .header-top-entry .title a {
        color: #fff
    }

    .header-wrapper.style-8 header .additional-header-logo img {
        max-height: 70px
    }

    .header-wrapper.style-8 header .fixed-header-square-button {
        margin-top: 0
    }

    .header-wrapper.style-8 header .header-functionality-entry {
        color: #fff
    }

        .header-wrapper.style-8 header .header-functionality-entry:hover {
            color: #e3e3e3
        }

        .header-wrapper.style-8 header .header-functionality-entry b {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            top: -1px;
            color: #fff
        }

    .header-wrapper.style-8 header .logo-wrapper {
        display: none
    }

    .header-wrapper.style-8 header .header-middle {
        border: none
    }

        .header-wrapper.style-8 header .header-middle .right-entries {
            position: absolute;
            top: 20px;
            right: 0;
            position: fixed;
            z-index: 1
        }

        .header-wrapper.style-8 header .header-middle .open-cart-popup {
            position: relative;
            padding: 0 30px;
            color: #cee094
        }

            .header-wrapper.style-8 header .header-middle .open-cart-popup * {
                position: relative
            }

            .header-wrapper.style-8 header .header-middle .open-cart-popup:before {
                position: absolute;
                width: 100%;
                height: 55px;
                top: -20px;
                left: -1px;
                background: #7fa606;
                content: ""
            }

    .header-wrapper.style-8 .fixed-header-margin {
        padding: 55px 0 100px !important
    }

    .header-wrapper.style-8 header .submenu {
        bottom: 100%;
        top: auto;
        text-align: left
    }

    .header-wrapper.style-8 header .submenu-links-line {
        top: auto;
        bottom: 100%
    }

    .header-wrapper.style-8 header .full-width .submenu, body.style-8 header .full-width-columns .submenu {
        left: auto;
        right: 0
    }
}

body.style-8 .product-slide-entry .title:hover {
    color: #8ab408
}

body.style-8 .product-slide-entry .price .current {
    color: #8ab408
}

body.style-8 .search-button {
    background: #8ab408
}

body.style-8 .bubbles span {
    background: #8ab408
}

body.style-8 .product-slide-entry:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1)
}

body.style-8 .cart-box.popup .content .price {
    color: #8ab408
}

body.style-8 .cart-box.popup .summary .grandtotal span {
    color: #8ab408
}

body.style-8 .button.style-4 {
    background: #8ab408;
    border-color: #8ab408
}

.header-wrapper.style-9 header.type-1 {
    margin-bottom: 30px
}

.departmets-drop-down {
    float: left;
    position: relative;
    z-index: 1;
    line-height: 55px
}

    .departmets-drop-down .title {
        font-size: 14px;
        color: #2f2f2f;
        font-weight: 700;
        text-transform: uppercase;
        cursor: pointer
    }

    .departmets-drop-down .fa {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -2px;
        margin-right: 5px
    }

    .departmets-drop-down .title .fa {
        display: none;
        width: 14px;
        text-align: center
    }

        .departmets-drop-down .title .fa:first-child {
            display: inline-block
        }

    .departmets-drop-down .title.active .fa {
        display: inline-block
    }

        .departmets-drop-down .title.active .fa:first-child {
            display: none
        }

    .departmets-drop-down .list {
        position: absolute;
        width: 100%;
        left: 0;
        top: 100%;
        z-index: 1;
        background: #fff;
        border: 1px #ebebeb solid;
        min-width: 280px;
        display: none
    }

        .departmets-drop-down .list a {
            border-top: 1px solid #f2f2f2;
            color: #2e2e2e;
            display: block;
            font-size: 13px;
            line-height: 15px;
            margin-top: -1px;
            padding: 16px 20px
        }

            .departmets-drop-down .list a:hover {
                color: #878787
            }

            .departmets-drop-down .list a .fa {
                color: #bdbdbd;
                margin-right: 7px
            }

@media (min-width: 1200px) {
    .header-wrapper.style-9 header.type-1 .header-top {
        padding-left: 30px
    }

    .header-wrapper.style-9 header.type-1 .header-middle {
        padding-left: 30px;
        padding-right: 30px
    }

    .header-wrapper.style-9 header.type-1 .header-top-entry {
        z-index: 1
    }

    .header-wrapper.style-9 header.type-1 .full-width .submenu, body.style-9 header.type-1 .full-width-columns .submenu {
        left: auto;
        right: 0
    }

    .header-wrapper.style-9 header.type-1 {
        padding: 0
    }

        .header-wrapper.style-9 header.type-1 .navigation {
            position: absolute;
            top: 0;
            right: 10px;
            left: 0;
            height: 55px;
            border: none
        }

        .header-wrapper.style-9 header.type-1:not(.fixed-header) nav > ul > li > a {
            line-height: 55px
        }

        .header-wrapper.style-9 header.type-1:not(.fixed-header) nav > ul {
            float: right
        }

            .header-wrapper.style-9 header.type-1:not(.fixed-header) nav > ul > li > a .menu-label {
                top: 3px
            }

    .header-wrapper.style-9 header.fixed-header nav {
        max-width: 100%;
        padding: 0 30px
    }

    .header-wrapper.style-9 header .additional-header-logo {
        left: 30px
    }
}

.footer-wrapper.style-9 footer.type-2 {
    background: #f7f7f7
}

    .footer-wrapper.style-9 footer.type-2 .footer-links a {
        color: #3d3d3d
    }

        .footer-wrapper.style-9 footer.type-2 .footer-links a:hover {
            color: #c19f00
        }

    .footer-wrapper.style-9 footer.type-2 .copyright a {
        color: #c19f00
    }

        .footer-wrapper.style-9 footer.type-2 .copyright a:hover {
            color: #3d3d3d !important
        }

body.style-9 .search-button, .header-wrapper.style-9 .search-button {
    background: #e4bc00
}

body.style-9 .block-title {
    font-size: 16px
}

body.style-9 .swiper-tabs .block-title:before {
    background: #e0ba06
}

body.style-9 .product-slide-entry .title:hover {
    color: #e4bc00
}

body.style-9 .price .current {
    color: #e4bc00
}

body.style-9 .bubbles span {
    background: #c19f00
}

body.style-9 .list-type-1 a:hover {
    color: #c19f00
}

body.style-9 .list-type-1 li .fa {
    color: #e0ba06
}

body.style-9 .swiper-active-switch {
    background: #e0ba06;
    border-color: #e0ba06
}

body.style-9 .cart-box.popup .content .price {
    color: #e4bc00
}

body.style-9 .cart-box.popup .summary .grandtotal span {
    color: #e4bc00
}

body.style-9 .button.style-4 {
    background: #e4bc00;
    border-color: #e4bc00
}

.promo-banner-box {
    position: relative;
    background-size: cover;
    background-position: right top;
    height: 400px;
    margin-bottom: 30px;
    display: block
}

    .promo-banner-box:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        background-color: inherit;
        content: ""
    }

body:not(.mobile) .promo-banner-box:hover:before {
    opacity: .8
}

.promo-banner-box .promo-text {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 30px;
    font-family: 'Microsoft JhengHei','Lato',sans-serif;
    text-transform: uppercase
}

body:not(.mobile) .promo-banner-box:hover .promo-text {
    bottom: 50%;
    transform: translateY(50%);
    -moz-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%)
}

.promo-banner-box .promo-text .title {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    display: block
}

.promo-banner-box .promo-text .description {
    font-size: 60px;
    line-height: 55px;
    color: #fff;
    font-weight: 900;
    letter-spacing: -3px;
    margin-bottom: 20px;
    display: block
}

body:not(.mobile) .promo-banner-box:hover .promo-text .description {
    margin-bottom: 5px
}

.promo-banner-box .promo-text .detail-link {
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    border-bottom: 1px #fff solid
}

body:not(.mobile) .promo-banner-box .promo-text .detail-link:hover, body:not(.mobile) .promo-banner-box:hover .promo-text .detail-link {
    border-color: transparent
}

.custom-col-1, .custom-col-2, .custom-col-3, .custom-col-4, .custom-col-5 {
    padding: 0 15px;
    float: left;
    position: relative
}

.custom-col-1 {
    width: 26%
}

.custom-col-2 {
    width: 22%
}

.custom-col-3 {
    width: 78%;
    left: -22%
}

.custom-col-4 {
    width: 22%;
    left: 78%
}

.custom-col-5 {
    width: 100%
}

@media (max-width: 1500px) {
    .custom-col-1 {
        width: 25%
    }

    .custom-col-2 {
        width: 25%
    }

    .custom-col-3 {
        width: 75%;
        left: -25%
    }

    .custom-col-4 {
        width: 25%;
        left: 75%
    }

    .promo-banner-box {
        height: auto;
        padding-bottom: 100%
    }

        .promo-banner-box .promo-text .description {
            font-size: 45px;
            line-height: 40px;
            letter-spacing: -2px
        }
}

@media (max-width: 1199px) {
    .promo-banner-box .promo-text .description {
        font-size: 35px;
        line-height: 32px;
        letter-spacing: -1px
    }
}

@media (max-width: 991px) {
    .custom-col-1 {
        width: 50%
    }

    .custom-col-2 {
        width: 50%
    }

    .custom-col-3 {
        width: 100%;
        left: 0
    }

    .custom-col-4 {
        width: 100%;
        left: 0
    }

    .custom-col-5 {
        width: 50%
    }

    .promo-banner-box .promo-text .description {
        font-size: 60px;
        line-height: 55px;
        letter-spacing: -3px
    }
}

@media (max-width: 767px) {
    .promo-banner-box .promo-text .description {
        font-size: 35px;
        line-height: 32px;
        letter-spacing: -1px
    }
}

@media (max-width: 450px) {
    .custom-col-1, .custom-col-2, .custom-col-5 {
        width: 100%
    }

    .custom-col-3:last-child {
        left: 0
    }

    .custom-col-2:first-child {
        left: 0
    }
}

.header-product {
    display: table;
    width: 100%
}

.product-header-message {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center
}

.product-header-content {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 450px
}

.product-header-content2 {
    display: table-cell;
    vertical-align: middle;
    width: 450px
}

.product-header-content .line-entry {
    display: inline-block;
    vertical-align: bottom
}

header .line-entry {
    white-space: nowrap
}

.product-header-content .middle-line {
    height: 1px;
    background: #ebebeb
}

.header-wrapper.style-10 .line-entry:last-child {
    padding-top: 20px;
    padding-bottom: 20px
}

.header-wrapper.style-10 .header-top-entry:last-child .title {
    padding-right: 0
}

@media (min-width: 1200px) {
    .header-wrapper.style-10 header:not(.fixed-header) nav > ul > li > a {
        color: #fff
    }

    .header-wrapper.style-10 nav > ul > li > .fa {
        color: #979797
    }

    .header-wrapper.style-10 .navigation {
        border: none
    }

    .header-wrapper.style-10 header:not(.fixed-header) .nav-overflow {
        background: #323232;
        border: none
    }

    .header-wrapper.style-10 .nav-overflow:before {
        content: "";
        width: 100000px;
        left: 50%;
        margin-left: -50000px;
        position: absolute;
        top: 0;
        height: 100%;
        background: inherit
    }
}

@media (max-width: 1199px) {
    .header-wrapper.style-10 header {
        padding-top: 55px !important
    }

    .product-header-message {
        display: none
    }

    .product-header-content .line-entry:first-child {
        position: absolute;
        left: 30px;
        right: 30px;
        top: 10px;
        border-bottom: 0 solid #f0f0f0
    }

    .product-header-content2 .line-entry:first-child {
        position: absolute;
        left: 30px;
        right: 30px;
        top: 0;
        border-bottom: 1px solid #f0f0f0
    }

    .header-wrapper.style-10 .header-top-entry .title {
        border: none;
        padding-left: 0
    }

    .increase-icon-responsive span {
        display: none
    }

    .product-header-content {
        width: 400px
    }

    .product-header-content2 {
        width: 400px
    }

    .header-product .logo-wrapper {
        background-repeat: no-repeat;
        background-position: center center;
        position: absolute;
        z-index: 1;
        left: 40%;
        margin-top: 12px
    }

    .product-header-content .middle-line {
        display: none
    }
}

@media (max-width: 767px) {
    .product-header-content .line-entry:first-child {
        left: 15px;
        right: 15px
    }
}

.footer-wrapper.style-10 footer {
    background: #fafafa;
    padding-top: 30px
}

    .footer-wrapper.style-10 footer:before {
        content: "";
        width: 100000px;
        left: 50%;
        margin-left: -50000px;
        position: absolute;
        top: 0;
        height: 100%;
        background: inherit
    }

.footer-wrapper.style-10 .footer-columns-entry {
    background: #fff;
    margin: 0 -50px;
    padding-left: 50px;
    padding-right: 50px;
    border: none
}

.footer-wrapper.style-10 .footer-address a b {
    color: #ca1515
}

.footer-wrapper.style-10 .copyright a {
    color: #ca1515
}

.footer-wrapper.style-10 .footer-links a:hover {
    color: #ca1515
}

.footer-wrapper.style-10 .footer-columns-entry .column a:hover {
    color: #ca1515
}

body.style-10 .bubbles span {
    background: #ca1515
}

body.style-10 .inline-product-entry .title:hover {
    color: #ca1515 !important
}

body.style-10 .price .current {
    color: #ca1515
}

body.style-10 .inline-product-entry .image:hover {
    border-color: #ca1515
}

body.style-10 .product-slide-entry {
    text-align: center
}

body.style-10 .swiper-tabs .block-title:before {
    background: #ca1515
}

body.style-10 .swiper-active-switch {
    background: #ca1515;
    border-color: #ca1515
}

body.style-10 .hover-class-1:after {
    background: #2e2e2e
}

body.style-10 .sidebar-column .block-title {
    font-size: 18px
}

body.style-10 .sidebar-column .inline-product-entry .image {
    width: 70px
}

body.style-10 .sidebar-column .inline-product-entry .content {
    margin-left: 85px
}

    body.style-10 .sidebar-column .inline-product-entry .content .cell-view {
        height: 70px
    }

body.style-10 .sidebar-column .inline-product-entry .title {
    line-height: 22px;
    color: #2e2e2e;
    font-weight: 600
}

.inline-product-entry .description {
    font-size: 13px;
    line-height: 15px;
    color: #a3a2a2;
    font-weight: 400
}

body.style-10 .product-slide-entry .title:hover {
    color: #ca1515
}

body.style-10 .sale-entry .sale-price span {
    color: #ca1515
}

body.style-10 a.sale-entry:before {
    background: rgba(202,21,21,0.7)
}

body.style-10 .search-button {
    background: #ca1515
}

body.style-10 .styled-form .submit-wrapper {
    background: #ca1515
}

body.style-10 .sidebar-navigation .title {
    background: #ca1515
}

body.style-10 .sidebar-navigation {
    border-color: #ca1515
}

    body.style-10 .sidebar-navigation .entry:before {
        background: #ca1515
    }

body.style-10 .read-more:hover {
    color: #ca1515
}

body.style-10 .list-type-1 a:hover {
    color: #ca1515
}

body.style-10 .product-slide-entry .subtitle:hover {
    color: #ca1515
}

.header-wrapper.style-10 .header-top-entry.increase-icon-responsive.open-search-popup .title {
    border-left: none
}

@media (max-width: 1199px) {
    body.style-10 .search-box.popup::before {
        right: auto;
        left: 0
    }
}

@media (max-width: 1199px) and (min-width: 768px) {
    body.style-10 .search-box.popup {
        right: auto !important;
        left: 30px !important
    }

    .logo-wrapper a {
        left: 35% !important
    }
}

@media (max-width: 767px) and (min-width: 480px) {
    body.style-10 .search-box.popup {
        right: auto !important;
        left: 15px !important
    }
}

.product-preview-box {
    max-width: 570px
}

    .product-preview-box .pagination {
        display: none
    }

    .product-preview-box .swiper-slide img {
        display: block;
        width: 100%;
        height: auto
    }

.product-zoom-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
    opacity: 0
}

    .product-zoom-container.visible {
        display: block
    }

    .product-zoom-container .move-box {
        position: absolute;
        width: 300%;
        left: 0;
        top: 0
    }

    .product-zoom-container .default-image {
        display: block;
        width: 100%;
        height: auto
    }

    .product-zoom-container .zoomed-image {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: auto
    }

    .product-zoom-container .zoom-area {
        position: absolute;
        left: 0;
        top: 0;
        width: 35%;
        height: 35%;
        border: 3px rgba(255,255,255,0.4) solid
    }

.product-preview-swiper {
    margin-bottom: 15px
}

.swiper-hidden-edges {
    overflow: hidden
}

.product-thumbnails-swiper {
    margin-left: -8px;
    margin-right: -8px
}

    .product-thumbnails-swiper .paddings-container {
        padding: 0 8px
    }

    .product-thumbnails-swiper .swiper-slide {
        cursor: pointer
    }

        .product-thumbnails-swiper .swiper-slide.selected .paddings-container {
            opacity: .5
        }

.breadcrumb-box {
    font-size: 0;
    margin-bottom: 25px
}

    .breadcrumb-box a {
        display: inline-block;
        font-size: 13px;
        color: #696969;
        line-height: 16px;
        margin-right: 7px;
        padding: 7px 0
    }

        .breadcrumb-box a:after {
            content: "\f105";
            font-family: FontAwesome;
            display: inline-block;
            margin-left: 7px
        }

        .breadcrumb-box a:last-child:after {
            display: none
        }

        .breadcrumb-box a:hover {
            color: #2e2e2e
        }

.breadcrumb-entry {
    padding: 40px 0;
    background-position: center center;
    background-repeat: no-repeat;
    border-top: 1px #eee solid;
    border-bottom: 1px #eee solid;
    text-align: center;
    background-size: cover
}

    .breadcrumb-entry.align-left {
        text-align: left
    }

    .breadcrumb-entry.align-right {
        text-align: right
    }

    .breadcrumb-entry .breadcrumb-title.style-1 {
        font-size: 36px;
        line-height: 36px;
        color: #312926;
        font-weight: 400;
        letter-spacing: -1px
    }

    .breadcrumb-entry .breadcrumb-title.style-2 {
        font-size: 26px;
        line-height: 26px;
        text-transform: uppercase;
        font-weight: 600
    }

    .breadcrumb-entry .breadcrumb-title.dark {
        color: #312926
    }

    .breadcrumb-entry .breadcrumb-title.light {
        color: #fff
    }

.breadcrumb-box.light a {
    color: rgba(255,255,255,0.5)
}

    .breadcrumb-box.light a:hover {
        color: rgba(255,255,255,1)
    }

.product-detail-box {
    margin-bottom: 40px
}

    .product-detail-box .product-title {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 14px;
        color: #3d3d3d;
        font-weight: 400
    }

    .product-detail-box .product-subtitle {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 14px;
        color: #949494;
        font-weight: 400
    }

    .product-detail-box .rating-box {
        padding: 8px 0;
        margin-bottom: 15px
    }

        .product-detail-box .rating-box .star {
            color: #313131
        }

        .product-detail-box .rating-box .rating-number {
            font-size: 14px;
            color: #ca1515;
            line-height: 14px;
            font-weight: 500;
            display: inline-block;
            margin-left: 10px
        }

.product-description {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    font-weight: 300;
    font-family: 'Microsoft JhengHei',sans-serif
}

.detail-info-entry {
    margin-bottom: 25px;
    font-family: 'Microsoft JhengHei',sans-serif
}

    .detail-info-entry b {
        color: #313131;
        font-weight: 600
    }

#ContentBody_labcount {
    font-size: 18px;
    font-weight: 700
}

.detail-info-entry-title {
    font-size: 14px;
    color: #313131;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 7px
}

.product-detail-box .price {
    line-height: 36px;
    font-family: 'Microsoft JhengHei','Lato',sans-serif;
    letter-spacing: -2px
}

    .product-detail-box .price .prev {
        font-size: 25px;
        color: #9c9c9c;
        font-weight: 400;
        display: inline-block;
        vertical-align: middle;
        margin-right: 7px
    }

    .product-detail-box .price .current {
        font-size: 36px;
        color: #262626 !important;
        font-weight: 700;
        display: inline-block;
        vertical-align: middle
    }

.size-selector {
    font-size: 0
}

    .size-selector .spacer {
        height: 0;
        margin-top: -12px
    }

    .size-selector .entry {
        display: inline-block;
        width: 40px;
        height: 40px;
        line-height: 37px;
        border: 1px #d9d9d9 solid;
        text-align: center;
        font-size: 12px;
        color: #4c4c4c;
        font-weight: 500;
        margin-right: 12px;
        position: relative;
        text-transform: uppercase;
        cursor: pointer;
        margin-bottom: 12px
    }

        .size-selector .entry:after {
            position: absolute;
            left: -1px;
            top: -1px;
            right: -1px;
            bottom: -1px;
            border: 3px #d9d9d9 solid;
            content: "";
            opacity: 0
        }

        .size-selector .entry.active:after {
            opacity: 1;
            border: 3px #262626 solid
        }

        .size-selector .entry:hover:after {
            opacity: 1
        }

.color-selector {
    font-size: 0
}

    .color-selector .spacer {
        height: 0;
        margin-top: -12px
    }

    .color-selector .entry {
        width: 37px;
        height: 37px;
        display: inline-block;
        margin-right: 12px;
        cursor: pointer;
        position: relative;
        margin-bottom: 12px;
        line-height: 35px
    }

        .color-selector .entry:after {
            position: absolute;
            left: -1px;
            top: -1px;
            right: -1px;
            bottom: -1px;
            border: 3px #d9d9d9 solid;
            content: "";
            opacity: 0
        }

        .color-selector .entry.active:after {
            opacity: 1;
            border: 3px #262626 solid
        }

        .color-selector .entry:hover:after {
            opacity: 1
        }

        .color-selector .entry:before {
            opacity: 0;
            border: 1px #fff solid;
            left: 2px;
            top: 2px;
            right: 2px;
            bottom: 2px;
            content: "";
            position: absolute
        }

        .color-selector .entry.active:before {
            opacity: 1
        }

        .color-selector .entry:hover:before {
            opacity: 1
        }

.quantity-selector {
    font-size: 0
}

    .quantity-selector .button {
        margin-right: 20px
    }

    .quantity-selector .entry {
        border: 1px #d1d1d1 solid;
        height: 37px;
        line-height: 35px;
        width: 37px;
        margin-left: -1px;
        display: inline-block;
        cursor: pointer;
        position: relative;
        font-size: 12px;
        color: #4c4c4c;
        text-align: center;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none
    }

        .quantity-selector .entry.number-minus:before, .quantity-selector .entry.number-plus:before {
            content: "";
            width: 11px;
            height: 1px;
            background: #4d4d4d;
            left: 50%;
            margin-left: -5.5px;
            top: 50%;
            margin-top: -.5px;
            position: absolute
        }

        .quantity-selector .entry.number-plus:after {
            content: "";
            height: 11px;
            width: 1px;
            background: #4d4d4d;
            left: 50%;
            margin-left: -.5px;
            top: 50%;
            margin-top: -5.5px;
            position: absolute
        }

        .quantity-selector .entry.number {
            cursor: default;
            width: 44px;
            padding: 0 5px;
            width: auto;
            min-width: 44px
        }

        .quantity-selector .entry.number-minus:hover, .quantity-selector .entry.number-plus:hover {
            background: #ca1515
        }

        .quantity-selector .entry.number-minus {
            margin-left: 0
        }

        .quantity-selector .entry:hover:before, .quantity-selector .entry:hover:after {
            background: #fff !important
        }

        .quantity-selector .entry.number-minus:active, .quantity-selector .entry.number-plus:active {
            background: #f71414
        }

.tags-selector {
    font-size: 13px;
    line-height: 18px;
    color: gray;
    font-weight: 300
}

    .tags-selector .detail-info-entry-title {
        display: inline-block;
        text-transform: uppercase;
        position: relative;
        top: 1px
    }

    .tags-selector a {
        color: gray
    }

        .tags-selector a:hover {
            text-decoration: underline
        }

.share-box {
    border-top: 1px #ebebeb solid;
    border-bottom: 1px #ebebeb solid;
    padding: 12px 0;
    position: relative
}

    .share-box:after {
        width: 100%;
        height: 0;
        clear: both;
        display: block;
        content: ""
    }

    .share-box .title {
        font-size: 14px;
        color: gray;
        font-weight: 300;
        line-height: 30px;
        float: left
    }

    .share-box .socials-box {
        float: right
    }

        .share-box .socials-box a {
            margin: 0
        }

.product-detail-box .button.style-10, .product-detail-box .button.style-11 {
    float: left;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px
}

@media (min-width: 767px) {
    .product-detail-box .button.style-10, .product-detail-box .button.style-11 {
        max-width: 187px
    }
}

.product-sidebar .products-list {
    padding: 30px 30px 15px;
    border: 1px #f0f0f0 solid
}

.product-sidebar .block-title {
    font-size: 18px
}

.product-sidebar .inline-product-entry:last-child {
    border-bottom: none
}

.production-logo {
    text-align: center;
    margin-bottom: 30px;
    padding-bottom: 15px
}

    .production-logo .background {
        background: #fafafa;
        margin-bottom: 15px;
        padding: 45px 25px 30px
    }

    .production-logo .logo {
        padding-bottom: 15px;
        border-bottom: 2px #e6e6e6 solid;
        margin-bottom: 12px
    }

        .production-logo .logo img {
            max-width: 100%;
            height: auto;
            display: inline-block
        }

    .production-logo a {
        font-size: 12px;
        line-height: 14px;
        color: #ca1515;
        font-weight: 600
    }

        .production-logo a:hover {
            color: gray
        }

    @media (max-width: 767px) {
    .product-detail-box .button {
        float: none !important;
        width: auto !important;
        /*display: block !important*/
        display:inline-block;
    }

    .share-box .title, .share-box .socials-box {
        float: none;
        text-align: center
    }
}

.tabs-container.style-1 .swiper-tabs {
    font-size: 0
}

.tabs-container.style-1 .tab-switcher {
    font-weight: 600;
    font-size: 13px;
    line-height: 13px;
    color: #262626;
    padding: 15px 20px;
    border: 1px #e6e6e6 solid;
    display: inline-block;
    margin-right: 14px;
    text-transform: uppercase
}

    .tabs-container.style-1 .tab-switcher.active {
        background: #ca1515;
        color: #fff;
        border-color: #ca1515
    }

.tabs-container.style-1 .swiper-tabs:before {
    bottom: 0
}

.tabs-container.style-1 .tabs-entry {
    padding: 35px;
    border: 1px #e6e6e6 solid;
    border-top: none
}

@media (max-width: 991px) {
    .tabs-container.style-1 .tabs-entry {
        padding: 25px
    }
}

@media (max-width: 767px) {
    .tabs-container.style-1 .tabs-entry {
        padding: 15px
    }

    .form-entry {
        padding: 15px
    }

    .tabs-container.style-1 .tab-switcher {
        display: block;
        margin: -1px 0 0
    }

    .tabs-container.style-1 .swiper-tabs {
        margin-bottom: 0
    }
}

.accordeon {
    margin-bottom: 40px
}

.accordeon-title {
    font-size: 13px;
    line-height: 18px;
    padding: 15px 0;
    color: #262626;
    text-transform: uppercase;
    font-weight: 600;
    border-top: 1px #ebebeb solid;
    cursor: pointer;
    padding-right: 15px;
    position: relative
}

    .accordeon-title:hover {
        color: gray
    }

.accordeon-link {
    font-size: 13px;
    line-height: 18px;
    padding: 15px 0;
    color: #262626;
    text-transform: uppercase;
    font-weight: 600;
    border-top: 1px #ebebeb solid;
    cursor: pointer;
    padding-right: 15px;
    position: relative
}

    .accordeon-link a {
        color: #222
    }

    .accordeon-link:hover {
        color: gray
    }

.accordeon-title .number {
    display: inline-block;
    width: 40px;
    line-height: 40px;
    background: #f2f2f2;
    text-align: center;
    font-size: 18px;
    color: #262626;
    font-weight: 600;
    margin-right: 10px
}

.inline-label {
    font-size: 11px;
    color: #fff;
    line-height: 19px;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    background: #d14242;
    position: relative;
    margin-top: -2px;
    margin-left: 7px
}

.inline-label2 {
    font-size: 13px;
    color: #fff;
    line-height: 1.5;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    padding: 5px 10px;
    position: relative;
    margin-left: 7px
}

.inline-label.red {
    background: #d14242
}

.inline-label.green {
    background: #aac840
}

.inline-label2.red {
    background: #d14242
}

.inline-label2.orange {
    background: #eb6100
}

.inline-label2.green {
    background: #aac840
}

.inline-label2.gray {
    background: #f0f0f0;
    color: #232323
}

.accordeon-title:after {
    content: "\f107";
    position: absolute;
    height: 50px;
    line-height: 50px;
    top: 0;
    right: 0;
    font-size: 13px;
    color: #262626;
    font-family: FontAwesome
}

.accordeon-title.active:after {
    content: "\f106"
}

.accordeon-entry {
    padding: 0 0 20px;
    display: none
}

.accordeon.size-1 .accordeon-title {
    font-size: 16px;
    line-height: 40px;
    text-transform: none;
    padding: 13px 0;
    border-bottom: 1px #ebebeb solid;
    margin-top: -1px
}

    .accordeon.size-1 .accordeon-title:after {
        line-height: 66px
    }

.accordeon.size-1 .accordeon-entry {
    padding: 30px 0 55px
}

.map-box {
    position: relative;
    margin-top: -25px;
    margin-bottom: 55px
}

    .map-box.type-1 {
        height: 450px;
        width: 100vw;
        left: 50%;
        margin-left: -50vw
    }

    .map-box.type-2 {
        height: 450px;
        margin-top: 0
    }

    .map-box.type-3 {
        height: 970px;
        margin-top: 0;
        margin-bottom: 20px
    }

#map-canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.block-title.main-heading {
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.block-title2.main-heading {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    padding-bottom: 20px
}

label {
    font-size: 16px;
    line-height: 14px;
    color: #313131;
    font-weight: 600;
    display: block;
    margin-bottom: 7px;
    padding-top: 5px
}

    label span {
        color: #eb0101;
        font-size: 18px;
        line-height: 20px;
        display: inline-block;
        position: relative;
        vertical-align: bottom;
        margin-right: 5px;
        font-weight: 600
    }

.simple-field {
    margin-bottom: 25px;
    width: 100%;
    border: 1px #e6e6e6 solid;
    font-size: 14px;
    line-height: 43px;
    color: #313131;
    height: 45px;
    padding: 0 20px;
    font-weight: 400
}

.simple-field2 {
    width: 100%;
    border: 1px #e6e6e6 solid;
    font-size: 13px;
    line-height: 43px;
    color: #313131;
    height: 45px;
    padding: 0 20px;
    font-weight: 400
}

.simple-field3 {
    width: 100%;
    border: 1px #e6e6e6 solid;
    font-size: 13px;
    line-height: 43px;
    color: #313131;
    height: 45px;
    padding: 0 20px;
    font-weight: 400
}

input.simple-field:hover, textarea.simple-field:hover, textarea.simple-field2:hover, input.simple-field:focus, textarea.simple-field:focus, textarea.simple-field:focus2 {
    background: #f7f7f7
}

.simple-field.size-1 {
    height: 35px;
    line-height: 33px;
    margin-bottom: 12px;
    padding: 0 10px
}

textarea.simple-field {
    margin-bottom: 20px;
    line-height: 19px;
    padding-top: 14px;
    padding-bottom: 14px;
    height: 199px
}

textarea.simple-field2 {
    line-height: 19px;
    padding-top: 14px;
    padding-bottom: 14px;
    height: 100px
}

textarea.simple-field3 {
    line-height: 19px;
    padding-top: 14px;
    padding-bottom: 14px;
    height: 65px
}

textarea.simple-field.size-1 {
    height: 138px
}

.simple-drop-down.simple-field {
    width: auto;
    border: none;
    padding: 0
}

    .simple-drop-down.simple-field:after {
        width: 45px;
        height: 45px;
        line-height: 45px
    }

    .simple-drop-down.simple-field.size-1:after {
        width: 35px;
        height: 35px;
        line-height: 35px
    }

    .simple-drop-down.simple-field select {
        height: 45px;
        line-height: 43px;
        padding: 0 65px 0 20px
    }

select {
    background: #fff !important
}

.simple-drop-down.simple-field.size-1 select {
    height: 35px;
    line-height: 33px;
    padding: 0 45px 0 10px
}

.simple-field::-webkit-input-placeholder {
    color: gray;
    opacity: 1
}

.simple-field::-moz-placeholder {
    color: gray;
    opacity: 1
}

.simple-field:-ms-input-placeholder {
    color: gray;
    opacity: 1
}

.simple-field:-moz-placeholder {
    color: gray;
    opacity: 1
}

.button input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.map-overlay-info {
    height: 360px;
    width: 350px;
    padding: 0 40px;
    overflow: hidden;
    margin-top: -460px;
    float: right;
    position: relative;
    background: rgba(255,255,255,0.9);
    margin-right: 45px
}

    .map-overlay-info .cell-view {
        height: 360px
    }

.contact-spacer {
    height: 15px
}

@media (max-width: 991px) {
    .map-box.type-1 {
        left: auto;
        margin-left: 0;
        width: auto
    }

    .map-overlay-info {
        height: auto;
        width: auto;
        padding: 0;
        margin: 0 0 20px;
        float: none;
        top: -15px
    }

        .map-overlay-info .cell-view {
            height: auto;
            display: block
        }

    .contact-spacer {
        display: none
    }
}

@media (max-width: 767px) {
    .map-box.type-1, .map-box.type-2, .map-box.type-3 {
        height: 200px;
        margin-top: 0
    }
}

.login-box {
    background: #fcfcfc;
    border: 1px #ebebeb solid;
    padding: 50px 55px;
    min-height: 470px;
    font-family: 'Microsoft JhengHei',sans-serif
}

@media (max-width: 991px) {
    .login-box {
        padding: 20px 25px
    }
}

@media (max-width: 767px) {
    .login-box {
        min-height: 0;
        padding: 25px
    }

        .login-box .button {
            display: block;
            padding-left: 10px;
            padding-right: 10px
        }
}

.blog-landing-box {
    position: relative
}

    .blog-landing-box:after {
        content: "";
        width: 100%;
        display: block;
        height: 0;
        clear: both
    }

.coo-landing-box {
    position: relative
}

    .coo-landing-box:after {
        content: "";
        width: 100%;
        display: block;
        height: 0;
        clear: both
    }

@media (min-width: 992px) {
    .blog-landing-box.type-1 .hover-class-1 .hover-label, .blog-landing-box.type-2 .hover-class-1 .hover-label {
        font-size: 22px;
        line-height: 22px
    }
}

.blog-entry {
    padding-bottom: 45px;
    border-bottom: 1px #ebebeb solid;
    margin-bottom: 45px
}

    .blog-entry:last-child {
        border: none
    }

    .blog-entry:after {
        content: "";
        width: 100%;
        height: 0;
        clear: both;
        display: block
    }

    .blog-entry .image {
        position: relative;
        display: block;
        overflow: hidden;
        margin-bottom: 45px
    }

        .blog-entry .image img {
            display: block;
            width: 100%;
            height: auto
        }

        .blog-entry .image:hover img {
            transform: scale(1.5);
            -moz-transform: scale(1.5);
            -webkit-transform: scale(1.5);
            -ms-transform: scale(1.5)
        }

    .blog-entry .title {
        font-size: 28px;
        color: #2e2e2e;
        font-weight: 500;
        line-height: 30px;
        display: block;
        margin-bottom: 15px
    }

    .blog-entry a.title:hover {
        color: #d14242
    }

    .blog-entry .subtitle {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 12px;
        color: gray;
        font-weight: 300
    }

        .blog-entry .subtitle a {
            color: #434343;
            font-weight: 500
        }

            .blog-entry .subtitle a:hover {
                color: #d14242
            }

            .blog-entry .subtitle a b {
                color: #d14242;
                font-weight: 600
            }

            .blog-entry .subtitle a:hover b {
                color: #434343
            }

    .blog-entry .date {
        float: left;
        width: 70px;
        text-align: center;
        background: #f7f7f7;
        font-size: 30px;
        font-weight: 500;
        color: #2e2e2e;
        line-height: 70px
    }

        .blog-entry .date span {
            display: block;
            background: #d14242;
            font-size: 13px;
            color: #fff;
            font-weight: 600;
            color: #fff;
            line-height: 25px;
            text-transform: uppercase
        }

    .blog-entry .content {
        margin-left: 100px
    }

    .blog-entry .description {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 12px;
        color: gray;
        font-weight: 400;
        margin-bottom: 15px;
        ont-family: 'Microsoft JhengHei',sans-serif
    }

    .blog-entry .readmore {
        font-size: 14px;
        color: #2e2e2e;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 16px;
        border-bottom: 2px #2e2e2e solid;
        display: inline-block
    }

        .blog-entry .readmore:hover {
            color: #d14242;
            border-color: #d14242
        }

.coo-landing-box {
    font-size: 22px;
    line-height: 22px
}

.coo-entry {
    padding-bottom: 45px;
    border-bottom: 0 #ebebeb solid;
    margin-bottom: 45px
}

    .coo-entry:last-child {
        border: none
    }

    .coo-entry:after {
        content: "";
        width: 100%;
        height: 0;
        clear: both;
        display: block
    }

    .coo-entry .image {
        position: relative;
        display: block;
        overflow: hidden;
        margin-bottom: 45px
    }

        .coo-entry .image img {
            display: block;
            width: 100%;
            height: auto
        }

        .coo-entry .image:hover img {
            transform: scale(1.5);
            -moz-transform: scale(1.5);
            -webkit-transform: scale(1.5);
            -ms-transform: scale(1.5)
        }

    .coo-entry .title {
        font-size: 28px;
        color: #2e2e2e;
        font-weight: 500;
        line-height: 30px;
        display: block;
        margin-bottom: 15px
    }

    .coo-entry a.title:hover {
        color: #d14242
    }

    .coo-entry .subtitle {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 12px;
        color: gray;
        font-weight: 300
    }

        .coo-entry .subtitle a {
            color: #434343;
            font-weight: 500
        }

            .coo-entry .subtitle a:hover {
                color: #d14242
            }

            .coo-entry .subtitle a b {
                color: #d14242;
                font-weight: 600
            }

            .coo-entry .subtitle a:hover b {
                color: #434343
            }

    .coo-entry .date {
        float: left;
        width: 70px;
        text-align: center;
        background: #f7f7f7;
        font-size: 30px;
        font-weight: 500;
        color: #2e2e2e;
        line-height: 70px
    }

        .coo-entry .date span {
            display: block;
            background: #d14242;
            font-size: 13px;
            color: #fff;
            font-weight: 600;
            color: #fff;
            line-height: 25px;
            text-transform: uppercase
        }

    .coo-entry .content {
        margin-top: 15px
    }

    .coo-entry .description {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 12px;
        color: gray;
        font-weight: 300;
        margin-bottom: 15px
    }

    .coo-entry .readmore {
        font-size: 14px;
        color: #2e2e2e;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 16px;
        border-bottom: 2px #2e2e2e solid;
        display: inline-block
    }

        .coo-entry .readmore:hover {
            color: #d14242;
            border-color: #d14242
        }

.page-selector {
    padding: 15px 0 0;
    border-top: 1px #ebebeb solid;
    border-bottom: 1px #ebebeb solid;
    font-size: 0;
    margin-bottom: 30px
}

    .page-selector .description {
        float: left;
        font-size: 13px;
        line-height: 30px;
        font-weight: 400;
        color: gray;
        margin-bottom: 15px
    }

    .page-selector .pages-box {
        float: right
    }

.square-button {
    width: 28px;
    line-height: 28px;
    border: 1px #e3e3e3 solid;
    display: inline-block;
    font-size: 12px;
    color: #666;
    font-weight: 500;
    text-align: center
}

    .square-button:hover, .square-button.active {
        background: #cd0000;
        border-color: #cd0000;
        color: #fff
    }

.page-selector .square-button {
    margin-right: 4px;
    margin-bottom: 15px
}

    .page-selector .square-button:last-child {
        margin-right: 0
    }

.page-selector .divider {
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    vertical-align: bottom;
    margin-right: 4px;
    margin-bottom: 15px
}

.tags-box {
    font-size: 0
}

    .tags-box a {
        display: inline-block;
        margin: 0 10px 10px 0;
        line-height: 30px;
        padding: 0 15px;
        font-size: 13px;
        color: #7e7e7e;
        font-weight: 500;
        background: #f2f2f2
    }

        .tags-box a:hover {
            color: #fff;
            background: #d14242
        }

.blog-sidebar .information-blocks {
    margin-bottom: 50px
}

.categories-list ul li {
    border-top: 1px #f0f0f0 solid;
    border-bottom: 1px #f0f0f0 solid;
    margin-top: -1px
}

    .categories-list ul li a {
        position: relative;
        font-size: 13px;
        color: #333232;
        font-weight: 500;
        line-height: 17px;
        padding: 15px 40px 15px 0;
        display: block
    }

        .categories-list ul li a:hover {
            color: #d14242
        }

.categories-list .active {
    color: #d14242
}

.categories-list ul li a span {
    position: absolute;
    line-height: 47px;
    top: 0;
    right: 0;
    font-weight: 600;
    color: #828282
}

.blog-sidebar .inline-product-entry .title {
    font-size: 15px;
    line-height: 22px;
    font-weight: 600
}

.blog-sidebar .inline-product-entry .image {
    width: 70px
}

.blog-sidebar .inline-product-entry .content {
    margin-left: 90px
}

@media (max-width: 991px) {
    .blog-sidebar {
        padding-top: 25px
    }
}

@media (max-width: 767px) {
    .page-selector {
        margin-left: 0 !important
    }
}

.blog-landing-box.type-2 {
    overflow: hidden
}

    .blog-landing-box.type-2 .blog-entry {
        margin-left: 100px;
        position: relative
    }

    .blog-landing-box.type-2 .date {
        position: absolute;
        left: -100px;
        top: 0;
        z-index: 1
    }

        .blog-landing-box.type-2 .date:before {
            content: "";
            width: 1px;
            background: #ebebeb;
            height: 1000px;
            left: 50%;
            top: 95px;
            position: absolute
        }

    .blog-landing-box.type-2 .blog-entry:last-child .date:after {
        content: "";
        width: 1px;
        background: #fff;
        height: 1000px;
        left: 50%;
        top: 95px;
        position: absolute
    }

    .blog-landing-box.type-2 .blog-entry .content {
        margin-left: 0
    }

@media (max-width: 480px) {
    .blog-landing-box.type-2 .date {
        left: 0
    }

        .blog-landing-box.type-2 .date:before {
            display: none
        }
}

@media (min-width: 768px) {
    .blog-landing-box.type-3 .blog-entry .image {
        float: left;
        width: 270px;
        margin-bottom: 0
    }

    .blog-landing-box.type-3 .blog-entry .date {
        width: 45px;
        line-height: 45px;
        font-size: 24px;
        margin-left: 30px
    }

        .blog-landing-box.type-3 .blog-entry .date span {
            font-size: 9px;
            line-height: 16px
        }

    .blog-landing-box.type-3 .blog-entry .content {
        margin-left: 370px
    }

    .blog-landing-box.type-3 .blog-entry .title {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 3px;
        padding-top: 7px
    }

    .blog-landing-box.type-3 .blog-entry .description {
        margin-left: -70px;
        padding-top: 7px
    }

    .blog-landing-box.type-3 .blog-entry .readmore {
        margin-left: -70px
    }

    .blog-landing-box.type-4 .blog-entry {
        float: left;
        width: 33.3333333%;
        padding-left: 15px;
        padding-right: 15px;
        border: none;
        padding-bottom: 0;
        margin-bottom: 55px
    }

        .blog-landing-box.type-4 .blog-entry:nth-child(3n+1) {
            clear: both
        }

    .blog-landing-box.type-4 {
        margin-left: -15px;
        margin-right: -15px
    }

        .blog-landing-box.type-4.columns-3 .blog-entry .date {
            width: 45px;
            line-height: 45px;
            font-size: 24px
        }

            .blog-landing-box.type-4.columns-3 .blog-entry .date span {
                font-size: 9px;
                line-height: 16px
            }

        .blog-landing-box.type-4.columns-3 .blog-entry .content {
            margin-left: 70px
        }

        .blog-landing-box.type-4.columns-3 .blog-entry .image {
            margin-bottom: 25px
        }

        .blog-landing-box.type-4.columns-3 .blog-entry .title {
            font-size: 20px;
            line-height: 24px
        }
}

.blog-landing-box.type-5 .blog-entry {
    float: left;
    width: 50%;
    padding-left: 15px;
    padding-right: 15px;
    border: none;
    padding-bottom: 0;
    margin-bottom: 55px
}

    .blog-landing-box.type-5 .blog-entry:nth-child(3n+1) {
        clear: both
    }

.blog-landing-box.type-5 {
    margin-left: -15px;
    margin-right: -15px
}

    .blog-landing-box.type-5.columns-3 .blog-entry .date {
        width: 45px;
        line-height: 45px;
        font-size: 24px
    }

        .blog-landing-box.type-5.columns-3 .blog-entry .date span {
            font-size: 9px;
            line-height: 16px
        }

    .blog-landing-box.type-5.columns-3 .blog-entry .content {
        margin-left: 70px
    }

    .blog-landing-box.type-5.columns-3 .blog-entry .image {
        margin-bottom: 25px
    }

    .blog-landing-box.type-5.columns-3 .blog-entry .title {
        font-size: 20px;
        line-height: 24px
    }

@media (max-width: 991px) {
    #content-block .blog-landing-box.type-4 .blog-entry .date {
        position: relative;
        float: none;
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: 700;
        line-height: 14px;
        width: auto;
        background: none;
        text-align: left
    }

    .blog-landing-box.type-4 .blog-entry .date span {
        background: inherit;
        color: inherit;
        font-size: inherit;
        line-height: inherit;
        display: inline-block
    }

    .blog-landing-box.type-4 .blog-entry .content {
        margin-left: 0 !important
    }
}

@media (min-width: 768px) {
    .blog-landing-box.type-4.columns-2 .blog-entry {
        width: 50%
    }

        .blog-landing-box.type-4.columns-2 .blog-entry:nth-child(3n+1) {
            clear: none
        }

        .blog-landing-box.type-4.columns-2 .blog-entry:nth-child(2n+1) {
            clear: both
        }

        .blog-landing-box.type-4.columns-2 .blog-entry .image {
            margin-bottom: 40px
        }
}

@media (max-width: 991px) {
    .blog-sidebar .information-blocks {
        margin-bottom: 40px
    }
}

@media (max-width: 767px) {
    .blog-entry {
        margin-bottom: 30px;
        padding-bottom: 30px
    }

        .blog-entry .image {
            margin-bottom: 30px
        }
}

@media only screen and (max-width:480px) {
    .blog-entry {
        margin-left: 0 !important
    }

    #content-block .blog-entry .date {
        position: relative;
        float: none;
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: 700;
        line-height: 14px;
        width: auto;
        background: none;
        text-align: left
    }

    .blog-entry .date span {
        background: inherit;
        color: inherit;
        font-size: inherit;
        line-height: inherit;
        display: inline-block
    }

    .blog-entry .content {
        margin-left: 0
    }
}

.detail-post .blog-entry .content {
    margin-left: 0
}

.detail-post-tags {
    font-size: 14px;
    line-height: 24px;
    color: gray;
    margin-bottom: 25px;
    margin-top: -10px
}

    .detail-post-tags a {
        color: gray
    }

        .detail-post-tags a:hover {
            text-decoration: underline
        }

    .detail-post-tags b {
        color: #262626;
        font-weight: 600
    }

.comment {
    margin-bottom: 30px
}

    .comment:after {
        content: "";
        width: 100%;
        height: 0;
        clear: both;
        display: block
    }

.comment-image {
    width: 100px;
    float: left;
    position: relative
}

    .comment-image:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border: 1px transparent solid
    }

    .comment-image:hover:after {
        border-color: #ca1515
    }

    .comment-image img {
        width: 100%;
        height: auto;
        display: block
    }

.comment-content {
    margin-left: 140px;
    padding-top: 7px
}

.comment-title {
    font-size: 13px;
    color: gray;
    line-height: 22px;
    font-weight: 300;
    margin-bottom: 12px
}

    .comment-title span {
        font-size: 17px;
        font-weight: 600;
        color: #262626
    }

.comment-text {
    font-size: 14px;
    line-height: 24px;
    color: gray;
    font-weight: 300
}

.additional-blog-title {
    font-size: 20px;
    line-height: 24px;
    color: #2e2e2e;
    font-weight: 600
}

@media (max-width: 767px) {
    .comment-image {
        margin-right: 15px
    }

    .comment-content {
        margin-left: 0
    }
}

.container-404 {
    text-align: center;
    max-width: 630px;
    margin: 0 auto;
    padding: 100px 30px
}

    .container-404 .title {
        font-family: 'Microsoft JhengHei','Montserrat',sans-serif;
        font-weight: 400;
        font-size: 300px;
        line-height: 300px;
        color: #343434;
        letter-spacing: -25px
    }

    .container-404 .description {
        font-size: 70px;
        line-height: 100px;
        color: #343434;
        font-weight: 300;
        margin-bottom: 5px
    }

    .container-404 .text {
        font-weight: 400;
        color: gray;
        font-size: 14px;
        line-height: 24px
    }

        .container-404 .text a {
            font-weight: 600;
            color: #ca1515;
            text-decoration: underline
        }

            .container-404 .text a:hover {
                color: #343434
            }

@media (max-width: 767px) {
    .container-404 {
        padding: 25px 15px
    }

        .container-404 .title {
            font-size: 100px;
            line-height: 100px;
            letter-spacing: -7px;
            margin-bottom: 10px
        }

        .container-404 .description {
            font-size: 43px;
            line-height: 43px;
            margin-bottom: 10px
        }
}

.portfolio-container {
    position: relative
}

.portfolio-navigation {
    font-size: 0;
    text-align: center;
    margin-bottom: 36px;
    padding-top: 32px;
    border-top: 1px #ebebeb solid;
    position: relative;
    z-index: 2
}

    .portfolio-navigation a {
        line-height: 33px;
        border: 1px #e3e3e3 solid;
        display: inline-block;
        font-size: 12px;
        font-weight: 500;
        color: #666;
        padding: 0 20px;
        margin: 0 4px 8px
    }

        .portfolio-navigation a:hover, .portfolio-navigation a.active {
            background: #eb6100;
            border-color: #cd0000;
            color: #fff
        }

.portfolio-entry {
    margin-bottom: 45px;
    position: relative
}

    .portfolio-entry .image {
        overflow: hidden;
        position: relative;
        display: block;
        margin-bottom: 20px
    }

        .portfolio-entry .image img {
            display: block;
            position: relative;
            width: 100%
        }

    .portfolio-entry.active .image img {
        transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -ms-transform: scale(1.5)
    }

    .portfolio-entry .title {
        font-size: 24px;
        color: #2e2e2e;
        line-height: 32px;
        font-weight: 500;
        margin-bottom: 10px;
        display: block
    }

    .portfolio-entry a.title:hover {
        color: #d14242
    }

    .portfolio-entry .subtitle {
        font-size: 14px;
        line-height: 24px;
        color: gray;
        font-weight: 300;
        margin-bottom: 10px
    }

        .portfolio-entry .subtitle:after {
            content: "";
            display: block;
            clear: both
        }

        .portfolio-entry .subtitle a {
            color: gray
        }

            .portfolio-entry .subtitle a:hover {
                text-decoration: underline
            }

        .portfolio-entry .subtitle .comments-number {
            color: #d53737;
            float: right
        }

    .portfolio-entry .description {
        font-size: 14px;
        line-height: 24px;
        color: gray;
        margin-bottom: 20px
    }

    .portfolio-entry .readmore {
        font-size: 14px;
        color: #2e2e2e;
        line-height: 18px;
        font-weight: 700;
        text-transform: uppercase;
        display: inline-block;
        margin-left: 20px;
        text-decoration: underline
    }

@media (max-width: 767px) {
    .portfolio-navigation a {
        display: block;
        margin: -1px 0 0;
        line-height: 40px
    }
}

.portfolio-container.type-2 .portfolio-entry {
    margin-bottom: 30px
}

.hover-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    text-align: center;
    opacity: 0
}

.portfolio-entry.active .image .hover-layer {
    opacity: 1;
    background-color: rgba(0,0,0,0.5) !important
}

.hover-layer .info {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 100%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.portfolio-entry.active .image .hover-layer .info {
    top: 50%
}

.hover-layer .info .title {
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0
}

.hover-layer .info .subtitle {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    font-weight: 300
}

    .hover-layer .info .subtitle a {
        color: #fff
    }

        .hover-layer .info .subtitle a:hover {
            text-decoration: underline
        }

.hover-layer .actions {
    text-align: center;
    text-align: center
}

.action-button {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: rgba(0,0,0,0.2);
    color: #fff;
    margin: 0 3px
}

    .action-button:hover {
        background: #cd0000
    }

.image .title-info {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -30px
}

.portfolio-entry.active .image .title-info {
    bottom: 25px
}

.image .title-info .actions {
    opacity: 0
}

.portfolio-entry.active .image .title-info .actions {
    opacity: 1
}

.image .title-info .title, .image .title-info .subtitle, .image .title-info .subtitle a {
    color: #fff
}

.image .title-info .title {
    margin-bottom: 0
}

.portfolio-container.type-3 .portfolio-entry .description {
    margin-left: 20px;
    margin-right: 20px
}

.portfolio-container.type-3 .hover-layer {
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,.4),rgba(0,0,0,.15) 31%,rgba(0,0,0,0) 50%);
    background: -moz-linear-gradient(bottom,rgba(0,0,0,.4),rgba(0,0,0,.15) 31%,rgba(0,0,0,0) 50%);
    background: -o-linear-gradient(bottom,rgba(0,0,0,.4),rgba(0,0,0,.15) 31%,rgba(0,0,0,0) 50%);
    background: -ms-linear-gradient(bottom,rgba(0,0,0,.4),rgba(0,0,0,.15) 31%,rgba(0,0,0,0) 50%);
    background: linear-gradient(to top,rgba(0,0,0,.4),rgba(0,0,0,.15) 31%,rgba(0,0,0,0) 50%);
    opacity: 1
}

.portfolio-container .wide-container {
    width: 100vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: relative
}

    .portfolio-container .wide-container .portfolio-entry, .portfolio-container .wide-container .grid-sizer {
        padding: 0;
        margin-bottom: 0;
        float: left
    }

    .portfolio-container .wide-container:after {
        width: 100%;
        height: 0;
        clear: both;
        display: block;
        content: ""
    }

@media (min-width: 1200px) {
    .portfolio-container .wide-container .portfolio-entry {
        width: 25%
    }
}

@media (min-width: 1600px) {
    .portfolio-container .wide-container .portfolio-entry {
        width: 20%
    }
}

@media (max-width: 1199px) {
    .portfolio-container .wide-container .portfolio-entry {
        width: 25%
    }
}

@media (max-width: 991px) {
    .portfolio-container .wide-container .portfolio-entry {
        width: 33.3333333333%
    }
}

@media (max-width: 767px) {
    .portfolio-container .wide-container .portfolio-entry {
        width: 50%
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .blog-landing-box.type-4.columns-2 .blog-entry, .blog-landing-box.type-4.columns-3 .blog-entry {
        width: 50%;
        float: left;
        border-bottom: none;
        padding: 0 15px
    }

        .blog-landing-box.type-4.columns-2 .blog-entry:nth-child(2n+1), .blog-landing-box.type-4.columns-3 .blog-entry:nth-child(2n+1) {
            clear: both
        }
}

@media (max-width: 500px) {
    .portfolio-container .wide-container .portfolio-entry {
        width: 100%
    }
}

.portfolio-container .wide-container .image {
    margin-bottom: 0
}

.portfolio-drop-down {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    background: #323232;
    padding: 30px 45px;
    transform-origin: 50% 0 0;
    -webkit-transform-origin: 50% 0 0;
    -moz-transform-origin: 50% 0 0;
    -ms-transform-origin: 50% 0 0;
    transform: perspective(1000px) rotateX(180deg);
    -webkit-transform: perspective(1000px) rotateX(180deg);
    -moz-transform: perspective(1000px) rotateX(180deg);
    -ms-transform: perspective(1000px) rotateX(180deg);
    opacity: 0
}

.portfolio-entry.active .portfolio-drop-down {
    transform: perspective(1000px) rotateX(0deg);
    -webkit-transform: perspective(1000px) rotateX(0deg);
    -moz-transform: perspective(1000px) rotateX(0deg);
    -ms-transform: perspective(1000px) rotateX(0deg);
    opacity: 1
}

.portfolio-container .wide-container .portfolio-entry.active {
    z-index: 1
}

.portfolio-drop-down .title {
    color: #fff
}

.portfolio-drop-down .subtitle, .portfolio-drop-down .subtitle a {
    color: #bcbcbc
}

.portfolio-drop-down .description {
    color: gray
}

.project-thumbnail {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 40px
}

.share-box .title b {
    font-weight: 500;
    color: #2e2e2e
}

.detail-info-lines .share-box {
    margin-top: -1px
}

    .detail-info-lines .share-box:last-child {
        border-bottom: none
    }

.detail-info-lines.border-box {
    border: 10px #f5f5f5 solid;
    padding: 10px 30px
}

    .detail-info-lines.border-box .share-box:first-child {
        border-top: none
    }

#content-block .continue-link {
    font-size: 14px;
    line-height: 18px;
    color: #d14242;
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 600
}

    #content-block .continue-link:hover {
        color: #262626
    }

#content-block .continue2-link {
    font-size: 24px;
    line-height: 18px;
    color: #d14242;
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 600
}

    #content-block .continue2-link:hover {
        color: #262626
    }

#content-block .continue3-link {
    font-size: 18px;
    line-height: 18px;
    color: #d14242;
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 600
}

    #content-block .continue3-link:hover {
        color: #262626
    }

#content-block .continue4-link {
    font-size: 18px;
    line-height: 18px;
    color: #2280ba;
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 600
}

    #content-block .continue4-link:hover {
        color: #262626
    }

.heading-article {
    margin-bottom: 25px
}

    .heading-article .title {
        font-size: 32px;
        line-height: 32px;
        color: #2e2e2e;
        font-weight: 500;
        margin-bottom: 15px
    }

    .heading-article .description {
        font-size: 24px;
        line-height: 32px;
        color: #262626;
        font-weight: 300;
        margin-bottom: 15px
    }

.categories-border-wrapper {
    border: 3px #e6e6e6 solid;
    padding: 30px 20px 25px
}

    .categories-border-wrapper .accordeon-title {
        text-transform: none
    }

.ui-slider {
    position: relative;
    height: 2px;
    background: #d9d9d9;
    margin-right: 8px;
    margin-bottom: 18px
}

.ui-slider-range {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #ca1515
}

.ui-slider-handle {
    width: 8px;
    height: 8px;
    background: #ca1515;
    margin: -3px 0 0;
    position: absolute;
    cursor: pointer
}

.range-price {
    font-size: 14px;
    color: #4c4c4c;
    line-height: 18px;
    float: left;
    line-height: 36px
}

    .range-price b {
        color: #333232;
        font-weight: 600
    }

.min-price, .max-price {
    display: inline-block
}

.range-wrapper .button {
    float: right
}

.range-wrapper:after {
    width: 100%;
    height: 0;
    clear: both;
    content: "";
    display: block
}

.blog-sidebar .color-selector {
    margin-right: -10px
}

    .blog-sidebar .color-selector .entry {
        width: 36px;
        height: 36px;
        margin-right: 10px;
        margin-bottom: 14px;
        vertical-align: top
    }

.shop-grid-item:nth-child(4n+1) {
    clear: both
}

.shop-grid-controls {
    margin-right: 0;
    font-size: 14px;
    font-weight: 600
}

#content-block .shop-grid-controls .entry {
    line-height: 30px;
    padding-right: 0;
    margin-bottom: 15px !important;
    margin-left: 0;
    min-height: 30px
}

.line-l {
    border-left: 1px #ebebeb solid;
    margin: 0 16px
}

#content-block .shop-grid-controls .entry:last-child {
    border: none
}

#content-block .shop-grid-controls .entry:first-child {
    padding-left: 0
}

.shop-grid-controls .inline-text {
    float: left;
    margin-right: 10px
}

.simple-drop-down {
    width: 130px;
    position: relative
}

    .simple-drop-down select {
        height: 30px;
        line-height: 28px;
        border: 1px #ebebeb solid;
        padding: 0 40px 0 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        width: 100%;
        cursor: pointer;
        font-size: 14px;
        font-weight: 400;
        color: #7c7c7c
    }

    .simple-drop-down:after {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 0;
        right: 0;
        border: 1px #ebebeb solid;
        content: "\f107";
        font-family: FontAwesome;
        font-size: 20px;
        color: #fff;
        text-align: center;
        cursor: pointer;
        pointer-events: none;
        line-height: 30px;
        background: #eb6100
    }

.shop-grid-controls .simple-drop-down {
    float: left;
    margin-right: 10px
}

.sort-button {
    font-family: FontAwesome;
    float: left;
    cursor: pointer
}

    .sort-button:before {
        content: "\f063"
    }

    .sort-button.active:before {
        content: "\f062"
    }

.view-button {
    float: left;
    width: 30px;
    position: relative;
    margin-right: 10px;
    text-align: center;
    color: #b5b5b5;
    cursor: pointer
}

    .view-button:last-child {
        margin-right: 0
    }

    .view-button:after {
        border: 1px #ebebeb solid;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: ""
    }

    .view-button.active {
        color: #262626
    }

        .view-button.active:after {
            border: 2px #262626 solid
        }

.list-view .shop-grid-item {
    width: 100%
}

.list-view .product-slide-entry {
    max-width: 100%;
    margin-left: 230px;
    padding-bottom: 45px;
    margin-bottom: 44px;
    text-align: left !important
}

    .list-view .product-slide-entry:after {
        content: "";
        display: block;
        clear: both;
        height: 1px;
        background: #ebebeb;
        margin-left: -230px;
        top: 45px;
        position: relative
    }

    .list-view .product-slide-entry .product-image {
        max-width: 200px;
        margin-left: -230px;
        float: left;
        margin-bottom: 0
    }

.product-slide-entry .price {
    margin-bottom: 20px
}

.product-slide-entry .article-container {
    display: none;
    margin-bottom: 15px
}

.product-slide-entry .list-buttons {
    display: none;
    margin-bottom: 15px
}

.product-slide-entry .reviews-number {
    display: none
}

.list-view .product-slide-entry .reviews-number {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #ca1515;
    line-height: 14px;
    margin-left: 10px
}

.list-view .product-slide-entry .article-container, .list-view .product-slide-entry .list-buttons {
    display: block
}

.list-view .product-slide-entry .price {
    font-size: 17px
}

    .list-view .product-slide-entry .price .current {
        font-size: 22px
    }

.list-view .product-slide-entry .title {
    font-size: 17px
}

@media (max-width: 991px) {
    .shop-grid-item:nth-child(4n+1) {
        clear: none
    }

    .shop-grid-item:nth-child(3n+1) {
        clear: both
    }

    .list-buttons .button {
        display: block
    }

    .mozaic-banners-wrapper.type-2 .row {
        margin: 0
    }

    .information-blocks {
        overflow: hidden
    }

    .mozaic-banners-wrapper.type-2 .banner-column {
        overflow: hidden;
        padding: 0
    }
}

@media (max-width: 767px) {
    .shop-grid-item {
        width: 50%;
        float: left
    }

        .shop-grid-item:nth-child(3n+1) {
            clear: none
        }

        .shop-grid-item:nth-child(2n+1) {
            clear: both
        }

    .list-buttons .button {
        display: block
    }

    .shop-grid-controls {
        float: right
    }

    #content-block .shop-grid-controls .entry {
        margin-right: 0;
        padding-right: 10px;
        border-right: none
    }
}

@media (max-width: 480px) {
    .shop-grid-item {
        float: left
    }

    .list-view .product-slide-entry {
        margin-left: 0;
        text-align: center !important
    }

        .list-view .product-slide-entry .product-image {
            max-width: 210px;
            margin-left: 0;
            float: none;
            margin-bottom: 15px;
            display: inline-block
        }

        .list-view .product-slide-entry:after {
            margin-left: 0
        }

    .products-swiper .paddings-container {
        padding: 0 8px
    }

    body.style-7 .product-slide-entry {
        max-width: 200px
    }

    .food-category {
        width: 100%
    }

    .products-swiper {
        margin: 0
    }

        .products-swiper:before, .products-swiper:after {
            display: none
        }

    .shop-grid-controls {
        text-align: center;
        margin-bottom: 0
    }

    #content-block .shop-grid-controls .entry {
        margin-right: 10px;
        padding-right: 10px;
        border-right: none;
        float: none;
        display: inline-block
    }
}

@media only screen and (min-width: 481px) and (max-width: 580px) {
    .shop-grid-controls {
        text-align: center;
        margin-bottom: 0
    }

    #content-block .shop-grid-controls .entry {
        margin-right: 10px;
        padding-right: 10px;
        border-right: none;
        float: none;
        display: inline-block
    }

    .shop-grid-controls .simple-drop-down {
        width: 115px
    }
}

.compare-table {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: gray
}

    .compare-table b {
        font-weight: 600;
        color: #313131
    }

    .compare-table td {
        border: 1px #e6e6e6 solid;
        padding: 30px;
        vertical-align: middle
    }

        .compare-table td:first-child {
            width: 200px
        }

    .compare-table tr:nth-child(2n) td {
        background: #fcfcfc
    }

    .compare-table .product-slide-entry {
        float: left;
        text-align: left !important;
        max-width: 100%
    }

@media (max-width: 767px) {
    .compare-table {
        min-width: 700px
    }

        .compare-table td {
            padding: 15px
        }

            .compare-table td:first-child {
                width: 50px
            }
}

.categories-list.account-links ul li a {
    font-size: 14px
}

.wishlist-entry {
    padding-bottom: 32px;
    margin-bottom: 27px;
    border-bottom: 1px #ebebeb solid;
    position: relative
}

    .wishlist-entry .column-1 {
        margin-right: 250px
    }

    .wishlist-entry .column-2 {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -32px;
        text-align: right
    }

    .wishlist-entry .button.style-14 {
        padding: 8px 30px;
        float: left
    }

    .wishlist-entry .button.style-14-2 {
        border-color: #272727;
        background: #272727;
        font-size: 12px;
        color: #fff;
        font-weight: 600;
        line-height: 16px;
        padding: 10px 20px;
        min-width: 0;
        float: left;
        margin-right: 10px
    }

.traditional-cart-entry.style-1 {
    padding-bottom: 33px;
    border-bottom: 1px #ebebeb solid;
    margin-bottom: 32px
}

.traditional-cart-entry:after {
    display: block;
    clear: both;
    content: ""
}

.traditional-cart-entry .image {
    float: left;
    width: 70px
}

.traditional-cart-entry.style-1 .image {
    width: 170px
}

.traditional-cart-entry .image img {
    max-width: 100%;
    height: auto;
    display: block
}

.traditional-cart-entry .content {
    margin-left: 100px
}

.traditional-cart-entry.style-1 .content {
    margin-left: 200px
}

.traditional-cart-entry .cell-view {
    height: 95px
}

.traditional-cart-entry .tag {
    font-size: 10px;
    line-height: 10px;
    color: #8b8b8b;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 5px
}

    .traditional-cart-entry .tag:hover {
        color: #2e2e2e
    }

.traditional-cart-entry .title {
    font-size: 20px;
    line-height: 28px;
    color: #2e2e2e;
    font-weight: 600;
    display: block;
    margin-bottom: 10px
}

    .traditional-cart-entry .title:hover {
        color: #ca1515
    }

.traditional-cart-entry .inline-description {
    font-size: 16px;
    line-height: 24px;
    color: gray;
    font-weight: 400;
    margin-bottom: 5px
}

.traditional-cart-entry .price {
    margin-bottom: 20px;
    padding-top: 15px
}

.traditional-cart-entry .quantity-selector .entry {
    margin-bottom: 20px
}

    .traditional-cart-entry .quantity-selector .entry.number-plus {
        margin-right: 20px
    }

.remove-button {
    display: inline-block;
    border: 1px #e6e6e6 solid;
    width: 34px;
    line-height: 32px;
    text-align: center;
    font-size: 12px;
    background: transparent;
    color: #2e2e2e
}

    .remove-button:hover {
        background: #ca1515;
        color: #fff;
        border: 1px #ca1515 solid
    }

.wishlist-entry .column-2 .remove-button {
    margin-left: 20px
}

.wishlist-header {
    border-bottom: 1px #e6e6e6 solid;
    border-top: 1px #e6e6e6 solid;
    margin-bottom: 32px;
    line-height: 68px;
    position: relative;
    font-size: 16px;
    color: #343434;
    font-weight: 600
}

    .wishlist-header .title-1 {
        margin-left: 100px;
        margin-right: 230px
    }

        .wishlist-header .title-1 span {
            margin-left: 250px
        }

    .wishlist-header .title-2 {
        width: 230px;
        position: absolute;
        top: 0;
        right: 0
    }

@media (max-width: 767px) {
    .wishlist-entry .column-1 {
        margin-right: 0;
        margin-bottom: 20px
    }

    .wishlist-entry .column-2 {
        position: relative;
        margin: 0 0 0 100px;
        top: auto;
        width: auto
    }

        .wishlist-entry .column-2 .remove-button {
            margin-left: 10px
        }

    .wishlist-entry .button.style-14 {
        padding-left: 10px;
        padding-right: 10px;
        width: 140px
    }

    .traditional-cart-entry .image {
        margin-bottom: 15px;
        display: inline-block
    }
}

@media (max-width:480px) {
    .traditional-cart-entry.style-1 .image {
        width: 100px
    }

    .traditional-cart-entry.style-1 .content {
        margin-left: 115px
    }

    .traditional-cart-entry.style-1 .quantity-selector .button {
        margin-right: 10px
    }

    .traditional-cart-entry.style-1 .detail-info-entry-title {
        display: none
    }

    .traditional-cart-entry.style-1 .quantity-selector .entry.number-plus {
        margin-right: 15px
    }

    .quantity-selector .entry.number-minus {
        margin-left: 0
    }
}

.cart-table {
    width: 100%;
    font-size: 14px;
    line-height: 28px;
    color: #2e2e2e;
    font-weight: 600
}

    .cart-table .column-2 {
        width: 150px
    }

    .cart-table .column-3 {
        width: 180px
    }

    .cart-table .column-4 {
        width: 130px
    }

    .cart-table .column-5 {
        width: 35px
    }

    .cart-table .subtotal {
        font-size: 20px;
        line-height: 28px;
        font-weight: 600
    }

    .cart-table td {
        vertical-align: middle;
        padding: 40px 30px;
        border-bottom: 1px #e6e6e6 solid
    }

    .cart-table th {
        vertical-align: middle;
        padding: 25px 30px;
        font-size: 16px;
        line-height: 20px;
        color: #343434;
        border-top: 1px #e6e6e6 solid;
        border-bottom: 1px #e6e6e6 solid
    }

    .cart-table td:first-child {
        padding-left: 0 !important
    }

    .cart-table th:first-child {
        padding-left: 100px !important
    }

    .cart-table td:last-child, .cart-table th:last-child {
        padding-right: 0;
        padding-left: 0
    }

.table-responsive {
    overflow-y: hidden;
    border: none
}

.cart-submit-buttons-box {
    padding: 25px 0 13px;
    text-align: right;
    font-size: 0
}

    .cart-submit-buttons-box .button {
        margin-left: 11px
    }

.cart-submit-buttons-box2 {
    padding: 0 0 13px;
    text-align: right;
    font-size: 0
}

    .cart-submit-buttons-box2 .button {
        margin-left: 11px
    }

.cart-column-title {
    font-size: 16px;
    line-height: 20px;
    color: #333232;
    font-weight: 600;
    border-top: 1px #e6e6e6 solid;
    border-bottom: 1px #e6e6e6 solid;
    padding: 20px 0;
    margin-bottom: 20px
}

    .cart-column-title.size-1 {
        font-size: 18px;
        padding: 25px 0
    }

    .cart-column-title.size-2 {
        padding: 23px 0
    }

.cart-summary-box {
    border: 2px #e6e6e6 solid;
    padding: 40px 35px;
    text-align: right
}

    .cart-summary-box .button {
        padding-left: 10px;
        padding-right: 10px;
        display: block;
        margin-bottom: 18px
    }

    .cart-summary-box .sub-total {
        font-size: 15px;
        line-height: 20px;
        color: #878787;
        font-weight: 600;
        margin-bottom: 5px
    }

    .cart-summary-box .grand-total {
        font-size: 22px;
        line-height: 30px;
        color: #343434;
        font-weight: 600;
        margin-bottom: 15px
    }

    .cart-summary-box .simple-link {
        font-size: 13px;
        color: gray;
        line-height: 24px;
        font-weight: 400
    }

        .cart-summary-box .simple-link:hover {
            color: #343434
        }

.sidebar-subtotal {
    margin-bottom: 30px
}

    .sidebar-subtotal .price-data {
        text-align: center;
        padding-bottom: 25px;
        border-bottom: 1px #e6e6e6 solid;
        margin-bottom: 30px
    }

        .sidebar-subtotal .price-data .main {
            font-size: 1.6rem;
            line-height: 40px;
            color: #eb6100;
            font-weight: 700;
            font-family: 'Microsoft JhengHei','Montserrat',sans-serif;
            margin-bottom: 15px
        }

        .sidebar-subtotal .price-data .title {
            font-size: 13px;
            line-height: 18px;
            color: #666;
            margin-bottom: 5px
        }

        .sidebar-subtotal .price-data .subtitle {
            font-size: 12px;
            line-height: 16px;
            color: #333232;
            font-weight: 600;
            text-transform: uppercase;
            margin-bottom: 10px
        }

    .sidebar-subtotal .additional-data .title {
        font-size: 16px;
        line-height: 24px;
        color: #333232;
        font-weight: 600;
        margin-bottom: 20px
    }

        .sidebar-subtotal .additional-data .title .inline-label {
            margin-left: 0;
            margin-right: 10px
        }

    .sidebar-subtotal .additional-data .button {
        display: block;
        padding-left: 10px;
        padding-right: 10px
    }

.invoice-summary-box {
    border: 2px #e6e6e6 solid;
    padding: 40px 35px;
    text-align: left
}

    .invoice-summary-box .button {
        padding-left: 10px;
        padding-right: 10px;
        display: block;
        margin-bottom: 18px
    }

    .invoice-summary-box .sub-title {
        font-size: 16px;
        line-height: 20px;
        color: #2e2e2e;
        font-weight: 500;
        margin-bottom: 12px
    }

@media (max-width: 991px) {
    .cart-table td, .cart-table th {
        padding-left: 15px;
        padding-right: 15px
    }

    .cart-table .column-2 {
        width: 105px
    }

    .cart-table .column-3 {
        width: 150px
    }
}

@media (max-width: 767px) {
    .cart-table {
        min-width: 800px
    }

    .cart-summary-box {
        padding: 30px 15px
    }

    .invoice-summary-box {
        padding: 30px 15px
    }
}

.forgot-password {
    color: #ca1515 !important;
    font-weight: 500;
    margin-left: 20px
}

    .forgot-password:hover {
        text-decoration: underline
    }

.checkout-progress-widget {
    margin-bottom: 25px
}

    .checkout-progress-widget .step-entry {
        display: block;
        font-size: 14px;
        line-height: 26px;
        color: #343434;
        font-weight: 600
    }

    .checkout-progress-widget a.step-entry:hover {
        color: #ca1515
    }

header.type-4 .header-top:before {
    background: #2e2e2e;
    position: absolute;
    width: 10000px;
    left: 50%;
    margin-left: -5000px;
    height: 100%;
    content: ""
}

@media (min-width: 1200px) {
    header.type-4 .header-top-entry, body.style-8 header .header-top-entry .title a {
        color: #fff
    }

    header.type-4 .additional-header-logo img {
        max-height: 70px
    }

    header.type-4 .header-functionality-entry {
        color: #fff
    }

        header.type-4 .header-functionality-entry:hover {
            color: #e3e3e3
        }

        header.type-4 .header-functionality-entry b {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            top: -1px;
            color: #fff
        }

    header.type-4 .logo-wrapper {
        width: auto;
        text-align: center
    }

    header.type-4 .header-middle .right-entries {
        position: absolute;
        top: -36px;
        right: 0;
        z-index: 1
    }

    header.type-4 .header-middle .open-cart-popup {
        position: relative;
        padding: 0 30px;
        color: #9c9c9c
    }

        header.type-4 .header-middle .open-cart-popup .fa {
            color: #fff
        }

        header.type-4 .header-middle .open-cart-popup * {
            position: relative
        }

        header.type-4 .header-middle .open-cart-popup:before {
            position: absolute;
            width: 100%;
            height: 55px;
            top: -20px;
            left: -1px;
            background: #383838;
            content: ""
        }

    header.type-4 .header-simple-search {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        padding-top: 14px
    }

        header.type-4 .header-simple-search .simple-search-form {
            z-index: 1
        }

    header.type-4:not(.fixed-header) nav > ul {
        width: 75%
    }

    header.type-4 .header-top-entry .title {
        border-color: #4c4c4c
    }

    header.type-4 .header-functionality-entry {
        border-color: #4c4c4c
    }

    header.type-4 .header-top-entry .title .fa {
        color: #fff
    }

        header.type-4 .header-top-entry .title .fa:last-child {
            color: #6c6c6c
        }

    header.type-4 .header-top-entry.hidden-xs {
        color: #8c8c8c
    }

        header.type-4 .header-top-entry.hidden-xs a {
            color: #fff
        }
}

body.style-11 .sidebar-navigation .title {
    background: #dc42b2
}

body.style-11 .sidebar-navigation .entry:before {
    background: #dc42b2
}

body.style-11 .sidebar-navigation {
    border-color: #dc42b2
}

body.style-11 .swiper-tabs .block-title:before {
    background: #dc42b2
}

body.style-11 .price .current {
    color: #dc42b2
}

body.style-11 .swiper-active-switch {
    border-color: #dc42b2;
    background: #dc42b2
}

body.style-11 .navigation-banner-content .subtitle {
    font-weight: 600;
    font-size: 18px;
    color: #cdcdcd;
    text-transform: uppercase;
    font-family: 'Microsoft JhengHei','Raleway',sans-serif;
    letter-spacing: 3px
}

body.style-11 .navigation-banner-content .title {
    font-family: 'Cantata One',serif;
    letter-spacing: 2px
}

body.style-11 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .subtitle {
    font-family: 'Microsoft JhengHei','Raleway',sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 5px
}

body.style-11 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .title {
    font-family: 'Microsoft JhengHei','Cantata One',serif;
    font-size: 44px;
    line-height: 44px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px
}

.mozaic-banners-wrapper.type-2 .mozaic-banner-content .view {
    font-family: 'Microsoft JhengHei',"Merriweather",serif;
    font-style: italic;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 1px #fff solid;
    display: inline-block
}

    .mozaic-banners-wrapper.type-2 .mozaic-banner-content .view:hover {
        border-color: transparent
    }

body.style-11 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:before {
    background: rgba(220,66,178,0.7)
}

body.style-11 .mozaic-banners-wrapper.type-2 .banner-column {
    padding: 0 15px
}

body.style-11 .mozaic-banners-wrapper.type-2 .row {
    margin-left: -15px;
    margin-right: -15px
}

body.style-11 a.sale-entry:before {
    background: rgba(220,66,178,0.7)
}

body:not(.mobile).style-11 a.sale-entry:hover {
    border-color: rgba(220,66,178,1)
}

body.style-11 .sale-entry .sale-price {
    font-family: 'Microsoft JhengHei','Cantata One',serif;
    letter-spacing: 2px
}

body.style-11 .read-more:hover {
    color: #dc42b2
}

body.style-11 .product-slide-entry .title:hover {
    color: #dc42b2
}

body.style-11 .inline-product-entry .title:hover {
    color: #dc42b2
}

body.style-11 .bubbles span {
    background: #dc42b2
}

.tabs-container {
    margin-bottom: 45px
}

body.style-11 .mozaic-banners-wrapper.type-2 .banner-column {
    margin-bottom: 30px
}

body.style-11 .inline-product-entry .image:hover {
    border-color: #dc42b2
}

.header-wrapper.style-11 .menu-button {
    color: #fff
}

body.style-11 .search-button {
    background: #dc42b2
}

body.style-11 .cart-box.popup .content .price {
    color: #dc42b2
}

body.style-11 .cart-box.popup .summary .grandtotal span {
    color: #dc42b2
}

body.style-11 .button.style-4 {
    background: #dc42b2;
    border-color: #dc42b2
}

@media (max-width: 1199px) {
    header.type-4 .header-top-entry {
        color: #fff
    }
}

.color-text-widget {
    padding: 18px;
    margin-bottom: 30px;
    border: 1px transparent solid
}

    .color-text-widget .cell-view {
        height: 135px;
        width: 2000px;
        border: 1px rgba(255,255,255,0.5) solid;
        padding: 15px 35px;
        text-align: center
    }

body:not(.mobile) .color-text-widget:hover .cell-view {
    border-color: transparent
}

body:not(.mobile) .color-text-widget:hover {
    border-color: #ebebeb;
    background: #fff !important
}

.color-text-widget .title {
    font-size: 20px;
    line-height: 24px;
    color: #fafafa;
    text-transform: uppercase;
    font-family: 'Microsoft JhengHei','Cantata One',serif;
    display: block;
    margin-bottom: 10px
}

.color-text-widget .description {
    font-size: 13px;
    line-height: 22px;
    color: rgba(255,255,255,0.7);
    display: block;
    margin-bottom: 10px
}

body:not(.mobile) .color-text-widget:hover .title {
    color: #2e2e2e
}

body:not(.mobile) .color-text-widget:hover .description {
    color: #a3a2a2
}

.full-width-product-slider {
    width: 100vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 50px;
    padding-top: 10px
}

    .full-width-product-slider .product-slide-entry {
        max-width: 370px
    }

    .full-width-product-slider .paddings-container {
        padding: 0 15px;
        position: relative
    }

    .full-width-product-slider .product-mix-info {
        left: 45px;
        right: 45px;
        -webkit-backface-visibility: hidden
    }

body.style-12 .swiper-active-switch {
    border-color: #ca1515;
    background: #ca1515
}

body.style-12 .price .current {
    color: #ca1515
}

body.style-12 .product-slide-entry .title:hover {
    color: #ca1515
}

body.style-12 .footer-links a:hover {
    color: #ca1515
}

body.style-12 .copyright a {
    color: #ca1515
}

body.style-12 .read-more:hover {
    color: #ca1515
}

.column-article-wrapper {
    border-top: 1px #ebebeb solid;
    border-bottom: 1px #ebebeb solid;
    padding: 43px 0
}

.column-article-entry {
    padding: 35px 60px;
    min-height: 220px
}

.column-article-wrapper .left-border {
    border-left: 1px #ebebeb solid
}

.column-article-entry .title {
    font-size: 24px;
    line-height: 24px;
    color: #2e2e2e;
    font-family: 'Microsoft JhengHei','Cantata One',serif;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block
}

    .column-article-entry .title:hover {
        color: #ca1515
    }

.column-article-entry .description {
    font-size: 14px;
    line-height: 24px;
    color: #999797;
    font-weight: 300;
    margin-bottom: 15px
}

body.style-10 .column-article-entry {
    text-align: center
}

    body.style-10 .column-article-entry .title {
        font-size: 22px;
        font-weight: 400;
        font-family: 'Microsoft JhengHei','Raleway',sans-serif
    }

header.type-4 .menu-button {
    color: #fff
}

@media (min-width: 992px) {
    .full-width-product-slider .pagination {
        display: none
    }
}

@media (min-width: 768px) {
    .column-article-wrapper .left-border:first-child {
        border: none
    }
}

body.style-14 .sidebar-navigation .title {
    background: #6d4c3d
}

body.style-14 .sidebar-navigation .entry:before {
    background: #6d4c3d
}

body.style-14 .sidebar-navigation {
    border-color: #6d4c3d
}

body.style-14 .swiper-tabs .block-title:before {
    background: #6d4c3d
}

body.style-14 .price .current {
    color: #6d4c3d
}

body.style-14 .swiper-active-switch {
    border-color: #6d4c3d;
    background: #6d4c3d
}

body.style-14 .navigation-banner-content .subtitle {
    font-weight: 600;
    font-size: 18px;
    color: #a25516;
    text-transform: uppercase;
    font-family: 'Microsoft JhengHei','Raleway',sans-serif;
    letter-spacing: 3px
}

body.style-14 .navigation-banner-content .title {
    font-family: 'Microsoft JhengHei','Cantata One',serif;
    letter-spacing: 2px
}

body.style-14 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .subtitle {
    font-family: 'Microsoft JhengHei','Raleway',sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #ad6e3f;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 5px
}

body.style-14 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .title {
    font-family: 'Microsoft JhengHei','Cantata One',serif;
    font-size: 44px;
    line-height: 44px;
    text-transform: uppercase;
    color: #373737;
    letter-spacing: 2px
}

body.style-14 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .view {
    font-family: 'Microsoft JhengHei',"Merriweather",serif;
    font-style: italic;
    font-size: 12px;
    line-height: 16px;
    color: #373737;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 1px #373737 solid;
    display: inline-block
}

    body.style-14 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .view:hover {
        border-color: transparent !important
    }

body.style-14 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:before {
    background: rgba(109,76,61,0.7)
}

body.style-14 .mozaic-banners-wrapper.type-2 .banner-column {
    padding: 0 15px
}

body.style-14 .mozaic-banners-wrapper.type-2 .row {
    margin-left: -15px;
    margin-right: -15px
}

body.style-14 a.sale-entry:before {
    background: rgba(109,76,61,0.7)
}

body.style-14 .sale-entry .sale-price {
    font-family: 'Microsoft JhengHei','Cantata One',serif;
    letter-spacing: 2px
}

body.style-14 .read-more:hover {
    color: #6d4c3d
}

body.style-14 .product-slide-entry .title:hover {
    color: #6d4c3d
}

body.style-14 .inline-product-entry .title:hover {
    color: #6d4c3d
}

body.style-14 .bubbles span {
    background: #6d4c3d
}

body.style-14 .mozaic-banners-wrapper.type-2 .banner-column {
    margin-bottom: 30px
}

body.style-14 .sale-entry .sale-price span {
    color: #6d4c3d
}

body:not(.mobile).style-14 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .title, body:not(.mobile).style-14 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .subtitle, body:not(.mobile).style-14 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .view {
    color: #fff;
    border-color: #fff
}

body.style-14 .inline-product-entry .image:hover {
    border-color: #6d4c3d
}

body.style-14 .sidebar-navigation .entry .fa {
    color: #aeaeae
}

.header-wrapper.style-14 .menu-button {
    color: #fff
}

body.style-14 .search-button {
    background: #6d4c3d
}

body.style-14 .cart-box.popup .content .price {
    color: #6d4c3d
}

body.style-14 .cart-box.popup .summary .grandtotal span {
    color: #6d4c3d
}

body.style-14 .button.style-4 {
    background: #6d4c3d;
    border-color: #6d4c3d
}

@media (max-width: 1199px) {
    body.style-14 .header-top-entry {
        color: #fff
    }
}

.header-wrapper.style-15 header.type-4:not(.fixed-header) nav > ul {
    width: auto;
    text-align: center
}

    .header-wrapper.style-15 header.type-4:not(.fixed-header) nav > ul li {
        text-align: left
    }

    .header-wrapper.style-15 header.type-4:not(.fixed-header) nav > ul > li:not(.fixed-header-visible) {
        float: none;
        display: inline-block
    }

body.style-15 .column-article-entry {
    text-align: center
}

    body.style-15 .column-article-entry .title {
        font-size: 20px;
        line-height: 24px;
        color: #2e2e2e;
        font-weight: 400;
        font-family: 'Microsoft JhengHei','Raleway',sans-serif
    }

body.style-15 .tabs-container {
    text-align: center
}

body.style-15 .swiper-tabs .block-title {
    float: none;
    display: inline-block
}

body.style-15 .block-title {
    color: #2e2e2e;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 18px
}

body.style-15 .price .current {
    color: #393939;
    font-weight: 400
}

body.style-15 .product-slide-entry .title {
    font-size: 15px;
    line-height: 19px;
    font-weight: 500;
    text-transform: uppercase;
    color: #2e2e2e
}

    body.style-15 .product-slide-entry .title:hover {
        color: #8b8b8b
    }

body.style-15 .swiper-tabs .block-title:before {
    background: #c8c8c8
}

body.style-15 .navigation-banner-content .subtitle {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 8px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Microsoft JhengHei','Raleway',sans-serif
}

body.style-15 .navigation-banner-content .title {
    font-size: 80px;
    line-height: 72px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    font-family: 'Raleway',sans-serif;
    letter-spacing: 5px
}

body.style-15 .navigation-banner-content .description {
    max-width: 430px;
    margin-left: auto;
    margin-right: auto
}

body.style-15 .swiper-active-switch {
    background: #c8c8c8;
    border-color: #c8c8c8
}

body.style-15 .bubbles span {
    background: #c8c8c8
}

body.style-15 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .subtitle {
    color: #dfdfdf;
    font-weight: 300;
    text-transform: uppercase
}

body.style-15 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .title {
    font-size: 60px;
    line-height: 60px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 100;
    font-family: 'Microsoft JhengHei','Raleway',sans-serif
}

body.style-15 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .view {
    font-size: 14px;
    color: #dfdfdf;
    text-transform: uppercase;
    font-style: normal;
    font-family: 'Microsoft JhengHei','Raleway',sans-serif;
    font-weight: 700;
    border-bottom-width: 2px
}

body.style-15 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:before {
    background: rgba(200,200,200,0.7)
}

body.style-15 .mozaic-banners-wrapper.type-2 .banner-column {
    padding: 0 15px;
    margin-bottom: 30px
}

body.style-15 .mozaic-banners-wrapper.type-2 .row {
    margin-left: -15px;
    margin-right: -15px
}

body.style-15 .search-button {
    background: #c8c8c8
}

body.style-15 .cart-box.popup .content .price {
    color: #c8c8c8
}

body.style-15 .cart-box.popup .summary .grandtotal span {
    color: #c8c8c8
}

body.style-15 .button.style-4 {
    background: #c8c8c8;
    border-color: #c8c8c8
}

body.style-15 .copyright a {
    color: #c8c8c8
}

body.style-15 .footer-links a:hover {
    color: #c8c8c8
}

.header-wrapper.style-15 .menu-button {
    color: #fff
}

@media (max-width: 767px) {
    body.style-15 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .title {
        font-size: 40px;
        line-height: 40px
    }
}

body.style-16 .product-slide-entry {
    text-align: center
}

body.style-16 .swiper-tabs .block-title:before {
    background: #5f573a
}

body.style-16 .sidebar-navigation .title {
    background: #5f573a
}

body.style-16 .sidebar-navigation {
    border-color: #5f573a
}

    body.style-16 .sidebar-navigation .entry:before {
        background: #5f573a
    }

body.style-16 .price .current {
    color: #5f573a
}

body.style-16 #loader-wrapper .bubbles span {
    background: #5f573a
}

body.style-16 .product-slide-entry .title:hover {
    color: #5f573a
}

body.style-16 .swiper-active-switch {
    background: #5f573a;
    border-color: #5f573a
}

body.style-16 .sale-entry .sale-price span {
    color: #6e5f27
}

body.style-16 a.sale-entry {
    background-size: cover
}

    body.style-16 a.sale-entry:before {
        background: rgba(95,87,58,0.7);
        opacity: 1
    }

    body.style-16 a.sale-entry:hover:before {
        background: rgba(95,87,58,0.5)
    }

    body.style-16 a.sale-entry .sale-price, body.style-16 a.sale-entry .sale-price span {
        color: #fff
    }

    body.style-16 a.sale-entry .sale-description {
        color: rgba(255,255,255,0.7)
    }

body.style-16 .read-more:hover {
    color: #5f573a
}

body.style-16 .hover-class-1:after {
    background: #5f573a
}

body.style-16 .product-slide-entry .subtitle:hover {
    color: #5f573a
}

body.style-16 .inline-product-entry .image:hover {
    border-color: #5f573a
}

body.style-16 .inline-product-entry .title:hover {
    color: #5f573a
}

body.style-16 .navigation-banner-content .subtitle {
    font-weight: 400;
    font-size: 24px;
    color: #8d9296;
    font-family: 'Microsoft JhengHei','Raleway',sans-serif
}

body.style-16 .light-text .navigation-banner-content .subtitle {
    color: #fff
}

body.style-16 .navigation-banner-content .description {
    color: #868789;
    margin-bottom: 25px
}

body.style-16 .light-text .navigation-banner-content .description {
    color: #fff
}

body.style-16 .navigation-banner-content .title {
    font-family: 'Microsoft JhengHei','Montserrat',sans-serif;
    font-weight: 700;
    letter-spacing: 0
}

@media (min-width: 1200px) {
    .header-wrapper.style-16 header.type-4 .logo-wrapper {
        width: 300px;
        text-align: left
    }
}

.header-wrapper.style-16 header .icon-entry {
    width: 33%
}

    .header-wrapper.style-16 header .icon-entry:hover .image {
        background: #5f573a
    }

body.style-16 .search-button {
    background: #6d4c3d
}

.header-wrapper.style-16 .menu-button {
    color: #fff
}

body.style-16 .information-blocks {
    margin-bottom: 50px
}

@media (max-width: 991px) {
    body.style-16 a.sale-entry {
        background-image: none !important
    }
}

body.style-16 .cart-box.popup .content .price {
    color: #5f573a
}

body.style-16 .cart-box.popup .summary .grandtotal span {
    color: #5f573a
}

body.style-16 .button.style-4 {
    background: #5f573a;
    border-color: #5f573a
}

body.style-17 .sidebar-navigation .title {
    background: #901794
}

body.style-17 .sidebar-navigation {
    border-color: #901794
}

    body.style-17 .sidebar-navigation .entry:before {
        background: #901794
    }

    body.style-17 .sidebar-navigation .entry .fa {
        color: #cac9c9
    }

body.style-17 .search-button {
    background: #901794
}

body.style-17 .swiper-tabs .block-title:before {
    background: #901794
}

body.style-17 .price .current {
    color: #901794
}

body.style-17 .product-slide-entry .title:hover {
    color: #901794
}

body.style-17 ol li:before {
    background: #d9d9d9
}

body.style-17 #loader-wrapper .bubbles span {
    background: #901794
}

body.style-17 .swiper-active-switch {
    background: #901794;
    border-color: #901794
}

body.style-17 .hover-class-1:after {
    background: #901794
}

body.style-17 .inline-product-entry .image:hover {
    border-color: #901794
}

body.style-17 .inline-product-entry .title:hover {
    color: #901794
}

.footer-wrapper.style-17 .footer-address a b {
    color: #901794
}

.footer-wrapper.style-17 .copyright a {
    color: #901794
}

.footer-wrapper.style-17 .footer-columns-entry .column a:hover {
    color: #901794
}

body.style-17 .navigation-banner-content .subtitle {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    font-family: 'Microsoft JhengHei','Raleway',sans-serif;
    text-transform: uppercase
}

body.style-17 .navigation-banner-content .title {
    font-weight: 700;
    letter-spacing: -2px;
    font-family: 'Microsoft JhengHei','Raleway',sans-serif
}

body.style-17 .navigation-banner-content .description {
    margin-bottom: 25px
}

@media (min-width: 1200px) {
    .header-wrapper.style-17 header:not(.fixed-header) .navigation:before {
        content: "";
        position: absolute;
        width: 10000px;
        left: 50%;
        margin-left: -5000px;
        background: #262626;
        top: 0;
        height: 100%
    }

    .header-wrapper.style-17 header:not(.fixed-header) nav > ul > li > a {
        color: #fff
    }
}

body.style-17 .cart-box.popup .content .price {
    color: #901794
}

body.style-17 .cart-box.popup .summary .grandtotal span {
    color: #901794
}

body.style-17 .button.style-4 {
    background: #901794;
    border-color: #901794
}

.side-square-wrapper:after {
    content: "";
    display: block;
    clear: both
}

.side-square-entry {
    padding-bottom: 50%;
    position: relative;
    min-height: 800px
}

    .side-square-entry .fixed-parallax {
        width: 50%
    }

    .side-square-entry.col-md-push-6 .fixed-parallax {
        left: 50%
    }

    .side-square-entry .fixed-parallax:before {
        display: none
    }

    .side-square-entry .align-content {
        position: absolute;
        left: 15%;
        right: 15%;
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%)
    }

.parallax-view {
    font-size: 15px;
    line-height: 24px;
    color: #2e2e2e;
    font-weight: 600;
    display: block;
    padding-top: 18px;
    border-top: 1px #ebebeb solid;
    text-align: center
}

    .parallax-view:hover {
        color: #b1b1b1
    }

.side-square-entry .products-swiper {
    margin-bottom: 35px
}

.swiper-slide.no-shadow:before {
    display: none
}

body.style-18 .swiper-active-switch {
    background: #c2a325;
    border-color: #c2a325
}

body.style-18 .price .current {
    color: #c2a325
}

body.style-18 .product-slide-entry .title:hover {
    color: #c2a325
}

body.style-18 .search-button {
    background: #c2a325
}

.footer-wrapper.style-18 .copyright a {
    color: #c2a325
}

.footer-wrapper.style-18 .footer-links a:hover {
    color: #c2a325
}

body.style-18 .cart-box.popup .content .price {
    color: #c2a325
}

body.style-18 .cart-box.popup .summary .grandtotal span {
    color: #c2a325
}

body.style-18 .button.style-4 {
    background: #c2a325;
    border-color: #c2a325
}

body.style-18 .article-container ul li:before {
    color: #c2a325
}

body.style-18 .bubbles span {
    background: #c2a325
}

@media (max-width: 1199px) {
    .header-wrapper.style-18 header {
        background: #262626 !important
    }

    .side-square-entry .align-content {
        left: 5%;
        right: 5%
    }
}

@media (max-width: 991px) {
    .side-square-entry .fixed-parallax {
        width: 100%
    }

    .side-square-entry.col-md-push-6 .fixed-parallax {
        left: 0
    }

    .side-square-entry .fixed-parallax {
        position: relative
    }
}

@media (max-width: 767px) {
    .side-square-entry .align-content {
        position: relative;
        left: auto;
        right: auto;
        padding: 50px 30px;
        transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        -ms-transform: none
    }

    .side-square-entry {
        padding-bottom: 0;
        min-height: 300px;
        min-height: 100vh
    }
}

.image-text-widget {
    border: 2px #f2f2f2 solid;
    position: relative;
    overflow: hidden;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding: 40px 40px 40px 270px
}

    .image-text-widget .title {
        font-size: 16px;
        line-height: 24px;
        color: #2e2e2e;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 10px
    }

    .image-text-widget ul li a {
        font-weight: 500;
        color: #2e2e2e
    }

        .image-text-widget ul li a:hover {
            color: #ca1515
        }

.article-container ul li:before {
    color: #ccc
}

.special-item-entry {
    position: relative;
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

    .special-item-entry > img:first-child {
        display: block;
        width: 100%;
        height: auto
    }

body:not(.mobile) .special-item-entry:hover > img:first-child {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1)
}

.special-item-entry .title {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    text-align: center;
    font-family: 'Microsoft JhengHei','Montserrat',sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    line-height: 18px
}

    .special-item-entry .title span {
        font-size: 48px;
        line-height: 40px;
        display: block
    }

.special-item-entry .button {
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

.fullwidth-block {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%)
}

.parallax-slide.small-slide {
    height: 600px !important
}

@media (max-width: 991px) {
    .special-item-entry .title span {
        font-size: 37px
    }
}

@media (max-width: 767px) {
    .image-text-widget {
        padding-left: 40px;
        background: none !important;
        border: 2px #f2f2f2 solid
    }

    .parallax-slide.small-slide {
        height: 350px !important
    }
}

.color-background-widget {
    position: relative;
    padding: 120px 0;
    background-size: cover
}

    .color-background-widget:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.4);
        content: ""
    }

.color-background-form {
    max-width: 450px;
    margin: 0 auto;
    text-align: center;
    position: relative
}

    .color-background-form .title {
        font-family: 'Microsoft JhengHei','Montserrat',sans-serif;
        font-weight: 700;
        font-size: 30px;
        line-height: 42px;
        color: #fff;
        border-top: 4px #fff solid;
        border-bottom: 4px #fff solid;
        text-transform: uppercase;
        letter-spacing: -1px;
        margin-bottom: 10px
    }

    .color-background-form .description {
        font-size: 14px;
        line-height: 22px;
        color: #fff;
        margin-bottom: 22px
    }

.simple-form .submit {
    position: relative;
    float: right;
    width: 130px;
    border: 2px #ccc solid;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

    .simple-form .submit:hover {
        border-color: #fff
    }

    .simple-form .submit input {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0
    }

.simple-form .input-wrapper {
    margin-right: 140px
}

    .simple-form .input-wrapper input {
        width: 100%;
        padding: 0 15px;
        background: rgba(255,255,255,0.8);
        border: none;
        height: 34px;
        line-height: 34px;
        color: #000;
        font-size: 14px;
        font-weight: 500
    }

.latest-entries-heading {
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px #e6e6e6 solid
}

    .latest-entries-heading:after {
        content: "";
        display: block;
        clear: both
    }

    .latest-entries-heading .title {
        float: left;
        font-size: 20px;
        line-height: 24px;
        font-weight: 600
    }

    .latest-entries-heading .latest-more {
        float: right;
        font-size: 14px;
        line-height: 24px;
        color: #ca1515
    }

        .latest-entries-heading .latest-more:hover {
            color: #a3a2a2
        }

.client-logo-wrapper {
    text-align: center;
    padding-bottom: 20px
}

.client-logo {
    display: inline-block
}

body.style-19 .swiper-tabs .block-title:before {
    background: #a6a6a6
}

body.style-19 .product-slide-entry .title:hover {
    color: #ca1515
}

body.style-19 .price .current {
    color: #ca1515
}

body.style-19 .product-slide-entry {
    text-align: center
}

body.style-19 .hover-class-1:after {
    background: #a6a6a6
}

body.style-19 .product-slide-entry .subtitle:hover {
    color: #ca1515
}

body.style-19 .bubbles span {
    background: #ca1515
}

body.style-19 .swiper-active-switch {
    background: #ca1515;
    border-color: #ca1515
}

@media (min-width: 1200px) {
    body.style-19 .navigation-copyright a {
        color: #ca1515
    }
}

@media only screen and (max-width:480px) {
    .welcome-section {
        overflow: visible
    }

        .welcome-section .color-background-widget {
            padding-left: 20px;
            padding-right: 20px
        }
}

@media only screen and (max-width: 991px) {
    .welcome-section .color-background-widget {
        background-position: center center
    }
}

@media (min-width: 1200px) {
    .sidebar-content-wrapper.center-container {
        max-width: 930px;
        padding: 0;
        margin-left: 150px;
        left: 50%;
        transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        position: relative
    }

        .sidebar-content-wrapper.center-container:before {
            position: absolute;
            width: 10000px;
            height: 100%;
            background: #fff;
            content: "";
            left: 100%;
            top: 0;
            margin-left: -1px
        }

        .sidebar-content-wrapper.center-container .content-center {
            width: auto;
            padding: 30px
        }

    .header-wrapper.center-container header {
        left: 50%;
        margin-left: -615px;
        background: none;
        border: none
    }

        .header-wrapper.center-container header.type-3:not(.fixed-header) nav > ul > li > a {
            color: #fff
        }

        .header-wrapper.center-container header.type-3:not(.fixed-header) .header-functionality-entry {
            color: #fff
        }

            .header-wrapper.center-container header.type-3:not(.fixed-header) .header-functionality-entry b {
                color: #db2020
            }

    .header-wrapper.center-container .navigation-footer {
        left: 50%;
        margin-left: -615px
    }

    .header-wrapper.center-container .navigation-copyright {
        color: #fff
    }

        .header-wrapper.center-container .navigation-copyright a {
            color: #b11a1a
        }

    .header-wrapper.center-container .socials-box a:hover {
        color: #fff
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .header-wrapper.center-container header.type-3:not(.fixed-header) .menu-slider-entry {
        padding-right: 15px
    }
}

body.style-20 .navigation-banner-content .subtitle {
    font-family: 'Microsoft JhengHei','Raleway',sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 600
}

body.style-20 .navigation-banner-content .title {
    font-family: 'Microsoft JhengHei','Times New Roman';
    letter-spacing: 1px
}

body.style-20 .mozaic-banners-wrapper.type-2 .banner-column {
    padding: 0 15px;
    margin-bottom: 30px
}

body.style-20 .mozaic-banners-wrapper.type-2 .row {
    margin-left: -15px;
    margin-right: -15px
}

body.style-20 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .subtitle {
    color: #b11a1a !important
}

body.style-20 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .title {
    font-size: 40px;
    color: #2e2e2e !important;
    font-family: 'Microsoft JhengHei','Times New Roman'
}

body.style-20 .mozaic-banners-wrapper.type-2 .mozaic-banner-content .description {
    font-family: 'Microsoft JhengHei',"Merriweather",serif;
    font-size: 13px;
    line-height: 20px;
    font-style: italic;
    color: #b3b3b3 !important
}

body.style-20 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:hover .mozaic-banner-content .description {
    color: #2e2e2e
}

body.style-20 .mozaic-banners-wrapper.type-2 .mozaic-banner-content {
    max-width: 82%
}

body.style-20 .mozaic-banners-wrapper.type-2 a.mozaic-banner-entry:before {
    background: rgba(245,245,245,0.7)
}

body.style-20 .swiper-tabs .block-title:before {
    background: #b11a1a
}

body.style-20 .product-slide-entry .title:hover {
    color: #b11a1a
}

body.style-20 .price .current {
    color: #b11a1a
}

body.style-20 .hover-class-1:after {
    background: rgba(117,26,26,0.7)
}

body.style-20 .product-slide-entry .subtitle:hover {
    color: #ca1515
}

body.style-20 .swiper-active-switch {
    background: #ca1515;
    border-color: #ca1515
}

body.style-20 .bubbles span {
    background: #ca1515
}

body.style-20 header .simple-search-form {
    background: none;
    border: 2px rgba(255,255,255,0.5) solid
}

    body.style-20 header .simple-search-form.active {
        border-color: #fff
    }

    body.style-20 header .simple-search-form .simple-submit {
        border-color: rgba(255,255,255,0.5)
    }

        body.style-20 header .simple-search-form .simple-submit:hover {
            color: #fff
        }

    body.style-20 header .simple-search-form input[type="text"] {
        color: #fff
    }

body.style-20 .search-button {
    background: #b11a1a
}

.newsletter-join {
    border: 5px #f7f7f7 solid;
    padding: 40px 50px
}

    .newsletter-join .title {
        font-size: 18px;
        line-height: 18px;
        color: #2e2e2e;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 10px
    }

    .newsletter-join .description {
        font-size: 13px;
        line-height: 22px;
        color: #a3a2a2;
        margin-bottom: 10px
    }

    .newsletter-join .cell-view {
        width: 1000px;
        height: 75px
    }

.custom-col-4-in-row {
    float: left;
    width: 25%;
    padding: 0 15px
}

    .custom-col-4-in-row:nth-child(4n+1) {
        clear: both
    }

body.style-20 .cart-box.popup .content .price {
    color: #b11a1a
}

body.style-20 .cart-box.popup .summary .grandtotal span {
    color: #b11a1a
}

body.style-20 .button.style-4 {
    background: #b11a1a;
    border-color: #b11a1a
}

@media (max-width: 1199px) {
    .header-wrapper.center-container header.type-3 {
        background: #262626;
        border: none
    }

        .header-wrapper.center-container header.type-3 .header-functionality-entry * {
            color: #fff
        }

    .sidebar-content-wrapper.center-container .content-center {
        padding-top: 30px !important
    }
}

@media (max-width: 767px) {
    .sidebar-content-wrapper.center-container .content-center {
        padding-top: 15px !important
    }

    .custom-col-4-in-row {
        width: 33.33333%
    }

        .custom-col-4-in-row:nth-child(4n+1) {
            clear: none
        }

        .custom-col-4-in-row:nth-child(3n+1) {
            clear: both
        }

    .newsletter-join .cell-view {
        height: auto
    }

    .information-entry-xs {
        margin-bottom: 10px
    }

    body.style-20 .products-swiper {
        margin: 0
    }
}

@media (max-width: 450px) {
    .custom-col-4-in-row {
        width: 50%
    }

        .custom-col-4-in-row:nth-child(3n+1) {
            clear: none
        }

        .custom-col-4-in-row:nth-child(2n+1) {
            clear: both
        }
}

.products-slider-banner {
    margin-bottom: 40px;
    border: 1px #e6e6e6 solid;
    position: relative;
    overflow: hidden
}

    .products-slider-banner .pagination {
        display: none
    }

    .products-slider-banner:after {
        display: block;
        content: "";
        clear: both
    }

    .products-slider-banner .products-swiper {
        margin-left: 0;
        margin-right: 0;
        height: 400px;
        margin-left: 400px
    }

        .products-slider-banner .products-swiper:before, .products-slider-banner .products-swiper:after {
            display: none
        }

    .products-slider-banner .swiper-container, .products-slider-banner .swiper-wrapper, .products-slider-banner .swiper-slide {
        height: inherit !important;
        position: relative
    }

        .products-slider-banner .swiper-slide:after {
            position: absolute;
            content: "";
            height: 100%;
            width: 1px;
            left: 0;
            top: 0;
            background: #e6e6e6
        }

    .products-slider-banner .paddings-container {
        position: relative;
        top: 15%
    }

    .products-slider-banner .promo-banner-box {
        float: left;
        width: 400px;
        height: 400px;
        margin-bottom: 0;
        padding-bottom: 0
    }

        .products-slider-banner .promo-banner-box .promo-text .description {
            font-size: 48px;
            line-height: 48px;
            letter-spacing: -1px
        }

body.style-21 .sidebar-logos-row a img {
    opacity: .7
}

body.style-21 .sidebar-logos-row a:hover img {
    opacity: 1
}

body.style-21 .price .current {
    color: #c7192c
}

body.style-21 .product-slide-entry .title:hover {
    color: #c7192c
}

body.style-21 .bubbles span {
    background: #c7192c
}

body.style-21 .search-button {
    background: #c7192c
}

.header-wrapper.style-21 header {
    padding-left: 30px;
    padding-right: 30px
}

.demo-categories-wrapper {
    margin-bottom: 60px
}

.demo-categories-entry {
    border: 1px #e6e6e6 solid;
    padding: 35px;
    background-position: right bottom;
    background-repeat: no-repeat;
    min-height: 450px;
    position: relative
}

    .demo-categories-entry .title {
        font-size: 14px;
        line-height: 16px;
        color: #2f2f2f;
        text-transform: uppercase;
        font-weight: 700;
        display: block;
        margin-bottom: 15px
    }

        .demo-categories-entry .title:hover {
            color: #c3172b
        }

    .demo-categories-entry .list a {
        font-size: 13px;
        line-height: 18px;
        font-weight: 500;
        color: #2e2e2e;
        display: block;
        padding: 15px 0;
        border-top: 1px #ebebeb solid
    }

        .demo-categories-entry .list a:before {
            font-family: FontAwesome;
            content: "\f105";
            margin-right: 7px;
            color: #cecece;
            display: inline-block
        }

        .demo-categories-entry .list a:hover {
            color: #c3172b
        }

    .demo-categories-entry .block-info {
        text-align: right;
        font-family: 'Microsoft JhengHei',"Lato",sans-serif;
        text-transform: uppercase;
        font-weight: 400
    }

        .demo-categories-entry .block-info .title {
            font-size: 18px;
            line-height: 24px;
            color: #a5a5a5
        }

        .demo-categories-entry .block-info .description {
            font-size: 40px;
            line-height: 42px;
            color: #262626;
            font-weight: 900;
            letter-spacing: -2px
        }

        .demo-categories-entry .block-info .detail-link {
            font-size: 14px;
            line-height: 30px;
            display: inline-block;
            color: #c3172b;
            text-decoration: underline
        }

            .demo-categories-entry .block-info .detail-link:hover {
                text-decoration: none
            }

.footer-wrapper.style-21 footer.type-2 .footer-links a:hover {
    color: #ce1313
}

.footer-wrapper.style-21 footer.type-2 .copyright a {
    color: #ce1313
}

@media (max-width: 1700px) {
    .demo-categories-entry .block-info .description {
        font-size: 30px;
        line-height: 32px
    }
}

@media (max-width: 1400px) {
    .demo-categories-entry .block-info .description {
        font-size: 24px;
        line-height: 25px;
        letter-spacing: -1px
    }
}

@media (min-width: 1200px) {
    .header-wrapper.style-21 header:not(.fixed-header) .navigation {
        border: none
    }

    .header-wrapper.style-21 header:not(.fixed-header) nav:before {
        background: #262626;
        position: absolute;
        height: 100%;
        width: 10000px;
        left: 50%;
        margin-left: -5000px;
        content: "";
        z-index: -1
    }

    .header-wrapper.style-21 header:not(.fixed-header) nav > ul > li > a {
        color: #fff
    }
}

@media (max-width: 1199px) {
    .products-slider-banner .promo-banner-box {
        width: 350px;
        height: 350px
    }

    .products-slider-banner .products-swiper {
        height: 350px;
        margin-left: 350px
    }

    .demo-categories-entry:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(255,255,255,0.8)
    }
}

@media (max-width: 991px) {
    .products-slider-banner .promo-banner-box {
        width: 250px
    }

    .products-slider-banner .products-swiper {
        margin-left: 250px
    }

    .products-slider-banner .promo-banner-box .promo-text .description {
        font-size: 33px;
        line-height: 33px
    }
}

@media (max-width: 767px) {
    .products-slider-banner .promo-banner-box {
        width: auto;
        float: none
    }

    .products-slider-banner .products-swiper {
        margin-left: 0;
        height: auto
    }

    .products-slider-banner .paddings-container {
        padding-top: 0;
        padding-bottom: 30px;
        padding-top: 30px
    }

    .demo-categories-wrapper {
        margin-bottom: 40px
    }
}

.teaser-container {
    background-color: #f8f8f8;
    height: 100%
}

    .teaser-container .cell-view {
        vertical-align: middle
    }

    .teaser-container .row-view {
        height: 25%
    }

.teaser-logo {
    text-align: center;
    padding: 15px 0
}

    .teaser-logo .logo {
        display: inline-block
    }

        .teaser-logo .logo img {
            display: block
        }

.teaser-content {
    background: #fff;
    padding: 70px 0;
    text-align: center
}

.teaser-subtitle {
    font-size: 24px;
    line-height: 24px;
    font-family: 'Microsoft JhengHei','Montserrat',sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 9px
}

.teaser-title {
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 11px;
    color: #262626;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Montserrat',sans-serif
}

.teaser-description {
    font-size: 15px;
    line-height: 22px;
    color: #b6b6b6;
    max-width: 560px;
    margin: 0 auto;
    margin-bottom: 35px
}

.teaser-date {
    margin-bottom: 55px
}

    .teaser-date .date-square {
        font-family: 'Microsoft JhengHei','Montserrat',sans-serif;
        float: left;
        width: 25%;
        position: relative
    }

        .teaser-date .date-square:after {
            height: 60px;
            width: 1px;
            background: #e3e3e3;
            position: absolute;
            top: 50%;
            margin-top: -30px;
            left: 0;
            content: ""
        }

        .teaser-date .date-square:first-child:after {
            display: none
        }

        .teaser-date .date-square span {
            display: block;
            font-size: 72px;
            line-height: 70px;
            display: block;
            font-weight: 400;
            color: #262626
        }

        .teaser-date .date-square p {
            font-size: 18px;
            line-height: 24px;
            display: block;
            font-weight: 700;
            color: #c8c8c8;
            text-transform: uppercase
        }

.teaser-content .center {
    max-width: 740px;
    margin: 0 auto;
    padding: 0 15px
}

.teaser-copyright {
    text-align: center;
    padding: 25px 0
}

    .teaser-copyright .copyright {
        margin-bottom: 0
    }

        .teaser-copyright .copyright a {
            color: #d7af23
        }

.styled-form {
    max-width: 430px;
    margin: 0 auto
}

    .styled-form .form-title {
        font-size: 13px;
        line-height: 27px;
        color: #313131;
        text-align: left
    }

    .styled-form .video {
        width: 100%
    }

    .styled-form .submit-wrapper {
        position: relative;
        float: right;
        height: 45px;
        white-space: nowrap;
        line-height: 45px;
        width: 110px;
        background: #d7af23;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center
    }

        .styled-form .submit-wrapper:hover {
            background: #c2c2c2 !important;
            color: #fff
        }

        .styled-form .submit-wrapper input {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            border: none
        }

    .styled-form .field-wrapper {
        border: 1px #e6e6e6 solid;
        border-right: none;
        height: 45px;
        margin-right: 110px
    }

        .styled-form .field-wrapper input {
            width: 100%;
            padding: 0 20px;
            border: none;
            font-size: 13px;
            line-height: 43px;
            height: 43px
        }

@media (max-width: 767px) {
    .teaser-date .date-square span {
        font-size: 38px;
        line-height: 34px
    }

    .teaser-date .date-square p {
        font-size: 14px
    }

    .teaser-content {
        padding: 35px 0
    }
}

body.teaser-2 {
    background: #000
}

    body.teaser-2 .teaser-container {
        background-color: transparent
    }

    body.teaser-2 .teaser-background {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-position: center center;
        background-size: cover;
        opacity: .3
    }

    body.teaser-2 .teaser-content {
        background: none
    }

    body.teaser-2 .teaser-container .row-view {
        height: 0
    }

    body.teaser-2 .teaser-title {
        color: #fff
    }

    body.teaser-2 .teaser-description {
        color: #b6b6b6
    }

    body.teaser-2 .teaser-date .date-square span {
        color: #fff
    }

    body.teaser-2 .teaser-date .date-square p {
        color: #edc32f
    }

    body.teaser-2 .teaser-date .date-square:after {
        background: rgba(255,255,255,0.3)
    }

    body.teaser-2 .styled-form .field-wrapper {
        border-color: rgba(255,255,255,0.1)
    }

        body.teaser-2 .styled-form .field-wrapper input {
            background: rgba(255,255,255,0.1);
            color: #fff
        }

    body.teaser-2 .teaser-copyright .copyright a:hover {
        color: #fff !important
    }

body.teaser-3 {
    background: #000
}

    body.teaser-3 .teaser-container {
        background-color: transparent
    }

    body.teaser-3 .teaser-background {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-position: center center;
        background-size: cover;
        opacity: .5
    }

    body.teaser-3 .teaser-content {
        background: none
    }

    body.teaser-3 .teaser-container .row-view {
        height: 0
    }

    body.teaser-3 .teaser-title {
        color: #fff
    }

    body.teaser-3 .teaser-description {
        color: #b6b6b6
    }

    body.teaser-3 .styled-form .field-wrapper {
        border-color: rgba(255,255,255,0.1)
    }

        body.teaser-3 .styled-form .field-wrapper input {
            background: rgba(255,255,255,0.1);
            color: #fff
        }

    body.teaser-3 .teaser-copyright .copyright a {
        color: #6aa207
    }

        body.teaser-3 .teaser-copyright .copyright a:hover {
            color: #fff !important
        }

    body.teaser-3 .styled-form .submit-wrapper {
        background: #6aa207
    }

    body.teaser-3 .teaser-title {
        font-size: 72px;
        line-height: 62px;
        border-top: 4px #fff solid;
        border-bottom: 4px #fff solid;
        display: inline-block;
        margin-bottom: 15px
    }

@media (max-width: 767px) {
    body.teaser-3 .teaser-title {
        font-size: 52px;
        line-height: 45px
    }
}

.message-box {
    color: #8cbc09;
    border: 2px currentColor solid;
    margin-bottom: 25px;
    position: relative
}

.message-icon {
    position: absolute;
    width: 62px;
    height: 100%;
    background: currentColor;
    left: 0;
    top: 0
}

    .message-icon .fa {
        font-size: 24px;
        line-height: 24px;
        text-align: center;
        color: #fff;
        position: absolute;
        width: 100%;
        left: 0;
        top: 50%;
        margin-top: -12px
    }

.message-text {
    font-size: 13px;
    color: #2e2e2e;
    font-weight: 500;
    line-height: 22px;
    padding: 20px 60px 20px 100px
}

    .message-text b {
        font-weight: 700
    }

.message-close {
    width: 55px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    cursor: pointer
}

    .message-close .fa {
        font-size: 12px;
        line-height: 12px;
        position: absolute;
        width: 100%;
        left: 0;
        top: 50%;
        margin-top: -6px;
        color: gray
    }

.message-danger {
    color: #bc0909
}

.message-warning {
    color: #e7b60a
}

.message-info {
    color: #03b4ea
}

.overlay-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 15;
    left: -100%;
    top: 0;
    overflow: hidden
}

    .overlay-popup.visible {
        left: 0
    }

    .overlay-popup :last-child {
        margin-bottom: 0 !important
    }

    .overlay-popup .close-layer {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.2);
        opacity: 0;
        min-height: 100vh
    }

    .overlay-popup .cell-view {
        position: relative
    }

    .overlay-popup.active .close-layer {
        opacity: 1
    }

    .overlay-popup .overflow {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        overflow-x: hidden
    }

    .overlay-popup .popup-container {
        padding: 7px;
        background: #fff;
        max-width: 860px;
        margin: 0 auto;
        text-align: left;
        position: relative;
        transform: perspective(2000px) rotateX(77deg);
        -moz-transform: perspective(2000px) rotateX(77deg);
        -webkit-transform: perspective(2000px) rotateX(77deg);
        -ms-transform: perspective(2000px) rotateX(77deg);
        opacity: 0
    }

    .overlay-popup.active .popup-container {
        transform: perspective(2000px) rotateX(0deg);
        -moz-transform: perspective(2000px) rotateX(0deg);
        -webkit-transform: perspective(2000px) rotateX(0deg);
        -ms-transform: perspective(2000px) rotateX(0deg);
        opacity: 1
    }

    .overlay-popup .popup-container .gallery-image {
        width: 100%;
        height: auto
    }

.close-popup {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 12px;
    right: 18px;
    cursor: pointer
}

    .close-popup:before, .close-popup:after {
        width: 19px;
        height: 2px;
        top: 50%;
        margin-top: -1px;
        left: -2px;
        content: "";
        background: #292929;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        position: absolute
    }

    .close-popup:after {
        transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg)
    }

#product-popup .popup-container {
    max-width: 860px;
    width: 100%
}

#subscribe-popup .popup-container {
    max-width: 830px;
    width: 100%;
    border-radius: 6px
}

#subscribe-popup .product-video iframe {
    width: 100%;
    padding: 35px 5px 5px
}

.popup-background {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: auto
}

.newsletter-title {
    margin: 25px 0 0 25px;
    font-size: 36px;
    line-height: 48px;
    color: #3d3d3d;
    font-weight: 400;
    position: relative
}

.newsletter-text {
    font-size: 14px;
    line-height: 26px;
    color: gray;
    font-weight: 300;
    margin-bottom: 25px;
    position: relative
}

    .newsletter-text a {
        font-weight: 500;
        color: #3d3d3d;
        text-decoration: underline
    }

        .newsletter-text a:hover {
            text-decoration: none
        }

.overlay-popup .styled-form {
    max-width: 100%;
    margin: 0 25px 25px
}

.overlay-popup .form-title {
    font-size: 13px;
    z-index: 48px;
    color: #313131;
    font-weight: 600
}

@media (max-width: 767px) {
    .overlay-popup .popup-container {
        padding: 25px
    }

    .close-popup {
        right: 4px
    }

    #product-popup .cell-view, #product-popup .table-view {
        display: block
    }

    .popup-background {
        display: none
    }

    #subscribe-popup .popup-container {
        min-width: 0;
        padding: 15px
    }
}

.jspPane {
    margin-left: 0 !important;
    margin-right: 10px
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspPane {
    position: absolute
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 100%;
    background: red;
    border-left: 1px solid #f2f2f2
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: red
}

.jspCap {
    display: none
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    background: #fff;
    position: relative
}

.jspDrag {
    background: #c2c2c2;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    padding: 0;
    margin: 0
}

    .jspArrow.jspDisabled {
        cursor: default;
        background: #80808d
    }

.jspVerticalBar .jspArrow {
    height: 16px
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%
}

.jspVerticalBar .jspArrow:focus {
    outline: none
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

.article-container {
    font-size: 1.125rem;
    line-height: 1.8
}

    .article-container b {
        font-weight: 500;
        color: #2e2e2e
    }

    .article-container a {
        color: #d14242
    }

    .article-container li a {
        color: gray
    }

    .article-container a:hover {
        color: #d14242
    }

    .article-container a:active {
        color: #d14242
    }

    .article-container.columns-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }

    .article-container.columns-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }

    .article-container p, .article-container ul, .article-container ol, .article-container img {
        margin-bottom: 15px
    }

        .article-container ol li {
            font-size: 14px;
            font-size: inherit;
            line-height: inherit;
            color: inherit;
            font-family: 'Microsoft JhengHei',sans-serif
        }

        .article-container ul li {
            padding: 4px 0 4px 10px
        }

            .article-container ul li:before {
                content: "\f105";
                font-family: FontAwesome;
                display: inline-block;
                margin-right: 5px
            }

.article-container2 ul li:before {
    list-style-type: none;
    display: inline-block;
    margin-right: 5px
}

.article-container h1, .h1 {
    font-size: 32px;
    line-height: 32px;
    color: #2e2e2e;
    font-weight: 500;
    margin-bottom: 15px
}

.article-container h2, .h2 {
    font-size: 28px;
    line-height: 34px;
    color: #262626;
    font-weight: 300;
    margin-bottom: 15px
}

.article-container h3, .h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 11px;
    color: #000
}

.article-container h4, .h4 {
    font-size: 14px;
    line-height: 22px;
    color: #262626;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase
}

.article-container h5, .h5 {
    font-size: 13px;
    line-height: 30px;
    color: #262626;
    font-weight: 600;
    text-transform: uppercase
}

    .article-container h5 .fa, .h5 .fa {
        font-size: 20px;
        color: #d14242;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -3px;
        margin-right: 5px
    }

.article-container h6, .h6 {
    font-size: 11px;
    line-height: 18px;
    color: #262626;
    font-weight: 700;
    margin-bottom: 15px
}

.article-container.style-1 {
    font-size: 14px;
    line-height: 25px;
    font-weight: 400
}

.style-1-2 {
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    color: #313131
}

@media (max-width: 767px) {
    .article-container.columns-2, .article-container.columns-3 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0
    }
}

.article-container2 {
    font-size: 14px;
    line-height: 22px;
    color: gray;
    margin-bottom: 25px;
    font-family: 'Microsoft JhengHei',sans-serif
}

    .article-container2 b {
        font-weight: 500;
        color: #2e2e2e
    }

    .article-container2 a {
        color: #d14242
    }

    .article-container2 li a {
        color: gray
    }

    .article-container2 a:hover {
        color: #d14242
    }

    .article-container2 a:active {
        color: #d14242
    }

    .article-container2.columns-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }

    .article-container2.columns-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }

    .article-container2 p, .article-container ul, .article-container ol, .article-container img {
        margin-bottom: 15px
    }

    .article-container2 ol li {
        font-size: 14px;
        font-size: inherit;
        line-height: inherit;
        color: inherit;
        font-family: 'Microsoft JhengHei',sans-serif
    }

    .article-container2 ul li {
        padding: 4px 0 4px 10px
    }

        .article-container2 ul li:before {
            list-style-type: none;
            display: inline-block;
            margin-right: 5px
        }

    .article-container2 h1, .h1 {
        font-size: 32px;
        line-height: 32px;
        color: #2e2e2e;
        font-weight: 500;
        margin-bottom: 15px
    }

    .article-container2 h2, .h2 {
        font-size: 28px;
        line-height: 34px;
        color: #262626;
        font-weight: 300;
        margin-bottom: 15px
    }

    .article-container2 h3, .h3 {
        font-size: 24px;
        font-weight: 600;
        line-height: 28px;
        margin-bottom: 11px;
        color: #000
    }

    .article-container2 h4, .h4 {
        font-size: 14px;
        line-height: 22px;
        color: #262626;
        font-weight: 600;
        margin-bottom: 15px;
        text-transform: uppercase
    }

    .article-container2 h5, .h5 {
        font-size: 13px;
        line-height: 30px;
        color: #262626;
        font-weight: 600;
        text-transform: uppercase
    }

        .article-container2 h5 .fa, .h5 .fa {
            font-size: 20px;
            color: #d14242;
            display: inline-block;
            vertical-align: middle;
            position: relative;
            top: -3px;
            margin-right: 5px
        }

    .article-container2 h6, .h6 {
        font-size: 11px;
        line-height: 18px;
        color: #262626;
        font-weight: 700;
        margin-bottom: 15px
    }

    .article-container2.style-1 {
        font-size: 14px;
        line-height: 25px;
        font-weight: 400
    }

.style-1-2 {
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    color: #313131
}

@media (max-width: 767px) {
    .article-container2.columns-2, .article-container2.columns-3 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0
    }
}

.sidebar-navigation .entry:before, .sidebar-navigation .entry, .button, .socials-box a, .socials-box a .fa, .search-drop-down .category-entry, .search-button, .header-functionality-entry, footer a, .product-slide-entry .title, .product-slide-entry .tag, .inline-product-entry .title, .inline-product-entry .image, .list-type-1 a, .hover-class-1:after, .hover-label, .menu-slider-arrows a .fa, .bottom-line-a, .top-line-a, .fixed-header-square-button .fa, .read-more, .product-mix-info, .simple-search-form .simple-submit, .departmets-drop-down .list a, .copyright a, .styled-form .submit-wrapper, .socials-box a .fa, .sidebar-logos-row a img, a.sale-entry:before, a.sale-entry .sale-price, a.sale-entry .sale-price span, a.sale-entry .sale-description, .breadcrumb-box a, .icon-entry .image, .quantity-selector .entry.number-minus, .quantity-selector .entry.number-plus, .tabs-container.style-1 .tab-switcher, .size-selector .entry:after, .color-selector .entry:after, .color-selector .entry:before, .blog-entry .title, .blog-entry .subtitle a, .blog-entry .subtitle a b, .blog-entry .readmore, .square-button, .tags-box a, .categories-list ul li a, .container-404 .text a, .portfolio-navigation a, .portfolio-entry .title, .action-button, .hover-layer, .continue-link, .accordeon-title, .traditional-cart-entry .tag, .traditional-cart-entry .title, .remove-button, .cart-summary-box .simple-link, .invoice-summary-box, ..checkout-progress-widget a.step-entry, .simple-field, .column-article-entry .title, .product-slide-entry .subtitle, .parallax-view, .simple-form .submit, .latest-entries-heading .latest-more, .demo-categories-entry .title, .demo-categories-entry .list a, .sale-entry-border, .sale-entry-border:before, .color-text-widget, .color-text-widget .cell-view, .color-text-widget .title, .color-text-widget .description, .sale-entry, .simple-search-form, .special-item-entry > img {
    -moz-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    -ms-transition: all .15s ease-out
}

    .product-slide-entry .product-image:after, .sidebar-navigation .title .fa, .navigation-banner-content, .from-the-blog-entry .image:after, .toggle-list-button:after, .product-image .bottom-line, .product-image .top-line-a, .navigation-banner-content .subtitle, .navigation-banner-content .title, .navigation-banner-content .description, .navigation-banner-content .info, .swiper-slide .parallax-article .subtitle, .swiper-slide .parallax-article .description, .swiper-slide .parallax-article .info, a.mozaic-banner-entry .subtitle, a.mozaic-banner-entry .title, a.mozaic-banner-entry .description, a.mozaic-banner-entry:before, .creative-square-box .background-box, .creative-square-box:before, .promo-banner-box:before, .promo-banner-box .promo-text, .promo-banner-box .promo-text .description, .product-image img, .product-thumbnails-swiper .paddings-container, .blog-entry .image img, .comment-image:after, .hover-layer .info, .title-info, .actions, a.mozaic-banner-entry .view {
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        -webkit-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out
    }

.swiper-slide .parallax-article .title, .portfolio-entry .image img, .portfolio-entry:hover .portfolio-drop-down, .overlay-popup .close-layer, .overlay-popup .popup-container {
    -moz-transition: all 500ms ease-out;
    -o-transition: all 500ms ease-out;
    -webkit-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    -ms-transition: all 500ms ease-out
}

.creative-square-box:hover .background-box, .blog-entry .image:hover img, .portfolio-entry:hover .image img {
    -moz-transition: all 15000ms linear !important;
    -o-transition: all 15000ms linear !important;
    -webkit-transition: all 15000ms linear !important;
    transition: all 15000ms linear !important;
    -ms-transition: all 15000ms linear !important
}

.disable-animation, .shop-grid .product-slide-entry .title {
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    -ms-transition: none !important
}

.navigation-banner-content .subtitle, .swiper-slide .parallax-article .subtitle, .swiper-slide .parallax-article .description, .overlay-popup.active .popup-container {
    transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -webkit-transition-delay: 200ms;
    -ms-transition-delay: 200ms
}

.navigation-banner-content .title {
    transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -webkit-transition-delay: 150ms;
    -ms-transition-delay: 150ms
}

.swiper-slide .parallax-article .info {
    transition-delay: 400ms;
    -moz-transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
    -ms-transition-delay: 400ms
}

.header-demo {
    height: 250px;
    position: relative;
    background-size: cover;
    background-position: center top;
    margin-bottom: 50px
}

    .header-demo.background-demo:before {
        background: rgba(0,0,0,0.2) none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .header-demo .header-wrapper.style-3 header:before {
        height: 205px
    }

    .header-demo header {
        position: absolute !important
    }

_:-ms-input-placeholder, :root .simple-field.simple-drop-down select {
    padding-right: 22px
}

_:-ms-input-placeholder, :root .size-1.simple-field.simple-drop-down select {
    padding-right: 14px
}

_:-ms-input-placeholder, :root .simple-drop-down select {
    padding-right: 10px
}

.c1 {
    color: #ff2ecb !important
}

.c2 {
    color: #00b94e !important
}

.c3 {
    color: #ae7422 !important
}

.c4 {
    color: #767cba !important
}