body {
    background: #fff;
    font-size: 13px
}

.header-info a {
    color: #000
}

.flexbox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.col-xs {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
}

.center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
}

.top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.last-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

#imgLatestProduct {
    max-height: 100%
}

@media only screen and (min-width:48em) {
    .col-sm {
        position: relative;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }
    .start-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }
    .center-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .end-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }
    .top-sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .middle-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .bottom-sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    .around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .between-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .last-sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width:64em) {
    .col-md {
        position: relative;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }
    .start-md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }
    .center-md {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .end-md {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }
    .top-md {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .middle-md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .bottom-md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    .around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .between-md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .first-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .last-md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width:75em) {
    .col-lg {
        position: relative;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 5px;
        float: left;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }
    .start-lg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }
    .center-lg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .end-lg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }
    .top-lg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .middle-lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .bottom-lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    .around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .between-lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .first-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .last-lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.form-relative {
    margin-top: 0 !important
}

.container {
    width: 97%;
    background-color: inherit
}

#lang-mode a {
    font-size: 13px;
    font-weight: 300
}

.custom-badge-link {
    position: relative;
    top: -4px !important;
    padding: 2px 6px;
    font-size: 10px;
    line-height: 1.1;
    background-color: #c7c7c7;
    color: #333
}

.divider_panel {
    position: relative;
    top: 1px
}

#panel_before_login.custom_panel_before_login .btn-link i,
#panel_before_login.custom_panel_before_login .btn-link:hover {
    color: #0095da
}

.link-top-cart {
    padding-right: 0 !important
}

.link-top-cart:after {
    content: "";
    display: inline-block;
    height: 12px;
    width: 1px;
    background-color: #b3b3b3;
    margin-left: 12px;
    margin-right: 2px;
    position: relative;
    top: 2px
}

.link-top-cart .glyphicon-shopping-cart {
    color: #0095da
}

.flag-container img {
    margin-top: -2px
}

.wrap-header {
    background-color: #fff;
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px
}

.custom-search>.row>[class*=col-]:first-child {
    padding-right: 0
}

.custom-search>.row>[class*=col-]:first-child .form-control {
    border-radius: 0;
    border-width: 1px;
    border-right-width: 0;
    border-color: #dcdcdc;
    height: 35px;
    line-height: 35px;
    background-color: rgba(0, 0, 0, 0)
}

.custom-search>.row>[class*=col-]:last-child {
    padding-left: 0
}

.custom-search>.row>[class*=col-]:last-child.btn-search .btn .glyphicon-search {
    display: none
}

.custom-search>.row>[class*=col-]:last-child.btn-search .btn {
    background-color: #34495e;
    border-color: #34495e;
    height: 35px;
    text-transform: uppercase;
    padding: 4px;
    text-align: center;
    font-weight: 300
}

.custom-search>.row>[class*=col-]:last-child.btn-search .btn:hover {
    background-color: #283848;
    border-color: #283848;
    color: #fff
}

.wrap-menu {
    position: relative;
    background-color: #34495e;
    -webkit-box-shadow: 2px 2px 6px rgba(51, 51, 51, .2);
    box-shadow: 2px 2px 6px rgba(51, 51, 51, .2)
}

#dzone-dropdown-menu {
    background-color: transparent;
    float: right
}

#dzone-dropdown-menu.jm-menu>ul>li>a:before {
    display: none
}

#dzone-dropdown-menu.jm-menu>ul>li>a {
    padding: 26px 15px;
    text-shadow: none;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #777;
    font-size: 13px
}

#dzone-dropdown-menu.jm-menu>ul>li {
    margin-right: 0
}

#dzone-dropdown-menu>ul>li.active>a {
    color: #333 !important
}

#bannerservices .slick-slider {
    margin-bottom: 0
}

#bannerservices .jm-slick img {
    width: 100%;
    display: block;
    height: auto;
    max-width: 100%
}

