body {
    background: #fff; /*url(../img/bg.jpg) repeat-x center top;*/
    background-size: 100%;
    font-family: Arial;
    font-size: 10pt;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 107px;
}

#_atssh {
    display: none !important;
}

body > .container-fluid {
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
    /*max-width: 1400px;*/
}

.loading {
    background: url(../img/loading.gif) no-repeat center;
    width: 100px;
    height: 40px;
    display: block;
    margin: 10px auto;
}

.loading-span {
    background: url(../img/spin.gif) no-repeat center;
    width: 80px;
    height: 80px;
    display: block;
    padding: 10px;
}

a {
    text-decoration: none !important;
    /*-moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    -webkit-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;*/
}

    a:hover {
        color: #194C5D;
    }

.container {
    max-width: 1230px;
    width: 100% !important;
}

body header#header {
    padding: 5px 0;
    background: #194C5D;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

    body header#header #menu {
        display: block;
        min-height: 48px;
        width: 100%;
        padding: 2px 0 2px;
        margin: 0;
    }

        body header#header #menu > .container {
            position: relative;
        }

            body header#header #menu > .container img.logo {
                position: absolute;
                top: 0;
                left: 15px;
                height: 63px;
            }

        body header#header #menu .navbar {
            border-radius: 0;
            margin: 0 auto;
            min-height: 28px;
            border: none;
            position: relative;
        }

    body header#header a.cart {
        height: 40px;
        line-height: 30px;
        width: 100px;
        padding: 5px 0 5px 35px;
        text-align: center;
        background: #476167 url(../img/cart.png) no-repeat 5px 10px;
        color: #fff;
        font-size: 10pt;
        display: block;
        position: relative;
    }

        body header#header a.cart:hover {
            background-color: #777;
            color: #fff !important;
        }

        body header#header a.cart .cart-qty {
            position: absolute;
            top: -3px;
            left: 10px;
            width: 30px;
            font-size: 11pt;
            font-weight: 700;
            color: #f86605;
            text-align: center;
        }

    body header#header .boxSerch {
        position: relative;
        padding: 0 80px 0 0;
        margin-bottom: 10px;
        border: 1px solid #183546;
    }

        body header#header .boxSerch #txtSearch {
            background: #fff;
            width: 100%;
            border: none;
            margin: 0;
            padding: 5px 15px;
            line-height: 28px;
            height: 38px;
            float: left;
            font-size: 12pt;
            color: #575757;
        }

        body header#header .boxSerch button {
            border: none;
            text-align: center;
            background: #F37540;
            color: #fff;
            margin: 0;
            font-size: 10pt;
            font-family: Arial;
            width: 77px;
            height: 38px;
            position: absolute;
            top: 0;
            right: 0;
        }

            body header#header .boxSerch button:hover {
                background: #777;
            }

    body header#header #banner {
        width: 100%;
        margin: 0 auto;
        position: relative;
        padding: 15px 0 15px 140px;
        min-height: 114px;
    }

        body header#header #banner img.logo {
            position: absolute;
            top: 7px;
            left: 3px;
            width: 102px;
            height: 100px;
        }

        body header#header #banner address {
            font-family: Arial;
            margin: 0;
            line-height: 18px;
            font-size: 10pt;
            color: #393838;
        }

    body header#header #menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    body header#header #menu .navbar-collapse.collapse {
        padding: 0;
    }

    body header#header #menu ul.nav.navbar-nav {
        opacity: 0;
    }

    body header#header #menu ul li {
        padding: 0;
    }

    body header#header #menu ul.nav > li {
    }

    body header#header #menu ul li a {
        padding: 0;
        height: 28px;
        line-height: 28px;
        display: block;
        color: #fff;
        font-size: 9pt;
        font-weight: 700;
        -moz-transition: background 0.5s ease;
        -o-transition: background 0.5s ease;
        -webkit-transition: background 0.5s ease;
        transition: background 0.5s ease;
    }

        body header#header #menu ul li a:hover,
        body header#header #menu ul li a.active {
            background: none;
            color: #93a2b2 !important;
        }

        body header#header #menu ul li a.highlighted {
            background: none;
            color: #93a2b2;
            position: relative;
        }

    body header#header #menu ul li ul.dropdown-menu {
        min-width: 200px !important;
    }

    body header#header #menu ul li ul li a {
        padding: 5px 15px;
        height: auto;
        line-height: 20px;
        color: #000;
    }

@media(min-width:768px) {
    body header#header #menu ul > li > a > .sub-arrow {
        display: none;
    }

    body header#header #menu ul li ul .sub-arrow {
        display: inline-block;
    }
}

@media(max-width:981px) {
    body header#header #menu > .container {
        padding: 0 15px;
    }
}

@media(max-width:767px) {
    .navbar-header .icon-bar {
        background: #fff;
    }

    .navbar-toggle {
        margin-top: 5px;
        margin-right: 30px;
        border: 1px solid #fff;
    }

    body header#header #menu > .container {
        padding: 0;
    }

    body header#header #menu ul.nav > li {
        border: none;
    }

    body header#header #menu ul.nav {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    body header#header #menu ul li a {
        padding: 10px 0;
        height: auto;
        line-height: 30px;
    }

    body header#header #menu ul.nav > li > ul {
        border: 1px solid #333;
    }

    body header#header #menu ul li ul.dropdown-menu ul.dropdown-menu li a {
        padding-left: 25px;
        display: block;
    }

    body header#header #banner {
        width: 100%;
        margin: 0 auto;
        position: relative;
        padding: 5px 6px 5px;
        font-size: 9pt !important;
        color: #D5D4D4;
        min-height: 0;
    }

        body header#header #banner img.logo {
            position: absolute;
            top: auto;
            bottom: -40px;
            left: 15px;
            width: 41px;
            height: 40px;
        }

    body header#header #menu > .container img.logo {
        height: 55px;
    }
}

@media(max-width:379px) {
    body header#header #banner address {
        font-size: 8pt !important;
    }

        body header#header #banner address * {
            font-size: 8pt !important;
        }
}

#boxLogoSlider {
    margin: 0;
}

    #boxLogoSlider .col-md-3 {
        padding-right: 0;
        border-right: 4px solid #F67122;
        margin-right: -4px;
    }

    #boxLogoSlider .col-md-9 {
        border-left: 4px solid #F67122;
    }

#MenuLeftTop {
    display: block;
}

    #MenuLeftTop ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #MenuLeftTop ul li {
            margin: 0 auto;
            padding: 0;
        }

    #MenuLeftTop > ul > li > a {
        position: relative;
        display: block;
        color: #000;
        font-size: 11px;
        text-transform: uppercase;
        line-height: 24px;
        vertical-align: middle;
        padding: 5px 5px 5px 40px;
    }

        #MenuLeftTop > ul > li > a img {
            -webkit-filter: grayscale(100%);
            position: absolute;
            top: 5px;
            left: 5px;
            border: 1px solid #3a4446;
            padding: 2px;
            background: #fff;
            width: 24px;
            height: 24px;
            border-radius: 100%;
        }

    #MenuLeftTop > ul > li:hover > a {
        background: #E01E26;
        color: #fff !important;
    }

        #MenuLeftTop > ul > li:hover > a > img {
            -webkit-filter: grayscale(0);
        }

    #MenuLeftTop .boxMegaSub {
        position: absolute;
        top: 0;
        right: -600px;
        width: 600px;
        min-height: 100%;
        display: none;
        z-index: 5;
        padding: 15px;
        background-color: #fff;
        box-shadow: #000 0 0 1px;
        border-left: 4px solid #F67122;
        background-position: bottom right;
        background-repeat: no-repeat;
    }

        #MenuLeftTop .boxMegaSub a.title {
            color: #e47911;
            text-decoration: none;
            font-size: 11pt;
            font-weight: 700;
            margin-bottom: 5px;
        }

            #MenuLeftTop .boxMegaSub a.title:hover {
                color: #194C5D;
            }

        #MenuLeftTop .boxMegaSub > ul > li {
            width: 50%;
            float: left;
            margin-bottom: 30px;
        }

            #MenuLeftTop .boxMegaSub > ul > li > a {
                padding: 5px;
            }

            #MenuLeftTop .boxMegaSub > ul > li ul li {
                padding: 2px 5px;
            }

                #MenuLeftTop .boxMegaSub > ul > li ul li:before {
                    content: "- ";
                }

                #MenuLeftTop .boxMegaSub > ul > li ul li a {
                    padding: 5px;
                    font-size: 9pt;
                    color: #000;
                }

                    #MenuLeftTop .boxMegaSub > ul > li ul li a:hover {
                        color: #e47911;
                    }

    #MenuLeftTop li:hover .boxMegaSub {
        display: block;
    }

.owl-carousel {
    position: relative;
}

.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    top: -48px;
    width: 30px;
    height: 34px;
    padding: 0;
    margin: 0;
    margin-top: 0;
    border-radius: 0;
    opacity: .7;
    background: url(../img/ctrl_carousel.png) no-repeat;
}

    .owl-theme .owl-controls .owl-buttons div.owl-prev {
        right: 55px;
        background-position: 5px 2px;
        -moz-box-shadow: 1px 0 2px #dddddd;
        -webkit-box-shadow: 1px 0 2px #dddddd;
        box-shadow: 1px 0 2px #dddddd;
    }

    .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: 20px;
        background-position: -55px 2px;
        -moz-box-shadow: -1px 0 2px #dddddd;
        -webkit-box-shadow: -1px 0 2px #dddddd;
        box-shadow: -1px 0 2px #dddddd;
    }

