body {
     font-size: 15px;
     font-family: "Roboto-Regular";
     min-width: 1260px
}

@font-face {
     font-family: "Roboto-Regular";
     src: url('../fonts/Roboto-Regular.ttf');
}

@font-face {
     font-family: "Roboto-Bold";
     src: url('../fonts/Roboto-Bold.ttf');
}

@font-face {
     font-family: "Roboto-Black";
     src: url('../fonts/Roboto-Black.ttf');
}


/* global */

.container {
     width: 1200px !important
}

.cover-background,
.cover-background-fullscreen,
.cover-scrolltop-background {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgb(0, 0, 0, 62%);
     z-index: 130;
     display: none;
}

.cover-background-fullscreen {
     z-index: 180;
}

.rel {
     /* position: relative */
}

.red {
     color: #dea940
}

.over-hide {
     overflow: hidden
}

.blue {
     color: #9c9c9c
}

.back-to-top {
    position: fixed;
    z-index: 123;
    right: -60px;
    bottom: -60px;
    text-align: center;
    color: #EC000A;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    box-shadow: chartreuse;
    border: 2px solid #333;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
}
.back-to-top:before{
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 0 15px 15px 15px;
     border-color: transparent transparent #333 transparent;
     position: absolute;
     content:"";
     left: calc(50% - 15px);
     top: calc(50% - 10px);
}

/* menu responsive */


/* mani */

header #responsive-menu {
     position: relative;
     z-index: 1;
     width: 100%;
     max-height: 100%;
     z-index: 1234;
     top: 0;
     max-height: 420px;
     overflow-y: auto;
     -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.4);
     -moz-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.4);
     box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.4);
}

header #responsive-menu .title .wrap {
     clear: both;
     width: 22px;
     float: left;
     margin-top: 6px;
     margin-right: 10px;
}

header #responsive-menu .title .icon-bar {
     width: 22px;
     height: 2px;
     background: #fff;
     float: left;
     clear: both;
     margin-bottom: 3px;
}

header #responsive-menu .title {
     background: rgb(27, 127, 198);
     padding-left: 10px;
     padding: 10px;
     color: #FFF;
     font-size: 17px;
     cursor: pointer;
     cursor: hand;
     -webkit-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.4);
     -moz-box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.4);
     box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.4);
}

header #responsive-menu .content {}

header #responsive-menu .content ul {
     list-style: none;
     padding: 0;
     background: #F9F9F9;
}

header #responsive-menu .content>ul {
     display: none;
}

header #responsive-menu .content .toggle-menu {
     float: right;
     background: url(../img/icon-1.png) no-repeat center center;
     width: 15px;
     height: 15px;
     cursor: hand;
     cursor: pointer;
     margin-right: 7px;
     position: absolute;
     top: 7px;
     right: 0px;
     padding: 10px;
}

header #responsive-menu .content .toggle-menu.active {
     background: url(../img/icon-2.png) no-repeat center center;
}

header #responsive-menu .content ul li a {
     color: #8A8989;
     font-size: 16px;
     padding-left: 5px;
}

header #responsive-menu .content ul li {
     padding: 8px 0px;
     border-bottom: 1px solid #ccc;
     position: relative;
     cursor: hand;
     cursor: pointer;
}

header #responsive-menu .content ul li:hover {
     background: #fff
}

header #responsive-menu .content ul li ul {
     display: none
}

header #responsive-menu .content li li:first-child {
     border-top: 1px solid #ccc
}

header #responsive-menu .content>ul>li ul {
     position: relative;
     top: 9px;
}

header #responsive-menu .content>ul li ul li {
     /* padding-left: 15px;
    */
     text-indent: 10px;
}

header #responsive-menu .content>ul li ul li ul li {
     text-indent: 20px
}

header #responsive-menu .content>ul>li>ul>li>ul {}

#form-search.search-menu {
     margin-top: -6px;
}

header #form-search {
     overflow: hidden;
     float: right;
     width: 210px;
     margin-top: 10px;
     position: relative;
     width: 63%;
}

#form-search.search-menu input {
     border: 1px solid rgba(204, 204, 204, 0.32);
     border-radius: 0;
     padding: 6px 4px;
     font-size: 13px;
     outline: none;
     width: 100%;
}

#form-search.search-menu button {
     font-size: 16px;
     margin-top: 7px;
     margin-right: 4px;
}

header #form-search button {
     position: absolute;
     right: 3px;
     top: 1px;
     padding: 0px 0px;
     border: 0;
     color: #121212;
     font-size: 23px;
     outline: none;
     background: none;
}


/* end */

.phantrang {
     margin-left: 15px
}

.anim-05 {
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     transition: all 0.5s ease;
}

.tooltip-inner {
     border-radius: 0 !important
}

.link-transpare-border:before {
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     transition: all 0.5s ease;
     width: 100%;
     height: 100%;
     border: 5px solid rgba(255, 255, 255, 0.6);
     content: "";
     position: absolute;
     left: 0px;
     top: 0;
}

.global-title h2:after,
.title-global h2:after,
.global-title h2:before,
.title-global h2:before {
     content: "";
     position: absolute;
     width: 26px;
     left: 0;
     height: 51px;
     top: 0px;
     z-index: 1;
     background: url(../img/fix-title-left.png) no-repeat;
     opacity: 1;
     display: none;
}

#contact .global-title:after,
#contact .title-global:after {
     display: none
}

#contact .global-title h2,
#contact .title-global h2 {}

.global-title:after,
.title-global:after,
.global-title:before {
     content: "";
     width: 100%;
     background-color: #39abfe;
     height: 40px;
     bottom: 7px;
     position: absolute;
     z-index: 1;
     display: none;
}

.global-title h2:after,
.title-global h2:after {
     background: url(../img/fix-title-right.png) no-repeat;
     left: auto;
     right: -52px;
     width: 57px;
     top: 0px;
     height: 51px;
}

.global-title h2,
.title-global h2 {
     margin: 0;
     text-align: center;
     color: #000;
     font-size: 48px;
     z-index: 2;
     position: relative;
     font-family: "Roboto-Black";
}

.global-title h2.index:after {
     height: 52px;
}

.title-global,
.global-title {
     margin-top: 16px;
     margin-bottom: 30px;
     position: relative;
}

.inner-website .global-title,
.inner-website .title-global {}

.inner-max-width img {
     max-width: 100%;
     height: auto;
     margin: auto;
}

.videoWrapper {
     position: relative;
     padding-bottom: 56.25%;
     /* 16:9 */
     padding-top: 25px;
     height: 0;
}

.videoWrapper iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


/* fb rp */

#fbcomments,
.fb-comments,
.fb-comments iframe[style],
.fb-comments span {
     width: 100% !important;
}


/* fb rp */


/* end global */


/*header */

header {
     top: 0;
     z-index: 30;
     width: 100%;
     background: #333;
     position: relative;
}

header .wrap-top {
     padding: 20px 0 0px;
     position: relative;
}

header #lang-bar {
     text-align: right;
     margin-bottom: 5px;
}

header .hotline-social {
     color: #B3ADAD;
}

header #form-xsearch-menu {
     position: relative;
     margin-top: 3px;
     width: 90%;
     float: left;
     margin-right: 10px;
}

header #form-xsearch-menu input {
     padding: 13px 3px;
     background-color: #fff;
     outline: none;
     border: 1px solid #fff;
     border-radius: 30px;
     width: 100%;
     text-indent: 10px;
     color: #333;
     margin: 0 0%;
}

header #form-xsearch-menu button {
     position: absolute;
     background-color: #189eff;
     border: 0;
     color: #fff;
     font-size: 15px;
     top: 5px;
     right: 7px;
     height: 40px;
     width: 40px;
     border-radius: 50%;
     padding-top: 6px;
}

header .hotline-social span {
     font-size: 21px;
     line-height: 26px;
     margin-right: 12px;
     position: relative;
     top: 2px;
}

header .hotline-social span i {
     font-size: 16px;
}

header #social-air {}

header .banner img {
     /* margin:auto */
     float: left;
}

header .banner {}

header .top-header {
     background: #f2f2f2;
     position: relative;
     padding: 5px 0;
     color: #424242;
     font-size: 14px;
     font-family: Roboto-Regular;
}

header .open-header {
     background: url(../img/icon-open.png) no-repeat center left;
     padding-left: 25px;
}

header .email-header {
     background: url(../img/icon-email.png) no-repeat center left;
     padding-left: 25px;
}

header .top-header .wrap-top {
     display: table;
     width: 100%;
}

