body {
    background: #f9f6f7
}

.container {
    background-color: inherit
}

/** {
    font-family: Roboto,sans-serif
}*/

#sharefooter a {
    color: white;
}

a {
    color: #0186c8;
    text-decoration: none;
    cursor: pointer;
}

    a:focus, a:hover {
        color: #016fa6;
        text-decoration: underline
    }

a, button {
    -webkit-transition: color .7s ease,border-color .7s ease,background-color .7s ease;
    transition: color .7s ease,border-color .7s ease,background-color .7s ease
}

    a:hover, button:hover {
        -webkit-transition: color .1s ease,border-color .1s ease,background-color .1s ease;
        transition: color .1s ease,border-color .1s ease,background-color .1s ease
    }

p {
    margin: 0 0 10px
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #eee;
    background-color: transparent;
    height: auto
}

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

.btn {
    color: #fff
}

    .btn, .btn.disabled, .btn[disabled] {
        background-color: #aab2bd;
        border-color: #aab2bd
    }

        .btn.active, .btn:active, .btn:focus, .btn:hover {
            color: #fff;
            background-color: #ccd1d9;
            border-color: #b3b3b3;
            outline: 0 !important
        }

        .btn.active, .btn:active {
            -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.125);
            box-shadow: inset 0 1px 2px rgba(0,0,0,.125)
        }

        .btn.disabled, .btn[disabled] {
            opacity: .45
        }

.btn-link, .btn-link.active, .btn-link.disabled, .btn-link:active, .btn-link:focus, .btn-link:hover, .btn-link[disabled] {
    color: #3bafda;
    background-color: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .btn-link:focus, .btn-link:hover {
        text-decoration: underline
    }

.btn-default {
    color: #434a54;
    border-color: #aab2bd !important
}

    .btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover {
        background-color: #ccd1d9;
        border-color: #ccd1d9;
        color: #000
    }

    .btn-default, .btn-default.disabled, .btn-default[disabled] {
        background-color: #fff
    }

.open .dropdown-toggle.btn-default {
    background-color: #ccd1d9;
    border-color: #ccd1d9
}

.btn-primary, .btn-primary.active, .btn-primary.disabled, .btn-primary:active, .btn-primary[disabled] {
    background-color: #3bafda;
    border-color: #3bafda;
    background-image: none
}

    .btn-primary:focus, .btn-primary:hover {
        background-color: #4fc1e9;
        border-color: #4fc1e9;
        background-image: none
    }

.open .dropdown-toggle.btn-primary {
    background-color: #4fc1e9;
    border-color: #4fc1e9
}

.btn-info, .btn-info.active, .btn-info.disabled, .btn-info:active, .btn-info[disabled] {
    background-color: #37bc9b;
    border-color: #37bc9b
}

    .btn-info:focus, .btn-info:hover {
        background-color: #48cfad;
        border-color: #48cfad
    }

.open .dropdown-toggle.btn-info {
    background-color: #48cfad;
    border-color: #48cfad
}

.btn-success, .btn-success.active, .btn-success.disabled, .btn-success:active, .btn-success[disabled] {
    background-color: #8cc152;
    border-color: #8cc152
}

    .btn-success:focus, .btn-success:hover {
        background-color: #a0d468;
        border-color: #a0d468
    }

.open .dropdown-toggle.btn-success {
    background-color: #a0d468;
    border-color: #a0d468
}

.btn-warning, .btn-warning.active, .btn-warning.disabled, .btn-warning:active, .btn-warning[disabled] {
    background-color: #f6bb42;
    border-color: #f6bb42
}

    .btn-warning:focus, .btn-warning:hover {
        background-color: #ffce54;
        border-color: #ffce54
    }

.open .dropdown-toggle.btn-warning {
    background-color: #ffce54;
    border-color: #ffce54
}

.btn-danger, .btn-danger .open .dropdown-toggle.btn, .btn-danger.active, .btn-danger.disabled, .btn-danger:active, .btn-danger[disabled] {
    background-color: #e74c3c;
    border-color: #da4453
}

    .btn-danger:focus, .btn-danger:hover {
        background-color: #ec7063;
        border-color: #ed5565
    }

.open .dropdown-toggle.btn-danger {
    background-color: #ed5565;
    border-color: #ed5565
}

.btn-group-lg > .btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 0
}

.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0
}

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 0;
    height: auto
}

    .breadcrumb > .active {
        border-bottom: none
    }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #ddd
}

.flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

[class*=col-] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

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