.boxCategory {
    display: block;
    margin: 15px auto 30px;
}

    .boxCategory h3.catTitle {
        border-top: 4px solid #194C5D;
        background: #F2F2F2;
        position: relative;
        padding: 0 0 0 150px;
        color: #5A5349;
        height: 46px;
        line-height: 40px;
        font-size: 12pt;
        font-weight: 700;
    }

        .boxCategory h3.catTitle:before {
            content: " ";
            background: #194C5D;
            width: 100px;
            height: 41px;
            position: absolute;
            top: 0;
            left: 0;
        }

        .boxCategory h3.catTitle::after {
            content: attr(data-number);
            position: absolute;
            top: -4px;
            width: 46px;
            height: 46px;
            left: 70px;
            background: #fff;
            border-radius: 50%;
            text-align: center;
            font-size: 20px;
            font-weight: 700;
            line-height: 46px;
            overflow: hidden;
        }

    .boxCategory .boxHomeProduct {
        /*border: 1px solid #dbdbdb;
        border-top: none;*/
        border-left: 4px solid #194C5D;
    }

        .boxCategory .boxHomeProduct .col-lg-2 {
            padding-right: 0;
        }

    .boxCategory .tabs-left {
        border-bottom: none;
        border: none;
    }

        .boxCategory .tabs-left > li {
            float: none;
            margin: 0;
            padding: 0;
            border: none;
        }

            .boxCategory .tabs-left > li.active > a,
            .boxCategory .tabs-left > li.active > a:hover,
            .boxCategory .tabs-left > li.active > a:focus {
                background: #194C5D;
                color: #fff;
                border: none;
            }

            .boxCategory .tabs-left > li > a {
                border-radius: 0;
                margin-right: 0;
                display: block;
                border: none;
                color: #000;
            }

                .boxCategory .tabs-left > li > a:hover {
                    background: rgba(25, 76, 93, 0.5);
                    color: #fff !important;
                    border: none;
                }

    .boxCategory .tab-content .tab-panel {
        padding: 15px;
    }

.shop-page .shop-item {
    position: relative;
    margin-bottom: 30px;
}

.shop-page .owl-item .shop-item {
    position: relative;
    margin-bottom: 0;
}

    .shop-page .owl-item .shop-item.col-xs-12 {
        padding-left: 7px;
        padding-right: 7px;
    }

.shop-page .shop-item .item-inner {
    background: #ffffff;
    border: 1px solid transparent;
}

.shop-page .shop-item:hover .item-inner {
    border: 1px solid #d0d0d0;
}

.shop-page .shop-item .image-box {
    position: relative;
    overflow: hidden;
}

    .shop-page .shop-item .image-box .image {
        padding: 5px;
    }

        .shop-page .shop-item .image-box .image img {
            display: block;
            width: 100%;
        }

    .shop-page .shop-item .image-box .overlay {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        padding: 10px;
        background: rgba(0,0,0,0.0);
        color: #ffffff;
        transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
    }

.shop-page .shop-item:hover .image-box .overlay {
    background: rgba(0,0,0,0.70);
}

.shop-page .shop-item .image-box .overlay a {
    color: #ffffff;
}

.shop-page .shop-item .image-box .overlay-content {
    display: table;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    opacity: 0;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
}

.shop-page .shop-item:hover .image-box .overlay-content {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    -moz-transform: translateX(0%);
    opacity: 1;
}

.shop-page .shop-item .image-box .overlay-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.shop-page .shop-item .image-box .item-tag {
    position: absolute;
    left: 10px;
    top: 10px;
    line-height: 20px;
    padding: 3px 20px;
    color: #ffffff;
    background: #f00;
    transition: all 1000ms ease;
    -webkit-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    -moz-transition: all 1000ms ease;
}

.shop-page .shop-item:hover .image-box .item-tag {
    color: #3d3d3d;
    background: #f1f1f1;
}

.shop-page .shop-item .image-box .overlay-inner a {
    display: block;
}

.shop-page .shop-item .image-box .overlay-inner .add-browse-wishlist,
.shop-page .shop-item .image-box .overlay-inner .quick-view,
.shop-page .shop-item .image-box .overlay-inner .prod-rating {
    position: relative;
    z-index: 2;
    margin: 5px 0px;
}

.shop-page .shop-item .image-box .overlay-inner .prod-rating {
    font-size: 14px;
    color: #ffa500;
}

.shop-page .shop-item .image-box .overlay-inner a:hover {
    color: #fad505;
}

.shop-page .shop-item .image-box .hover-link {
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0px !important;
    z-index: 0 !important;
}

.shop-page .shop-item .image-box .overlay-inner .divider {
    max-width: 130px;
    margin: 0 auto 5px;
    height: 1px;
    background: #ffffff;
    opacity: 0.90;
}

.shop-page .shop-item .item-desc {
    position: relative;
    padding: 20px 20px;
    text-align: center;
    background: #ffffff;
}

    .shop-page .shop-item .item-desc h4 {
        font-family: Arial;
        font-weight: 600;
        font-size: 10pt;
        margin-bottom: 10px;
        height: 36px;
        line-height: 18px;
        overflow: hidden;
    }

        .shop-page .shop-item .item-desc h4 a {
            color: #3d3d3d;
        }

            .shop-page .shop-item .item-desc h4 a:hover {
                color: #0bc165;
            }

    .shop-page .shop-item .item-desc .price {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .shop-page .shop-item .item-desc .theme-btn {
        padding: 5px 24px;
        background-color: #505050;
        color: #ffffff;
    }

        .shop-page .shop-item .item-desc .theme-btn:hover {
            background: #0bc165;
        }

    .shop-page .shop-item .item-desc .desc-text {
        position: relative;
        margin-bottom: 10px;
        display: none;
        height: 20px;
        line-height: 20px;
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

/***

====================================================================
	Shop Popup Style
====================================================================

***/

.pop-box {
    position: relative;
    max-width: 800px;
    margin: 50px auto;
}

    .pop-box .mfp-close {
        position: absolute;
        right: 0px;
        top: 0px;
        font-size: 20px;
    }

.shop-popup {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    border: 10px solid rgba(255,255,255,0.10);
}

    .shop-popup .item-inner {
        position: relative;
        background: #ffffff;
    }

    .shop-popup .close-popup {
        position: absolute;
        width: 30px;
        height: 30px;
        right: 0px;
        top: 0px;
        text-align: center;
        color: #555555;
        font-size: 16px;
        line-height: 30px;
    }

        .shop-popup .close-popup:hover {
            color: #000000;
        }

    .shop-popup .item-inner .image-box {
        position: relative;
        width: 50%;
        float: left;
        overflow: hidden;
    }

        .shop-popup .item-inner .image-box .image img {
            display: block;
            width: 100%;
        }

            .shop-popup .item-inner .image-box .image img:hover {
                opacity: 0.75;
            }

    .shop-popup .item-inner .item-desc {
        position: relative;
        padding: 20px 20px;
        width: 50%;
        float: left;
        background: #ffffff;
    }

    .shop-popup .item-inner .prod-rating {
        font-size: 14px;
        color: #ffa500;
        margin-bottom: 10px;
    }

    .shop-popup .item-inner .item-desc h4 {
        font-family: Arial;
        font-weight: 600;
        font-size: 16px;
        margin-bottom: 10px;
        border-bottom: 1px solid #d0d0d0;
        padding-bottom: 10px;
    }

        .shop-popup .item-inner .item-desc h4 a {
            color: #3d3d3d;
        }

    .shop-popup .item-inner .item-desc .price {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .shop-popup .item-inner .item-desc .theme-btn {
        padding: 5px 24px;
        background-color: #505050;
        color: #ffffff;
    }

        .shop-popup .item-inner .item-desc .theme-btn:hover {
            background: #0bc165;
        }

    .shop-popup .item-inner .item-desc .desc-text {
        position: relative;
        margin-bottom: 10px;
    }

    .shop-popup .qty {
        position: relative;
        margin-bottom: 10px;
    }

        .shop-popup .qty input[type="text"],
        .shop-popup .qty input[type="number"] {
            position: relative;
            display: inline-block;
            border: 1px solid #3d3d3d;
            line-height: 30px;
            padding: 2px 2px 2px 15px;
            width: 100px;
            margin: 0px 10px 10px 0px;
        }

#boxSliderHome {
    padding: 0;
    display: block;
    margin: 0;
    width: 100%;
    max-height: 600px;
    overflow: hidden;
}

    #boxSliderHome .container {
        padding: 0;
        position: relative;
    }

    #boxSliderHome ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #boxSliderHome ul li {
            position: relative;
        }

            #boxSliderHome ul li img {
                max-width: 100%;
                width: 100%;
            }

            #boxSliderHome ul li .caption {
                position: absolute;
                top: 30px;
                left: 10px;
                color: #fff;
                width: 45%;
                margin-right: 30px;
                text-align: justify;
            }

    #boxSliderHome .bx-wrapper {
        margin: 0 auto;
    }

        #boxSliderHome .bx-wrapper .bx-pager {
            position: absolute;
            bottom: 5px;
            left: 0;
            width: 100%;
            text-align: center;
            padding: 10px;
        }

            #boxSliderHome .bx-wrapper .bx-pager.bx-default-pager a {
                width: 20px;
                height: 20px;
                border-radius: 20px;
            }

                #boxSliderHome .bx-wrapper .bx-pager.bx-default-pager a:hover, #boxSliderHome .bx-wrapper .bx-pager.bx-default-pager a.active {
                    background: #194C5D;
                }

        #boxSliderHome .bx-wrapper .bx-loading {
            background: url(../img/bx_loader.gif) center center no-repeat #fff;
        }

        #boxSliderHome .bx-wrapper .bx-viewport {
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            border: none;
            left: 0;
            background: none;
        }

        #boxSliderHome .bx-wrapper .bx-controls-direction a {
            margin-top: -14px;
            width: 17px;
            height: 28px;
            display: none;
        }

    #boxSliderHome:hover .bx-wrapper .bx-controls-direction a {
        display: block;
    }

    #boxSliderHome .bx-wrapper .bx-prev {
        left: 5px;
        background: url(../img/controls.png) no-repeat 0 0;
    }

    #boxSliderHome .bx-wrapper .bx-next {
        right: 5px;
        background: url(../img/controls.png) no-repeat -17px 0;
    }