header .top-header .wrap-top div {
     display: table-cell
}

header .top-header .wrap-top div.email {
     background: url(../img/email.png) no-repeat left 0;
     padding-left: 23px;
}

header .top-header .wrap-top div.phone {
     background: url(../img/phone.png) no-repeat left 0;
     padding-left: 23px;
}

header .top-header div.tel {
     background: url(../img/tel.png) no-repeat left 0;
     padding-left: 23px;
}

header #social-air {
     text-align: revert;
     float: right;
}

header #social-air div:hover {
     background-position: 0 100% !Important
}

header nav {
     z-index: 1;
     width: 100%;
     bottom: 0;
     position: relative;
     background-color: #222222;
}

ul#main-nav .logo {
     padding-top: 4px;
     padding-bottom: 4px;
}

ul#main-nav {
     list-style: none;
     padding: 0;
     margin-bottom: 0;
     position: relative;
     margin-top: 0;
     z-index: 2;
     display: flex;
     width: 100%;
     /* float: left; */
}

ul#main-nav li.last {
     min-width: 142px;
     max-height: 20px;
     position: relative;
     max-width: 203px;
     padding: 0;
     margin: 0;
     display: block;
     float: right;
}

ul#main-nav li.last form {
     margin: 0;
     padding: 0;
     background-color: red;
     top: 8px;
     position: absolute;
}

ul#main-nav li.last form input {
     width: 100%;
}

ul#main-nav li.last form button {
     position: absolute;
     right: 0;
}

ul#main-nav li.last form button i {}

ul#main-nav>li:hover>div>a,
ul#main-nav li.active>div>a {
     color: #fff;
}

ul#main-nav>li:hover,
ul#main-nav li.active {}

ul#main-nav>li {
     /* position: relative; */
     z-index: 1;
     overflow: hidden;
     text-align: center;
     display: flex;
     padding: 0;
     padding: 0;
     margin: 0;
     justify-content: center;
     align-items: center;
}

ul#main-nav>li:after,
ul#main-nav>li:before {
     width: 1px;
     height: 20px;
     background: #44b0ff;
     content: "";
     right: 0px;
     top: 15px;
     position: absolute;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     transition: all 0.5s ease;
     display: none;
}

ul#main-nav>li.last:after,
ul#main-nav>li.last:before {
     display: none
}

ul#main-nav>li:after {}

ul#main-nav>li:hover:after,
ul#main-nav>li:hover:before,
ul#main-nav>li.active:after,
ul#main-nav>li.active:before {
     width: 1px;
}

ul#main-nav li {
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     transition: all 0.5s ease;
}


/* icon */

ul#main-nav li a:hover {}

header select#navigator {
     margin: 10px auto;
     max-width: 400px;
     border-radius: 0;
     text-align: center;
     font-size: 14px;
}

header #form-search-v2 {
     position: absolute;
     top: 8px;
     right: 10px;
}

header #form-search-v2 form {}

header #form-search-v2 form input {
     padding: 3px;
     border: 1px solid transparent;
     background: rgb(51, 51, 51);
     border: 0;
     padding: 5px 8px;
     background: #333333;
     color: #fff;
     border-radius: 14px;
     width: 210px;
     padding-right: 20px;
     outline: none;
}

header #form-search-v2 form button {
     position: absolute;
     background: transparent;
     border: 0;
     color: #fff;
     top: 6px;
     right: 4px;
     outline: none;
}

ul#main-nav a {
     font-family: "Roboto-Bold";
}

ul#main-nav>li a {
     color: #F9F9F9;
     font-size: 15px;
     position: relative;
     font-weight: normal;
     padding: 16px 13px;
     -o-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     transition: all 0.3s ease;
     float: left;
     width: 100%;
     text-transform: uppercase;
}

ul#main-nav>li:hover>a,
ul#main-nav>li.active>a {
     color: #FBBD00;
}

ul#main-nav>li a:hover,
ul#main-nav>li.active>a {
     text-decoration: none;
}

ul#main-nav>li ul {
     padding: 0;
     margin: 0;
}

ul#main-nav>li ul ul {
     left: 100%;
     top: 0;
}

ul#main-nav>li ul li {}

ul#main-nav>li ul li a {
     color: #333;
     font-size: 11pt;
     float: none;
     text-transform: none;
     padding: 0;
     font-family: Roboto-Regular;
}

ul#main-nav>li ul li a:hover {
     color: yellow;
}

ul#main-nav>li:hover>ul {
     display: block !important;
     opacity: 1;
}

ul#main-nav li:hover>ul {
     display: block !important;
}

ul#menu-member .dropdown-menu li {
     float: none;
     padding: 2px 0;
}

ul#menu-member .dropdown-menu li a {
     color: #111;
     font-size: 17px;
}

header nav ul #form-search {
     position: absolute;
     top: 2px;
     right: 6px;
}

header nav ul #form-search input {
     border-radius: 0;
     border: 0;
     padding: 2px 8px;
     border-radius: 5px;
     border: 1px solid rgba(0, 0, 0, 0.17);
     background: none;
     color: #FFF;
     width: 240px;
     height: 28px;
     padding-right: 20px;
     outline: none;
     -webkit-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.25);
     -moz-box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
     box-shadow: inset 0px 0px 5px 0px rgba(50, 50, 50, 0.24);
     background-color: rgba(255, 255, 255, 0);
}

header nav ul #form-search button {
     position: absolute;
     background: transparent;
     border: 0;
     color: #127EB3;
     top: 3px;
     right: 7px;
     outline: none;
     text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.29);
     font-size: 19px;
}

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

ul#menu-member li:first-child:after {
     content: "";
     position: absolute;
     width: 1px;
     height: 12px;
     right: 0;
     background: rgba(255, 255, 255, 0.71);
     top: 17px;
}

ul#menu-member li.cart {
     padding: 8px;
}

ul#menu-member li.cart img {
     margin-right: 5px;
}

ul#menu-member li.cart span {
     color: rgb(254, 241, 0);
}

ul#menu-member li {
     float: left;
     padding: 12px 9px;
     position: relative;
}

ul#menu-member li a {
     color: #fff;
     text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}

.brand-inner {}

.brand-inner ul {
     list-style: none;
     margin: 0;
     padding: 0;
     margin-top: 15px;
}

.brand-inner ul li {
     background: url(../img/dot-pink.png) no-repeat 0px 14px;
     padding: 5px 0;
     padding-left: 19px;
     border-bottom: 1px dashed rgb(2, 130, 37);
     margin: 9px 0;
}

.brand-inner ul li a {
     font-size: 17px;
     color: #222;
}

#page-wrapper {
     position: relative;
     z-index: 23;
}

table#giohang input {
     margin: 5px 0px;
     font-size: 19px;
}

table#giohang input.btn,
.xbtn {
     background: #075992;
     color: #ffffff;
     padding: 3px 10px;
     border: none;
     margin: 5px 3px;
     border-radius: 0;
     padding: 7px 15px;
     background: #000000;
     line-height: 15px;
     text-transform: uppercase;
     font-size: 12px;
     position: relative;
}

.source-cart {
     background: url(../img/shop-cart.png) no-repeat;
     width: 50px;
     height: 50px;
     background-size: 50px;
     position: absolute;
     right: 20px;
     top: 30px;
     position: fixed;
}

.source-cart a {
     font-size: 15px;
     background: black;
     border-radius: 50%;
     width: 20px;
     height: 20px;
     float: left;
     position: relative;
     left: 37px;
     text-align: center;
     color: #fff;
     font-weight: bold;
}

h3.all-cart-price {
     margin-left: 10px;
     font-size: 27px;
     color: rgb(192, 39, 49);
}

#social-air a {
     position: relative;
     width: 100%;
     height: 100%;
     margin: 0px 3px;
     text-align: center;
}

#bottom-page-wrapper {
     background: #FFD63E url(../img/sm-footer.jpg) no-repeat top center;
     padding: 20px 0;
}

#bottom-page-wrapper .box .inner-box {}

#bottom-page-wrapper .box .inner-box .title {
     font-size: 20px;
     font-weight: bold;
     color: red;
     text-align: center;
}

#bottom-page-wrapper .video-wrap .box .inner-box .content {
     width: 82%;
     margin: auto;
     margin-top: 20px;
}

#video-controls {
     border-radius: 0;
     border: 1px solid rgb(255, 220, 84);
     margin-top: -1px;
}

#bottom-page-wrapper .box .inner-box .content {}