.wrap-short-company {
    background-color: #fff;
    position: relative;
    padding-left: 15px;
    padding-right: 15px
}

.fm-short-company p {
    color: #777
}

.latest-promo.row-wrap {
    margin-left: -5px;
    margin-right: -5px
}

.promo-product-container .thumbnail {
    -webkit-transition: all .3s cubic-bezier(.25, .8, .25, 1);
    transition: all .3s cubic-bezier(.25, .8, .25, 1)
}

#relatedproduct .promo-product-container .thumbnail {
    border: 1px solid #ddd
}

.promo-product-container .thumbnail:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .25), 0 0 10px rgba(0, 0, 0, .22);
    box-shadow: 0 0 10px rgba(0, 0, 0, .25), 0 0 10px rgba(0, 0, 0, .22)
}

.promo-product-container .thumbnail:hover a {
    text-decoration: none
}

.promo-product-container .thumbnail .product-desc .product-name>a {
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.promo-product-container .latest-promo-project .thumbnail .product-desc .product-name,
.promo-product-container .latest-promo-project .thumbnail .product-desc a h4 {
    border-bottom: none
}

.product-holder.grid-view .thumbnail .price.grid-view,
.promo-product-container .thumbnail .product-desc .price {
    font-size: 13px;
    font-style: italic;
    color: #c41c20;
    text-align: center;
    margin-bottom: 20px
}

.product-holder.grid-view .thumbnail .price.grid-view {
    color: orange;
    height: auto
}

.product-holder.grid-view .thumbnail img,
.promo-product-container .thumbnail img {
    width: 100%
}

.promo-product-heading {
    text-align: center
}

.wrap-running-image {
    position: relative;
    margin-bottom: 25px
}

.nav-running-image {
    position: absolute;
    top: 37%;
    left: 0;
    right: 0;
    width: 100%
}

.nav-running-image .slick-arrow {
    position: absolute;
    background-color: #fff;
    border: 3px solid #777;
    color: #777;
    padding: 7px 10px
}

.nav-running-image .slick-arrow:hover {
    background-color: #777;
    color: #fff;
    border-color: #777
}

.nav-running-image .slick-arrow .glyphicon {
    top: 3px
}

.nav-running-image .prev {
    left: -45px
}

.nav-running-image .next {
    right: -45px
}

.running-image {
    margin-left: -3px;
    margin-right: 0
}

.running-image [class*=col-] {
    padding-left: 5px;
    padding-right: 5px
}

.running-image [class*=col-]:focus {
    outline: inherit
}

.wrap-running-image .thumbnail {
    position: relative;
    padding: 0;
    border: 4px solid #ddd;
    margin-bottom: 0;
    border-radius: 0
}

.wrap-running-image .thumbnail:hover {
    border-color: #777
}

.wrap-running-image .thumbnail:focus {
    border: 4px solid #777;
    outline: inherit
}

.wrap-running-image .thumbnail .caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .85)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .85) 100%)
}

.wrap-running-image .thumbnail .caption,
.wrap-running-image .thumbnail .caption .span {
    color: #fff;
    text-align: left;
    padding: 5px;
    line-height: 15px
}

#sticky-wrapper {
    margin-bottom: 0
}

#sticky-wrapper.is-sticky {
    position: relative;
    z-index: 1
}

.wrap-footer {
    padding-top: 2rem;
    border-top: 1px solid #ebebeb;
    padding-bottom: 30px;
    background-color: #f9f9f9
}

.title-info-footer h3 {
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 0
}

.link-nav-footer ul li {
    margin-bottom: 5px
}

.link-nav-footer ul li a {
    color: #000 !important;
    text-transform: capitalize;
    line-height: 2;
    font-size: 13px
}

.address-footer {
    color: #929699
}

.wrap-bottom-footer {
    background-color: #222;
    padding-top: 10px;
    padding-bottom: 10px
}

.footer-by,
.footer-copyright {
    margin-bottom: 0;
    color: #000
}