body {
    font-size: 14px;
    line-height: 1.42857;
    background-color: #fff;
    color: #333
}

#top-menu-manager.new-top-menu #lang-mode .container {
    padding-left: 15px;
    padding-right: 16px
}

#top-menu-manager.new-top-menu {
    border-top: none
}

    #top-menu-manager.new-top-menu #lang-mode, #top-menu-manager.new-top-menu #lang-mode .container {
        background-color: #292c31
    }

#top-menu-manager .top-lang-new .dropdown .btn, #top-menu-manager .top-lang-new .dropdown-menu > li > a:hover {
    background-color: #40454d;
    color: #fff
}

#lang-mode a, #panel_before_login.custom_panel_before_login .btn-link {
    font-size: 13px
}

#lang-mode .link-top-cart a .glyphicon {
    color: #15c1c5
}

#lang-mode a:hover, #panel_before_login.custom_panel_before_login .btn-link:hover {
    color: #15c1c5
}

#panel_before_login.custom_panel_before_login .btn-link i, #panel_before_login.custom_panel_before_login .btn-link:hover {
    color: #15c1c5
}

#top-menu-manager .top-lang-new .dropdown .btn {
    font-size: 13px;
    padding: 7px 10px
}

.custom-badge-link {
    font-size: 10px;
    background-color: #40454d
}

.wrap-header {
    background-color: #fff;
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
    -webkit-box-shadow: 2px 2px 6px rgba(51,51,51,.1);
    box-shadow: 2px 2px 6px rgba(51,51,51,.1)
}

.form-relative {
    margin-top: 32px !important
}

#bannerservices {
    position: relative
}

    #bannerservices .slick-slide {
        height: auto !important
    }

.slick-slide img {
    width: 100%;
    max-width: 100%;
    height: auto
}

.home-slider-nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    margin-top: -25px;
    width: 100%
}

    .home-slider-nav .navnext, .home-slider-nav .navprev {
        position: absolute;
        padding: 15px 10px 15px 10px;
        color: #fff;
        opacity: 0;
        background: #000;
        font-size: 20px;
        line-height: 100%
    }

    .home-slider-nav .navprev {
        left: 0;
        border-radius: 0 5px 5px 0
    }

    .home-slider-nav .navnext {
        right: 0;
        border-radius: 5px 0 0 5px
    }

#bannerservices:hover .home-slider-nav .navnext, #bannerservices:hover .home-slider-nav .navprev {
    cursor: pointer;
    opacity: .5;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s
}

.home-slider-nav .navnext:focus, .home-slider-nav .navnext:hover, .home-slider-nav .navprev:focus, .home-slider-nav .navprev:hover {
    opacity: 1 !important;
    background: rgba(0,0,0,.6)
}

.home-slider-nav .navnext, .home-slider-nav .navprev {
    color: #15c1c5
}

.container header {
    padding-top: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: 0
}

header .search {
    background-color: transparent !important;
    border: none !important;
    padding: 0 15px !important
}

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

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

    header .search input[type=text] {
        height: 50px;
        opacity: .9;
        border: none !important;
        background-color: #eee
    }

    header .search .btn-search .btn {
        border: none;
        height: 50px;
        background-color: #15c1c5 !important;
        border-color: #15c1c5 !important
    }

.hide-text-search {
    display: none
}

header .search .glyphicon.glyphicon-search {
    font-size: 15px !important;
    top: 3px
}

.promo-product-container .thumbnail .product-desc h3.product-name {
    height: 40px !important
}

.wrap-banner {
    position: relative
}

    .wrap-banner > .container:first-child {
        background-color: #f5f5f5
    }

.desc-short-company {
    line-height: 27px;
    position: relative;
    padding-bottom: 20px;
    padding-top: 20px
}

    .desc-short-company h1 {
        position: relative
    }

.top-menu {
    float: right
}

/*.wrap-top-content {
    font: normal 15px/27px -webkit-body
}*/

.btn-readmore-company {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    color: #fff;
    margin-top: 20px
}

    .btn-readmore-company:hover {
        text-decoration: none;
        color: #fff
    }

.btn-readmore-company {
    background-color: #383838;
    border-color: #383838;
    background-image: none
}

    .btn-readmore-company:focus, .btn-readmore-company:hover {
        background-color: #000;
        border-color: #000;
        background-image: none
    }

.wrap-content-primary {
    position: relative;
    background-color: #e6e7e9;
    padding-top: 40px;
    padding-bottom: 60px;
    margin-bottom: -25px
}