#bottom-page-wrapper .box {
     background: url(../img/bg-box.png)no-repeat;
     width: 576px;
     height: 478px;
     padding: 0px 25px;
     padding-top: 40px;
}

footer {
     padding-bottom: 0;
     position: relative;
     background-color: #fff;
     padding-top: 3%;
}

footer .social {
     margin: 10px 0
}

footer .social a {
     margin-right: 14px;
}

footer .title-global.center {
     text-align: center;
     margin-bottom: 30px;
}

footer .title-global.center h2 {
     text-align: center;
     z-index: 123;
     float: none;
}

footer .menu-bottom {
     margin-bottom: 5px;
}

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

footer .content-footer {
     padding-top: 15px;
}

footer .menu-bottom ul li a {
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     transition: all 0.5s ease;
     color: #fff
}

footer .menu-bottom ul li a:hover {
     text-decoration: none;
     color: #77C4F9
}

footer .menu-bottom ul li:after {
     position: absolute;
     content: "";
     background-color: #fff;
     width: 1px;
     height: 10px;
     right: 0;
     top: 9px;
}

footer .menu-bottom ul>li:first-child {
     padding-left: 0
}

footer .menu-bottom ul li:last-child:after {
     display: none
}

footer .menu-bottom ul li {
     float: left;
     position: relative;
     padding: 0px 10px;
}

footer .title {
     color: #000;
     margin-bottom: 15px;
     font-size: 16px;
     font-family: Roboto-Bold;
}

footer .content.visit {
     color: #fff;
}

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

footer .content.visit ul li img {
     margin-right: 6px;
}

footer .content.visit ul li {}

footer .copyright {
     padding: 20px 0;
     color: #fff;
     font-size: 14px;
     font-family: Roboto-Regular;
     background: #333;
     line-height: 28px;
     margin-top: 20px;
}

footer .copyright p {
     margin-bottom: 0;
}

footer .copyright .httt,
footer .copyright .bct {
     float: left;
     padding-top: 10px;
}

footer .copyright .httt {
     width: 58%;
     margin-right: 15px;
}

footer #top-footer {
     background: url(../img/top-footer.jpg);
     padding: 40px 0;
     position: relative;
}

footer #top-footer:after {
     content: "";
     position: absolute;
     left: 0;
     bottom: -10px;
     width: 100%;
     height: 13px;
     background: url(../img/top-footer-bg.png) repeat-x;
}

footer #top-footer .support-item {
     margin: 0;
     padding: 0;
     list-style: none;
}

footer #top-footer .support-item li {
     padding-left: 21px;
     background: url(../img/people.png) no-repeat 0px 5px;
     text-transform: capitalize;
}

footer #top-footer .support-item li .sp-item {
     color: #fff;
}

footer #top-footer .support-item li .sp-item .name {
     float: left;
     width: 85px;
     position: relative;
     top: 0px;
}

footer #top-footer .support-item li .sp-item .yahoo {
     float: left;
}

footer #top-footer .support-item li .sp-item .skype {
     float: left;
     margin: 0px 10px;
}

footer #top-footer .support-item li .sp-item .phone {
     float: left;
     color: red;
     font-weight: bold;
}

footer #top-footer #form-sub {
     margin-top: 6px;
     float: left;
     width: 100%;
     position: relative;
}

footer #top-footer #form-sub input {
     width: 100%;
     padding: 6px 10px;
     border: 1px solid #ccc;
     padding-right: 112px;
}

footer #top-footer #form-sub button {
     background-color: #00A2ED;
     border: 0;
     padding: 7px 20px;
     color: #fff;
     text-transform: uppercase;
     font-family: Verdana;
     position: absolute;
     top: 0px;
     right: 0;
}

footer #content-footer {
     padding-top: 2%;
}

footer #content-footer ul {
     width: 100%;
}

footer .item-ft {
     font-family: Roboto-Regular;
     font-size: 14px;
     margin-bottom: 7px;
     color: #333;
}

footer .item-ft a {
     font-family: Roboto-Regular;
     font-size: 14px;
     margin-bottom: 7px;
     color: #333;
     text-decoration: none
}

footer .item-ft a:hover {
     color: #FBBD00;
}

footer .item-ft.nb a {
     font-family: Roboto-Bold
}

footer .item-ft i {
     font-size: 9px;
     margin-right: 5px;
}

footer .item-qc {
     margin-bottom: 20px;
}

footer .item-qc a {
     padding: 5px;
     padding-left: 12px;
     padding-right: 13px;
     background: #fff;
     border: 1px solid #333;
     border-radius: 25px;
     text-decoration: none;
     color: #333;
     font-family: Roboto-Bold
}

.video-wrapper iframe {
     width: 100% !Important;
     left: 0;
     right: 0;
     position: absolute;
     height: 100% !important;
     border: 0;
}

.video-wrapper {
     position: relative;
     padding-bottom: 37.55%;
     height: 0;
}

.map-contact {
     border: 1px solid rgba(204, 204, 204, 0.31);
     margin-bottom: 4px;
}

.video-wrapper.mini {
     padding-bottom: 40%;
}

.xbanner {
     position: fixed;
     top: 0;
     background: url(../img/header-bg.jpg) no-repeat top center;
     z-index: 2;
}

.gn-menu-wrapper li {
     text-indent: 10px
}

.gn-menu-wrapper li ul {
     padding-left: 32px;
}


/* notify me */

.alert-box-container {
     position: fixed;
     bottom: 10px;
     color: #fff;
     z-index: 1234;
     right: 10px;
}

.alert-box {
     padding: 19px 15px;
     color: #fefefe;
     position: relative;
     font: 14px/20px Museo300Regular, Helvetica, Arial, sans-serif;
     margin-top: 5px;
}

.alert-box .msg {
     padding: 0 20px 0 40px;
}

.alert-box p {
     margin: 0;
}

.alert-box .toggle-alert {
     position: absolute;
     top: 7px;
     right: 10px;
     display: block;
     text-indent: -10000px;
     width: 20px;
     height: 20px;
     border-radius: 10px;
     -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1);
     -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1);
     box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1);
     background: rgba(0, 0, 0, 0.08) url(../img/alert.png) no-repeat 6px 6px;
}

.info-box {
     background: #2fa9f6 url(../img/info.png) no-repeat 14px 14px;
}

.success-box {
     background: #7EB62E url(../img/success.png) no-repeat 14px 14px;
}

.error-box {
     background: #f64b2f url(../img/error.png) no-repeat 14px 14px;
}

.notice-box {
     background: #f6ca2f url(../img/notice.png) no-repeat 14px 14px;
}

.download-box {
     background: #a555ca url(../img/download.png) no-repeat 14px 14px;
}

.zoomContainer {
     z-index: 123
}

.nav-request {
     background-color: #3B8AB9;
     margin-top: 5px !Important;
     -webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.5);
     -moz-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.5);
     box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.5);
}

.nav-request li {
     padding: 15px 6px !important;
     text-align: center;
}

.nav-request li.active a {
     color: #111 !Important;
}

.nav-request li.active a:hover {}

.nav-request li.active {
     background-color: #fff;
}

.nav-request li a p {
     margin-bottom: 0;
}

.nav-request li a .number {
     font-size: 13px;
     text-transform: capitalize;
     font-weight: normal;
     text-align: center;
}

.nav-request li a {
     text-shadow: none !Important;
}

.from.question {
     display: none;
     margin-top: 10px;
}

.header-question {
     font-size: 20px;
     color: #999;
     font-style: italic;
}

.inbox-question .info {
     border-bottom: 1px solid #ccc;
     margin-bottom: 5px;
     padding-bottom: 0px;
}

.inbox-question {
     border-top: 1px solid #ccc;
     margin-top: 10px;
     padding: 10px 0;
}

.inbox-question .item-question {
     margin-bottom: 10px;
}

.inbox-question .item-question .q:hover {
     background: #EEFFDA url(../img/question_a.png) no-repeat 9px 6px;
}

.inbox-question .item-question .q {
     background: #E3ECD2 url(../img/question.png) no-repeat 9px 6px;
     padding: 6px;
     padding-left: 60px;
     border-top: 3px solid #CFDEB2;
     cursor: hand;
     cursor: pointer;
}

.inbox-question .item-question .a {
     background: #e9e5d4;
     padding: 0 10px;
     display: none;
     border-bottom: 10px solid #e9e5d4;
     margin: 10px 0;
     padding: 10px;
}

.fb-page,
.fb-page span,
.fb-page span iframe[style] {
     width: 100% !important;
}

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