#wrapper {
    position: relative;
    padding: 0;
}

    /*#wrapper .col-md-3.colLeft {
            padding: 0;
        }

        #wrapper .col-md-9.colRight {
            padding-right: 0;
        }*/

    #wrapper .col-md-3.colLeft .boxMenuNoneBorder {
        padding: 0;
    }

    #wrapper .boxMenuNoneBorder a.title {
        color: #1D71E3;
        font-family: Arial;
        font-size: 13pt;
        line-height: 20px;
        padding: 5px 0;
        text-transform: uppercase;
    }

    #wrapper .boxMenuNoneBorder.product a.title {
        color: #fff;
    }

    #wrapper .col-md-3.colLeft .boxMenuNoneBorder ul.menu {
        margin-bottom: 0;
    }

@media (max-width: 767px) {
    body {
        padding-top: 125px;
    }

    .boxCategory .boxHomeProduct {
        border: none;
    }

    .boxCategory h3.catTitle {
        padding: 0 0 0 100px;
        font-size: 10pt;
    }

        .boxCategory h3.catTitle:before {
            width: 60px;
        }

        .boxCategory h3.catTitle:after {
            left: 35px;
        }

    #wrapper .col-md-3.colLeft .boxMenuNoneBorder a.title {
        font-size: 11pt;
    }
}

@media (max-width: 380px) {
    .shop-page .shop-item {
        width: 100% !important;
        margin-bottom: 15px;
    }
}

.block {
    margin: 0 auto 30px;
}

    .block .title_block {
        font: 400 18px/22px Arial,"Open Sans",sans-serif;
        text-transform: uppercase;
        padding: 10px 0;
        margin: 0 auto 10px;
        border-bottom: 1px solid #194C5D;
    }

#wrapper a.more {
    background: #540438;
    color: #DADADA;
    font-size: 9pt;
    padding: 15px 5px;
    line-height: 16px;
    border-radius: 3px;
}

    #wrapper a.more:hover {
        color: #fff !important;
    }

    #wrapper a.more:before {
        content: "» ";
    }

#wrapper h3.title {
    display: block;
    color: #fff;
    font-family: Arial;
    font-size: 13pt;
    line-height: 20px;
    padding: 5px 0;
    margin: 0 auto 5px;
    text-transform: uppercase;
}

.title-yellow {
    color: #194C5D !important;
}

.title-purple {
    color: #9E2273 !important;
}

.title-gray {
    color: #EEE !important;
}

#wrapper .boxMenuBorder {
    border: 1px solid #e5e5e5;
    padding: 15px;
    position: relative;
}

    #wrapper .boxMenuBorder a.title {
        margin: 0 0 1px 0;
        font: 700 8pt Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        color: #000;
    }

    #wrapper .boxMenuBorder ul.menu {
        margin: 0 0 10px;
        padding: 0;
        list-style: none;
    }

        #wrapper .boxMenuBorder ul.menu li {
            padding: 3px 0;
        }

            #wrapper .boxMenuBorder ul.menu li:last-child {
                background: none;
            }

            #wrapper .boxMenuBorder ul.menu li a {
                font-size: 8pt;
                color: #666;
                font-weight: 700;
            }

                #wrapper .boxMenuBorder ul.menu li a:before {
                    float: left;
                    margin: 0 5px 0 0;
                    content: "» ";
                    color: #194C5D;
                }

    #wrapper .boxMenuBorder.noneborder {
        border: none;
    }

#wrapper .block .boxMenuBorder {
    padding: 0;
}

#wrapper .boxMenuBorder a.title:before {
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    content: "";
    font-size: 7pt;
    margin-right: 3px;
    color: #194C5D;
}

#wrapper .boxMenuBorder a:hover,
#wrapper .boxMenuBorder a.active {
    color: #C63800 !important;
}

#wrapper .block .boxMenuBorder ul.menu {
    margin-left: 10px;
}

@media(min-width:768px) {
    #wrapper .boxMenuBorder .arrow:after,
    #wrapper .boxMenuBorder .arrow:before {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    #wrapper .boxMenuBorder .arrow:after {
        border-color: rgba(255, 255, 255, 0);
        border-left-color: #fff;
        border-width: 15px;
        margin-top: -15px;
    }

    #wrapper .boxMenuBorder .arrow:before {
        border-color: rgba(229, 229, 229, 0);
        border-left-color: #e5e5e5;
        border-width: 16px;
        margin-top: -16px;
    }
}

@media(max-width:981px) {
    #wrapper .boxMenuBorder a.title {
        font-size: 8pt !important;
        line-height: 16px;
        padding: 3px 0;
    }
}

@media(max-width:767px) {
    .block {
        margin-bottom: 15px;
    }

    #wrapper .boxMenuBorder .arrow:after,
    #wrapper .boxMenuBorder .arrow:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    #wrapper .boxMenuBorder .arrow:after {
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #fff;
        border-width: 15px;
        margin-left: -15px;
    }

    #wrapper .boxMenuBorder .arrow:before {
        border-color: rgba(229, 229, 229, 0);
        border-top-color: #e5e5e5;
        border-width: 16px;
        margin-left: -16px;
    }

    #wrapper .boxMenuBorder {
        margin-bottom: 15px;
    }
}

.boxHomeDaoTao {
    font: 400 18px/22px Arial, "Open Sans", sans-serif;
    text-transform: uppercase;
    padding: 10px 0;
    margin: 0 auto 30px;
}

@media(max-width:767px) {
    .block .title_block,
    .boxHomeDaoTao {
        font-size: 11pt;
        line-height: 20px;
        text-align: center;
        padding-bottom: 5px;
    }
}

#wrapper #boxHomeServiceList {
    background: #fff;
    padding: 20px 0;
}

    #wrapper #boxHomeServiceList .col-md-4 {
        padding-left: 0;
        padding-right: 30px;
    }

    #wrapper #boxHomeServiceList .col-md-8 {
        padding: 0;
    }

#boxHomeServiceList .owl-carousel {
    overflow: hidden;
}

    #boxHomeServiceList .owl-carousel .owl-wrapper-outer {
        margin-left: 1px;
    }

    #boxHomeServiceList .owl-carousel .item {
        padding: 0;
        text-align: center;
        max-width: 360px;
        margin: 0 auto;
    }

        #boxHomeServiceList .owl-carousel .item a.title {
            color: #555;
            font-size: 11pt;
            font-family: Arial;
            height: 54px;
            padding: 5px;
            line-height: 22px;
            display: block;
            overflow: hidden;
        }

        #boxHomeServiceList .owl-carousel .item .img {
            position: relative;
            width: 100%;
            height: auto;
            /*overflow: hidden;
            border-radius: 82px;*/
            margin: 0 auto;
            padding: 10px;
            display: block;
        }

            /*#boxHomeServiceList .owl-carousel .item .img .over {
                background: url(../img/bg-circle.png) no-repeat center;
                width: 164px;
                height: 164px;
                position: absolute;
                z-index: 10;
                top: 0;
                left: 0;
            }*/

            #boxHomeServiceList .owl-carousel .item .img img {
                z-index: 5;
                width: 100%;
                /*width: 144px;
                height: 144px;
                border-radius: 82px;*/
                overflow: hidden;
                -moz-transition: all .5s ease-in-out;
                -o-transition: all .5s ease-in-out;
                -webkit-transition: all .5s ease-in-out;
                transition: all .5s ease-in-out;
            }

            #boxHomeServiceList .owl-carousel .item .img:hover img {
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
            }

        #boxHomeServiceList .owl-carousel .item div.button {
            display: block;
            margin: 15px 0;
        }

            #boxHomeServiceList .owl-carousel .item div.button a {
                background: #194C5D;
                color: #fff;
                font-size: 9pt;
                font-family: Arial;
                border-radius: 13px;
                text-align: center;
                padding: 5px 20px;
                margin: 0 2px;
            }

                #boxHomeServiceList .owl-carousel .item div.button a:hover {
                    color: #fff !important;
                }

    #boxHomeServiceList .owl-carousel .owl-controls .owl-buttons div {
        position: absolute;
        top: 50%;
        outline: 0;
        text-indent: -9999px;
        z-index: 9999;
        margin-top: -7px;
        padding: 0;
        width: 13px;
        height: 33px;
    }

    #boxHomeServiceList .owl-carousel .owl-controls .owl-buttons .owl-prev {
        left: -5px;
        background: url(../img/bg-nav-hover.png) no-repeat 0 0;
    }

    #boxHomeServiceList .owl-carousel .owl-controls .owl-buttons .owl-next {
        right: -5px;
        background: url(../img/bg-nav-hover.png) no-repeat -13px 0;
    }

@media(max-width:991px) {
    #wrapper #boxHomeServiceList .container > .row {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media(max-width:767px) {
    #wrapper #boxHomeServiceList {
        padding: 15px 0;
    }

        #wrapper #boxHomeServiceList .col-md-4 {
            padding: 0 15px;
        }
}

@media(max-width:599px) {
    #boxHomeServiceList .owl-carousel .item {
        background: none;
    }

        #boxHomeServiceList .owl-carousel .item .headline {
            font-size: 10pt;
            height: auto;
            line-height: 18px;
            overflow: auto;
        }
}

#wrapper #boxHomeProductList {
    background: #fff;
    padding: 20px 0;
}