.footer-by {
    text-align: center
}

#dzone-dropdown-menu.jm-menu>ul>li.active>a,
#dzone-dropdown-menu.jm-menu>ul>li:hover>a,
#dzone-dropdown-menu.jm-menu>ul>li>a.active,
#dzone-dropdown-menu>ul>li.active>a,
#dzone-dropdown-menu>ul>li>a.active {
    background-color: transparent
}

#dzone-dropdown-menu.jm-menu>ul>li:hover>a {
    color: #333
}

.col-menu-category {
    width: 21%;
    margin-right: 20px
}

.col-menu-category .navbar-nav>li>a {
    width: 200px
}

.col-menu-category .nav .open>a,
.col-menu-category .nav .open>a:focus,
.col-menu-category .nav .open>a:hover {
    background-color: rgba(51, 51, 51, .2);
    color: #fff
}

.container-tab {
    position: relative;
    margin-bottom: 30px
}

.container-tab .navbar-nav>li.active>a {
    background-color: #ff6634;
    color: #fff
}

.container-tab .navbar-nav>li>a {
    color: #333;
    font-weight: 500
}

.container-tab .navbar-nav>li.active>a:hover {
    color: #fff;
    cursor: default
}

.container-tab .navbar-nav>li>a:hover {
    color: #ff6634
}

.floor-elevator {
    width: 70px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding-left: 30px;
    color: #999;
    display: none
}

.floor-elevator .btn-elevator {
    cursor: pointer;
    display: block;
    position: relative;
    float: left;
    width: 30px;
    text-align: center
}

.floor-elevator .btn-elevator:focus,
.floor-elevator .btn-elevator:hover {
    text-decoration: none;
    color: #0095da
}

.floor-elevator .fa {
    font-weight: 700
}

.floor-elevator a {
    font-size: 20px;
    color: #666
}

.floor-elevator .down {
    margin-top: -10px
}

.product-featured>.wrap-banner-side {
    width: 22%;
    padding-right: 0
}

.wrap-banner-side img {
    width: 100%
}

.slide-category [class*=col-]>.thumbnail {
    border: none;
    border-right: 1px solid #ddd;
    padding: 10px;
    border-radius: 0
}

.slide-category [class*=col-]>.thumbnail:focus,
.slide-category [class*=col-]>.thumbnail:hover {
    text-decoration: none
}

.slide-category [class*=col-]>.thumbnail .caption .newprice {
    color: #0095da;
    font-size: 15px;
    margin-bottom: 0
}

.promo-product-container .latest-promo.row-wrap.multi-columns-row.clearfix {
    text-align: left !important
}

.bottom-panel .bottom,
.bottom-panel .bottom-lang {
    display: none
}

.wrap-footer .stButton {
    z-index: auto
}

.fm-title-content h3 {
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 0
}

.moq {
    font-weight: 700
}

.moq .mask a,
li.moq h5 {
    font-weight: 400;
    color: #000;
    line-height: 2
}

.wrap-footer .iconpws {
    font-size: 15px !important;
    color: #929699 !important
}

.m-view.fm-short-contact,
.m-view.fm-short-contact .showYM {
    color: #000
}

.promo-product-container .latest-promo-project {
    text-align: left !important
}

.wrap-content-master {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px
}

.wrap-content-second {
    padding-bottom: 30px
}

#otherProduct .promo-product-container .thumbnail,
.wrap-content-second #boxdivProduct .promo-product-container .thumbnail,
.wrap-content-second #boxdivProject .promo-product-container .thumbnail {
    border: 1px solid #ddd
}

#otherProduct .promo-product-container .thumbnail h4 {
    margin-bottom: 0;
    padding: 10px 0;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    border-bottom: 1px dashed #ddd;
    height: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px
}

#otherProduct .promo-product-container .thumbnail .price {
    font-style: italic;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px
}