ul#light-gallery li .inner {
     padding: 3px;
     -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2);
     -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2);
     box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.2);
}

.grid-item {
     margin-bottom: 16px;
}

.col-8 {
     padding-left: 8px;
     padding-right: 8px
}

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

.service-home .owl-prev {
     width: 32px !important;
     height: 32px !important;
     background: url(../img/next.png) no-repeat !important;
     position: absolute;
     top: calc(50% - 27px) !important;
     left: 21px !important;
}

.service-home .owl-next {
     width: 32px !important;
     height: 32px !important;
     background: url(../img/prev.png) no-repeat !important;
     position: absolute;
     top: calc(50% - 27px) !important;
     right: 1154px !important;
}

.map-contact iframe {
     width: 100%
}

.breadcrumb-top {
     margin-top: 0%;
}

.breadcrumb {
     font-size: 14px;
     color: #333;
     letter-spacing: 0.1px;
     padding: 10px 10px 5px 10px;
     text-align: left;
     margin-bottom: 0;
     background: transparent;
}

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

.breadcrumb ul>li {
     display: inline-block;
     position: relative;
     margin-bottom: 5px;
}

.breadcrumb a {
     color: #333;
     font-family: "Roboto-Regular";
}

.breadcrumb i {
     margin: 0px 10px;
     font-size: 9px;
}

.hide-index {
     width: 0px;
     height: 0px;
     text-indent: -9999px;
     position: absolute;
}

header {
     color: #fff;
}

.logo-in-theme {
     color: #fff;
}

.logo-in-theme .logo {
     margin-bottom: 5px;
}

.logo-in-theme .btn-group .toggle-menu-dropdown {
     color: #fff;
     font-family: "Roboto-Bold";
     text-decoration: none
}

.logo-in-theme .btn-group .toggle-menu-dropdown i {
     margin-left: 5px;
     font-size: 13px
}

.logo-in-theme .dropdown-menu {
     padding: 10px;
     background-color: #fff;
     border: 1px solid #e7e7e7;
     background-clip: padding-box;
     border-radius: 0
}

header .wrap-top .search_form {}


/*search*/

.search-and-cart .searchform {
     border-radius: 5px;
     background: #fff;
     padding: 0;
     height: 42px;
     position: relative;
     display: inline-block;
     width: 538px;
     margin-bottom: 0;
}

.search-and-cart .searchform .input-group {
     display: block;
     overflow: hidden;
     height: 100%;
     border: 1.5px solid #000;
     border-radius: 5px;
     z-index: 55;
}

.search-and-cart .searchform .select-field {
     position: relative;
     float: left;
     width: 100px;
     height: 100%;
}

.search-and-cart .searchform .select-field input[type=text] {
     border: 0;
     background: 0 0;
     color: #55acee;
     font-weight: 700;
     height: 100%;
}

.select-field select {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 1;
     color: #333;
     z-index: 2333;
     border: none;
     font-weight: bold;
     font-size: 15px;
     outline: none;
}

.search-and-cart .select-field:after {
     content: "";
     width: 1.5px;
     height: 80%;
     background: #333;
     display: block;
     position: absolute;
     right: -7px;
     top: 10%;
     z-index: 78999;
}

.search-and-cart .searchform .form-control {
     float: left;
     width: calc(100% - 200px);
     height: 100%;
     border: none;
     font-family: "Roboto-Regular";
}

.search-and-cart .searchform .input-group-btn {
     display: block;
     float: left;
     width: 100px;
     height: 100%;
     background: #f2f2f2;
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
}

.search-and-cart .searchform .input-group-btn button {
     width: 100%;
     padding: 0;
     display: block;
     height: 100%;
     background: 0 0;
     color: #515151;
     text-transform: unset;
     border: none;
     font-family: "Roboto-Regular";
}

.search-and-cart .shop-cart {
     margin-top: 0;
     display: inline-block;
     margin-left: 20px;
     width: calc(100% - 479px - 84px);
}

.search-and-cart .shop-cart .hotline {
     float: left;
     line-height: 19px;
     color: #fff;
     text-align: center;
}

.search-and-cart .shop-cart .hotline .hotline-desc {
     font-size: 14px;
     font-weight: 400;
     margin: 0;
}

.search-and-cart .shop-cart .hotline a {
     display: block;
     color: #fff;
     font-weight: 600;
     font-size: 21.9px;
     margin-top: 4px;
}

.search-and-cart .shop-cart .top-cart {
     border: 1.7px solid #fff;
     border-radius: 3px;
     height: 42px;
     line-height: 30px;
     width: 144px;
     float: right;
     display: flex;
     justify-content: center;
     align-items: center;
     font-family: "Roboto-Regular";
}

.search-and-cart .shop-cart .top-cart a,
.search-and-cart .shop-cart .hotline a {
     text-decoration: none
}

.search-and-cart .shop-cart .top-cart .cart-contents {
     display: block;
     background: #000;
     height: 100%;
     text-align: left;
     color: #fff;
     font-size: 14px;
     padding: 0 11px;
}

.search-and-cart .shop-cart .top-cart .cart-contents i {
     margin: 0;
     height: 100%;
     line-height: unset;
     background: 0 0;
     text-align: left;
     display: inline;
     margin-right: 10px;
     font-size: 20px;
     position: relative;
     top: 5px;
}

.search-and-cart .shop-cart .top-cart .cart-contents .count-cart-header {
     background: #fcd836;
     color: #515151;
     font-weight: 600;
     height: 20px;
     width: 20px;
     display: inline-block;
     line-height: 20px;
     text-align: center;
     border-radius: 3px;
     margin-left: 4px;
}

.select-field i {
     position: absolute;
     top: 50%;
     right: 1px;
     transform: translate(0, -50%);
     z-index: 7888;
}

.search-and-cart .searchform .select-field i {
     color: #000;
     font-size: 17px;
}

header .top-menu-links {
     padding-left: 0;
     margin: 0;
}

header .top-menu-links>li {
     float: left;
     margin-right: 25px;
     list-style: none;
     font-family: "Roboto-Regular";
}

header .top-menu-links>li.kiem-tra-don-hang.active {
     color: #fff000;
}

header .top-menu-links>li.kiem-tra-don-hang.active .foot-form-tim-don-hang {
     color: #fff;
}

header .top-menu-links>li a {
     color: #fff;
     display: inline-block;
     line-height: 48px;
     cursor: pointer;
     text-decoration: none;
     font-size: 14px;
}

header .top-menu-links>li .menu-icon span {
     height: 24px;
     width: 24px;
     line-height: 24px;
     display: inline-block;
     border: 1px solid #fff;
     border-radius: 100%;
     font-size: 13px;
     position: relative;
     top: 1px;
     text-align: center;
}

header .top-menu-links>li .menu-icon.topLike span {
     background: #FBBD00;
}

header .top-hover-btn i {
     font-size: 11px;
}

header .top-menu-links>li a.active,
header .top-menu-links>li a:hover {
     color: #fff000;
}

.custom-tooltips {
     position: relative;
}

header .top-menu-links .last-menu {
     overflow: hidden;
     margin-right: 0;
     float: right;
     margin-top: 2px;
}

header .top-menu-links .last-menu a {
     font-family: Roboto-Bold
}

header .top-menu-links .last-menu a:first-child:after {
     content: "";
     width: 1.5px;
     height: 16px;
     display: inline-block;
     background: #fff;
     margin: 0 10px;
     position: relative;
     top: 2px;
}


/*end searh*/


/*menu*/

.caret {
     display: inline-block;
     width: 0;
     height: 0;
     margin-left: 2px;
     vertical-align: middle;
     border-top: 4px solid;
     border-right: 4px solid transparent;
     border-left: 4px solid transparent;
}

ul#main-nav>li a .category-megamenu {
     background-color: #000;
     padding: 18px 20px;
     cursor: pointer;
}

ul#main-nav>li a.home i {
     color: #FBBD00;
     font-size: 19px;
}

ul#main-nav>li .dropdown-menu {
     font-size: 14px;
     border: 1px solid #e7e7e7 !important;
     width: 1200px;
     border-radius: 0;
}

ul#main-nav>li:hover .dropdown-menu {
     opacity: 1;
     filter: alpha(opacity=100);
     display: block;
     background: #fff;
     border: none;
     top: 54px;
     left: 0;
}

.megamenu-items li {
     line-height: 30px;
}

.megamenu-items li h3 {
     margin: 10px 0;
     color: #222;
     font-family: Roboto-Bold;
     font-size: 16px;
}

.megamenu-items li span {
     color: #333;
}