#boxHomeProductList .owl-carousel {
    overflow: hidden;
}

    #boxHomeProductList .owl-carousel .owl-wrapper-outer {
        margin-left: 1px;
    }

    #boxHomeProductList .owl-carousel .item {
        padding: 0;
        text-align: center;
        background: url(../img/line-slider-product.png) no-repeat center right;
    }

        #boxHomeProductList .owl-carousel .item a.title {
            text-transform: uppercase;
            color: #eee;
            font-size: 13pt;
            font-family: Arial;
            height: 22px;
            display: block;
            padding: 0 5px;
            overflow: hidden;
        }

        #boxHomeProductList .owl-carousel .item .headline {
            font-size: 11pt;
            font-family: Arial;
            color: #eee;
            height: 18px;
            line-height: 18px;
            overflow: hidden;
            margin: 10px 0;
            padding: 0 30px;
        }

        #boxHomeProductList .owl-carousel .item .img {
            position: relative;
            width: 164px;
            height: 164px;
            overflow: hidden;
            border-radius: 82px;
            margin: 0 auto;
            padding: 10px;
        }

            #boxHomeProductList .owl-carousel .item .img .over {
                background: url(../img/bg-circle.png) no-repeat center;
                width: 164px;
                height: 164px;
                position: absolute;
                z-index: 10;
                top: 0;
                left: 0;
            }

            #boxHomeProductList .owl-carousel .item .img img {
                z-index: 5;
                width: 144px;
                height: 144px;
                border-radius: 82px;
                overflow: hidden;
                -moz-transition: all .5s ease-in-out;
                -o-transition: all .5s ease-in-out;
                -webkit-transition: all .5s ease-in-out;
                transition: all .5s ease-in-out;
            }

            #boxHomeProductList .owl-carousel .item .img:hover img {
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
            }

        #boxHomeProductList .owl-carousel .item div.button {
            display: block;
            margin: 15px 0;
        }

            #boxHomeProductList .owl-carousel .item div.button a {
                border: 1px solid #fff;
                background: #E00004;
                color: #9D9D9D;
                font-size: 9pt;
                font-family: Arial;
                border-radius: 13px;
                text-align: center;
                padding: 7px 20px;
                margin: 0 2px;
            }

                #boxHomeProductList .owl-carousel .item div.button a:hover {
                    color: #fff !important;
                }

    #boxHomeProductList .owl-carousel .owl-controls .owl-buttons div {
        position: absolute;
        top: 50%;
        outline: 0;
        text-indent: -9999px;
        z-index: 9999;
        margin-top: -20px;
        width: 40px;
        height: 39px;
    }

    #boxHomeProductList .owl-carousel .owl-controls .owl-buttons .owl-prev {
        left: 5px;
        background: url(../img/arrow.png) no-repeat 0 0;
    }

    #boxHomeProductList .owl-carousel .owl-controls .owl-buttons .owl-next {
        right: 5px;
        background: url(../img/arrow.png) no-repeat -40px 0;
    }

@media(max-width:991px) {
    #wrapper #boxHomeProductList .container > .row {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media(max-width:599px) {
    #boxHomeProductList .owl-carousel .item {
        background: none;
    }

        #boxHomeProductList .owl-carousel .item .headline {
            font-size: 10pt;
            height: auto;
            line-height: 18px;
            overflow: auto;
        }
}

.colRight {
    overflow: hidden;
}

.productList {
    display: block;
    margin: 0 -15px;
    padding: 30px 0;
}

    .productList .items {
        float: left;
        width: 33.33%;
        padding: 5px 15px 20px;
        margin: 0;
        position: relative;
    }

        .productList .items .percent {
            z-index: 10;
            display: inline-block;
            width: 55px;
            height: 24px;
            padding: 0 2px 0 6px;
            line-height: 25px;
            background: url(../img/icon/discount.svg) no-repeat;
            background-size: contain;
            color: #fff;
            font-size: 13pt;
            text-align: center;
            font-weight: 400;
            vertical-align: text-top;
            vertical-align: 4px;
            position: absolute;
            top: 15px;
            right: 18px;
            font-style: normal;
        }

        .productList .items a.title {
            font-family: Arial;
            font-size: 13pt;
            color: #194C5D;
            line-height: 22px;
            height: 22px;
            overflow: hidden;
            display: block;
        }

        .productList .items .description {
            color: #333;
            font-family: Arial;
            font-size: 10pt;
            line-height: 18px;
            height: 36px;
            overflow: hidden;
            margin: 5px 0;
            text-align: justify;
        }

        .productList .items .price h3 {
            font-size: 12pt;
            margin: 0;
            padding: 3px 0;
        }

            .productList .items .price h3 .price-sale {
                position: relative;
            }

            .productList .items .price h3 small {
                float: right;
                margin-top: 3px;
            }

        .productList .items a.img {
            display: block;
            width: 100%;
            margin: 5px 0;
        }

            .productList .items a.img img {
                width: 100%;
                border: 3px solid #fff;
                -webkit-box-shadow: 0 0 5px 2px #E5E5E5;
                -moz-box-shadow: 0 0 5px 2px #E5E5E5;
                box-shadow: 0 0 5px 2px #E5E5E5;
            }

            .productList .items a.img:hover img {
                opacity: .8;
            }

        .productList .items .button {
            text-align: center;
            margin: 15px 0 10px;
        }

            .productList .items .button a {
                color: #fff;
                border: none;
                padding: 5px 9px;
                font-size: 12px;
                margin: 10px 5px;
                background: #494949;
                background-image: -moz-linear-gradient(#494949, #424242, #3a3a3a);
                background-image: -o-linear-gradient(#494949, #424242, #3a3a3a);
                background-image: -webkit-linear-gradient(#494949, #424242, #3a3a3a);
                background-image: linear-gradient(#494949, #424242, #3a3a3a);
                white-space: nowrap;
            }

                .productList .items .button a.add-cart {
                    color: #fff;
                    padding: 5px 11px 5px 11px;
                    font-size: 12px;
                    background: #194C5D;
                    margin: 10px 5px;
                }

                    .productList .items .button a.add-cart:hover {
                        color: #494949 !important;
                    }

@media(max-width:1055px) and (min-width:768px) {
    .productList .items {
        width: 33.33%;
    }
}

@media(max-width:767px) {
    .productList {
        display: block;
        margin: 0 -20px;
    }

        .productList .items {
            width: 33.33%;
        }

            .productList .items .button a {
                font-size: 8pt !important;
                padding: 5px 10px;
            }
}

@media(max-width:680px) {
    .productList {
        display: block;
        margin: 0 -10px;
    }

        .productList .items {
            padding: 0 10px;
            margin: 0 0 10px;
            width: 50%;
        }

            .productList .items a.title {
                font-family: Arial;
                font-size: 11pt;
            }

            .productList .items .description {
                font-size: 10pt;
            }

            .productList .items .button a {
                font-size: 7pt !important;
                padding: 5px 10px;
                border-radius: 15px;
                margin: 10px 5px;
            }
}

@media(max-width:350px) {
    .productList {
        display: block;
        margin: 0 -15px;
    }

        .productList .items {
            padding: 0 15px;
            margin: 0 0 15px;
            width: 100%;
        }

            .productList .items a.title {
                font-family: Arial;
                font-size: 11pt;
            }

            .productList .items .description {
                font-size: 10pt;
            }

            .productList .items a.img {
                margin: 5px 0;
            }

            .productList .items .button a {
                font-size: 8pt;
                padding: 5px 10px;
                border-radius: 15px;
            }
}


/* div that surrounds Cloud Zoom image and content slider. */

#surround {
    width: 100%;
    min-width: 256px;
    max-width: 480px;
}


img.cloudzoom {
    width: 100%;
}

#sliderThumb {
    margin: 20px;
    height: 119px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    position: relative;
}

    #sliderThumb img {
        width: 81px;
        height: 107px;
    }

.cloudzoom-blank .cloudzoom-lens + div {
    display: none !important;
}

.box-images {
    position: relative;
    padding: 0 35px 0 0;
    text-align: center;
}

    .box-images .bxslider {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .box-images .bxslider li {
            cursor: pointer;
            background-repeat: no-repeat;
            background-size: auto 100%;
            background-position: center;
            position: relative;
        }

            .box-images .bxslider li .caption.hidden {
                position: absolute;
                bottom: -2px;
                left: 50%;
                width: 200px;
                text-align: center;
                /* background-color: #000; */
                color: #000;
                font-size: 9pt;
                margin: 0 0 0 -100px;
                padding: 0;
            }

            .box-images .bxslider li img {
                max-width: 100%;
                margin: 0 auto;
                opacity: 0;
            }

    .box-images .bx-wrapper {
        margin-bottom: 0;
        width: 100%;
    }

        .box-images .bx-wrapper .bx-viewport {
            box-shadow: none;
            border: none;
            left: 0;
            background: none;
        }

        .box-images .bx-wrapper .bx-controls-direction a {
            background: none;
            text-indent: 100px;
            overflow: hidden;
            width: 40px;
            height: 40px;
            display: inline-block;
            font-size: 26pt;
            line-height: 42px;
        }

            .box-images .bx-wrapper .bx-controls-direction a.bx-prev {
                left: -35px;
            }

            .box-images .bx-wrapper .bx-controls-direction a.bx-next {
                right: -35px;
            }

                .box-images .bx-wrapper .bx-controls-direction a.bx-prev:after,
                .box-images .bx-wrapper .bx-controls-direction a.bx-next:after {
                    font-family: 'Glyphicons Halflings';
                    position: absolute;
                    top: 0;
                    text-indent: 0;
                    left: 0;
                    width: 40px;
                    height: 40px;
                    color: #000;
                }

            .box-images .bx-wrapper .bx-controls-direction a.bx-prev:after {
                content: "\e257";
            }

            .box-images .bx-wrapper .bx-controls-direction a.bx-next:after {
                content: "\e258";
            }

            .box-images .bx-wrapper .bx-controls-direction a.bx-prev:hover:after,
            .box-images .bx-wrapper .bx-controls-direction a.bx-next:hover:after {
                color: #666;
            }

#wrapper .container {
    z-index: 5;
    position: relative;
}

#wrapper h3.news-title {
    background: #F10C0C;
    display: block;
    color: #fff;
    font-size: 16pt;
    line-height: 20px;
    padding: 13px 5px;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
}

@media(max-width:767px) {
    #wrapper h3.title {
        font-size: 11pt;
    }

    #wrapper h3.news-title {
        font-size: 11pt;
    }
}

@media(max-width:981px) {
    .block .title_block {
        font: 400 11pt Arial,"Open Sans",sans-serif;
    }

    .boxHomeDaoTao {
        font: 400 11pt Arial,"Open Sans",sans-serif;
    }
}