.fm-tab-detail {
    border: 1px solid #ddd;
    margin-top: -3px;
    padding: 15px;
    background-color: #e6e6e6
}

.fm-nav-tabs.nav-tabs.nav-justified>li>a {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-transform: uppercase;
    background-color: #f7f7f7;
    border-bottom-color: #e6e7e9;
    color: #333
}

.fm-nav-tabs.nav-tabs.nav-justified>li.active>a {
    color: #333;
    background-color: #e6e6e6;
    border-bottom-color: #e6e6e6
}

.fm-nav-tabs.nav-tabs.nav-justified>li.active:after {
    content: "";
    border-bottom: 3px solid #0095da;
    display: block;
    position: relative;
    top: -3px
}

.fm-btn-search {
    color: #333;
    float: right;
    background-color: transparent
}

.fm-btn-search:focus,
.fm-btn-search:hover {
    color: #333;
    background-color: transparent;
    border: none !important
}

nav[role=navigation] {
    text-align: center
}

.searchbardiv {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    padding-left: 0;
    padding-right: 0;
    z-index: 1;
    margin-top: -1px
}

.buttonsearch {
    position: fixed;
    top: 18px;
    float: right;
    right: 0;
    margin-right: 10px;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.buttonsearch:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0
}

.buttonsearch:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0
}

#formsearch {
    display: none
}

.fm-inner-search {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd
}

#searchbox {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 8px 14px
}

#searchbox:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.fm-form-search #btnGo {
    background-color: #0095da
}

#googleMap {
    width: 100% !important
}

.icon-control-search {
    position: relative;
    z-index: 2;
    width: auto;
    height: auto;
    line-height: inherit;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    float: right;
    padding-right: 10%
}

.header-parallel {
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

#dzone-dropdown-menu.jm-menu>ul>li>ul {
    padding-top: 0;
    -webkit-box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);
    box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);
    border: 1px solid #eee;
    border-top: 2px solid #0095da
}

#dzone-dropdown-menu.jm-menu ul ul li a {
    padding: 10px 15px;
    font-size: 13px;
    color: #333
}

#dzone-dropdown-menu.jm-menu ul ul li>a:hover {
    color: #0095da
}

.custom_panel_before_login .navbar-collapse {
    padding-left: 0;
    border-top: none
}

.control-search-section {
    position: absolute;
    right: 8.33333333%;
    width: 75%;
    display: none
}

.control-search-section .txtSearch {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    position: relative;
    z-index: 99
}

.searchresult .product-name {
    color: rgba(0, 0, 0, .87) !important;
    font-weight: 700 !important;
    display: block !important;
    line-height: 18px !important
}

.searchresult .product-name a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (min-width:1200px) {
    #bannerservices .jm-slick {
        height: auto !important
    }
    .row-wrap .product-holder,
    .table-product {
        width: 20% !important;
        padding-left: 5px;
        padding-right: 5px;
        float: left
    }
    .table-product {
        width: 20% !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #dzone-dropdown-menu.jm-menu>ul>li>a {
        padding: 20px 10px;
        font-size: 13px
    }
    #bannerservices .jm-slick {
        height: auto !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .control-search-section {
        width: 70%;
        top: 50%;
        left: 55%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
    .footer-by {
        text-align: center
    }
    #dzone-dropdown-menu.jm-menu>ul>li>a {
        padding: 10px 15px;
        font-size: 13px
    }
    .row-wrap .product-holder,
    .table-product {
        width: 25% !important
    }
    #dzone-dropdown-menu {
        background-color: #f9f9f9
    }
    .wrap-menu {
        background-color: transparent
    }
    .wrap-mobile-menu {
        margin-left: 10%
    }
    #bannerservices .jm-slick {
        height: auto !important
    }
}