.megamenu-items li span i {
     font-size: 9px;
}

img.wp-smiley,
img.emoji {
     display: inline;
     border: none;
     box-shadow: none;
     height: 1em;
     width: 1em;
     margin: 0 .07em;
     vertical-align: -.1em;
     background: 0 0;
     padding: 0;
}

ul#main-nav li ul li a:hover {
     color: #000;
     font-family: Roboto-Bold;
}

.title-menu {
     text-align: center;
     margin-top: 10%;
}

.title-menu span {
     font-size: 50px;
     font-family: "Roboto-Black";
     text-align: center;
}

.text-menu {
     text-align: center;
     font-family: Roboto-Regular;
     font-size: 18px;
     color: #333;
     margin-bottom: 10px;
}

.right-megamenu-item>li .login_toggle_btn {
     z-index: 250;
}

.right-megamenu-item>li {
     list-style: none;
     float: left;
     display: flex;
     justify-content: center;
     align-items: center;
     margin: 13px 0;
     margin-right: 0px;
     z-index: 1;
     position: relative;
}

.right-megamenu-item>li .login_toggle_btn .toggle-tooltips-hover {
     display: block;
     text-align: center;
     line-height: 1.5em;
     border-radius: 100%;
     float: left;
     cursor: pointer;
     text-decoration: none;
}

.right-megamenu-item>li .login_toggle_btn .toggle-tooltips-hover>span {
     background: #e73838;
     height: 100%;
     width: 100%;
     padding: 5px 7px;
     color: #fff;
     border-radius: 3px;
     font-family: "Roboto-Bold";
     text-decoration: none;
     overflow: hidden;
     text-overflow: ellipsis;
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
}

.right-megamenu-item>li .login_toggle_btn .toggle-tooltips-hover>span img {
     border-radius: 100%;
     display: block;
     height: 100%;
     width: 100%;
}

.right-megamenu-item>li .login_toggle_btn i {
     font-size: 16px;
     color: #FBBD00;
}

.right-megamenu-item>li .login_toggle_btn .toggle-tooltips-hover i {
     margin-top: -4px;
     margin-right: 1px;
     position: relative;
     top: -2px;

}

.right-megamenu-item {
     padding: 0;
     margin: 0;
     z-index: 777;
     position: relative;
     float: right;
}

.right-megamenu-item>li:first-child {
     margin-left: 0;
     margin-top: 0;
     position: relative;
     top: 13px;
     margin-right: 10px;
}

.custom-tooltips .custom-tooltips-container {
     display: none;
     position: absolute;
     top: 38px;
     left: -180px;
     background: #f2f2f2;
     z-index: 666;
     box-shadow: 0 0 10px 0 #bbb;
}

.custom-tooltips .custom-tooltips-container.tooltips-bottom {
     top: 38px;
     left: -180px;
}

.sidenav ul>li.callMeBack .custom-tooltips-container {
     top: unset;
     bottom: -49px;
     left: 83px;
     border-radius: 5px;
     background: #fff;
}

.sidenav ul>li.callMeBack .custom-tooltips-container .callMeBack-cnt {
     background: #fff;
     padding: 33px 33px 12px;
     position: relative;
     width: 525px;
}

.sidenav ul>li.callMeBack .custom-tooltips-container .callMeBack-cnt .callMeBack-close {
     position: absolute;
     top: 12px;
     right: 12px;
     background: 0 0;
     border: 0;
     font-weight: 400;
     width: 19px;
     height: 19px;
     padding: 0;
}

.sidenav ul>li.callMeBack .custom-tooltips-container .callMeBack-cnt .callMeBack-close i {
     font-size: 19px;
}

#ktdt-no {
     color: #c00;
     padding: 5px 4px;
     background-color: #ffeff0;
     line-height: 20px;
     font-family: "Roboto-Regular";
     font-size: 14px;
     padding-top: 10px;
     margin: 0;
}

.sidenav ul>li.callMeBack .custom-tooltips-container .callMeBack-cnt p {
     text-align: center;
     font-size: 14px;
     font-weight: 400;
     margin: 0 0 10px;
}