#boxSliderService {
    display: block;
    margin: 47px auto 67px;
}

    #boxSliderService ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        #boxSliderService ul li {
            position: relative;
            float: left;
        }

            #boxSliderService ul li a {
                display: block;
                width: 210px;
                height: 270px;
                position: relative;
                color: #fff;
                font-size: 10pt;
            }

                #boxSliderService ul li a .bg {
                    background: url(../img/bg-service.png) no-repeat 0 0;
                    width: 210px;
                    height: 242px;
                    padding: 30px 35px 0 26px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: 10;
                    -moz-transition: background 0.3s ease-in-out;
                    -o-transition: background 0.3s ease-in-out;
                    -webkit-transition: background 0.3s ease-in-out;
                    transition: background 0.3s ease-in-out;
                }

                #boxSliderService ul li a:hover .bg {
                    background: url(../img/bg-service-hover.png) no-repeat 0 0;
                }

                #boxSliderService ul li a .bg span.title {
                    line-height: 16px;
                    font-size: 10pt;
                    display: block;
                }

                #boxSliderService ul li a img {
                    position: absolute;
                    top: 83px;
                    left: 72px;
                    width: 110px;
                    height: 130px;
                    z-index: 5;
                }

                #boxSliderService ul li a span.detail {
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    color: #333;
                    font-size: 9pt;
                }

                    #boxSliderService ul li a span.detail:before {
                        content: "»";
                    }

                    #boxSliderService ul li a span.detail:hover {
                        color: #360303;
                    }

    #boxSliderService .bx-wrapper .bx-loading {
        background: url(../img/bx_loader.gif) center center no-repeat #fff;
    }

    #boxSliderService .bx-wrapper .bx-viewport {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        left: 0;
        background: none;
    }

    #boxSliderService .bx-wrapper .bx-controls-direction a {
        margin-top: 0;
        width: 33px;
        height: 30px;
        top: -44px;
    }

    #boxSliderService .bx-wrapper .bx-prev {
        left: auto;
        right: 37px;
        background: url(../img/controls-service.png) no-repeat 0 0;
    }

    #boxSliderService .bx-wrapper .bx-next {
        right: 0;
        background: url(../img/controls-service.png) no-repeat -33px 0;
    }

#boxSliderGallery {
    display: block;
    margin: 0 auto 30px;
}

    #boxSliderGallery ul {
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
    }

        #boxSliderGallery ul li {
            position: relative;
            float: left;
            white-space: nowrap;
        }

            #boxSliderGallery ul li a {
                display: block;
                width: 204px;
                position: relative;
                font-size: 10pt;
                text-decoration: none;
            }

                #boxSliderGallery ul li a img {
                    border: 10px solid #9D7663;
                    width: 100%;
                    margin: 0 auto 20px;
                    -moz-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    -webkit-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                }

                #boxSliderGallery ul li a:hover img {
                    border-color: #360303;
                }

                #boxSliderGallery ul li a strong {
                    color: #7E5C88;
                }

                #boxSliderGallery ul li a .date {
                    color: #979797;
                    font-size: 8pt;
                }

                #boxSliderGallery ul li a .over-video {
                    position: absolute;
                    top: 10px;
                    left: 10px;
                    width: 184px;
                    height: 135px;
                    background: rgba(0, 0, 0, 0.2) url(../img/video.png) no-repeat center;
                    -moz-transition: background-size .5s ease-in-out;
                    -o-transition: background-size .5s ease-in-out;
                    -webkit-transition: background-size .5s ease-in-out;
                    transition: background-size .5s ease-in-out;
                }

                #boxSliderGallery ul li a:hover .over-video {
                    background-size: 40px 40px;
                }

    #boxSliderGallery .bx-wrapper .bx-loading {
        background: url(../img/bx_loader.gif) center center no-repeat #fff;
    }

    #boxSliderGallery .bx-wrapper .bx-viewport {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        left: 0;
        background: none;
    }

    /*#boxSliderGallery .bx-wrapper .bx-controls-direction a {
        margin-top: -14px;
        width: 17px;
        height: 28px;
    }*/
    #boxSliderGallery .bx-wrapper .bx-controls-direction a {
        margin-top: 0;
        width: 33px;
        height: 30px;
        top: -52px;
    }

    #boxSliderGallery .bx-wrapper .bx-prev {
        left: auto;
        right: 37px;
        background: url(../img/controls-service.png) no-repeat 0 0;
    }

    #boxSliderGallery .bx-wrapper .bx-next {
        right: 0;
        background: url(../img/controls-service.png) no-repeat -33px 0;
    }

@media(max-width:400px) {
    #boxSliderService .bx-controls-direction,
    #boxSliderGallery .bx-wrapper .bx-controls-direction {
        display: none;
    }
}