@media (max-width:767px) {
    .fm-short-company p {
        line-height: 18px !important;
        overflow-y: hidden;
        font-size: 12px;
        max-height: 70px
    }
    .header-parallel {
        padding-top: 4px;
        padding-bottom: 4px
    }
    .menu-top,
    .owl-theme .owl-controls,
    .search-top {
        display: none !important
    }
    .control-search-section {
        width: 90%;
        background-color: #fff;
        padding-top: 10px;
        padding-bottom: 8px;
        top: 0
    }
    .custom_panel_before_login .navbar-collapse {
        display: block
    }
    .wrap-content-second .promo-product-heading {
        background-color: transparent
    }
    .wrap-content-second .latest-product .promo-product-title,
    .wrap-content-second .latest-project .promo-product-title {
        line-height: 43px;
        margin-top: 0;
        margin-bottom: 0
    }
    .wrap-content-second .latest-product .promo-product-title span:after,
    .wrap-content-second .latest-project .promo-product-title span:after {
        display: none
    }
    .wrap-content-second .proddetail .rowbody {
        padding-left: 10px;
        padding-right: 10px
    }
    .wrap-content-second .fm-control-label-margin input {
        margin-left: 0
    }
    .wrap-content-master .row-wrap .product-holder,
    .wrap-content-master .table-product {
        width: 50%;
        padding-left: 0;
        padding-right: 0;
        float: left
    }
    .wrap-content-second .row-wrap .product-holder:not(.set-mode-not-slick),
    .wrap-content-second .table-product:not(.set-mode-not-slick) {
        width: 20%
    }
    .product-image.grid-view {
        height: auto !important;
        line-height: normal !important
    }
    .footer-by {
        text-align: center
    }
    .footer-copyright {
        display: none
    }
    .wrap-footer {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px
    }
    .box-tab-category .navbar-header .navbar-toggle {
        display: none
    }
    h1.media-heading {
        font-size: 17px
    }
    .text-cart {
        display: none !important
    }
    .fm-title-content h3 {
        margin-bottom: 10px;
        margin-top: 20px
    }
    .title-info-footer h3 {
        margin-bottom: 10px
    }
    .wrap-short-company {
        margin-bottom: 0 !important;
        padding: 0 10px;
        font-size: 14px
    }
    .wrap-short-company>.row {
        margin: 0
    }
    .wrap-short-company .media-body {
        width: 100%
    }
    .footer-list,
    .m-view td {
        text-align: left
    }
    .row-wrap .product-holder:not(.set-mode-not-slick),
    .table-product:not(.set-mode-not-slick) {
        width: 33%
    }
    #bannerservices .jm-slick {
        height: auto !important
    }
    .wrap-menu {
        background-color: transparent
    }
    #dzone-dropdown-menu {
        background-color: #f9f9f9
    }
    .wrap-mobile-menu {
        margin-left: 10%
    }
    .content-product .product-detail-container .product-name {
        height: 50px
    }
    .bottom-panel .bottom-lang {
        display: block
    }
    .mobile-dev .bottom-panel .bottom-lang a {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
    .mobile-dev .bottom-panel .bottom-lang a span {
        padding-left: 6px
    }
    .search-header {
        visibility: visible
    }
}

li.searchresult.lightblue.thumbnail.even.fm-thumbnail-list-view {
    border: 1px solid #ddd;
    margin-bottom: 3px
}

@media (max-width:480px) {
    .row-wrap .product-holder:not(.set-mode-not-slick),
    .table-product:not(.set-mode-not-slick) {
        width: 50%
    }
    .link-all-categories span {
        display: none
    }
    .header-parallel {
        display: none
    }
    .searchresult .product-name {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical;
        height: 40px
    }
    .topmobile>div .col-8 p {
        color: #fff;
        text-align: center;
        font-size: 15px;
        font-weight: 700
    }
}

.sticky-header-pws {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: none
}

.sticky-pws-menu {
    position: fixed;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 100
}

* {
    font-family: Montserrat, sans-serif
}

.row.flexbox.middle-xs:before {
    display: inline-block
}

.row.flexbox.middle-xs:after {
    display: inline-block
}