.hint_product_search {
     position: absolute;
     top: 42px;
     width: 100%;
     max-height: 340px;
     z-index: 50;
     overflow: auto;
     display: none;
}
.hint_product_search::-webkit-scrollbar {width: 5px;}
.hint_product_search::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px #222}
.hint_product_search::-webkit-scrollbar-thumb{background-color: #222;outline: 1px solid slategrey;}
.hint_product_search .hint_block {
     background: #fff;
     padding-bottom: 13px;
     position: relative;
}

.hint_product_search .hint_block.hint_viewed_product .clear_viewed_products {
     position: absolute;
     top: 13px;
     right: 12px;
     background: 0 0;
     border: 0;
     text-transform: unset;
     font-size: 12px;
     font-weight: 400;
}

.hint_product_search .hint_block .hint_block_title {
     margin: 0;
     padding: 10px 12px 0;
     font-size: 17px;
     background: #fff;
     color: #55acee;
     font-family: "Roboto-Bold";
     margin-bottom: 10px;
}

.hint_product_search .hint_block .hint_content {
     padding-top: 7px;
     margin-bottom: 0;
     background: #fff;
     padding: 0;
     margin: 0;
}

.hint_product_search .hint_block .hint_content li {
     overflow: hidden;
     position: relative;
     border-bottom: 1px solid #f2f2f2;
     padding: 5px 12px;
}

.hint_product_search .hint_block .hint_content li .hint_row {
     display: block;
     overflow: hidden;
     border: 0;
}

.hint_product_search .hint_block .hint_content li .hint_row .hint_thumb {
     float: left;
}

.hint_product_search .hint_block .hint_content li .hint_row .hint_thumb img {
     height: 35px;
     border-radius: 4px;
}

.hint_product_search .hint_block .hint_content li .hint_row .hint_info {
     float: left;
     width: calc(100% - 75px);
     margin-left: 10px;
}

.hint_product_search .hint_block .hint_content li .hint_row .icon-hint {
     float: left;
     width: 20px;
     color: #222;
}
.hint_product_search .hint_block .hint_content li .hint_row .icon-hint i{color:#222;}
.hint_product_search .hint_block .hint_content li .hint_row .hint_info h4 {
     margin: 0;
     font-size: 14px;
     color: #515151;
     width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     font-family: Roboto-Bold;
}
.hint_product_search .hint_block .hint_content li.no-item{color:#222;    border-bottom: 0;}

.hint_product_search .hint_block .hint_content>li .hint_row .hint_info .hint_price {
     color: #f00;
     margin: 0;
     font-size: 13px;
     margin-top: 4px;
     font-family: Roboto-Bold;
}

#send_request_msg {
     color: #f00;
}

.sidenav ul>li.callMeBack .custom-tooltips-container .callMeBack-cnt p span {
     color: #fbbd00;
     font-weight: 600;
     font-size: 21.9px;
}

.sidenav ul>li.callMeBack .custom-tooltips-container .callMeBack-cnt .callMeBack-row {
     overflow: hidden;
     margin-bottom: 7px;
}

.sidenav ul>li.callMeBack .custom-tooltips-container .callMeBack-cnt .callMeBack-row .callMeBack-row-left {
     float: left;
     overflow: hidden;
}

.sidenav ul>li.callMeBack .custom-tooltips-container .callMeBack-cnt .callMeBack-row input[type=text] {
     border: 1px solid #d7d9da;
     border-radius: 5px;
     width: 277px;
     padding: 0 13px;
     height: 36px;
}

.sidenav ul>li.callMeBack .custom-tooltips-container .callMeBack-cnt .callMeBack-row .callMeBack-row-right {
     float: right;
     overflow: hidden;
     width: calc(100% - 285px);
}

.sidenav ul>li.callMeBack .custom-tooltips-container .callMeBack-cnt .callMeBack-row .callMeBack-row-right>input[type=text] {
     width: calc((100% - 0px));
     float: left;
     margin-right: 2px;
}

.sidenav ul>li.callMeBack .custom-tooltips-container .callMeBack-cnt .callMeBack-row .callMeBack-row-right {
     float: right;
     overflow: hidden;
     width: calc(100% - 285px);
}

.sidenav ul>li.callMeBack .custom-tooltips-container .callMeBack-cnt .callMeBack-row button {
     width: 100%;
     background: #222;
     color: #fff;
     height: 36px;
     line-height: 36px;
     border: 0;
     border-radius: 5px;
     text-transform: unset;
     padding: 0 !important;
     font-size: 14px;
     font-weight: 400;
}

.sidenav ul>li #callBackmeDontShowToday {
     max-width: initial;
     cursor: pointer;
     font-size: 11px;
}

.custom-tooltips .custom-tooltips-container.tooltips-right:before {
     content: " ";
     height: 0;
     position: absolute;
     width: 0;
     top: -14px;
     right: 33px;
     border: 7px solid transparent;
     border-bottom-color: #fff;
}

.sidenav ul>li.callMeBack .custom-tooltips-container:before {
     top: 140px;
     left: -20px;
     right: unset;
     border: 10px solid transparent;
     border-right-color: #fff;
}

.right-megamenu-item>li .login_toggle_btn .tooltips-hover {
     top: 40px;
     left: auto;
     left: -110px;
     border-radius: 4px;
}

.right-megamenu-item>li .custom-tooltips .custom-tooltips-container {
     width: 280px;
}

.right-megamenu-item .toggle-tooltips-body {
     padding: 10px;
}

.custom-tooltips .custom-tooltips-container .toggle-tooltips-body {
     overflow: hidden;
}

.login_bottom_btn {
     padding: 0;
     list-style: none
}

.right-megamenu-item>li .login_toggle_btn .tooltips-hover .login_bottom_btn {
     overflow: hidden;
}

.right-megamenu-item>li .login_toggle_btn .tooltips-hover .login_bottom_btn>li {
     display: block;
     width: 100%;
     margin-bottom: 10px;
}

.right-megamenu-item>li .login_toggle_btn .tooltips-hover .login_bottom_btn .login_btn {
     background: #4371a3;
     font-family: Roboto-Bold;
     text-decoration: none
}

.right-megamenu-item>li .login_toggle_btn .tooltips-hover .login_bottom_btn .register_btn {
     background: #e73838;
     font-family: Roboto-Bold;
     text-decoration: none
}

.right-megamenu-item>li .login_toggle_btn .tooltips-hover .login_bottom_btn>li button,
.right-megamenu-item>li .login_toggle_btn .tooltips-hover .login_bottom_btn>li a {
     display: block;
     width: 100%;
     text-transform: unset;
     font-weight: 700;
     font-size: 17px;
     height: 36px;
     text-align: center;
     color: #fff;
     border: 0;
     line-height: 35px;
     border-radius: 4px;
}

.right-megamenu-item>li .thiet_ke_thi_cong {
     padding: 5px 7px;
     color: #fff;
     background: #f14f66;
     border-radius: 3px;
     text-transform: uppercase;
     display: block;
     position: relative;
     font-family: Roboto-Bold;
     max-width: 135px;
     text-decoration: none;
     margin-left: 7px;
}

.kiem-tra-don-hang .custom-tooltips .custom-tooltips-container {
     width: 229px;
     top: 48px;
     left: -63px;
     border-radius: 7px;
     display: none;
     z-index: 788;
}

.kiem-tra-don-hang .custom-tooltips .custom-tooltips-container.active {
     display: block;
}

.kiem-tra-don-hang .toggle-tooltips-body {
     background: #fff;
     border-radius: 7px;
}

.custom-tooltips .custom-tooltips-container .toggle-tooltips-body {
     overflow: hidden;
}

.kiem-tra-don-hang .toggle-tooltips-body .form-tim-don-hang {
     padding: 14px;
}

.kiem-tra-don-hang .toggle-tooltips-body .form-tim-don-hang label {
     display: block;
     margin-bottom: 20px;
     color: #333;
     font-weight: normal;
}

.kiem-tra-don-hang .toggle-tooltips-body .form-tim-don-hang input {
     display: block;
     width: 100%;
     margin-top: 6px;
     padding: 6px 5px;
     border-radius: 3px;
     border: 1px solid #dedede;
     box-shadow: none;
}

.kiem-tra-don-hang .toggle-tooltips-body .form-tim-don-hang .btn {
     background: #333;
     color: #fff;
     text-transform: unset;
     width: 100%;
}

.kiem-tra-don-hang .toggle-tooltips-body .foot-form-tim-don-hang {
     background: #FBBD00;
     padding: 7px 14px;
     font-weight: normal;
}

.kiem-tra-don-hang .toggle-tooltips-body .foot-form-tim-don-hang p {
     margin: 0;
     font-size: 12px;
}

.kiem-tra-don-hang .toggle-tooltips-body .foot-form-tim-don-hang p span {
     color: #000;
}

.right-megamenu-item>li .thiet_ke_thi_cong svg {
     position: absolute;
     top: -16px;
     right: -16px;
     width: 35px;
     height: 35px;
}

.right-megamenu-item>li .sale-off {
     padding: 5px 6px;
     color: #000;
     background: #FBBD00;
     font-family: Roboto-Bold;
     border-radius: 3px;
     text-transform: uppercase;
     display: block;
     margin-left: 13px;
     font-size: 14px;
}

.right-megamenu-item>li .custom-tooltips.login_toggle_btn.active .custom-tooltips-container {
     display: block;
}


/*end menu*/


/*slider*/

.slider-full {
     margin-top: 10px;
}

.slider {
     margin-top: 5px;
}

#skSSync2 {
     height: 55px;
     width: 100%;
     border-top: 0;
     background: #fff;
}

#skSSync2 .item {
     display: table;
     position: relative;
     text-align: center;
     cursor: pointer;
     height: 55px;
}

#skSSync2 .item h3 {
     font-size: 12px;
     color: #000000;
     line-height: 1.3em;
     margin: 0;
     padding: 13px 15px;
     font-family: "Roboto-Regular";
}

.img-hidden {
     opacity: 0;
}

#skSSync2 .item::after {
     content: '';
     float: right;
     position: absolute;
     top: 10px;
     right: 8px;
     border: 1px solid #e5e5e5;
     border-width: 0 1px 0 0;
     padding: 20px;
     display: none
}

#skSSync2 .item.slick-current h3 {
     color: #F00;
     font-family: Roboto-Bold
}

.banner-right .recent_posts {
     background: #fff;
}

.banner-right .recent_posts .recent_posts_title {
     font-size: 20px;
     color: #000;
     border: 1px solid #f2f2f2;
     border-bottom: 0;
     margin: 0;
     padding: 6px 7px;
     font-family: Roboto-Bold
}

.content-news-slider .item-news-slider {
     overflow: hidden;
     padding: 8px 9px;
     border: 1px solid #f2f2f2;
     border-bottom: 0;
}

.item-news-slider .post_img {
     float: left;
     width: 103px;
     height: 61px;
}

.item-news-slider .post_cnt {
     float: right;
     width: calc(100% - 111px);
}

.content-news-slider .item-news-slider h3.post_title {
     margin: 0;
     font-size: 14px;
     margin-bottom: 7px;
}

.content-news-slider .item-news-slider .post_title a {
     font-size: 14px;
     border: 0;
     font-family: Roboto-Regular;
     text-decoration: none;
     color: #333;
}

.content-news-slider .item-news-slider .post_date {
     margin: 0;
     font-size: 12px;
     color: #515151;
     font-family: Roboto-Regular
}

.content-news-slider .bottom_action a {
     display: block;
     text-align: center;
     width: 100%;
     height: 49px;
     line-height: 47px;
     font-size: 16px;
     font-family: Roboto-Regular;
     text-decoration: none;
     color: #333;
     border: 1px solid #f2f2f2;
     margin-bottom: 10px;
}

.banner-right .companyActivity {
     height: 108px;
     border: 1.5px solid #000;
     background: #fff;
}

.banner-right .companyActivity .toggle-popup {
     display: block;
     height: 100%;
     border: 0;
     cursor: pointer;
     color: #333;
}

.banner-right .companyActivity .text {
     font-size: 22px;
     font-weight: 900;
     text-align: center;
     width: calc(100% - 160px);
     height: 100%;
     padding-top: 19px;
     line-height: 34px;
     float: left;
}

.banner-right .companyActivity .text:hover {
     color: #f00;
}

.banner-right .companyActivity button {
     float: right;
     width: 138px;
     height: 69px;
     margin-right: 22px;
     margin-top: 17px;
     font-size: 43px;
     background: #f14f66;
     color: #fff;
     border: 0;
     border-radius: 4px;
}

.pdl0 {
     padding-left: 0px;
}

.pdr10 {
     padding-right: 10px;
}


/*end slider*/


/*index*/

.why-top {
     padding-top: 10px;
     padding-bottom: 2%;
}

.item-why {
     text-align: center;
     color: #333;
}

.item-why .img-why {
     text-align: center;
     min-height: 35px;
}