.wrap-content-second {
    position: relative;
    background-color: #fff;
    padding-bottom: 60px;
    margin-bottom: -25px
}

.wrap-content-primary hr:first-child {
    display: none
}

.wrap-logo .logo-container {
    margin: 0
}

.latest-product-title, .latest-project-title {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 30px;
    color: #31353e
}

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

.latest-promo .product-holder, .latest-promo-project .product-holder {
    display: inline-block;
    padding: 0;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 0
}

    .latest-promo .product-holder .thumbnail, .latest-promo-project .product-holder .thumbnail {
        margin-bottom: 10px;
        padding: 0;
        border: none;
        background-color: #ffffff;
        border: 1px solid #ddd;
    }

        .latest-promo .product-holder .thumbnail > a > img, .latest-promo-project .product-holder .thumbnail > a > img {
            /*min-height: 200px;*/
            max-height: 200px;
            width: 100%
        }

        .latest-promo .product-holder .thumbnail:hover > a, .latest-promo-project .product-holder .thumbnail:hover > a {
            text-decoration: none
        }

        .latest-promo .product-holder .thumbnail .product-desc, .latest-promo-project .product-holder .thumbnail .product-desc {
            padding: 8px
        }

            .latest-promo .product-holder .thumbnail .product-desc .product-name, .latest-promo-project .product-holder .thumbnail .product-desc .product-name {
                font-size: 14px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                line-height: 17px;
                color: #000;
                height: auto
            }

            .latest-promo .product-holder .thumbnail .product-desc .price {
                font-size: 14px;
                color: orange;
                margin: 5px 0 0;
                overflow: hidden;
                text-align: left;
                font-style: italic
            }

.custom-footer {
    margin-bottom: 0;
    background-color: #024d78;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #fff
}

    .custom-footer a {
        color: #fff
    }

    .custom-footer .hidden2.mask i {
        font-size: 1.1em !important;
        color: #fff !important
    }

.form-contact {
    border: none;
    border-radius: 0;
    background-color: #eaeaea;
    -webkit-box-shadow: inset 0 3px 8px 0 rgba(0,0,0,.92);
    box-shadow: inset 0 3px 8px 0 rgba(95,95,95,.92)
}

    .form-contact:focus {
        border-color: #464646;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6)
    }

    .form-contact::-webkit-input-placeholder {
        color: #555
    }

    .form-contact:-moz-placeholder {
        color: #555
    }

    .form-contact::-moz-placeholder {
        color: #555
    }

    .form-contact:-ms-input-placeholder {
        color: #555
    }