@media (max-width:480px) {
    .jm-breadcrumb {
        margin-top: 10px
    }
    #boxdivProduct.box .container-tab .navbar {
        margin-left: 10px;
        margin-bottom: -5px
    }
    .row.row-for-product {
        margin: 0 -10px
    }
    a.btn.btn-outline.btn-block.hoverquestion {
        font-size: 12px !important
    }
    .wrap-content-master {
        font-size: 13px
    }
    .wrap-content-master>.container>.row>div {
        padding: 0
    }
    .wrap-content-master>.container>.row>div .control-desc-member {
        background: #fff
    }
    .wrap-content-master>.container>.row>div .control-desc-member:not(:first-child) {
        margin-top: 10px;
        padding: 5px 10px
    }
    .container {
        padding: 0 !important;
        width: 95%
    }
}

.margin-bottom-dtl {
    padding-left: 8px;
    padding-right: 8px
}

#top-menu-manager.new-top-menu {
    border-top: none;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.bg-default {
    background-color: var(--theme-clr) !important
}

.content-inovado .image-carousel-content {
    height: 100% !important
}

#top-menu-manager.new-top-menu {
    display: none !important
}

@media only screen and (max-width:767px) {
    #top-menu-manager.new-top-menu #lang-mode .container .clearfix {
        display: none
    }
    #top-menu-manager.new-top-menu {
        border-bottom: 0 !important
    }
    ul.categories>li.top-product {
        display: none !important
    }
    .category-description .product-name a {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

@media only screen and (min-width:768px) {
    .float-end.menu-top {
        position: relative;
        z-index: 2
    }
    .main-menu li {
        display: inline-block
    }
    #top-menu-manager {
        height: auto !important
    }
    #top-menu-manager #lang-mode {
        margin-bottom: 0
    }
    #top-menu-manager,
    .sticky-header-pws {
        position: relative !important
    }
    .float-end.text-end.responsive-top-menu {
        float: left !important
    }
    #top-menu-manager .top-lang-new .dropdown .btn {
        background-color: transparent;
        color: #333;
        padding-left: 0;
        padding-right: 0
    }
    .main-menu .search-header .input-group-btn {
        display: none
    }
    .stickytop {
        position: fixed;
        top: 0;
        width: 100%;
        background-color: #fff;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2) !important;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2) !important;
        border-bottom: none;
        z-index: 999
    }
    .border-cat {
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out
    }
    .logo-container {
        display: block !important
    }
    .logo-container img {
        margin: auto
    }
    .main-menu>.row>.col-lg-12.col-md-12.col-sm-12.d-none>.container>.row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 100px
    }
    .button-phone button {
        font-size: smaller;
        padding: .5em;
        height: 4em;
        font-weight: 700;
        border-radius: .4rem;
        border: 1px solid #008585;
        background-color: #008585
    }
    .button-phone button:hover {
        border: 1px solid #008564;
        background-color: #008564
    }
    .button-phone>.row>.col-lg-6.col-md-6.col-sm-6 {
        display: inline-grid
    }
}

@media only screen and (min-width:576px) {
    .wrap-content-master .container,
    .wrap-content-master .container-sm {
        max-width: unset
    }
}

.wrap-footer a,
.wrap-footer span {
    color: #000 !important
}