.item-why .name-why {
     color: #333;
     font-family: Roboto-Regular;
     font-size: 14px;
}

.item-why a {
     text-decoration: none
}

.col2-index {
     width: 14%;
     position: relative;
}

.item-why {
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
}

.col2-index:before {
     position: absolute;
     right: 0px;
     top: 0;
     width: 1px;
     height: 55px;
     background: #bababa;
     content: "";
}

.col2-index:last-child:before {
     display: none
}

.item-why .img-why img {
     text-align: center;
     margin: 0 auto;
}

.why-top .content-why {
     background: #fff;
     padding-top: 10px;
     padding-bottom: 10px;
}

.pd0 {
     padding: 0;
}

.pdl {
     padding-left: 0;
}

.pdr {
     padding-right: 0;
}

.section-product {
     padding-top: 3%;
}

.nav-tabs.myTab-index {
     border: none;
     display: flex;
     justify-content: center;
     align-items: center;
     margin-bottom: 30px;
}

.nav-tabs.myTab-index li a {
     color: #333;
     font-family: Roboto-Bold;
     text-transform: uppercase;
     text-decoration: none;
     padding: 0;
     margin-left: 30px;
     border-radius: 0;
     background: transparent;
     border: none;
}

.nav-tabs.myTab-index li:hover a,
.nav-tabs.myTab-index li.active a {
     color: #FBBD00;
     background: transparent;
     border-color: #e6e6e6;
     border: none;
     border-bottom: 3px solid #FBBD00;
}

.col5-pro {
     width: 20%
}

.phantrang {
     margin: 0 auto;
     display: flex;
     justify-content: center;
     align-items: center;
}

.pagination>li>a.current,
.pagination>li>a:hover {
     background: #E25922;
     color: #fff;
}

.invi_load {
     visibility: hidden !important
}

.pagination-ajax {
     text-align: center;
     margin-top: 15px;
}

.pagination-ajax a {
     display: inline-block;
     vertical-align: top;
     margin: 0px 2px 3px 2px;
     color: #333;
     background: #eee;
     border: 1px solid rgba(161, 161, 161, 0.4);
     font-size: 12px;
     cursor: pointer;
     padding: 3px 10px 5px 10px;
     border-radius: 2px;
}

.pagination-ajax a.current,
.pagination-ajax a:hover {
     background: #fecb00;
     color: #fff;
     border-color: #fecb00;
}


/*end index*/


/*tool bar*/

.sidenav {
     width: auto;
     z-index: 456;
     bottom: 50px;
     padding: 10px 0;
     border: 1px solid #f2f2f2;
     left: 13px;
     background: #fff;
     border-radius: 5px;
     position: fixed;
}

.sidenav ul {
     padding: 0;
     margin: 0;
}

.sidenav ul li {
     list-style: none
}

.sidenav ul>li a {
     padding: 3px;
     display: block;
     border-radius: 5px;
     text-align: center;
     font-size: 10px;
     line-height: 15px;
     color: #515151;
     font-weight: 700;
     max-width: 72.19px;
     max-height: 54px;
     text-decoration: none;
     cursor: pointer;
}

.sidenav ul>li a.chat_animation svg {
     margin: -13px 0 -20px;
}

.sidenav ul>li a i {
     width: 33px;
     height: 33px;
     display: block;
     margin: auto;
}

.icon-messenger {
     background: url(../img/icon-messenger.png) no-repeat;
     background-size: contain;
     width: 36px;
     height: 36px;
     display: inline-block;
}

.icon-zalo-circle2 {
     background: url(../img/icon-zalo-circle2.png) no-repeat;
     background-size: contain;
     width: 36px;
     height: 36px;
     display: inline-block;
}

.icon-heart {
     background: url(../img/icon-heart.png) no-repeat;
     background-size: contain;
     width: 36px;
     height: 36px;
     display: inline-block;
}

.icon-call {
     background: url(../img/icon-call.png) no-repeat;
     background-size: contain;
     width: 36px;
     height: 36px;
     display: inline-block;
}


/*end tool*/

.list_index .cat-item {
     height: 85px;
     margin-bottom: 17px;
}

.list_index .cat-item .cate_url {
     display: flex;
     border: 1px solid #dedede;
     padding: 8px;
     border-radius: 10px;
     background: #fff;
     text-decoration: none;
}

.list_index .cat-item .cate_url .cate_thumb {
     width: 64px;
}

.list_index .cat-item .cate_url .cate_info {
     padding-left: 10px;
     width: calc(100% - 67px);
}

.list_index .cat-item .cate_url .cate_info .cate_name {
     font-size: 15px;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     margin-bottom: 1px;
     margin-top: 11px;
     font-family: Roboto-Bold;
     color: #333;
}

.list_index .cat-item .cate_url .cate_info .count_viewed {
     margin: 0;
     font-size: 10pt;
     font-family: Roboto-Regular;
     color: #333;
}

.list_index .cat-item .cate_url:hover .cate_info .cate_name {
     color: #FBBD00;
}

.list_index .cat-item .cate_url:hover .cate_info .count_viewed {
     color: #FBBD00;
}

.pd10 {
     padding-right: 10px;
     padding-left: 10px;
}

.slick-Procat .slick-dots li button:before,
.slick-news .slick-dots li button:before {
     font-size: 20px;
}

.slick-Procat .slick-dots {
     bottom: -35px;
}

.slick-news .slick-dots {
     bottom: -55px;
}

.section-product-cat {
     padding-bottom: 4%;
}

.quangcao-index img {
     width: 100%
}

.news-top {
     padding-top: 3%;
     padding-bottom: 3%;
     background: #fff;
}

.news-top .item-news .img-news,
.news-top .item-news .img-news img {
     border-radius: 10px;
}

.news-top .item-news .name-news {
     margin-top: 15px;
}

.news-top .item-news .name-news a {
     font-size: 17px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     font-family: Roboto-Regular;
     color: #333;
     text-decoration: none
}

.news-top .item-news .name-news a:hover {
     color: #FBBD00;
}

.slick-slide,
.cat-item {
     outline: none
}

.section-pro-list {
     padding-top: 3%;
     padding-bottom: 3%;
}

.section-pro-list.chan {
     background: #fff
}

.section-color {
     padding-top: 3%;
     padding-bottom: 3%;
}

.item-color {
     margin-bottom: 11px;
}

.item-color img {
     border-radius: 10px;
     width: 100%;
}

.section-color .pd7 {
     padding-left: 7px;
     padding-right: 7px;
}

.slick-color .slick-dots li button:before,
.slick-color .slick-dots li button:before {
     font-size: 20px;
}

.section-product-news {
     background: #fff;
     padding-top: 3%;
     padding-bottom: 3%;
}

.view_all_products {
     text-align: center;
     margin-top: 30px;
}

.section-product-news .view_all_products a {
     position: relative;
     padding-right: 20px;
     padding: 10px 30px 10px 20px;
     border: 1px solid #000;
     border-radius: 20px;
     color: #333;
     background: #fff;
     font-size: 15px;
     text-decoration: none
}

.section-product-news .view_all_products a:before {
     content: "";
     padding: 0;
     border-width: 7px;
     border-style: solid;
     border-color: transparent transparent transparent #333;
     background: 0 0;
     position: absolute;
     right: 7px;
     top: 12px;
}

.news-top-bottom {
     padding-top: 3%;
     padding-bottom: 4%;
}

.news-top-bottom .content-news {
     background-color: white;
     border: 0px dashed #0099d7;
     padding: 10px;
     height: 100%;
     background: #ffffff;
}

.news-top-bottom h3 {
     margin: 10px 0;
     font-family: Roboto-Bold;
     font-size: 20px;
     border-bottom: 1px solid #ddd;
     padding-bottom: 10px;
     margin-bottom: 20px;
}

.news-top-bottom .item-news {
     margin-bottom: 15px;
}

.news-top-bottom .item-news .name-news {
     margin-bottom: 10px;
}

.news-top-bottom .item-news .name-news a {
     font-family: Roboto-Regular;
     font-size: 14px;
     color: #333;
     text-decoration: none
}

.news-top-bottom .item-news .name-news a:hover {
     color: #f00;
}

.news-top-bottom .item-news .date-news {
     margin-top: 5px;
     font-size: 13px;
     color: #333;
}

#viewed-product-cnt {
     display: none;
     width: 100%;
     position: absolute;
     top: 90px;
     left: 0;
     background: #fff;
     z-index: 60;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     right: 0;
     margin: 0 auto;
}