.btn-contact-footer {
    color: #fff;
    background-color: rgba(255,255,255,0);
    border-color: #ccc;
    border-radius: 0;
    border-width: 2px;
    font-weight: 700;
    letter-spacing: 2px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

    .btn-contact-footer:focus, .btn-contact-footer:hover {
        background-color: #fff;
        border-color: #fff;
        color: #333;
        -webkit-transition: all .3s ease-in;
        transition: all .3s ease-in
    }

.control-captcha .col-md-5.col-md-offset-6 {
    margin-left: -5px
}

.control-captcha .captcha span input {
    border: none;
    border-radius: 0;
    background-color: #eaeaea;
    -webkit-box-shadow: inset 0 3px 8px 0 rgba(0,0,0,.92);
    box-shadow: inset 0 3px 8px 0 rgba(95,95,95,.92)
}

.control-select-group .form-control .select2-choice, .control-select-group .select2-container {
    border-radius: 0 !important
}

    .control-select-group .select2-container .select2-choice .select2-arrow b {
        background-position-y: 4px
    }

    .control-select-group .select2-container .select2-choice {
        height: 34px;
        line-height: 34px;
        text-align: left
    }

        .control-select-group .select2-container .select2-choice abbr {
            top: 10px
        }

.custom-footer .footer-list h3 {
    font-size: 18px
}

.control-captcha .captcha span:first-child {
    margin: 4px 5px 0 0 !important
}

.control-captcha .captcha span {
    margin: 0 0 0 25px !important
}

.bottom {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #fff;
    border-top: 1px solid #ddd
}

    .bottom .container2 a {
        color: #777
    }

.title-content-master {
    text-align: center
}

    .title-content-master h2 {
        margin-bottom: 30px
    }

.row.grid-3 {
    margin-left: -40px;
    margin-right: -40px
}

.grid-3 [class*=col-] {
    width: 33.333333%;
    padding-left: 40px;
    padding-right: 40px
}

.thumbnail-box {
    padding: 0;
    margin-bottom: 20px;
    border: none;
    background-color: #31353e
}

    .thumbnail-box .top-title {
        color: #fff;
        padding: 8px;
        text-align: center;
        text-transform: uppercase
    }

.thumbnail-media img {
    width: 100%
}

.bottom-caption {
    color: #a9adac;
    padding: 10px 5px;
    text-align: center;
    font-size: 13px
}

.thumbnail-btn-action {
    padding-bottom: 15px
}

.box-separator-footer {
    background-color: #15c0c7;
    width: 100%;
    height: 25px
}

.sfooter .fa-share-alt {
    display: none
}

.wrap-footer {
    padding-top: 40px;
    padding-bottom: 70px;
    background-color: #292c31;
    color: #fff
}

    .wrap-footer a {
        color: #fff !important;
    }

    .wrap-footer .hidden2.mask i {
        font-size: 1.1em !important
    }

.thumbnail-btn-action .btn {
    text-align: center;
    background-color: #292c31;
    color: #fff;
    border-color: #292c31;
    text-transform: uppercase;
    font-size: 13px
}

.title-info-footer h3 {
    color: #15c0c7;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 20px
}

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

    .link-nav-footer ul li a {
        color: #fff !important;
        text-transform: uppercase
    }

.link-social-media ul li a i {
    color: #15c0c7;
    margin-right: 10px;
    font-size: 22px;
    top: 3px;
    position: relative
}

.link-social-media ul li a:hover {
    text-decoration: none;
    color: #15c0c7
}

.link-social-media ul li {
    margin-bottom: 10px
}

    .link-social-media ul li a {
        color: #929699
    }

.address-footer {
    color: #929699
}

.wrap-form-search {
    background-color: #f5f5f5;
    padding: 20px 0
}

    .wrap-form-search .container header {
        position: relative;
        top: 0;
        padding-top: 0
    }

    .wrap-form-search header .search {
        margin-bottom: 0;
        padding: 0 !important
    }

        .wrap-form-search header .search input[type=text] {
            opacity: 1
        }

        .wrap-form-search header .search [class*=col-]:first-child {
            padding-right: 0
        }

        .wrap-form-search header .search [class*=col-]:last-child {
            padding-left: 0
        }

        .wrap-form-search header .search [class*=col-] {
            padding-left: 15px;
            padding-right: 15px
        }

@media (min-width:1200px) {
    .latest-promo .product-holder, .latest-promo-project .product-holder {
        width: 20% !important
    }

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

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

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

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

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

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

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

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

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

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

@media (min-width:992px) and (max-width:1199px) {
    .latest-promo .product-holder, .latest-promo-project .product-holder {
        width: 20% !important
    }

    #bannerservices .slick-slide {
        height: auto !important
    }

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

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

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

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

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

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

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

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

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

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

@media (min-width:768px) and (max-width:991px) {
    .latest-promo .product-holder, .latest-promo-project .product-holder {
        width: 25% !important
    }

    #bannerservices .slick-slide {
        height: auto !important
    }

    header .search [class*=col-]:first-child {
        padding-right: 0;
        width: 90.666667%
    }

    .row.grid-3 {
        margin-left: -15px;
        margin-right: -15px
    }

    .grid-3 [class*=col-] {
        width: 33.33333333%;
        padding-left: 15px;
        padding-right: 15px
    }

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

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

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

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

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

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

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

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

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

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

@media (max-width:767px) {
    .thumbnail-box .top-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    #bannerservices .jm-slick {
        height: auto !important
    }

    .wrap-logo img {
        margin-left: auto;
        max-height: 50px
    }

    .wrap-header {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .container header {
        position: relative;
        padding-top: 0;
        top: 0
    }

    header .search {
        padding: 10px 15px !important
    }

        header .search .btn-search .btn, header .search input[type=text] {
            height: 40px
        }

        header .search [class*=col-] {
            padding-left: 0
        }

    .text-cart {
        display: none !important
    }

    .bottom-lang {
        display: none
    }

    .responsive-top-menu a span {
        display: inline-block
    }

    .wrap-footer {
        padding-bottom: 20px
    }

        .wrap-footer .container .row [class*=col-] {
            margin-bottom: 20px
        }

            .wrap-footer .container .row [class*=col-]:last-child {
                margin-bottom: 0
            }

    #bannerservices .slick-slide {
        height: auto !important
    }

    header .search [class*=col-]:first-child {
        padding-right: 0;
        width: 78.666667%
    }

    header .search [class*=col-]:last-child {
        width: 21.333333%
    }

    .row.grid-3 {
        margin-left: -5px;
        margin-right: -5px
    }

    .grid-3 [class*=col-] {
        width: 50%;
        padding-left: 5px;
        padding-right: 5px;
        float: left
    }

    .search-close {
        margin-top: 30px
    }

    .back {
        margin-top: 26px;
        margin-bottom: -42px
    }

    /*.mobile-dev .mobile-search {
        padding: 10px 0px;
    }*/

    .new-searchbar .mobile-search {
        padding: 10px 0px 10px 0px !important;
    }

    .wrap-footer .sfooter .fa-share-alt {
        display: block;
        color: #929695
    }
}

.wrap-content-primary img {
    width: 100%
}

@media (max-width: 480px) {

    .container {
        width: 97% !important;
        padding: 0 !important;
    }

    .latest-promo.row-wrap.multi-columns-row.clearfix.fm-grid-home.fw {
        margin: 0 !important;
    }

    .box-tab-category {
        margin: 0 !important;
    }

    .box {
        padding: 0 0 !important;
    }

    .product-holder {
        padding: 0 2.5px;
    }
}

@media (max-width:480px) {
    .wrap-form-search {
        display: none
    }

    .wrap-banner .search, .wrap-header {
        display: none
    }

    .topmobile {
        padding: 12px;
    }

    .row.search-close.new-searchbar {
        margin-top: 0px;
        padding: 0 10px;
    }

    .box {
        padding: 0 8px;
    }

    .fm-short-company h1 {
        line-height: 1.5;
    }

    .promo-product-container .thumbnail {
        margin: 0;
    }

    .margin-top-30 {
        margin-top: 0px !important;
    }

    .row.row-for-product {
        margin: 0 !important;
    }

    .content-category-product .searchresult.thumbnail {
        border: 1px solid #ddd;
    }

    a.btn.btn-outline.btn-block.hoverquestion {
        font-size: 12px !important;
    }

    .searchresult .price, .searchresult .product-name {
        padding: 0 10px !important;
    }

    .latest-promo .product-holder .thumbnail .product-desc .product-name, .latest-promo-project .product-holder .thumbnail .product-desc .product-name {
        margin-top: 0px;
        margin-bottom: 15px;
    }
}

.fm-title-content {
    color: #15c0c7
}

table.m-view.fm-short-contact {
    color: #929695
}

.hiddenfree .hidden2.mask a {
    color: white;
}

.fm-short-company.flexbox.middle-xs {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (max-width:767px) {
    #dzone-dropdown-menu.jm-menu > ul > li > a {
        font-size: 14px
    }
}

@media only screen and (max-width:767px) {
    .topmobile {
        top: 0
    }

    .sticky-header-pws {
        display: none
    }
}

.ctrl_latestproduct .control-desc-member, .wrap-content-primary .control-desc-member {
    display: none !important
}

.wrap-content-primary .ctrl_latestproduct .control-desc-member .fm-short-company.flexbox.middle-xs {
    display: none !important
}

#cphMasterContent_MenuCategories_plhMenuCategory li.all-categories {
    display: none
}