@media (max-width:767px) {
    .back {
        margin-bottom: -38px
    }
    .btgrid .row,
    .latest-promo-project.row-wrap,
    .latest-promo.row-wrap,
    .row.headparade {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
    .wrap-content-category .tab-content {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

.promo-product-container .product-desc h3 {
    height: 60px !important;
    margin: 0 5px
}

.header-parallel .main-menu {
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px
}

.header-parallel .border-cat {
    position: fixed;
    background: #fff !important;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    z-index: 100 !important;
    border: 0 none;
    height: 120px;
    animation: 1s fadeOut
}

.header-parallel .stickytop {
    background: #fff
}

.header-parallel .dark-nav {
    position: fixed;
    top: -1px;
    z-index: 50;
    background: #fff !important;
    animation: 1s fadeIn
}

.header-parallel .bg-default.dark-nav {
    position: fixed;
    top: -1px;
    z-index: 50;
    background: #fff !important;
    animation: 1s fadeIn
}

.topmobile .container-fluid .col-10 p a.fs-6 {
    color: #000
}

.header ul.new-menu>li>a {
    padding: 24px 10px
}

.header ul.new-menu li a {
    font-size: 13px;
    color: #000;
    font-weight: 500;
    text-shadow: none
}

.header ul.new-menu li ul {
    top: 62px
}

.header ul.new-menu li.has-sub::before {
    top: 33px
}

.new-menu>li.has-sub::after {
    padding-bottom: 10px
}

.head .header-info {
    float: right;
    padding: 15px 0;
    margin-right: 4rem
}

.head .header-info li:first-child {
    border: medium none;
    border-right: 1px solid #e7e7e7;
    margin-left: 0;
    padding-left: 0
}

.head .header-info li:first-child::after {
    display: none
}

.head .header-info li:last-child {
    border: none
}

.head .header-info li {
    position: relative;
    border-right: 1px solid #e7e7e7;
    display: inline-block;
    text-align: left;
    float: left;
    margin-left: 15px;
    padding: 0 25px;
    position: relative
}

.head .header-info li .info-text {
    display: table-cell;
    vertical-align: middle
}

.head .header-info li .info-text span {
    font-size: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 20px;
    text-transform: uppercase
}

.editor {
    padding-bottom: 130px
}

.custom-nav {
    background: #fff;
    display: flex;
    height: 130px;
    position: fixed;
    z-index: 10
}

.navbar-height {
    position: fixed;
    display: flex;
    background-color: transparent;
    width: 100%;
    top: 100px;
    height: 55px;
    z-index: 40
}

.nav-tab {
    display: flex;
    flex: 0 0 80%;
    margin-left: auto;
    justify-content: space-around;
    padding-left: 15px;
    padding-right: 65px;
    background-color: #ededed !important
}

a#account-user {
    display: flex !important
}

.navbar-height .nav-tab .sidenav {
    align-self: center
}

.new-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;
    margin-top: 10px !important
}

.new-menu li a {
    font-size: 1rem !important;
    text-transform: uppercase !important
}

.menu-top-produk {
    display: flex !important;
    align-items: center !important;
    margin-top: -10px
}

#dzone-dropdown-menu {
    width: 100% !important
}

#dzone-dropdown-menu.jm-menu div ul li a {
    line-height: 1.42857143;
    font-size: 1rem !important;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: uppercase !important;
    position: relative;
    color: #000
}

#dzone-dropdown-menu.jm-menu div>ul>li>a,
#dzone-dropdown-menu.jm-menu div>ul>li>div>a {
    padding: 10px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: uppercase !important;
    position: relative;
    font-size: 1rem !important
}

.iconpws-angle-down {
    color: #000
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 11rem !important;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.iconpws-cog {
    padding-right: 4px
}

.dark-nav .navbar-height {
    z-index: 40
}

.form-control-feedback {
    line-height: 45px !important;
    right: 15px !important;
    top: 26px !important;
    position: absolute !important
}

.search-header {
    padding: 24px 0;
    z-index: 99 !important;
    min-height: 88px
}

.grid-divider .profil-perusahaan .pad-cont .info-cont {
    border: none;
    -webkit-box-shadow: -12px -12px 12px 0 rgba(229, 229, 229, .52), 12px 12px 12px 0 rgba(0, 0, 0, .11);
    box-shadow: -12px -12px 12px 0 rgba(229, 229, 229, .52), 12px 12px 12px 0 rgba(0, 0, 0, .11)
}

.box .container-tab>.navbar {
    border-bottom: none
}

.box .container-tab {
    margin-bottom: 0
}

.promo-product-container .latest-promo .product-holder .thumbnail:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .25), 0 0 10px rgba(0, 0, 0, .22);
    box-shadow: 0 0 10px rgba(0, 0, 0, .25), 0 0 10px rgba(0, 0, 0, .22);
    border: none
}