ul.boxNews {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.boxNews li {
        padding: 14px 0 14px 75px;
        min-height: 104px;
        border-bottom: 1px solid #D8D8D8;
        position: relative;
    }

        ul.boxNews li:last-child {
            border: none;
        }

        ul.boxNews li img.img {
            border: 4px solid #541C22;
            width: 68px;
            height: 68px;
            position: absolute;
            top: 18px;
            left: 0;
        }

        ul.boxNews li a.title {
            color: #979797;
            font-size: 9pt;
            font-weight: 700;
            text-decoration: none;
        }

            ul.boxNews li a.title:hover {
                color: #541C22;
            }

        ul.boxNews li .headline {
            margin: 3px 0 0;
            color: #979797;
            font-size: 9pt;
            line-height: 16px;
            max-height: 32px;
            overflow: hidden;
        }

        ul.boxNews li a.more {
            color: #55B6F6;
            font-size: 8pt;
        }

            ul.boxNews li a.more:after {
                content: "»";
            }

.colLeft {
    margin: 40px 0;
}

.colRight {
    margin: 40px 0;
}

@media(min-width:992px) {
    .colRight {
        /*padding-left: 68px;*/
    }
}

@media(min-width:768px) {
    .colRight {
        /*padding-left: 40px;*/
    }
}

@media(max-width:767px) {
    .colLeft {
        margin: 15px 0;
    }

    .colRight {
        margin: 15px 0;
        /*padding: 0;*/
    }
}

.box-pagination {
    text-align: center;
}

.boxBreadcrumb {
}

ol.breadcrumb {
    background: none;
    margin: 0 auto;
    padding: 0;
}

.breadcrumb > li + li:before {
    float: left;
    content: "»" !important;
    color: #000;
}

ol.breadcrumb li > div {
    float: left;
}

    ol.breadcrumb li > div a {
        color: #000;
        text-decoration: none;
        font-size: 8pt;
    }

        ol.breadcrumb li > div a:hover {
            color: #194C5D;
        }

        ol.breadcrumb li > div a span {
            text-transform: capitalize;
        }

/*news list*/
.newsList {
    margin: 0 auto;
    display: block;
    overflow: hidden;
}

    .newsList .items {
        display: block;
        border-top: 1px solid #D0D0D0;
        padding: 28px 0;
    }

        .newsList .items:first-child {
            border-top: none;
        }

        .newsList .items a.img {
            margin: 0 auto;
            display: block;
            width: 100%;
            max-width: 262px;
            overflow: hidden;
            position: relative;
        }

            .newsList .items a.img .over {
            }

            .newsList .items a.img img {
                z-index: 5;
                width: 100%;
                overflow: hidden;
                -moz-transition: all .5s ease-in-out;
                -o-transition: all .5s ease-in-out;
                -webkit-transition: all .5s ease-in-out;
                transition: all .5s ease-in-out;
            }

            .newsList .items a.img:hover img {
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
            }

        .newsList .items a.title {
            color: #333;
            font-size: 13pt;
            line-height: 22px;
            text-transform: uppercase;
            font-family: Arial;
        }

        .newsList .items .description {
            color: #333;
            font-size: 10pt;
            line-height: 18px;
            padding: 15px 0;
        }

        .newsList .items a.detail {
            color: #333;
            font-size: 10pt;
        }

            .newsList .items a.detail:before {
                float: left;
                content: "»" !important;
                color: #333;
                margin-right: 5px;
            }

        .newsList .items .button {
            padding: 20px 0 0;
            height: 48px;
            float: none;
        }

            .newsList .items .button a {
                background: #540438;
                color: #9D9D9D;
                font-size: 9pt;
                padding: 7px 25px;
                border-radius: 13px;
                margin: 2px 8px 2px 0;
                float: left;
            }

                .newsList .items .button a:hover {
                    color: #eee !important;
                }

.typicalList {
    display: block;
    overflow: hidden;
}

    .typicalList .items {
        display: block;
        padding: 20px 0;
        background: url(../img/line-news.png) no-repeat center bottom;
    }

        .typicalList .items:last-child {
            background: none;
        }

        .typicalList .items a.img {
            margin: 0 auto 10px;
            display: block;
            width: 100%;
            max-width: 267px;
        }

            .typicalList .items a.img img {
                width: 100%;
            }

        .typicalList .items a.title {
            color: #333;
            font-size: 13pt;
            line-height: 18px;
            font-family: Arial;
            text-transform: uppercase;
        }

        .typicalList .items .description {
            color: #333;
            font-size: 10pt;
            line-height: 25px;
            overflow: hidden;
            max-height: 75px;
            padding: 0;
            margin: 5px 0;
        }

        .typicalList .items .button {
            text-align: center;
            padding: 20px 0 0;
            height: 48px;
            float: none;
        }

        .typicalList .items a.detail {
            background: #540438;
            color: #fff;
            font-size: 9pt;
            padding: 7px 30px;
            border-radius: 13px;
        }

        .typicalList .items a:hover {
            color: #979797 !important;
        }

.newsOtherList {
    display: block;
    overflow: hidden;
}

    .newsOtherList .row {
        margin-left: -38px;
        margin-right: -38px;
    }

    .newsOtherList .col-md-4 {
        padding: 0 38px;
    }

    .newsOtherList .items {
        display: block;
        padding: 20px 0;
        max-width: 205px;
        margin: 0 auto;
    }

        .newsOtherList .items a.img {
            margin: 0 auto 20px;
            display: block;
            width: 100%;
        }

            .newsOtherList .items a.img img {
                width: 100%;
            }

        .newsOtherList .items a.title {
            color: #333;
            font-size: 13pt;
            line-height: 20px;
            font-family: Arial;
            text-transform: uppercase;
            -moz-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            -webkit-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
        }

            .newsOtherList .items a.title:hover {
                color: #999 !important;
            }

        .newsOtherList .items .description {
            color: #333;
            font-size: 10pt;
            line-height: 20px;
            overflow: hidden;
            max-height: 40px;
            padding: 0;
            margin: 5px 0;
        }

@media(max-width:991px) {
    .newsTop a.img {
        padding: 0 0 15px;
    }

    .newsList .items a.title {
        font-size: 11pt;
        line-height: 20px;
        font-weight: bold;
    }

    .newsList .items .description {
        font-size: 9pt;
        line-height: 18px;
        padding: 0;
        margin: 5px 0;
        max-height: 54px;
        overflow: hidden;
    }

    .newsList .items {
        padding: 20px 0 15px;
        background-size: 100% 2px;
    }

    .typicalList h4.title {
        font-size: 15pt;
    }

    .typicalList .items a.title {
        color: #333;
        font-size: 11pt;
        line-height: 18px;
        font-family: Arial;
        text-transform: uppercase;
    }

    .typicalList .items .description {
        font-size: 9pt;
        line-height: 18px;
        max-height: 54px;
    }

    .newsOtherList .items {
        max-width: 100%;
        margin-top: 20px;
        padding: 15px 0;
    }

        .newsOtherList .items a.img {
            margin: -20px 15px 0 0;
            display: block;
            width: 130px;
            height: 130px;
            float: left;
            position: relative;
            border-radius: 65px;
            padding: 10px;
            overflow: hidden;
        }

            .newsOtherList .items a.img .over {
                height: 100%;
                width: 100%;
                overflow: hidden;
                border-radius: 65px;
                border: 10px solid #AF2981;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 10;
            }

            .newsOtherList .items a.img img {
                z-index: 5;
                width: 100%;
                overflow: hidden;
                border-radius: 55px;
                -moz-transition: all .5s ease-in-out;
                -o-transition: all .5s ease-in-out;
                -webkit-transition: all .5s ease-in-out;
                transition: all .5s ease-in-out;
            }

            .newsOtherList .items a.img:hover img {
                -moz-transform: scale(1.1);
                -ms-transform: scale(1.1);
                -o-transform: scale(1.1);
                -webkit-transform: scale(1.1);
                transform: scale(1.1);
            }
}

@media(max-width:767px) {
    .newsTop a.img {
        padding: 0 0 15px;
    }

    .newsTop a.title,
    .newsList .items a.title {
        font-size: 10pt;
        line-height: 20px;
        font-weight: bold;
    }

    .newsTop .description,
    .newsList .items .description {
        font-size: 9pt;
        line-height: 18px;
        padding: 0;
        margin: 5px 0;
        max-height: 54px;
        overflow: hidden;
    }

    .newsList .items {
        padding: 20px 0 15px;
        background-size: 100% 2px;
    }

    .typicalList {
        margin: 20px auto 0;
    }

    .newsOtherList .items {
        margin-top: 5px;
        padding: 10px 0;
    }

        .newsOtherList .items a.img {
            margin: -5px 15px 0 0;
            width: 100px;
            height: 100px;
            border-radius: 50px;
        }

            .newsOtherList .items a.img .over {
                border-radius: 50px;
            }

            .newsOtherList .items a.img img {
                border-radius: 40px;
            }

        .newsOtherList .items a.title {
            font-size: 11pt;
            line-height: 20px;
        }

        .newsOtherList .items .description {
            font-size: 9pt;
        }
}

@media(max-width:450px) {
    .newsTop a.title,
    .newsList .items a.title {
        font-size: 10pt;
        line-height: 20px;
    }

    .newsTop .description,
    .newsList .items .description {
        max-height: 36px;
    }

    .newsList .items .col-sm-5 {
        padding-right: 0 !important;
    }
}

/*video list*/
.videoTop {
    display: block;
    position: relative;
}

    .videoTop a {
        display: block;
        width: 100%;
        position: relative;
        font-size: 10pt;
        text-decoration: none;
        text-align: center;
    }

        .videoTop a img {
            width: 100%;
            margin: 0 auto 20px;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .videoTop a strong {
            color: #fff;
        }

        .videoTop a .date {
            color: #979797;
            font-size: 8pt;
        }

        .videoTop a .over-video {
            position: absolute;
            top: 40%;
            left: 50%;
            margin-left: -20px;
            margin-top: -20px;
            width: 40px;
            height: 40px;
            background: url(../img/video.png) no-repeat center;
            -moz-transition: background-size .5s ease-in-out;
            -o-transition: background-size .5s ease-in-out;
            -webkit-transition: background-size .5s ease-in-out;
            transition: background-size .5s ease-in-out;
        }

        .videoTop a:hover .over-video {
            background-size: 40px 40px;
        }

.videoList {
    display: block;
}

    .videoList .items {
        margin-bottom: 15px;
    }

    .videoList a {
        display: block;
        width: 100%;
        position: relative;
        font-size: 10pt;
        text-decoration: none;
        text-align: center;
    }

        .videoList a img {
            width: 100%;
            margin: 0 auto 20px;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

        .videoList a strong {
            color: #333;
            line-height: 18px;
            height: 36px;
            display: block;
            overflow: hidden;
        }

        .videoList a .date {
            color: #979797;
            font-size: 8pt;
        }

        .videoList a .over-video {
            position: absolute;
            top: 40%;
            left: 50%;
            margin-left: -20px;
            margin-top: -20px;
            width: 40px;
            height: 40px;
            background: url(../img/video.png) no-repeat center;
            -moz-transition: background-size .5s ease-in-out;
            -o-transition: background-size .5s ease-in-out;
            -webkit-transition: background-size .5s ease-in-out;
            transition: background-size .5s ease-in-out;
        }

        .videoList a:hover .over-video {
            background-size: 40px 40px;
        }

.serviceTop {
}

    .serviceTop .items a.img {
        margin: 0 0 15px;
        display: block;
        width: 100%;
        max-width: 321px;
    }

        .serviceTop .items a.img img {
            width: 100%;
            border: 1px solid #FFFEFB;
            border: 10px solid #2D0704;
            overflow: hidden;
            border-radius: 0 80px;
            -moz-transition: border-color 0.2s ease-in-out;
            -o-transition: border-color 0.2s ease-in-out;
            -webkit-transition: border-color 0.2s ease-in-out;
            transition: border-color 0.2s ease-in-out;
        }

        .serviceTop .items a.img:hover img {
            border-color: #D0F3FA;
        }

    .serviceTop .items a.title {
        color: #FFFCFF;
        font-size: 23pt;
        line-height: 34px;
        text-transform: uppercase;
    }

    .serviceTop .items .description {
        color: #FFFCFF;
        font-size: 10pt;
        line-height: 18px;
        padding: 15px 0;
    }

    .serviceTop .items a.detail {
        color: #FFFCFF;
        font-size: 10pt;
    }

        .serviceTop .items a.detail:before {
            float: left;
            content: "»" !important;
            color: #fff;
            margin-right: 5px;
        }

.serviceList {
}

    .serviceList .items {
        padding: 20px 0;
    }

        .serviceList .items a.img {
            margin: 0 0 15px;
            display: block;
            width: 100%;
            max-width: 321px;
        }

            .serviceList .items a.img img {
                width: 100%;
                border: 1px solid #FFFEFB;
                border: 10px solid #2D0704;
                overflow: hidden;
                border-radius: 0 80px;
                -moz-transition: border-color 0.2s ease-in-out;
                -o-transition: border-color 0.2s ease-in-out;
                -webkit-transition: border-color 0.2s ease-in-out;
                transition: border-color 0.2s ease-in-out;
            }

            .serviceList .items a.img:hover img {
                border-color: #D0F3FA;
            }

        .serviceList .items a.title {
            color: #333;
            font-size: 23pt;
            line-height: 34px;
            text-transform: uppercase;
        }

        .serviceList .items .description {
            color: #333;
            font-size: 10pt;
            line-height: 18px;
            padding: 15px 0;
        }

        .serviceList .items a.detail {
            color: #333;
            font-size: 10pt;
        }

            .serviceList .items a.detail:before {
                float: left;
                content: "»" !important;
                color: #333;
                margin-right: 5px;
            }

@media(max-width:767px) {
    .serviceTop .items a.title,
    .serviceList .items a.title {
        font-size: 13pt;
        line-height: 20px;
    }

    .serviceTop .items .description,
    .serviceList .items .description {
        font-size: 9pt;
        line-height: 16px;
    }
}

@media(max-width:500px) {
    .serviceTop .col-xs-5, .serviceTop .col-xs-7,
    .serviceList .col-xs-5, .serviceList .col-xs-7 {
        width: 100% !important;
    }
}

a.loadmore {
    display: block;
    margin: 10px auto;
    width: 211px;
    height: 205px;
    padding-top: 130px;
    color: #fff;
    background: url(../img/more.png) no-repeat center;
}

/*#boxContent {
    background: #fff;
    border: 1px solid #dcdcdc;
    padding: 30px;
    border-radius: 20px;
}

@media(max-width:767px) {
    #boxContent {
        padding: 20px 15px;
    }
}*/

#boxContent img {
    max-width: 100% !important;
}

header h1.title {
    font-size: 14pt;
    line-height: 24px;
    color: #333;
    margin: 0 0 30px;
    padding: 10px 0;
    font-weight: 400;
}

.price h3 {
    color: #f00;
    font-size: 23pt;
    font-family: Arial;
}

    .price h3 small {
        font-size: 10pt;
    }

    .price h3 .percent {
        z-index: 10;
        display: inline-block;
        width: 55px;
        height: 24px;
        padding: 0 2px 0 6px;
        line-height: 25px;
        background: url(../img/icon/discount.svg) no-repeat;
        background-size: contain;
        color: #fff;
        font-size: 13pt;
        text-align: center;
        font-weight: 400;
        vertical-align: text-top;
        vertical-align: 4px;
        font-style: normal;
    }

article div.button {
    display: block;
    margin: 15px 0;
}

    article div.button a {
        background: #194C5D;
        color: #fff;
        font-size: 9pt;
        font-family: Arial;
        border-radius: 13px;
        text-align: center;
        padding: 7px 20px;
        margin: 0 2px;
    }

        article div.button a:hover {
            color: #fff !important;
        }

/*CONTACT*/
#Contact p.lead {
    padding: 2px 0 10px;
    font-size: 14pt;
    font-weight: 400;
    color: #3d3d3d;
    text-align: center;
    line-height: 18px;
    font-family: 'Myriad Pro Bold';
    font-style: italic;
}

.newsOtherList {
    padding: 0 0 30px;
}

    .newsOtherList ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .newsOtherList ul li {
            padding: 4px 0 3px;
        }

            .newsOtherList ul li:before {
                content: "●";
                color: #401e1d;
                font-size: 8pt;
                margin: 2px 10px 0 0;
                float: left;
            }

            .newsOtherList ul li a {
                font-size: 14px;
                font-family: Arial,Arial;
                color: #401e1d;
                text-transform: uppercase;
            }

                .newsOtherList ul li a:hover {
                    color: #EE1C25 !important;
                }

                .newsOtherList ul li a span.date {
                    font-size: 9pt;
                    color: #C7C7C7;
                    font-family: Arial,Arial;
                }

.boxContact {
    display: block;
    margin: 0 auto;
    padding: 30px 0;
}

    .boxContact .contact-content {
        font-size: 14px;
        font-family: Arial;
        color: #3e3e3e;
    }

        .boxContact .contact-content strong,
        .boxContact .contact-content b,
        .boxContact .contact-content h1,
        .boxContact .contact-content h2,
        .boxContact .contact-content h3,
        .boxContact .contact-content h4 {
            font-family: Arial;
            color: #000;
        }

        .boxContact .contact-content a {
            color: #0056b8;
        }

    .boxContact .boxMap {
        width: 100%;
        padding: 15px 0;
    }

        .boxContact .boxMap iframe {
            width: 100% !important;
            height: 400px !important;
            border: none;
        }

    .boxContact .note {
        font-size: 9pt;
        text-align: center;
        font-family: Arial;
        padding: 10px 0;
    }

    .boxContact .form-group {
    }

    .boxContact .form-control {
        color: #3D3D3D;
        font-style: italic;
        background-color: #fff;
        background-image: none;
        border: 1px solid #C2C2C2;
        border-radius: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }

    .boxContact .boxCaptcha {
        background: url(../img/bgcaptcha.png);
        text-align: center;
        height: 34px;
        min-width: 100px;
        padding: 7px 10px;
        line-height: 20px;
        font-weight: bold;
        color: #000;
    }

        .boxContact .boxCaptcha:after {
            font-family: monospace, monospace;
            font-size: 19pt;
            text-transform: uppercase;
        }

    .boxContact .btn {
        border-radius: 0;
        font-weight: bold;
        padding: 4px 45px;
        margin-right: 10px;
        font-size: 14pt;
        font-style: italic;
        font-weight: 400;
        border: none !important;
    }

        .boxContact .btn.btn-primary {
            background: #194C5D;
        }

            .boxContact .btn.btn-primary:hover {
                background: #FF0000;
            }

@media(min-width:994px) {
    .boxContact .col-sm-6 {
        padding: 0 0 0 30px;
    }

        .boxContact .col-sm-6:nth-child(2n+1) {
            padding: 0 40px 0 0;
        }
}
/*END CONTACT*/

/*LOGIN*/

.boxLogin {
    /*position: absolute;
    top: 24px;
    right: 0;
    width: 330px;
    padding: 10px;
    background: #066;*/
}

    .boxLogin form#frmForgot {
        display: none;
    }

    .boxLogin form {
        padding: 5px;
    }

        .boxLogin form .form-group {
            margin-bottom: 15px;
        }

        .boxLogin form label.control-label {
            font-weight: 400;
            font-size: 9pt;
            color: #000;
            padding: 4px 0 0 15px;
        }

        .boxLogin form input.form-control {
            display: block;
            width: 100%;
            height: 30px;
            padding: 5px 12px;
            font-size: 9pt;
            line-height: 1.428571429;
            color: #555555;
            vertical-align: middle;
            /*background-color: #ffffff;
            border: none;*/
            border-radius: 0;
        }