#viewed-product-cnt .viewed-product-container {
     overflow: hidden;
     padding: 15px;
     margin: 0;
}

#viewed-product-cnt .viewed-product-container>li {
     float: left;
     width: calc((100% - (6px*7))/7);
     margin-right: 6px;
     margin-bottom: 10px;
}

#viewed-product-cnt .viewed-product-container>li a {
     display: block;
}

.position-relative {
     position: relative;
}

#viewed-product-cnt .viewed-product-container>li img {
     width: 100%
}

.invi_load {
     visibility: hidden !important
}

#xmenx.in {
     background: #fff
}

.page-title {
     margin-bottom: 20px;
}

.page-title h2 {
     color: #222;
     font-family: Roboto-Bold;
     font-size: 28px;
     margin: 0;
}

.desc-apend.thugon {
     text-overflow: ellipsis;
     text-align: justify;
     height: 200px;
     overflow: hidden;
}

#seeMore {
     color: rgb(119, 119, 119);
     margin: 0px 0px 5px;
     color: rgb(56, 105, 159);
     text-decoration: none;
     text-align: center;
     font-family: Roboto-Bold;
}

.readmore {
     width: 200px;
     display: block;
     overflow: hidden;
     position: relative;
     line-height: 40px;
     font-size: 15px;
     color: #337ab7;
     margin: 10px auto;
     cursor: pointer;
     font-family: Roboto-Bold;
     text-align: center;
}

.tags-cat a {
     color: #000000;
     border-color: #ababab;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     display: inline-block;
     text-align: center;
     text-decoration: none;
     box-sizing: content-box;
     -moz-box-sizing: content-box;
     -webkit-box-sizing: content-box;
     transition: all .2s;
     -o-transition: all .2s;
     -ie-transition: all .2s;
     -moz-transition: all .2s;
     -webkit-transition: all .2s;
     padding: 3px 15px;
     border: 1px solid #ababab;
     margin-bottom: 5px;
}

#wrap-slider {
     margin-bottom: 20px;
}

.slider-in img {
     width: 100%
}

#wrap-slider .slick-arrow {
     position: absolute;
     top: 50%;
     padding: 0;
     margin: 0;
     border-radius: 5px;
     background: rgba(0, 0, 0, .3);
     text-align: center;
     color: #fff;
     z-index: 1;
     width: 48px;
     height: 52px;
}

#wrap-slider .slick-arrow i {
     font-size: 46px;
     color: #fff;
     background: 0 0;
     width: 48px;
     height: 52px;
     display: block;
     line-height: 51px;
}

#wrap-slider .slick-arrow:before {
     content: "";
}

#wrap-slider .slick-prev {
     left: 5px;
}

#wrap-slider .slick-next {
     right: 5px;
}

.wpo-filter .display {
     padding: 0;
     list-style: none;
     float: left;
}

.wpo-filter .display li {
     float: left;
     margin-right: 5px;
     line-height: 29px;
}

.wpo-filter .display li a {
     width: 29px;
     height: 29px;
     display: inline-block;
     text-align: center;
     background: #fff;
     border: 1px solid #dbdbdb;
     color: #9c9c9c;
}

.wpo-filter .display li a:hover,
.wpo-filter .display li a.active,
.wpo-filter .display li a:focus {
     color: #fff;
     background: #222;
     border: 1px solid #222;
}

.fs-ctf-hr {
     float: right;
     position: relative;
     top: -10px;
}

.sort-box {
     float: left;
     padding: 2px 0;
     padding-right: 0;
     box-sizing: border-box;
}

.fs-ctf-hrdrop {
     position: relative;
}

.fs-ctf-hrdrop button {
     width: 240px;
     height: 36px;
     font-size: 14px;
     position: relative;
     padding-right: 30px;
     background: #fff;
     color: #9b9b9b;
     border: solid 1px #d6d6d6;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     outline: 0;
     cursor: pointer;
}

.fs-ctf-hrdrop button:before,
.fs-ctf-hrdrop button:after {
     content: '';
     width: 0;
     height: 0;
     border-top: 6px solid #9b9b9b;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     position: absolute;
     right: 10px;
     top: 15px;
}

.fs-ctf-hrdrop button span {
     padding-left: 5px;
     color: #4a4a4a;
}

.fs-ctf-hrdrop button:before,
.fs-ctf-hrdrop button:after {
     content: '';
     width: 0;
     height: 0;
     border-top: 6px solid #9b9b9b;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     position: absolute;
     right: 10px;
     top: 15px;
}

#order-link {
     position: absolute;
     top: 100%;
     width: 100%;
     box-sizing: border-box;
     left: 0;
     z-index: 1000;
     display: none;
     float: left;
     min-width: 160px;
     padding: 5px 0;
     margin: 2px 0 0;
     list-style: none;
     font-size: 14px;
     text-align: left;
     background-color: #fff;
     border: 1px solid #ccc;
     border: 1px solid rgba(0, 0, 0, .15);
     border-radius: 4px;
     -webkit-box-shadow: 0 6px 12px #000;
     box-shadow: 0 6px 12px #000;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
}

#order-link>li>a {
     display: block;
     padding: 5px 20px 5px 40px;
     clear: both;
     font-weight: 400;
     line-height: 1.42857143;
     color: #333;
     white-space: nowrap;
     position: relative;
}

#order-link>li.active>a:before {
     content: '';
     display: inline-block;
     position: absolute;
     top: 8px;
     left: 15px;
     width: 14px;
     height: 14px;
     background: url(../img/icondt.png) no-repeat -177px -157px;
}

.content-lh {
     background: #fff;
     padding: 10px 30px 30px 30px;
}

.content-lh .title-lh {
     margin-bottom: 20px;
     border-bottom: 1px solid #ccc;
     padding-bottom: 5px;
     color: #000;
     font-size: 35px;
     font-family: Roboto-Bold
}

.flashsale {
     margin-bottom: 25px;
}

.flashsale img {
     width: 100%
}

.flashSaleCountdown {
     display: flex;
     justify-content: space-between;
     align-items: center;
     border-radius: 3px;
     background: linear-gradient(90deg, #f76b1c, #fad961);
     margin-top: .6rem;
}

.countdown.detail-pro {
     margin: 5px 0px;
     display: flex;
     margin-right: 15px;
     color: #222;
     font-size: 16px;
     font-family: Roboto-Bold;
}

.countdown_ {
     position: relative;
}

.checkout-voucher01 .input-voucher01 input {
     background: #fff;
     border: 1px solid #cecece;
     height: 38px;
     width: 80%;
     border-radius: 0;
     padding: 0 4px;
     text-transform: capitalize;
     font-size: 14px;
     float: left;
     text-indent: 10px;
}

.checkout-voucher01 #btnSubmitVoucher {
     background: #222;
     color: #fff;
     border-radius: 0px;
     border: 1px solid #222;
     padding: 7px 17px;
     display: inline-block;
}

#messger {
     color: red;
     font-family: "Roboto-Regular";
     font-size: 13px;
     margin-top: 10px;
}

.checkout-voucher01 {
     margin-bottom: 20px;
}

.page-title h2 {
     font-family: inherit;
     font-weight: 700;
     line-height: 1.1;
     color: #000;
     margin: 0;
     font-family: Roboto-Bold
}

.no-result-info {
     padding: 1em 2em 1em 2em;
     margin: 0 0 2em;
     position: relative;
     background-color: #f7f6f7;
     color: #515151;
     border-top: 3px solid #a46497;
     list-style: none outside;
     width: auto;
     word-wrap: break-word;
     border-top-color: #222222;
}

.no-result-info i {
     color: #f00;
}
.color_array a{
    border: 1px solid #ccc;
    display: inline-block;
    position: relative;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    color: #77777b;
    font-family: Roboto-Regular;
    width: 30px;
    height: 30px;
}
.size_array a {
    border: 1px solid #ccc;
    display: inline-block;
    position: relative;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    height: 30px;
    width: 30px;
    text-decoration: none;
}
.color_array a.is-active,.size_array a.is-active {
   border: #ff0000 1px solid;
}

.color_array .mausac{
}
.size_array .size {
}
.img_color{
    width: 35px;
    height: 35px;
    border-radius: 50%
}
.size font, .mausac font {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    text-transform: uppercase;
    color: #77777b;
    font-family: Roboto-Regular;
    height: 30px;
}
.color span,.size span{
    border:1px solid #f00;color:#333;padding:5px 5px;
}
.size_array{margin-bottom:10px;}
.grecaptcha-badge{opacity: 0}