.list-group-item.arrow-sub-menu.active {
    z-index: unset
}

.r-more {
    display: none
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.promo-product-container .thumbnail .product-desc .price {
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0 !important
}

.product-desc.content-color {
    padding: 0 !important;
    min-height: 80px
}

.about-title span {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase
}

.profil-perusahaan .form-group-content label {
    font-size: 32px;
    line-height: 42px;
    font-weight: 400
}

@media only screen and (max-width:767px) {
    .search-close .mobile-search {
        padding: 10px 15px 10px 40px
    }
    .box-tab-category .navbar-brand-category {
        font-size: 22px
    }
    #boxdivProduct {
        margin: 10px 0
    }
    #boxdivProduct .container-tab .navbar {
        margin-bottom: 18px;
        margin-left: 0
    }
    .box .container-tab .navbar>.navbar-header {
        margin-bottom: 0
    }
    .wrap-content-master .container .row:nth-child(2) {
        margin-right: -21px;
        margin-left: -21px
    }
    .about-title span {
        font-size: 25px
    }
    .profil-perusahaan .form-group-content label {
        font-size: 17px
    }
    ul.address_contact span.address {
        text-align: left
    }
    .address-contact,
    .moq {
        text-align: left
    }
    .navbar .navbar-header h2.navbar-brand {
        font-size: 1rem !important
    }
    .navbar-header {
        padding-left: 0 !important;
        justify-content: space-between
    }
}

@media (max-width:768px) {
    .promo-product-container .product-desc h3 {
        height: 48px !important
    }
    .wrap-footer .footer-content {
        border: 1px solid #424242
    }
    .wrap-footer .footer-content legend {
        color: #424242
    }
    .link-top-cart:after {
        display: none
    }
    .padTop {
        margin: 0 -10px
    }
}

.sfooter .fa-share-alt {
    color: #000
}

.jssocials-share .jssocials-share-logo {
    color: #fff
}

.navbar .navbar-header .link-all-categories span {
    display: none
}

.navbar-header {
    justify-content: space-between
}

.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before {
    display: none !important
}

.d-flex.search-justify {
    justify-content: flex-end
}

.welcomeTo-custom {
    display: none
}

.account-setting {
    border-right: none !important
}

a#userDropdown {
    color: #000 !important;
    padding-right: 0;
    padding-left: 0
}

.top-lang .label-languange {
    color: #000 !important
}

.footer {
    border-top: 1px solid #dee2e6 !important
}

.footer h2.media-heading.title-pt {
    padding-left: 20px
}

.footer .font-company {
    font-size: 14px;
    text-align: left;
    padding: 0 100px 0 20px !important
}

.footer .container h5.fw-600 {
    margin-top: 8px
}

.footer .navigasi {
    padding-top: 20px !important
}

.footer .menu-footer li a {
    font-size: 14px !important;
    line-height: 30px
}

.footer .informasi-layanan {
    padding-top: 20px !important
}

.footer .label-languange {
    font-size: 14px !important
}

li.moq h5 {
    font-size: 14px !important
}

.line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.content-category-product .row-for-product ol li ul li {
    list-style: circle !important
}

@media (max-width:480px) {
    .box {
        padding: 0 !important
    }
    .mobile-dev.open {
        width: 100% !important
    }
    .info-cont {
        margin: 10px
    }
}

.fix-height-lb {
    min-height: 350px !important;
    max-height: 350px !important;
    object-fit: contain
}

.box-border {
    margin-left: 10px !important
}

.text-muted {
    margin-bottom: 0 !important
}

.new-label {
    padding: 2px 15px !important
}

.search-header {
    visibility: hidden
}