.new-menu {
    display: flex;
    justify-content: flex-start;
}

.content-category-product .searchresult.thumbnail {
    border: 1px solid #ddd !important;
}

.image-scroll-swiper .caption.text-center {
    font-size: 14px;
    color: #000;
}
/*.new-menu > li:hover > ul {
    left: unset;
    right: -255px;
}*/
/*-----CUSTOM-----*/
@media (max-width: 480px) {
    .box {
        padding: 0 10px;
    }

    .wrap-content-second {
        padding-top: 0px;
    }

    .row.grid-divider.cont {
        padding: 0 10px;
    }

    .footer-content {
        margin: 0 10px !important;
    }
}

/*.new-menu > li > ul {
    left : 150px;
}*/

@media only screen and (min-width: 768px) {
    .new-menu > li.has-sub::before {
        top: 24px;
    }
    .new-menu > li > ul {
        /*right: 0;*/
        margin-right: 0 !important;
    }
}

    /*----- END CUSTOM-----*/
/*
     FILE ARCHIVED ON 08:49:50 May 04, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:46:35 Jun 19, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.378
  exclusion.robots: 0.052
  exclusion.robots.policy: 0.044
  esindex: 0.007
  cdx.remote: 8.326
  LoadShardBlock: 77.809 (3)
  PetaboxLoader3.datanode: 49.111 (4)
  PetaboxLoader3.resolve: 529.933 (2)
  load_resource: 534.624
*/