form .btn-group label.btn {
    background: none;
    border: none;
    box-shadow: none;
    font-size: 10pt;
    font-family: Arial;
    color: #000;
}

    form .btn-group label.btn input[type=radio],
    form .btn-group label.btn input[type=checkbox] {
        display: none;
    }

    form .btn-group label.btn:before {
        content: " ";
        width: 20px;
        height: 20px;
        border: 2px solid #abadb3;
        background-color: #fff;
        display: block;
        float: left;
        margin-right: 3px;
        box-shadow: none;
    }

    form .btn-group label.btn:hover:before {
        background-color: #def;
        border: 2px solid #79b;
    }

    form .btn-group label.btn.active:before {
        background-color: #2f0d04;
        border: 2px solid #fff;
        box-shadow: 0 0 6px #abadb3;
    }

.boxLogin form a.forgot:hover {
    color: #F58634;
}

.boxLogin form button.btn,
.boxLogin a.btn {
    border-radius: 0;
    border: none;
    padding: 15px 30px;
    font-family: Arial;
    font-size: 12pt;
    border-radius: 6px;
    background: #F58634;
}

.boxLogin .has-error .help-block {
    color: #f00;
}

#socialLoginList {
}

    #socialLoginList a.social {
        font-size: 14pt;
        padding: 0;
        width: 240px;
        height: 45px;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        display: block;
    }

        #socialLoginList a.social:hover {
            background-color: #000 !important;
            opacity: 0.7;
        }

    #socialLoginList a.facebook {
        background: url(../img/register_facebook.gif) no-repeat center;
    }

    #socialLoginList a.google {
        background: #d34836 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAMFBMVEX///////////////////////////////////////////////////////////////9Or7hAAAAAD3RSTlMAESIzRFVmd4iZqrvM3e5GKvWZAAAAa0lEQVR4Xm3NvQ1AQBwF8L/4CBLJjWADJkBtBRsYwRI3gB0wgkqiUWg0PnaQcxpy4lUKr3m/vObRb7Jl9t+2JRcYgsaVQNxaJ+AJZwf0bUgAMm+G1go1AlGXXsDKqAYUowrgU34ARtmHn+cH5IoZ3KS6v/AAAAAASUVORK5CYII=') /*../img/google-icon.png*/ 9px center no-repeat;
    }

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ccc;
}

.page-login {
}

    .page-login #boxContent {
        padding: 50px 0 0;
    }

        .page-login #boxContent button.btn {
            border-radius: 0;
        }

/*LOGIN*/
#boxLogin, #boxForgot {
    margin: 30px 0;
}

    #boxLogin form,
    #boxForgot form {
        margin: 40px 0 0;
    }

        #boxLogin form input.form-control,
        #boxForgot form input.form-control {
            border-radius: 0;
            border: none;
            background: #E5E5E5;
            color: #000;
        }

        #boxLogin form label.control-label {
            font-family: Arial;
        }

        #boxLogin form input.form-control:hover {
            box-shadow: 0 0 5px #F58634;
        }

        #boxLogin form .btn-group label.btn {
            box-shadow: none !important;
            text-shadow: none;
            padding: 0;
        }

        #boxLogin form .btn-group label:before {
            background: url('http://825253401.r.cdn77.net/images/form-sprite.png') no-repeat -2px -262px;
            width: 18px;
            height: 18px;
            content: "";
            /* display: inline-block; */
            overflow: hidden;
            float: left;
            margin: 2px 3px 0 0;
        }

        #boxLogin form .btn-group label.active:before {
            background-position: -78px -262px;
        }

        #boxLogin form button.btn,
        #boxForgot form button.btn,
        #boxRegister form button.btn {
            background: #ddd;
            color: #333;
            border-radius: 0;
            border: none;
            margin: 0 10px 0 0;
        }

#boxForgot {
    display: none;
}

/*ACCOUNT*/
.side-account-left {
}

    .side-account-left h3 {
        color: #000;
        font-size: 10pt;
        font-weight: normal;
        padding: 7px 0 6px 30px;
        margin-bottom: 8px;
        font-family: Arial, sans-serif;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABYlBMVEX///9kZGRkZGRkZGRkZGSQkJBkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGT+/v5kZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGTBwcFkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRqampkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGT///9kZGRkZGRkZGT///9kZGRkZGRkZGRkZGRkZGRkZGT///9kZGT///9kZGRkZGRkZGRkZGRkZGT3tbX4ubl6enrDw8Nra2tkZGRkZGSWlpZkZGRkZGRkZGRlZWWmpqZkZGTjAAD///+NjY3FxcVlZWXkCQnmGhpvbW2ZmZnmvLznISHpMjJqamrf39/gPz/i4eF5eXmFhYWgbGylo6O8i4vAwMDtX1/xenrzkJD29vb3s7P70tL+8vL//f2JiYndpn0XAAAAVnRSTlMAAQYICRAREhMXGBkiJicqMDE4TE5RUVVYWVxeYGNmZmdoamtsbnByc3R1dnd4eXp8fomLjpCRkpOUl56lqKyvtLvAwsXH0dXW39/i7PP3+fr8/f7+/nAP2jgAAADsSURBVHheZcllVwJhFEXhF7AbW8wRUTHHTuxuUfcAZnfH/9fF3CXLy/501nlMqhKrtsCklzMNRAe8+vfMkWxQQw1uu8UKJpCCChaQRhRMIrUrCCKVKvAukyxidEVLADPZJi1fYKy/zGN0mZXDs6tr8+ONuf/uvKnoRuzr4vwztr415Ev9WSuw+fbuOC9XwGLGH0QADj4c53UHYNRI/j2Aw5tj52wfYDtfwCbZ3fPRg7vKBTpwe7y+5DSReKJKICRwcg+38fg3AYEmVPUCdRqCAtUa2gQqNPQIFPbZdm93Zzjc1RpqabasBv/v+QP96VlzZefpeAAAAABJRU5ErkJggg==') /*../img/customer-sprite.png*/ no-repeat center left;
    }

        .side-account-left h3 span {
            font-weight: normal;
            font-family: Arial;
        }

    .side-account-left ul {
        margin: 0;
        padding: 0 0 0 20px;
        list-style: none;
    }

        .side-account-left ul li {
            padding: 5px 0;
            line-height: 16px;
        }

            .side-account-left ul li a {
                color: #333;
                text-decoration: none;
                font-family: Arial;
            }

                .side-account-left ul li a.active,
                .side-account-left ul li a:hover {
                    color: #F58634;
                }

#wrapper .page-cart {
    width: 100% !important;
    max-width: none;
    padding: 0;
}

    #wrapper .page-cart .page-content {
        padding: 20px 0;
    }

    #wrapper .page-cart table.table {
        font-family: Arial, Arial;
    }

        #wrapper .page-cart table.table thead tr {
            background: #194C5D;
            color: #fff;
        }

        #wrapper .page-cart table.table tr a.remove {
            font-size: 14pt;
            font-weight: normal;
        }

        #wrapper .page-cart table.table tr .media a {
            text-decoration: none;
            color: #000;
            font-family: Arial, Arial;
            font-size: 10pt;
        }

            #wrapper .page-cart table.table tr .media a:hover {
                color: #F58634;
            }

        #wrapper .page-cart table.table tr .media .media-objects {
            width: 80px;
        }

.media-object_color {
    width: 60px;
}

#wrapper .page-cart table.table tr .media .media-left {
    float: left;
    margin: 0 0px 0 0;
}

#wrapper .page-cart table.table tr .media .media-body .option {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 10px; /* Firefox */
    column-gap: 10px;
}

#wrapper .page-cart table.table tr .boxNumber button.btn {
    background: #666;
    border: 1px solid #666;
}

#wrapper .page-cart table.table tr .numberic {
    text-align: center;
    width: 50px;
    padding: 6px;
    margin: 0 auto;
}

#wrapper .page-cart table.table tbody {
    border-bottom: 3px solid #666;
}

    #wrapper .page-cart table.table tbody td {
        padding-right: 20px;
    }

        #wrapper .page-cart table.table tbody td .input-group {
            width: 80px;
        }

        #wrapper .page-cart table.table tbody td span.visible-xs {
            display: none;
        }

#wrapper .page-cart table.table tfoot {
    border-bottom: 2px solid #666;
}

    #wrapper .page-cart table.table tfoot tr td {
        border: none;
        padding-right: 20px;
        text-transform: uppercase;
    }

@media(max-width:890px) {
    #wrapper .page-cart table.table tbody td span.visible-xs {
        display: inline-block !important;
        padding: 0;
    }

        #wrapper .page-cart table.table tbody td span.visible-xs:after {
            content: ": ";
            padding-right: 5px;
        }
}

#wrapper .page-cart nav .previous a {
    display: inline-block;
    padding: 5px 14px;
    background: none;
    border: none;
    border-radius: 0;
}

#wrapper .page-cart nav .next a {
    display: inline-block;
    padding: 5px 14px;
    background-color: #ddd;
    border: none;
    border-radius: 0;
    color: #666;
    margin-left: 10px;
}

    #wrapper .page-cart nav .next a:hover {
        background: #194C5D;
        color: #fff !important;
    }

/*BOOKING*/

.boxGuide {
    display: block;
    border: 1px solid #D2CAC7;
    background: #EBEFEE;
}

    .boxGuide h4.title {
        background: #194C5D;
        font-size: 19pt;
        line-height: 30px;
        padding: 6px 0;
        margin: 0;
        text-align: center;
        font-weight: 400;
        color: #fff;
        text-transform: uppercase;
    }

    .boxGuide .content {
        display: block;
        padding: 15px;
    }

#boxBooking {
}

    #boxBooking p.title {
        color: #FF7A01;
        margin: 15px 0 0;
        padding: 10px 0 5px;
    }

    #boxBooking .boxAddress {
        background: #eee;
        border: 1px solid #CFCFCF;
        padding: 15px 5px;
    }

    #boxBooking .boxInfoBooking {
        background: #fff;
        border: 1px solid #CFCFCF;
        padding: 15px 5px;
    }

    #boxBooking .boxPayment {
        background: #fff;
        border: 1px solid #CFCFCF;
        padding: 15px;
    }

        #boxBooking .boxPayment ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            #boxBooking .boxPayment ul li {
                margin-bottom: 22px;
            }

                #boxBooking .boxPayment ul li label {
                    background: #194C5D;
                    line-height: 24px;
                    color: #fff;
                    padding: 6px 3px 6px 10px;
                    position: relative;
                    display: block;
                    cursor: pointer;
                }

                #boxBooking .boxPayment ul li input {
                    float: left;
                    margin: 2px;
                }

                /*#boxBooking .boxPayment ul li label .icon {
                    background: url(../img/arrow-payment.png) no-repeat center;
                    width: 34px;
                    height: 34px;
                    position: absolute;
                    top: 1px;
                    right: 3px;
                    -moz-transition: all .5s ease-in-out;
                    -o-transition: all .5s ease-in-out;
                    -webkit-transition: all .5s ease-in-out;
                    transition: all .5s ease-in-out;
                }

                #boxBooking .boxPayment ul li label.active .icon {
                    background: url(../img/arrow-payment-up.png) no-repeat center;
                }*/

                #boxBooking .boxPayment ul li .entry {
                    display: none;
                }

    #boxBooking button.btn {
        background: #194C5D;
        color: #fff;
        border: none;
        border-radius: 0;
    }

.modal-content {
}

    .modal-content .modal-header {
        background: #194C5D;
        text-align: center;
        color: #fff;
    }

        .modal-content .modal-header button.close {
            color: #fff;
            width: 30px;
            height: 30px;
            border-radius: 15px;
            border: 1px solid #fff;
            opacity: 1;
            line-height: 20px;
        }

            .modal-content .modal-header button.close:hover {
                opacity: 0.7;
            }

    .modal-content .modal-body {
        background: #EEE;
        padding: 40px 10px;
    }

.box-social {
    margin: 30px auto;
    text-align: center;
}

footer {
    background: #fff;
    padding: 15px 0 0;
    color: #666;
    border-top: 5px solid #5C7186;
}

    footer .col-sm-6 {
        -moz-transition: all .5s all;
        -o-transition: all .5s all;
        -webkit-transition: all .5s all;
        transition: all .5s all;
    }

    footer h3.title {
        font: 400 13px/22px Arial, Helvetica, sans-serif;
        color: #3a3a3a;
        text-transform: uppercase;
        margin: 0 0 14px 0;
        padding-bottom: 6px;
        font-weight: 700;
    }

    footer .entry {
        margin-bottom: 20px;
    }

        footer .entry ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            footer .entry ul li {
                padding: 3px 0;
            }

                footer .entry ul li img {
                    margin-right: 10px;
                }

                footer .entry ul li a {
                    color: #666;
                    text-decoration: none;
                    font-size: 9pt;
                }

                    footer .entry ul li a.title:before {
                        display: inline-block;
                        font-family: 'Glyphicons Halflings';
                        content: "\e258";
                        font-size: 7pt;
                        margin-right: 7px;
                        color: #f48b47;
                    }

    footer .col-sm-5 .fb-page {
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    footer .col-sm-6 .fb-page > span {
    }

    footer a.btn {
        height: 26px;
        line-height: 24px;
        text-align: center;
        padding: 0 15px;
        color: #fff;
        font-size: 9pt;
    }

        footer a.btn:hover {
            color: #000;
        }

        footer a.btn.btn-red {
            border: 1px solid #F78A8A;
            border-radius: 12px;
        }

    footer .copyright {
        margin: 15px auto 0;
        padding: 15px 0;
        background: #587185;
        color: #fff;
        font-size: 10pt;
    }

        footer .copyright a {
            color: #ccc;
        }

        footer .copyright .designby {
            white-space: nowrap;
        }

        footer .copyright .col-sm-9 {
            padding: 5px 15px;
            line-height: 18px;
        }

    footer .boxStatis {
        line-height: 14px;
        background: url(../img/online.png) no-repeat center left;
        padding: 0 0 0 28px;
    }

        footer .boxStatis span {
            display: inline-block;
        }

@media (max-width: 767px) {
    footer .copyright {
        text-align: center;
    }

    footer .boxStatis {
        padding: 15px 0 0;
        background: none;
    }

        footer .boxStatis span {
            display: inline;
        }
}



.tab-pane {
    padding: 15px 0;
}

.boxHomeProduct .tab-pane {
    padding: 0;
}

a.to-top {
    display: block;
    width: 30px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    border-radius: 0;
    background-color: #eee;
    border: 2px solid #ccc;
    color: #194C5D;
    cursor: pointer;
    position: fixed;
    right: 0;
    bottom: 40px;
    z-index: 100;
}

    a.to-top:hover {
        background-color: #194C5D;
        color: #fff;
    }


.modal-title {
    text-transform: uppercase;
}

.nguyen-logo {
    -webkit-text-stroke: 1px white;
    color: #f37540;
    font-size: 26pt;
    font-weight: bold;
}

.nguyen-logo:hover {
    color: #f37540;
}