.header-top nav .dropdown-lv0>li:nth-child(2) body {
    font-family: 'Roboto', sans-serif;
    color: #444;
    font-size: 14px;
}

button,
button:focus,
button:active,
button:hover,
button:visited,
input,
input:hover,
input:focus,
input:active,
iput:visited {
    outline: none !important;
    box-shadow: none !important;
}

li {
    list-style-type: none;
}

dl,
ol,
ul {
    margin: 0px;
    padding: 0px;
}

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

a:hover {
    text-decoration: none;
    color: #3cc5ea;
}

*,
*:focus,
*:active,
*:hover,
*:visited {
    outline: none;
}

.form-control:focus {
    box-shadow: none;
}

button {
    cursor: pointer;
}

.clear {
    clear: both;
    height: 10px
}

@font-face {
    font-family: "utm-cafeta";
    src: url("../fonts/UTM Cafeta.ttf") format("woff"),
        url("../fonts/UTM Cafeta.ttf") format("opentype"),
        url("../fonts/UTM Cafeta.ttf") format("truetype");
}

.font-weight-500 {
    font-weight: 500 !important;
}

.font-utm-cafeta {
    font-family: utm-cafeta, Arial, sans-serif;
}

.container-full {
    width: 100% !important;
    max-width: 1335px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

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

.col-w-l {
    width: 20%;
    padding: 0 15px;
}

.col-w-r {
    width: 80%;
    padding: 0 15px;
}

.col-0 {
    width: 0%;
    height: 0;
    padding: 0;
    min-height: 0px;
}

#mySlider {
    margin: 0 .4rem;
}

a {
    color: inherit;
}

/* width */
#main *::-webkit-scrollbar {
    width: 5px;
}

/* Track */
#main *::-webkit-scrollbar-track {
    background: #f2f2f2;
}

/* Handle */
#main *::-webkit-scrollbar-thumb {
    background: #999;
}

/* Handle on hover */
#main *::-webkit-scrollbar-thumb:hover {
    background: #777;
}

.icon-dropdown {
    display: none;
}

.search-click {
    display: none;
}

.menu-click {
    display: none;
    width: 30px;
    padding: 9px 0;
}

.menu-click span {
    width: 100%;
    display: block;
    height: 3px;
    margin-bottom: 5px;
    background: #fff;
}

.cart .menu-click {
    padding: 7px 0;
}

.cart .menu-click span {
    height: 5px;
    width: 5px;
    margin-bottom: 3px;
    background: #777;
    border-radius: 100%;
}

.menu-click span:last-child {
    margin-bottom: 0px;
}

.nav-menu li.special {
    display: none;
}

/******************** HEADER ******************/
.header-top {
    background: #353232;
    color: #fff;
    padding: 10px 0;
}

.header-top p a {
    margin-left: 10px;
}

.header-top p a img {
    margin-top: -3px;
}

.header-top p {
    margin-bottom: 0px;
}

.header-top a:hover {
    color: #3cc5ea
}

.header-top ul.nav-top-0 {
    text-align: right;
}

.header-top ul.nav-top-0>li {
    display: inline-block;
    margin-left: 5px;
    padding-left: 7px;
    border-left: 1px solid #fff;
    line-height: 1;
}

.header-top ul.nav-top-0>li:first-child {
    border-left: 0px;
}

.header-top ul.nav-top-0 li.haschild:hover>ul.dropdown-lv {
    display: block;
}

.header-top ul.nav-top-0 ul a,
.header-top ul.nav-top-0 ul button {
    text-align: left;
    color: #444;
    display: block;
    padding: 10px;
    background: none;
    border: none;
}

.header-top ul.nav-top-0 ul button {
    border-top: 1px solid #e5e5e5;
    width: 100%;
}

.header-top ul.nav-top-0 li.haschild>ul.dropdown-lv {
    right: 0;
    left: initial !important;
    width: auto;
    min-width: auto;
    white-space: nowrap;
    min-width: 150px;
}

.header-top ul.nav-top-0 ul a:hover,
.header-top ul.nav-top-0 ul button:hover {
    color: #3cc5ea;
}

.header-top .popup-authen-active {
    text-transform: uppercase;
    font-size: 13px;
    vertical-align: top;
}

.header-top nav .dropdown-lv0 {
    display: block;
    position: static;
}

.header-top nav .dropdown-lv0>li:not(.special) {
    display: inline-block;
    padding: 0px 15px;
    position: relative;
}

.header-top nav .dropdown-lv0>li:last-child {
    padding-right: 0px;
}

.header-top nav .dropdown-lv0>li>a:after {
    content: "" !important;
}

.header-top nav .dropdown-lv0 li a {
    display: inline-block;
    text-align: center;
    color: #444;
    font-size: 14px;
}

.header-top nav .dropdown-lv0>li>a {
    position: relative;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 14px;
    border-bottom: 0px;
    padding: 0px;
    color: #fff;
}

.header-top nav .dropdown-lv0>li>a .tag {
    position: absolute;
    left: calc(100% + 2px);
    top: 0;
    font-size: 10px;
    display: inline-block;
    padding: 1px 3px;
    background: #ccc;
    line-height: 1;
    font-style: italic;
}

.header-top nav .dropdown-lv0>li>a .tag.tag-sale {
    background: #e51f28;
}

.header-top nav .dropdown-lv0>li>a .tag.tag-new {
    background: #3cc5ea;
}

.header-top nav .dropdown-lv0 li a:hover {
    color: #3cc5ea;
}

.header-top nav .dropdown-lv0>li>a:hover span {
    color: #fff;
}

.header-top .dropdown-lv:not(.dropdown-lv0) {
    display: none;
    position: absolute;
    z-index: 9;
    background: #fff;
    min-width: 220px;
    min-height: 100%;
    left: 100%;
    top: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.header-top .dropdown-lv1 {
    left: 0 !important;
    top: 100% !important;
}

.header-top .dropdown-lv:not(.dropdown-lv0) li>a {
    text-align: left;
}

.logo {
    margin-top: -7px;
}

.logo img {
    max-height: 60px;
}

.logo img.logo-mb {
    display: none;
}

.header-cate {
    background: #fff;
    padding: 30px 0 0 0;
}

.header-cate.fixed {
    position: fixed;
    top: 0;
    z-index: 20;
    left: 0;
    right: 0;
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
}

/* .category{border:1px solid #e1e1e1;margin-bottom:30px;} */
.header-cate .col-w-l .menu-click span:nth-child(1) {
    width: 70%;
}

.header-cate .col-w-l .menu-click span:nth-child(3) {
    width: 85%;
}

/* .category h3{background:#3cc5ea;color:#fff;font-size:16px;padding:13px 15px;text-transform:capitalize;cursor:pointer;margin-bottom:0px;} */
#categories .dropdown-lv:not(.dropdown-lv0) {
    display: none;
    position: absolute;
    z-index: 99;
    background: #fff;
    min-width: 280px;
    min-height: 100%;
    left: 100%;
    top: 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.nav-menu .dropdown-lv li {
    padding: 0px 15px;
    position: relative;
}

.nav-menu .dropdown-lv li>a {
    display: block;
    position: relative;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px 0;
    font-weight: 400;
}

.nav-menu .dropdown-lv li:last-child>a {
    border-bottom: 0px;
}

.nav-menu .dropdown-lv li.haschild>a:after {
    content: "›";
    position: absolute;
    right: 0;
    z-index: 1;
}

.header-cate .search {
    width: calc(100% - 300px);
    float: left;
    padding-right: 20px;
}

.header-cate .search form {
    position: relative;
    border: 1px solid #e1e1e1;
    margin-right: 25px;
    height: 45px;
    display: block;
}

.header-cate .search input {
    width: calc(100% - 50px);
    height: 100%;
    border: 0px;
    padding: 0 15px;
}

.header-cate .search button {
    width: 50px;
    height: 100%;
    bordeR: 0px;
    float: right;
    background: #3cc5ea;
    color: #fff;
}

.header-cate .cart {
    display: inline-flex;
    width: 300px;
    float: right;
}

.header-cate .cart ul {
    display: inline-block;
    width: 100%;
}

.header-cate .cart ul li {
    display: inline-block;
    float: left;
}

.header-cate .cart ul li:last-child {
    margin-left: 40px;
}

.header-cate .cart ul li a {
    display: flex;
    align-items: Center;
}

.header-cate .cart ul li .img {
    color: #777;
    font-size: 32px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #e1e1e1;
    position: relative;
}

.header-cate .cart ul li .img img {
    max-width: 100%;
    max-height: 100%;
}

.header-cate .cart .cart-quantity {
    width: 20px;
    height: 20px;
    background: #3cc5ea;
    border-radius: 50%;
    text-align: center;
    line-height: 21px;
    font-size: 12px;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 1;
    color: #fff;
}

.header-cate .cart ul li p {
    width: calc(100% - 43px);
    padding-left: 10px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    color: #999;
    text-transform: uppercase;
}


.slider {
    margin: 0 -10px;
}

.wrap-item-slider .owl-item {
    padding: 0 10px;
}

#slideshow {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.main-banner {
    max-width: 75%;
    flex: 75%;
}

.sub-banner {
    max-width: 25%;
    flex: 25%;
    padding-left: 2px;
}

.sub-banner .item {
    width: 100%;
    height: 33%;
}

.sub-banner .item {
    margin-bottom: 0.5%;
}

.sub-banner .item:last-child {
    margin-bottom: 0;
}

.sub-banner .item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

#slideshow .wrap-item-slider .owl-item {
    padding: 0px;
}

#slideshow .owl-controls {
    margin: 0px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

#slideshow .owl-pagination {
    text-align: right;
    padding-right: 12px;
}

#slideshow .owl-page span {
    border-radius: 0;
    background: none;
    border: 1px solid #fff;
    margin: 5px 3px;
}

#slideshow .owl-page.active span {
    background: #fff;
}

.caret:before {
    content: "";
    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;
}


#wrapper {
    padding: 15px 0;
}

#wrapper .col-left {
    position: relative;
}

.fixed-home.fixed {
    position: fixed;
    z-index: 9;
}

.fixed-home.absolute {
    position: absolute !important;
}

.module {
    margin-bottom: 25px;
}

.module:last-child {
    margin-bottom: 0;
}

.module .title {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
    position: relative;
}

.module .title h2 {
    font-size: 20px;
    text-align: center;
    font-weight: 300;
}

.module .title h2>strong {
    font-weight: 700;
}

/************** Nhóm Hàng Thường Mua ********************/
#nhomtm .title.style-1 h2 {
    font-size: 22px;
}

#nhomtm .title.style-1 h2 span {
    color: #d80303;
    margin-right: 5px;
}

#nhomtm .item {
    padding: 10px;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
}

#nhomtm .item a img {
    width: 100%;
}

#nhomtm .item a span {
    margin-top: 10px;
    font-size: 14px;
    color: #555;
    font-weight: 400;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 34px;
    line-height: 17px;
}

#nhomtm .wrap-item-slider .owl-item {
    padding: 0 5px;
}

#nhomtm .slider {
    margin: 0 -5px;
    padding: 0;
}

.owl-btn-style-1 .owl-controls .owl-buttons div {
    color: #444;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    z-index: 9;
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 0px;
    line-height: 30px;
    text-align: center;
}

.owl-btn-style-1 .owl-controls .owl-buttons .owl-next {
    right: 5px;
    left: initial;
}

.owl-btn-style-2 .owl-controls .owl-buttons div {
    position: absolute;
    left: 5px;
    top: 50%;
}

/****************** Search trends *********************/
#search-trends .slider {
    margin: 0 -1px;
}

#search-trends .wrap-item-slider .owl-item {
    padding: 0 1px;
}

#search-trends .item {
    padding: 10px 7px;
    background: #ddd;
    margin: 1px 0;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

#search-trends .item img {
    float: left;
    width: 40%;
    margin-right: 3%;
}

#search-trends .item span {
    float: left;
    width: 57%;
    font-size: 14px;
    line-height: 16px;
}

#search-trends .owl-item:nth-child(1) .item,
#search-trends .owl-item:nth-child(3n+4) .item {
    background: #eceef7;
}

#search-trends .owl-item:nth-child(2) .item,
#search-trends .owl-item:nth-child(3n+2) .item {
    background: #f8f1ea;
}

#search-trends .owl-item:nth-child(3n) .item {
    background: #f9ebea;
}

/****************** PRODUCT *********************/
.product .box-content {
    border: 1px solid #e1e1e1;
}

.product .box-content:hover {
    box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.07)
}

.product figure {
    position: relative;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 0px;
}

.product figure a img {
    width: 100%;
    object-fit: cover;
    height: 250px;
}

.product .box-label {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.product .box-label .label-right span {
    width: 30px;
    height: 30px;
    margin-left: 0px;
    display: inline-block;
    border-radius: 50%;
    line-height: 30px;
    text-align: Center;
    color: #fff;
    font-size: 11px;
    z-index: 1;
}

.product .box-label .deal {
    background: #e51f28;
}

.product .box-label .new {
    background: #3cc5ea
}

.product .caption {
    padding: 6px 12px 0 12px;
    line-height: 1.2;
}

.product .caption p {
    margin: 0px;
    white-space: nowrap;
}

.product h3 {
    font-size: 15px;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 36px;
}

.product .hsd {
    font-size: 13px;
    color: #777;
}

.product .price {
    padding: 2px 0;
    font-size: 15px;
    color: #999;
    font-family: utm-cafeta, Arial, sans-serif;
    line-height: 1;
}

.product .price .new-price {
    font-size: 24px;
    font-weight: 500;
    color: #000;
}

.product .price .old-price {
    margin-left: 10px;
}

.product .action {
    display: flex;
    padding: 0px 12px 12px 12px;
    align-items: center;
}

.product .action .left {
    width: calc(100% - 30px);
}

.product .action .right {
    display: inline-block;
    vertical-align: middle;
}

.product .action .right a.add-to-cart {
    display: inline-flex;
    width: 30px;
    height: 30px;
    border: 1px solid #3cc5ea;
    font-size: 12px;
    border-radius: 3px;
    align-items: center;
    justify-content: center;
    color: #3cc5ea;
}

.product .action .right a.add-to-cart:hover {
    background: #3cc5ea;
    color: #fff;
}

.product .tag-booking {
    padding: 0 10px 3px 10px;
    white-space: nowrap;
    background: #0eb549;
    color: #fff;
    font-size: 13px;
    border-radius: 10px;
}

.product .tag-booking:hover {
    background: #039135;
}

.product .label-left .hot {
    width: 100px;
    padding: 2px 10px 5px 10px;
    background: #eb6b10 url(../../assets/images/icon-hot.png) 5px center no-repeat;
    background-size: 30%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #fff;
    font-size: 13px;
    margin-top: 5px;
    border-radius: 10px;
}

.product .tag-size {
    display: inline-block;
    width: 100%;
    margin-top: 2px;
}

.product .tag-size span {
    font-size: 14px;
    margin-right: 5.5px;
    float: left;
}

.product .tag-size ul {
    width: calc(100% - 37px);
    float: left;
}

.product .tag-size ul li {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
}

/******************  PRODUCT SLIDE  *********************/
.module .title.style-1 {
    display: flex;
    justify-content: space-between;
}

.module .title.style-1:before {
    content: '';
    width: 100%;
    left: 0;
    right: 0;
    bottom: 5px;
    z-index: 1;
    position: absolute;
    border-bottom: 4px double #f1f1f1;
}

.module .title.style-1 h2 {
    margin-bottom: 0px;
    text-align: left;
    font-weight: 500;
    color: #363636;
    text-transform: uppercase;
    font-size: 25px;
    position: relative;
    display: inline-block;
    z-index: 2;
    background: #fff;
    padding-right: 10px;
}

.module .title.style-1 h2 i {
    font-size: 28px;
    vertical-align: text-top;
}

.btn-readmore {
    position: relative;
    z-index: 2;
    background: #fff;
    padding-left: 10px;
}

.btn-readmore a {
    display: block;
    border: 1px solid #ccc;
    height: 100%;
    padding: 0px 10px 2px 10px;
    border-radius: 2px;
    letter-spacing: -0.5px;
    white-space: nowrap;
}

.btn-readmore a span {
    color: #d80303;
}

#product-deal .btn-readmore {
    padding-left: 0;
    background: none;
}

.btn-categories {
    display: inline-block;
    margin-left: 20px;
}

.btn-categories a {
    font-weight: 500;
    font-size: 13px;
    white-space: nowrap;
}

.btn-categories a span {
    font-size: 110%;
    color: #d80303;
}

.btn-categories a strong {
    font-weight: normal;
}

.product-slide {
    position: relative;
}

.product-slide .slide-content {
    position: static;
}

.product-slide .owl-controls .owl-buttons div {
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    font-weight: 400;
    margin: 0px;
    background: #fff;
    color: #444;
    border: 1px solid;
    border-radius: 0;
    opacity: 0.4;
    position: absolute;
    left: 5px;
    z-index: 2;
    top: 50%;
}

.product-slide .owl-controls .owl-buttons .owl-next {
    right: 5px;
    left: initial;
}

#product-deal {
    padding: 10px;
    background: #f7f7f7;
}

#product-deal .slider {
    margin: 0 -10px;
}

#product-deal .title h2 a img {
    width: 210px;
}

#product-deal .title.style-1 {
    border-top: 0;
    padding-top: 0;
    align-items: center;
}

#product-deal .title.style-1 .btn-categories {
    padding: 1px 10px 3px 10px;
    border: 1px solid #ccc;
    margin-left: 0;
}

#product-deal .title.style-1 .btn-categories i {
    position: relative;
    bottom: -2px;
}

#product-deal .title.style-1 h2 {
    background: none;
}

#product-deal .title.style-1:before {
    content: none;
}

#product-deal.product-slide .owl-buttons {
    top: 15px;
    right: 15px;
}

#product-deal {
    margin-bottom: 25px;
}

/****************** GIỎ HÀNG GỢI Ý ***********************/
#giohanggoiy .cart-f {
    width: 100%;
    border: 1px solid #e1e1e1;
}

#giohanggoiy .cart-f .image img {
    width: 100%;
    height: 15vw;
    object-fit: cover;
    /*height:100%;*/
}

#giohanggoiy .cart-f .caption {
    padding: 12px;
}

#giohanggoiy .cart-f .caption h3 {
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 8px;
    min-height: 38px;
}

#giohanggoiy .cart-f .tongtien,
#giohanggoiy .cart-f .special-price {
    font-size: 13px;
}

#giohanggoiy .cart-f .special-price {
    color: #ad0b0b;
    font-size: 19px;
    font-weight: bold;
    margin: 2px 0;
    line-height: 1.3;
}

#giohanggoiy .cart-f .old-price {
    color: #999;
    font-size: 13px;
}

#giohanggoiy .cart-f .price-box p {
    font-size: 13px;
    color: #444;
    margin-bottom: 8px;
}

#giohanggoiy .cart-f .tietkiem {
    color: red;
}

#giohanggoiy .cart-f .giatk {
    color: #0d844e;
    font-weight: 700;
}

#giohanggoiy .cart-f .action {
    white-space: nowrap;
}

#giohanggoiy .cart-f .action a {
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid;
    color: #3cc5ea;
}

#giohanggoiy .cart-f .action a:hover {
    background: #3cc5ea;
    color: #fff;
    border-color: #3cc5ea;
}

#giohanggoiy .cart-f .wrap-info {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

#giohanggoiy .cart-f .save-price {
    font-size: 14px;
}

#giohanggoiy .cart-f .action a.btn-ghgy-cart {
    font-size: 14px;
    padding: 4px 10px;
}

#giohanggoiy .cart-f .action a.btn-detail {
    border-color: #ccc;
    color: #999;
}

#giohanggoiy .cart-f .action a.btn-detail:hover {
    border-color: #3cc5ea;
    color: #3cc5ea;
    background: none;
}

/*############## Blog #################*/
#blog {
    margin-bottom: 0;
}

#blog .title {
    margin-bottom: 10px;
}

#blog .slider .slick-arrow {
    top: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#blog .slider .slick-next {
    left: 43px;
}

#blog .slider .slick-prev {
    right: 43px;
}

/*.nav-blog-wrapper {
    padding: 0 15px;
}*/
.nav-blog ul {
    margin: 0 0 10px;
    white-space: nowrap;
    overflow-y: auto;
}

.nav-blog ul::-webkit-scrollbar {
    display: none;
}

.nav-blog li {
    display: inline-block;
    padding: 0 10px;
    margin: 5px 0;
}

.nav-blog li:first-child {
    padding-left: 0;
}

.nav-blog li:last-child {
    padding-right: 0;
}

.nav-blog li a {
    display: block;
    padding: 5px 12px;
    border: 1px solid #999;
    border-radius: 20px;
    cursor: pointer;
    white-space: nowrap;
    opacity: 0.5;
}

.nav-blog li a:hover {
    color: #3cc5ea;
    opacity: 1;
}

.nav-blog li.active a,
.nav-blog li[data-active="1"] a {
    border-color: #3cc5ea;
    color: #3cc5ea;
    opacity: 1;
}

#blog .tab-content {
    display: none;
}

#blog .tab-content.first {
    display: block;
}

#blog .owl-wrapper {
    padding: 5px 0 15px 0;
}


#left-th .item a {
    margin: 10px 0;
    display: block;
    border: 1px solid #f2f2f2;
}

#left-th .item img {
    height: 80px;
    object-fit: cover;
    width: 100%;
}

#left-th .wrap-item-slider .owl-item {
    padding: 0 5px;
}

#left-banner .wrap-item-slider .owl-item {
    padding: 0px;
}

article.blog {
    /*background: #f8fafb;*/
    border: 1px solid #e1e1e1;
    /*box-shadow: 1px 2px 5px 0px #dedede;*/
}

article.blog:hover {
    box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.07);
    /*box-shadow: 1px 2px 5px 0px #dedede;*/
}

article.blog figure {
    position: relative;
    margin-bottom: 0px;
}

article.blog figure img {
    width: 100%;
    object-fit: cover;
    height: 15vw;
}

article.blog figure span.comment {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2;
    padding: 0 15px;
    line-height: 25px;
    background: #fff;
    border-radius: 5px;
}

article.blog figure span.comment a {
    color: #bbb;
    display: block;
}

article.blog figure span.comment a i {
    color: #888;
}

article.blog h3 {
    margin: 10px 0;
    font-size: 16px;
    line-height: 1.2;
    -webkit-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
}

article.blog h3 a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 38px;
}

article.blog h3:hover {
    color: #3cc5ea;
}

article.blog .caption {
    padding: 15px;
}

article.blog .caption>a {
    color: #3cc5ea;
    font-size: 14px;
}

article.blog .caption>p {
    color: #888;
    line-height: 1.4;
    margin-top: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    min-height: 56px;
}

.blog-meta-info {
    display: flex;
}

.blog-meta-info img {
    width: 35px;
    min-width: 35px;
    height: 35px;
    object-fit: cover;
    border-radius: 100%;
    margin-right: 10px;
}

.blog-meta-info .box-info {
    width: calc(100% - 35px);
}

.blog-meta-info span {
    display: block;
    font-size: 14px;
    line-height: 1.2;
}


footer {
    background: #fafafa;
    padding: 30px 0 0 0;
    position: relative;
    color: #777;
    border-bottom: rgba(0, 0, 0, .1);
    font-size: 13px;
}

.footer-1 ul {}

.footer-2 {
    margin-bottom: 30px;
}

.footer-2 h4 {
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 0 10px;
    font-weight: 700;
    font-family: Roboto;
    color: #222;
}

.footer-2 .item-1 p {
    line-height: 30px;
}

.footer-2 .item-1>a {
    margin-top: 5px;
    display: inline-block;
}

.footer-2 ul>li {
    padding: 5px 0;
}

.footer-2 ul>li>a {
    -webkit-transition: all .4s ease-out 0s;
    -o-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    color: #777;
}

.footer-2 ul>li:hover>a {
    padding-left: 4px;
    -webkit-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.footer-2 ul>li>a:before {
    content: "\eb27";
    font-family: 'IcoFont' !important;
    opacity: 0;
    visibility: hidden;
    width: 0;
    float: left;
}

.footer-2 ul>li:hover>a:before {
    opacity: 1;
    visibility: visible;
    width: auto;
    color: #3cc5ea;
    padding-left: 4px;
    padding-right: 0;
    -webkit-transition: all .4s ease-out 0s;
    -o-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
}

.footer-2 .item-5>p>i {
    font-size: 45px;
    color: #3cc5ea;
    margin-right: 15px;
    margin-left: 0;
    vertical-align: middle;
}

.footer-2 .item-5>p:nth-child(2) {
    font-size: 18px;
    color: #222;
    font-weight: 700;
}

.footer-2 .item-5>a {
    margin-bottom: 10px;
    color: #3cc5ea;
    display: block;
}

.footer-2 .item-5>.social>a {
    width: 30px;
    height: 30px;
    line-height: 32px;
    text-align: left;
    color: #999;
    display: inline-block;
    font-size: 16px;
}

.footer-3 {
    background: #fff;
    padding: 20px 0;
}

.footer-3 p {
    margin-bottom: 0px;
}

.footer-3 .logo-tv img {
    height: 25px;
}

#backtotop {
    display: none;
    position: fixed;
    bottom: 18%;
    z-index: 9;
    right: 29px;
    cursor: pointer;
    width: 45px;
    height: 45px;
    color: #222;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 45px;
    border: 2px solid #eee;
    border-radius: 5px;
    background: #fff;
}

/**************** BREADCRUMB *****************/
.breadcrumb {
    background: #fff;
    padding: 0;
    margin-bottom: 20px;
}

.breadcrumbs {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 7px;
}

.breadcrumbs li {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}

.breadcrumbs li>span {
    padding-left: 7px;
}

.breadcrumbs li a {
    padding-left: 7px;
    padding-right: 5px;
    font-weight: 400;
    text-decoration: none;
    align-content: center;
    -webkit-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.breadcrumbs li a:hover {
    color: #59911C;
}

.breadcrumbs li:first-child span {
    padding-left: 0;
}

/*********************** quantity ****************************/
.quantity {
    display: inline-flex;
}

.quantity button {
    border: 0;
    width: 30px;
    height: 30px;
    float: left;
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
    color: #3a4354;
    background: #f2f2f2;
}

.quantity input {
    height: 30px;
    width: 40px;
    display: inline-block;
    line-height: 30px;
    float: left;
    border: 0;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    padding: 0;
    margin: 0;
    text-align: center;
}

/*-------------------------Trang loại sp----------------------------*/
.module-left {
    margin-bottom: 30px;
}

.module-left .title {
    position: relative;
}

.module-left .title .caret {
    position: absolute;
    width: 21px;
    height: 21px;
    right: 0;
    top: 0;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.module-left .title .caret.active {
    transform: rotate(-180deg)
}

.module-left .title h3 {
    margin-bottom: 10px;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 500
}

.module-left:not(.filter-child) {
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 15px;
}

.module-left .title h2 {
    font-size: 20px;
    text-transform: uppercase;
    padding: 0 15px 15px 15px;
    border-bottom: 1px solid #e1e1e1;
    margin: 0 -15px;
    margin-bottom: 20px;
    font-family: utm-cafeta, Arial, sans-serif;
}

.main-content {
    margin-bottom: 50px;
}

.child-image {
    margin-top: 10px
}

.de-scroll #department.fixed {
    position: fixed;
    margin-bottom: 0px;
    z-index: 9;
    top: 85px;
}

.de-scroll #department.fixed .content {
    max-height: 450px;
    overflow-y: auto;
}

#department .icon-dropdown {
    padding-right: 5px;
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 25px;
    text-align: right;
    line-height: 41px;
    height: 41px;
    cursor: pointer;
    color: #777;
}

#department .content>ul>li {
    position: relative;
    border-bottom: 1px solid #eee;
}

#department .content>ul>li:last-child {
    border-bottom: 0px;
}

#department .content ul li a {
    padding: 10px 0;
    color: #777;
    font-size: 14px;
    font-weight: 400;
}

#department .content>ul li>a:hover,
#department .content>ul li>a:hover>i {
    color: #3cc5ea;
}

#department .content>ul>li>a>i {
    font-size: 18px;
    color: #ccc;
    margin-right: 5px;
}

#department .content>ul>li ul {
    display: none;
}

#department .content>ul>li li {
    border-top: 1px solid #eee;
    position: relative;
}

#department .content>ul>li li>a {
    display: block;
    padding: 8px 5px 8px 15px;
    color: #777;
}

#department .content>ul>li .dropdown-lv2>li>a {
    padding-left: 25px
}

#department .content>ul>li .dropdown-lv3>li>a {
    padding-left: 35px;
}

#department .content>ul>li .dropdown-lv4>li>a {
    padding-left: 45px;
}

#department .content>ul>li li>a span:before {
    content: "\eb27";
    font-family: 'IcoFont';
}

#department .content>ul li>a {
    padding-right: 25px !important;
    display: flex !important;
    justify-content: space-between;
    align-items: flex-start;
}

#department .content>ul li>a i {
    font-size: 12px;
    padding: 2px 0;
    font-style: initial;
    color: #999;
    margin-right: 0px;
}

.product-left {
    padding: 0px !important;
}

.product-left .title h3 {
    background: #f1f1f1;
    padding: 12px;
    border-bottom: 1px solid #e1e1e1;
}

.product-left.product-slide .owl-buttons {
    top: 8px;
}

.product-left .product figure a img {
    height: 190px;
}

.product-left .product h4 {
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product-left .product .price {
    text-align: center;
}

.product-left .wrap-item-slider .owl-item {
    padding: 0px;
}

.product-float .row {
    margin: 0px;
}

.lsp-page .main-content .product {
    flex: 23.5%;
    max-width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    margin-top: 0px;
}

.lsp-page .main-content .product figure a img {
    height: 220px;
}

.lsp-page .product:nth-child(4n) {
    margin-right: 0px;
}

.product-filter {
    margin-bottom: 10px;
    padding: 10px;
    background: #f1f1f1;
}

.product-filter form label {
    margin-bottom: 0px;
    margin-right: 5px;
    font-weight: 400;
    color: #777;
}

.product-filter form select {
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 4px;
    color: #777;
}

.show-count {
    margin-bottom: 10px;
}

.show-count p {
    margin-bottom: 0px;
}

.form-price-filter .value-price-filter {
    text-align: center;
    display: flex;
    align-items: Center;
    margin-bottom: 20px;
}

.form-price-filter .value-price-filter .text-price {
    width: 50%;
    text-align: center;
    border: 1px solid #e1e1e1;
    padding: 5px;
    color: #777;
}

.form-price-filter button {
    display: block;
    margin: auto;
    padding: 5px 15%;
    margin-top: 20px;
    background: #3cc5ea;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #3cc5ea;
    border-radius: 5px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.form-price-filter button:hover {
    background: #fff;
    color: #3cc5ea;
}

/* .form-price-filter input { pointer-events: none; position: absolute; left: 0; top: 15px; width: 100%; outline: none; height: 18px; margin: 0; padding: 0; border-radius: 8px; } */
/* .form-price-filter input::-webkit-slider-thumb { pointer-events: all; position: relative; z-index: 1; outline: 0; -webkit-appearance: none; height: 24px; width: 24px; border-radius: 12px; background-color: white; border: 2px solid black; } */
/*#brand-filter-show {
    margin-bottom: 0px;
}

#brand-filter-show .brand-arrow {
    font-size: 25px;
    cursor: pointer;
}

#brand-filter-show .brand-arrow i {
    display: inline-block;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

#brand-filter-show .brand-arrow.active i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

#brand-filter-show .form-brand-content {
    overflow: hidden;
}

#brand-filter-show .brand-item {
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
    color: #777;
}

#brand-filter-show .brand-item:last-child {
    border-bottom: 0;
}

#brand-filter-show .brand-item span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 3px;
    position: relative;
    border: 2px solid #e1e1e1;
    margin-bottom: -1px;
}

#brand-filter-show .brand-item span:after {
    content: "";
    position: absolute;
    left: 3px;
    top: -2px;
    width: 4px;
    height: 9px;
    border: solid #3cc5ea;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none;
}

#brand-filter-show .brand-item.active, #brand-filter .brand-item:hover {
    color: #3cc5ea;
}

#brand-filter-show .brand-item.active span {
    border-color: #3cc5ea;
    color: #3cc5ea
}

#brand-filter-show .brand-item.active span:after {
    display: block;
}*/
.checkbox-custom {
    position: relative;
}

.checkbox-custom input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.checkbox-custom span {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 3px;
    position: relative;
    border: 1px solid #e1e1e1;
    margin-bottom: -1px;
    border-radius: 2px
}

.checkbox-custom span:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 4px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: none;
}

.checkbox-custom input:checked~span {
    background: #6BBB2F;
    border-color: #6BBB2F;
}

.checkbox-custom input:checked~span:before {
    display: block;
}

#filter-option .form-group {
    margin-bottom: 10px;
}

#filter-option .form-group:last-child {
    margin-bottom: 0;
}

#filter-option label.sale:after {
    content: 'Sale';
    padding: 0 3px;
    background: #e51f28;
    color: #fff;
    font-size: 12px;
    margin-left: 5px;
    font-weight: 300;
    font-style: italic;
    border-radius: 2px;
    padding-bottom: 1px;
}

#filter-option label.Moi:after {
    content: 'New';
    padding: 0 3px;
    background: #3cc5ea;
    color: #fff;
    font-size: 12px;
    margin-left: 5px;
    font-weight: 300;
    font-style: italic;
    border-radius: 2px;
    padding-bottom: 1px;
}

#brand-filter ul {
    display: flex;
    flex-wrap: wrap;
}

#brand-filter .brand-item,
#brand-filter .btn-action {
    cursor: pointer;
    flex: 12.5%;
    max-width: 12.5%;
    padding: 0 5px;
    margin-bottom: 10px;
}

#brand-filter .brand-item img {
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
}

#brand-filter .brand-item.hidden {
    display: none;
}

#brand-filter .btn-action span {
    border: 1px solid #e1e1e1;
    display: block;
    border-radius: 3px;
    position: relative;
    text-align: center;
}

#brand-filter .btn-action {
    position: relative;
}

#brand-filter .btn-action img {
    opacity: 0;
}

#brand-filter .btn-action .text-readmore {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

#brand-filter .btn-action .text-readmore p {
    margin-top: -12px !important;
}

#brand-filter .brand-item.active span {
    display: block;
    position: relative;
}

#brand-filter .brand-item.active span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

#brand-filter .brand-item.active span:after {
    content: "\efad";
    font-family: 'IcoFont' !important;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
    color: #fff;
    width: 18px;
    height: 18px;
    background: #3cc5ea;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
}

#brand-filter .btn-action i {
    border-top: 5px solid #444;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    display: inline-block;
    width: 0px;
    margin: 0 auto;
}

#brand-filter .form-brand-content.active .btn-action i {
    border-top-color: transparent;
    border-bottom: 5px solid #444;
}

#brand-filter .btn-action:hover {
    color: #3cc5ea;
}

#brand-filter .btn-action:hover i {
    border-top-color: #3cc5ea;
}


#brand-filter .form-brand-content.active .btn-action:hover i {
    border-bottom-color: #3cc5ea;
}

#brand-filter .form-brand-content.active .brand-item.hidden {
    display: block;
}

.show-filter li {
    display: inline-block;
    margin-right: 5px;
    border: 1px solid #e1e1e1;
    margin-bottom: 20px;
    vertical-align: middle;
    border-radius: 3px;
    overflow: hidden;
}

.show-filter li a {
    display: inline-block;
    width: calc(100% - 23px);
    float: left;
    padding: 2px 10px;
}

.show-filter li span {
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    text-align: center;
    border-left: 1px solid #e1e1e1;
    float: left;
    padding: 2px 0;
    cursor: pointer;
}

.show-filter li.special a {
    width: auto;
    background: #d21818;
    color: #fff;
}

.pagination {
    justify-content: center;
    margin-top: 15px;
}

.pagination li {
    display: inline-block;
    margin: 0 3px;
}

.pagination li a {
    display: block;
    padding: 5px 12px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    color: #777;
    border-radius: 5px;
    vertical-align: middle;
}

.pagination>li.active a,
.pagination>li:hover a {
    color: #fff;
    border-color: #000;
    background: #000
}

/*------------------------------Trang chi tiết sp--------------------------------*/
.ctsp-page .child-image .owl-item {
    padding: 0 10px;
}

.ctsp-page .child-image li {
    border: 1px solid #f2f2f2;
    padding: 5px;
}

.ctsp-page .child-image li.current {
    border-color: #3cc5ea;
}

.ctsp-page .child-image li img {
    height: 50px;
    width: 100%;
    object-fit: cover;
    cursor: pointer;
}

.product-detail-page .main-image img {
    width: 100%;
}

.ctsp-page .main-content h1 {
    font-size: 24px;
    color: #555;
}

.ctsp-page .main-content span.masp {
    font-size: 14px
}

.ctsp-page .main-content .right .action {
    margin: 20px 5px 20px 0;
    padding: 20px 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: inline-block;
    width: 100%;
}

.ctsp-page .box-detail .action {
    border-top: 1px dashed #000;
    padding-top: 10px;
}

.ctsp-page .main-content .action .box-quantity .title-qty {
    font-size: 14px;
    display: inline-block;
    margin-right: 10px;
}

.ctsp-page .main-content .action .btn-action {
    margin-top: 20px
}

.ctsp-page .main-content .action .add-to-cart {
    cursor: pointer;
    vertical-align: middle;
    background-color: #fff;
    color: #646161;
    padding: 0 15px;
    line-height: 31px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid #C2C8BE;
    display: inline-block;
    border-radius: 5px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    margin-top: 10px;
}

.ctsp-page .main-content .action .add-to-cart .dripicons-cart::before {
    top: 3px;
    position: relative;
}

.ctsp-page .main-content .action .add-to-cart:hover {
    background-color: transparent;
    color: #3cc5ea;
}

.ctsp-page .main-content .action .add-to-cart i {
    font-size: 20px;
}

.ctsp-page .main-content .price {
    margin-bottom: 10px;
}

.ctsp-page .main-content .price span {
    display: inline-block;
    margin-right: 10px;
}

.ctsp-page .main-content .price span.new-price {
    font-size: 28px;
    font-weight: 700;
    color: red
}

.ctsp-page .main-content .price span.old-price {
    color: #999;
    font-size: 16px;
}

.ctsp-page .main-content .product-option {
    margin-bottom: 10px;
}

.ctsp-page .main-content .product-option td {
    /*padding:5px;*/
}

.ctsp-page .box-info {
    border: 1px solid #e1e1e1;
    margin-top: 30px;
}

.ctsp-page .tab-title {
    border-bottom: 1px solid #e1e1e1;
}

.ctsp-page .tab-title ul {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}

.ctsp-page .tab-title ul li {
    float: left;
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px;
    border-right: 1px solid #e1e1e1;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    color: #666;
}

.ctsp-page .tab-title ul li.active {
    color: #000;
    border-top: 2px solid #000;
    font-weight: bold;
}

.ctsp-page .tab-content {
    padding: 15px;
}

.ctsp-page .tab-des p {
    text-align: justify;
}

.ctsp-page .tab-content .tab-cmt {
    display: none;
}

.ctsp-page .product-option li {
    display: flex;
    margin-bottom: 5px;
}

.ctsp-page .product-option li.tn {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px dashed #000;
}

.ctsp-page .product-option li span:first-child {
    width: 100px;
    min-width: 100px;
}

.ctsp-page .product-option li p {
    margin-bottom: 0;
}

.ctsp-page .main-content .action .buy {
    cursor: pointer;
    vertical-align: middle;
    background-color: #f00;
    color: #fff;
    padding: 0 30px;
    line-height: 35px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid #C2C8BE;
    display: inline-block;
    border-radius: 5px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    margin-top: 10px;
}

/******************** popup giỏ hàng gợi ý ***********************/
.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.popup.active {
    visibility: visible;
    opacity: 1;
}

.bg-close-popup {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.popup .box-popup {
    position: relative;
    top: 10%;
    z-index: 2;
    margin: auto;
    min-height: 110px;
    min-width: 280px;
    overflow: hidden;
    background: #fff;
    border: 2px solid #3cc5ea;
    border-radius: 5px;
    padding: 15px;
    display: table;
    max-width: 640px;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.popup .box-popup .content {
    height: 100%;
    overflow-y: auto;
}

.popup.active .box-popup {
    transform: scale(1);
    -webkit-transform: scale(1);
}

#popup-ghgy .title h2 {
    font-size: 20px;
}

#popup-ghgy .title h2 i {
    color: #3cc5ea
}

#popup-ghgy .list-item {
    max-height: 50vh;
    overflow-y: auto;
    margin-bottom: 20px;
}

#popup-ghgy .item {
    margin: 7px 0;
    padding: 7px 0;
    border-bottom: 1px solid #e1e1e1;
    display: inline-block;
    width: 100%;
    padding-right: 10px;
}

#popup-ghgy .item:last-child {
    border-bottom: 0;
}

#popup-ghgy .item .left {
    display: inline-block;
    width: calc(100% - 110px);
}

#popup-ghgy .item .left img {
    width: 60px;
    margin-right: 10px;
    float: left;
}

#popup-ghgy .item .left .caption {
    width: calc(100% - 70px);
    float: right;
}

#popup-ghgy .item .left h4 {
    font-size: 14px;
    font-weight: 400;
}

#popup-ghgy .item .right {
    width: 110px;
    float: right;
}

#popup-ghgy p {
    margin-bottom: 5px;
    text-align: right;
}

#popup-ghgy .ghgy-price {
    font-size: 15px;
}

#popup-ghgy .price-del {
    color: #999;
    font-size: 13px;
}

#popup-ghgy .ghgy-del-item {
    color: red;
    cursor: pointer;
    font-size: 13px;
}

#popup-ghgy .total-price {
    text-align: right;
}

#popup-ghgy .total-price .row1 span {
    color: #b10e0e;
    font-weight: 700;
    font-size: 20px;
}

#popup-ghgy .total-price .row2 {
    color: #999;
    font-size: 15px;
}

#popup-ghgy .ghgy-percent {
    color: red;
}

#popup-ghgy .total-price .row3 {
    font-style: italic;
}

#popup-ghgy .ghgy-price-percent {
    font-weight: 700;
    color: #028848;
}

#popup-ghgy .ghgy-btn {
    text-align: right;
    margin-top: 10px;
}

#popup-ghgy .ghgy-btn button {
    padding: 5px 20px;
    border: 0px;
    background: #f00;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
}

#popup-ghgy .ghgy-btn .add-to-cart {
    cursor: pointer;
    vertical-align: middle;
    background-color: #fff;
    color: #646161;
    padding: 0 15px;
    line-height: 31px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid #C2C8BE;
    display: inline-block;
    border-radius: 5px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    margin-bottom: 5px;
}

#popup-ghgy .close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #333;
    opacity: 1;
}

#popup-ghgy .item .caption p {
    font-size: 12px;
    color: #0056b3
}

#popup-ghgy .delete_all {
    width: 100px;
    float: left
}

#popup-ghgy .quantity_all {
    width: 100px;
    float: right
}

#popup-ghgy .list-item span.sl_ghgy {
    padding: 2px 11px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    margin-left: 10px;
}

/*------------------------Trang loai tin tuc------------------------*/
.ltt-page .child-page-title h1 {
    background: #fafafa;
    font-size: 20px;
    color: #333;
    padding: 15px;
    margin-bottom: 15px;
}

.ltt-page article.blog {
    margin: 15px 0;
}

.ltt-page article.blog figure img {
    height: 20vw;
}

/*--------------------------Trang chi tiet tin tuc-------------------------------------*/
.blog-detail-page .left h1 {
    font-size: 22px;
    color: #333;
}

.blog-detail-page .left>article>ul {
    margin-bottom: 20px;
}

.blog-detail-page .left>article>ul>li {
    display: inline-block;
    vertical-align: bottom;
    width: auto !important;
}

.blog-detail-page .left>article>ul>li>a>* {
    display: inline-block;
    vertical-align: bottom;
}

.blog-detail-page .left>article>ul>li>a>img {
    width: 50px;
    height: 50px;
    margin-right: 5px;
    border-radius: 50%;
}

.blog-detail-page .left>article>ul>li:first-child {
    margin-right: 10px;
}

.blog-detail-page .left>article>ul>li:first-child>a>span {
    padding-right: 10px;
    border-right: 1px solid #bbb;
    color: #777;
}

.blog-detail-page .left>article>ul>li.category {
    float: right;
    padding-top: 10px;
    margin-bottom: 10px !important;
}

.blog-detail-page .left>article>ul>li.category>a {
    display: block;
    padding: 5px 15px;
    background: #3cc5ea;
    color: #fff;
    border-radius: 5px;
}

.blog-detail-page .left>article .blog-content p {
    text-align: justify
}

.blog-detail-page .list-nav-right .content>ul li>a {
    display: block;
    padding: 10px 3px;
    color: #555;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.blog-detail-page .list-nav-right .content>ul li>a:hover {
    color: #3cc5ea;
}

.blog-detail-page .list-nav-right .content>ul li {
    position: relative;
}

.blog-detail-page .list-nav-right .content>ul li:last-child>a {
    border-bottom: 0px;
}

.blog-detail-page .icon-dropdown {
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 43px;
    text-align: center;
    line-height: 43px;
    height: 43px;
    cursor: pointer;
}

.blog-detail-page .list-nav-right .content>ul>li ul {
    display: none;
}

.blog-detail-page .list-nav-right .content>ul>li li>a {
    padding-left: 15px;
}

.blog-detail-page .list-nav-right .content>ul>li .dropdown-lv2>li>a {
    padding-left: 25px;
}

.blog-detail-page .list-nav-right .content>ul>li .dropdown-lv3>li>a {
    padding-left: 35px;
}

.blog-detail-page .blog-content img {
    height: auto !important;
}

.blog-detail-page .blog-meta-info {
    padding: 15px;
    background: rgba(245, 245, 245, 0.5);
    margin-bottom: 15px;
}

.blog-detail-page .blog-meta-info img {
    width: 45px;
    height: 45px;
}

.blog-detail-page .blog-meta-info span {
    font-size: 16px;
    line-height: 22px;
}

.tinlq .item {
    display: inline-block;
    width: 100%;
    margin: 5px 0;
}

.tinlq .item figure {
    width: 35%;
    float: left;
    margin-right: 3%;
    margin-bottom: 0px;
}

.tinlq .item figure img {
    height: 70px;
    width: 100%;
}

.tinlq .item .caption {
    width: 62%;
    float: left;
}

.tinlq .item .caption h3 {
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tinlq .item .caption span {
    font-size: 12px;
    font-style: italic;
    color: #777;
}

/********************** popup thông báo ***************************/
@-webkit-keyframes rotating1 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating1 {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.icon-loading {
    -webkit-animation: rotating1 2s linear infinite;
    -moz-animation: rotating1 2s linear infinite;
    animation: rotating1 2s linear infinite;
}

/******************************GIỎ HÀNG************************************/
.cart-page .maDH {
    text-transform: uppercase;
    font-size: 14px;
}

.cart-page .maDH span {
    padding: 7px 10px;
    background: #3cc5ea;
    color: #fff;
    border-radius: 1px;
    margin-left: 10px;
}

.table-cart .item {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #e1e1e1;
}

.table-cart .item div.info p {
    font-size: 12px
}

.table-cart .item .image {
    width: 130px;
    float: left;
    margin-right: 20px;
    position: relative;
}

.table-cart .item .caption {
    width: calc(100% - 150px);
    float: left;
}

.table-cart .caption .left {
    width: calc(100% - 230px);
    float: left;
    padding-right: 15px;
}

.table-cart .caption .left h5 {
    font-size: 16px;
    font-weight: 400;
}

.table-cart .caption .left p {
    margin-bottom: 10px;
    color: #0056b3;
}

.table-cart .caption .right {
    width: 230px;
    float: right;
}

.table-cart .caption .right .price {
    width: calc(100% - 102px);
    float: left;
    padding-right: 10px;
}

.table-cart .caption .right .soluong {
    width: 102px;
    float: right;
}

.table-cart .caption .right .price>span {
    display: block;
}

.table-cart .new-price {
    font-size: 17px;
    font-weight: 500;
}

.table-cart .old-price {
    color: #999;
    font-size: 13px;
}

.table-cart .percent {
    display: inline-block !important;
    padding: 1px 5px;
    background: red;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
    margin-top: 5px;
}

.cart-simple-delete {
    font-size: 13px;
}

.cart-simple-delete i {
    font-size: 12px;
    margin-right: 3px;
    position: relative;
    top: -1px;
}

.cart-content .cpmg {
    padding: 20px 0 10px 0;
    border-bottom: 1px solid #e1e1e1;
}

.cart-content .cpmg .form {
    display: inline-block;
}

.cart-content .cpmg .form input {
    width: calc(100% - 80px);
    float: left;
    height: 32px;
    border: 1px solid #e1e1e1;
    padding: 0 10px;
}

.cart-content .cpmg .form button {
    width: 80px;
    float: right;
    height: 32px;
    border: 0px;
    background: #e8d801;
}

.cart-content .cpmg .left span {
    float: left;
    padding: 3px 0;
    margin-right: 10px;
}

.cart-content .cpmg .right p {
    margin-bottom: 0px;
    font-size: 18px;
}

.cart-content .total-price {
    font-size: 25px;
    font-weight: 700;
    color: #e51f28;
}

.cart-content .total-price.old-price {
    font-size: 22px;
}

.cart-content .vat {
    font-size: 13px !important;
    color: #777;
}

.cart-content .cart-row {
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
}

.cart-content .cart-ques {
    margin: 0px;
    padding: 5px 0;
}

.cart-support {
    padding: 20px;
    border: 1px solid #e1e1e1;
    display: inline-block;
    width: 100%;
}

.cart-support span {
    float: left;
    margin-right: 10px;
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 3px;
}

.cart-support .cart-social {
    display: inline-block;
    float: left;
}

.cart-support .cart-social p {
    color: #3cc5ea;
    font-weight: bold;
    font-size: 22px;
    letter-spacing: -1px;
    margin-bottom: 0px;
}

.cart-support .cart-social ul li {
    display: inline-block;
    margin-right: 15px;
}

.cart-support .cart-social ul li:last-child {
    margin-right: 0px;
}

.cart-col-r {
    border: 1px solid #e1e1e1;
}

.cart-col-r .child {
    padding: 15px;
    border-bottom: 1px solid #e1e1e1;
}

.cart-col-r ::placeholder {
    font-size: 14px;
}

.cart-col-r .child>p {
    font-size: 15px;
    font-weight: 500;
}

.cart-col-r .child-1 input {
    margin-bottom: 15px;
}

.cart-col-r .child-1 input:last-child {
    margin-bottom: 0px;
}

.cart-col-r .child select,
.cart-col-r .child input {
    font-size: 14px;
}

.cart-col-r .child-2 .row {
    margin: 0 -5px;
}

.cart-col-r .child-2 .row>div {
    padding: 0 5px;
}

.cart-page .product .box-label {
    position: static;
    padding: 0;

}

.cart-page .product .box-label .label-left {
    display: flex;
    align-items: center;
}

.cart-page .product .box-label .label-left .booking {
    margin-right: 5px;
    display: inline-flex;
}

.cart-page .product .box-label .label-left .hot {
    margin-top: 0;
    padding: 0 10px 2px 10px;
}

.cart-page .product .box-label .label-left .hot span {
    font-size: 12px;
}

.cart-page span.label.new {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
    margin-left: 0px;
    display: inline-block;
    border-radius: 50%;
    line-height: 25px;
    text-align: Center;
    color: #fff;
    font-size: 10px;
    z-index: 1;
    background: #3cc5ea;
}

/********** checkbox radio **********/
label.check {
    position: relative;
    cursor: pointer;
    margin-bottom: 10px;
}

label.check input {
    position: absolute;
    visibility: hidden;
}

label.check span {
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-right: 5px;
    margin-bottom: -2px;
    position: relative;
}

label.check span:before {
    content: "\efad";
    font-family: 'IcoFont' !important;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    position: absolute;
    top: 0;
    left: -1px;
    color: #fff;
    display: none;
}

label.check input:checked+span {
    background: #3cc5ea;
    border-color: #3cc5ea;
}

label.check input:checked+span:before {
    display: block;
}

label.check.radio span {
    border-radius: 50%;
    width: 18px;
    height: 18px;
}

label.check.radio span:before {
    height: 17px;
    line-height: 13px;
    width: 17px;
    left: -2px;
    content: "●";
    text-align: center;
    color: #3cc5ea;
}

label.check.radio input:checked+span {
    background: #fff;
    border: 2px solid #3cc5ea;
}

/************* end checkbox radio ***************/
.cart-col-r .child-3 .tk-nh ul {
    padding-left: 25px;
    margin-top: -5px;
}

.cart-col-r .child-3 .payment-item ul {
    display: none;
    margin-bottom: 15px;
    padding-left: 15px;
}

.cart-col-r .child-3 .tk-nh ul li {
    margin-bottom: 10px;
    border: 1px solid #ddd;
    padding: 10px;
}

.cart-col-r .child-3 .tk-nh p {
    margin-bottom: 0px;
}

.cart-col-r .child-3 .form>p {
    font-weight: 500;
}

/*.cart-col-r .child-3 .form>p span{color:red;}*/
.cart-col-r .child-3 button {
    width: 100%;
    text-transform: uppercase;
}

/*----------------------------Tuyển dụng--------------------------------------*/
.td-page .col-right-module {
    padding: 20px 15px;
    border-bottom: 1px solid #999
}

.td-page .col-right-module:last-child {
    border-bottom: 0px;
    margin-bottom: 0;
}

.td-page .col-right-module>h3 {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-size: 18px;
}

.td-page .col-right-module>.content>p {
    margin-bottom: 7px;
}

.td-page .col-right-module>h3:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #3cc5ea;
    margin-right: 10px;
}

.td-page .box-content .left>.title {
    background: #f2f2f2;
    padding: 20px 15px;
    margin-bottom: 20px;
    color: #3cc5ea;
}

.td-page .box-content .left>.title>h3 {
    font-size: 18px;
    margin-bottom: 0px;
}

.td-page .box-content .left>.content>.item {
    padding: 15px 0;
    border-bottom: 1px solid #ccc
}

.td-page .box-content .left>.content>.item p {
    margin-bottom: 0px;
}

.td-page .box-content .left>.content>.item>.td {
    margin-bottom: 7px;
    display: inline-block;
    width: 100%;
}

.td-page .box-content .left>.content>.item>.td>span {
    width: 195px;
    float: right;
    color: #3cc5ea;
    text-align: right;
    padding-top: 2px;
    display: inline-block;
}

.td-page .box-content .left>.content>.item>.td>h3 {
    float: left;
    font-size: 16px;
    margin-bottom: 0px;
}

.td-page .box-content .right {
    background: #f5f6fa;
}

.td-page .box-content .left h1 {
    font-size: 18px;
    margin-bottom: 0px;
}

/************************** Account ***************************/
#popup-account {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
}

#popup-account.active {
    display: block !important
}

#popup-account .bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.3);
}

#popup-account .box-popup {
    position: relative;
    z-index: 2;
    top: 50%;
    left: 0px;
    right: 0px;
    background: #fff;
    border-radius: 4px;
    max-width: 900px;
    width: 95%;
    margin: 0px auto;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

#popup-account .content {
    display: flex;
}

#popup-account .left {
    flex: 40%;
    max-width: 40%;
    padding: 30px;
}

#popup-account .left h4 {
    font-size: 20px;
}

#popup-account .left img {
    display: block;
    margin: 10px auto;
}

#popup-account .right {
    flex: 60%;
    max-width: 60%;
    padding: 15px;
    background: rgba(248, 248, 248, 1)
}

#popup-account .r-content {
    background: #fff;
    height: 100%
}

#popup-account .right ul {
    border-bottom: 1px solid #f0f0f0
}

#popup-account .right ul li {
    display: inline-block;
}

#popup-account .right ul li a {
    display: block;
    padding: 10px 20px;
    font-size: 16px;
}

#popup-account .right ul li.active a {
    color: #3cc5ea;
    border-bottom: 3px solid #3cc5ea;
}

#popup-account .tab-content {
    padding: 30px;
}

#popup-account .form-group {
    display: inline-block;
    width: 100%;
}

#popup-account form label.tit {
    line-height: 34px;
    width: 75px;
    float: left;
    font-size: 13px;
    margin-bottom: 0px;
}

#popup-account form .f-right {
    width: calc(100% - 75px);
    float: right;
}

#popup-account .form-control {
    line-height: 32px;
    padding: 0 10px;
    font-size: 13px;
}

#popup-account ::placeholder {
    font-size: 13px;
}

#popup-account .form-button {
    padding-left: 75px;
}

#popup-account .form-button p a {
    color: #0056b3;
}

#popup-account .form-button .btn {
    width: 100%;
    position: relative;
    border: 0px;
    color: #fff;
    padding: 10px;
    font-size: 14px;
}

#popup-account .form-button button {
    background: #3cc5ea;
}

#popup-account .form-button .btn.facebook {
    background: rgba(59, 89, 152, 1);
}

#popup-account .form-button .btn.google {
    background: rgba(223, 74, 50, 1);
}

#popup-account .form-group {
    margin-bottom: 10px;
}

#popup-account .form-button .btn:hover {
    opacity: 0.8;
}

#popup-account .close-popup {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    border: 1px solid #666;
    border-radius: 50%;
    cursor: pointer;
}

#popup-account .form-button .btn span {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 41px;
    line-height: 41px;
    text-align: center;
    width: 41px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    font-size: 20px;
}

#popup-account label.check.radio span:before {
    left: -1px;
}

/****************** customer account **************/
.customer-avatar {
    height: 20px;
    width: 20px;
    border-radius: 100%;
    object-fit: cover;
}

.user-dropdown {
    display: none;
    position: absolute;
    z-index: 9;
    min-width: 150px;
    min-height: 100%;
    right: 0;
    top: 100%;
    padding-top: 10px;
}

.user-dropdown.active {
    display: block;
}

.user-dropdown ul {
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 9;
}

.user-dropdown li a {
    padding: 8px 10px !important;
}

.user-dropdown hr {
    margin: 5px 0;
}

#popup-account .form-button .btn.google .g-signin2 {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

#popup-account .form-button .btn.google .abcRioButton {
    width: 100% !important;
    height: 100% !important;
}

/************* SOCIAL MODULE *****************/
#overlay-social {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: rgba(33, 33, 33, .3);
    opacity: 0;
    visibility: hidden;
    transition: .2s ease-out;
    -webkit-transition: .2s ease-out;
}

#overlay-social.active {
    visibility: visible;
    z-index: 999;
    opacity: 1;
}

#social-icon {
    position: fixed;
    z-index: 1000;
    right: 15px;
    bottom: 5%;
    display: inline-block;
}

#social-icon .action-social {
    position: relative;
    width: 75px;
    height: 75px;
}

#social-icon .box-show-social {
    width: 100%;
    height: 100%;
    background: #00AEEF;
    border-radius: 100%;
    position: relative;
}

#social-icon .item-interval {
    -webkit-transition: .6s ease-out;
    transition: .6s ease-out;
    opacity: 0;
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

#social-icon .show-social {
    padding: 10px;
    background: rgba(0, 174, 239, 0.2);
    border-radius: 100%;
    position: absolute;
    cursor: pointer;
    transition: .2s ease-out;
    -webkit-transition: .2s ease-out;
    opacity: 1;
    visibility: visible;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    z-index: 1;
    height: 100%;
    width: 100%;
}

#social-icon .action-social.has-click .show-social {
    opacity: 0;
    visibility: hidden;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    z-index: -1;
}

#social-icon .hide-social {
    cursor: pointer;
    transition: .2s ease-out;
    -webkit-transition: .2s ease-out;
    opacity: 0;
    visibility: hidden;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
}

#social-icon .action-social.has-click .hide-social {
    opacity: 1;
    visibility: visible;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    z-index: 1;
}

#social-icon .box-hide-social {
    display: inline-block;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#social-icon .box-hide-social img {
    border: 10px solid rgba(214, 213, 213, 0.4);
    vertical-align: middle;
    border-radius: 100%;
    max-width: 100%;
}

#social-icon .item-interval svg {
    margin-bottom: -3px;
}

#social-icon .item-interval.active {
    opacity: 1;
}

@keyframes socialRotate {
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0
    }
}

@-webkit-keyframes socialRotate {
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0
    }
}

#social-icon .social-circle {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #00AEEF;
    border-radius: 100%;
    animation: socialRotate infinite 1.5s;
    -webkit-animation: socialRotate infinite 1.5s;
}

#social-icon .list-social {
    position: absolute;
    bottom: calc(100% - 50px);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
}

#social-icon .box-list-social a {
    margin-bottom: 7px;
    display: inline-block;
    position: relative;
    vertical-align: top;
}

#social-icon .list-social.active {
    bottom: 100%;
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

#social-icon .list-social img {
    /*-webkit-box-shadow: 0 8px 6px -6px rgba(33,33,33,.2);
    -moz-box-shadow: 0 8px 6px -6px rgba(33,33,33,.2);
    box-shadow: 0 8px 6px -6px rgba(33,33,33,.2);*/
    border-radius: 100%;
}

#social-icon .box-list-social a:hover img {
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
    box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
    -webkit-transition: box-shadow .17s cubic-bezier(0, 0, .2, 1);
    transition: box-shadow .17s cubic-bezier(0, 0, .2, 1);
}

#social-icon .box-list-social a span {
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    right: calc(100% + 2px);
    background: #fff;
    padding: 2px 10px 5px 10px;
    border-radius: 20px;
    font-size: 13px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: 0.2s ease-out;
    -webkit-transition: 0.2s ease-out;
    color: #444;
}

#social-icon .box-list-social a:hover span {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.r-contact {
    background: #3cc5ea;
    color: #fff;
    padding: 15px 30px;
}

.r-contact h3,
.r-contact h4 {
    text-transform: uppercase;
    color: #000;
}

.r-contact h3 {
    font-size: 18px;
    font-weight: bold;
}

.r-contact h4 {
    font-size: 15px;
    margin-bottom: 3px;
}

.r-contact>p {
    font-size: 15px;
}

.r-contact ul li {
    display: flex;
    margin-bottom: 20px;
}

.r-contact ul li i {
    font-size: 55px;
    margin-right: 10px;
}

.r-contact ul li p {
    margin-bottom: 0;
}

.contact-social a {
    display: inline-flex;
    width: 45px;
    height: 45px;
    border: 1px solid #fff;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    margin-right: 7px;
}

.contact-social a:last-child {
    margin-bottom: 0;
}

.l-contact iframe {
    width: 100%;
    height: 100%;
}

.btn-copy {
    border: 1px solid;
    background: #fff;
    color: #444;
    margin-left: 10px;
    padding: 3px 5px;
    display: inline-block;
    width: auto !important;
    text-transform: inherit !important;
    font-size: 14px !important;
}

#momo-copy,
#stk-nh-1,
#stk-nh-2 {
    font-size: 18px;
}

/************ custom boostrap *************/
.alert.error {
    padding: 7px 15px;
    font-size: 14px;
}

.payment-file-input {
    display: none;
}

.payment-image .input-file label span {
    cursor: pointer;
    background: #f1646c;
    padding: 5px 10px;
    vertical-align: middle;
    margin-bottom: 0;
    border: 1px solid #f1646c;
    border-radius: 3px;
    color: #fff;
    -webkit-box-shadow: 0 2px 6px 0 rgba(241, 100, 108, .5);
    box-shadow: 0 2px 6px 0 rgba(241, 100, 108, .5);
    line-height: 20px;
}

.payment-image .input-file label span:hover {
    background-color: #ef4d56;
    border: 1px solid #ef4d56;
}

.payment-image .input-file .remove-payment-image {
    cursor: pointer;
    border-radius: 3px;
    padding: 3px 7px;
    display: inline-block;
    vertical-align: middle;
    background-color: #9ba7ca;
    border: 1px solid #9ba7ca;
    -webkit-box-shadow: 0 2px 6px 0 rgba(155, 167, 202, .5);
    box-shadow: 0 2px 6px 0 rgba(155, 167, 202, .5);
}

.payment-image .input-file .remove-payment-image:hover {
    background-color: #8a98c1;
    border: 1px solid #8a98c1;
}

.payment-image .list-image {
    display: flex;
    flex-wrap: wrap;
}

.payment-image .payment-image-item {
    flex: 50%;
    max-width: 49%;
    position: relative;
    border: 2px solid #ddd;
    margin-top: 10px;
    padding-bottom: 45px;
}

.payment-image .input-file {
    text-align: center;
    position: absolute;
    bottom: 5px;
    left: 5px;
    right: 5px;
    z-index: 1;
}

.payment-image .payment-image-item:nth-child(2n) {
    margin-left: 2%;
}

.payment-image .payment-image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#banner-qc {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
}

#banner-qc .bg-opacity {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

#banner-qc .content {
    position: relative;
    z-index: 2;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    width: 300px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    box-shadow: 0px 0px 5px 1px #444;
}

#banner-qc span.close {
    position: absolute;
    right: -12px;
    top: -12px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 23px;
    border-radius: 100%;
    background: #515151;
    color: #fff;
    opacity: 1;
}

#banner-qc.show {
    display: block;
}

.page-ghgy .cart-f {
    flex: 49%;
    max-width: 49%;
    margin-right: 2%;
    margin-bottom: 15px;
}

.page-ghgy .cart-f:nth-child(2n) {
    margin-right: 0;
}

.page-ghgy .cart-f:nth-last-child(-n+2) {
    margin-bottom: 0;
}

.count-down-time {
    display: inline-flex;
}

.count-down-time span {
    background: #000;
    width: 30px;
    display: inline-flex;
    justify-content: center;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    border-radius: 5px;
    padding: 2px;
    height: 30px;
    line-height: 30px;
    align-items: center;
    margin-right: 3px;
}

.count-down-time span:last-child {
    margin-right: 0;
}

/*---------------------------- Page cart product ----------------------*/
.ctghgy-page .special-price {
    color: #ad0b0b;
    font-size: 25px;
    font-weight: bold;
    margin: 2px 0;
    line-height: 1.3;
}

.ctghgy-page .old-price {
    color: #999;
    font-size: 15px;
    margin-left: 5px;
}

.ctghgy-page .price-box p {
    font-size: 13px;
    color: #444;
    margin-bottom: 8px;
}

.ctghgy-page .tietkiem {
    color: red;
}

.ctghgy-page .giatk {
    color: #0d844e;
    font-weight: 700;
}

.ctghgy-page .list-product {
    align-items: center;
    flex-wrap: wrap;
}

.ctghgy-page li.list-product .count-product {
    color: #ad0b0b;
}

.ctghgy-page li.list-product span:first-child {
    width: auto;
    min-width: auto;
}

.ctghgy-page li.list-product .show-list-product {
    margin-left: 10px;
    font-size: 14px;
    color: #3cc5ea;
    cursor: pointer;
}

.ctghgy-page li.list-product .show-list-product i {
    border: 1px solid;
}

.ctghgy-page .list-item-product .item {
    display: flex;
    align-items: flex-start;
    padding: 3px 0;
}

.ctghgy-page .list-item-product .item .image {
    flex: 100px;
    min-width: 100px;
    margin-right: 10px;
}

.ctghgy-page .list-item-product .item .caption {
    flex: calc(100% - 110px);
    display: flex;
}

.ctghgy-page .list-item-product .caption .right {
    width: 60px;
    min-width: 60px;
    margin-left: 10px;
}

.ctghgy-page .list-item-product .caption .left {
    width: calc(100% - 70px);
}

.ctghgy-page .list-item-product .caption h5 {
    font-size: 15px;
}

.ctghgy-page .list-item-product .caption .price {
    margin-bottom: 0;
}

.ctghgy-page .list-item-product .caption span.new-price {
    font-size: 17px;
}

.ctghgy-page .list-item-product .caption span.old-price {
    font-size: 14px;
}

.ctghgy-page .list-item-product .soluong {
    text-align: center;
    overflow: hidden;
}

.ctghgy-page .list-item-product .soluong span {
    display: block;
    font-size: 14px;
    line-height: 17px;
}

.ctghgy-page .list-item-product .soluong .quantity input {
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    color: #777;
}

.ctghgy-page li.list-product .list-item-product {
    max-height: 250px;
    overflow: auto;
    display: none;
}

.ctghgy-page li.list-product .list-item-product.show {
    display: block;
}

/* SPINNER */
.page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999999;
}
.spinner {
    height: 60px;
    width: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    -webkit-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;
    -o-animation: rotation 1s infinite linear;
    animation: rotation 1s infinite linear;
    border: 6px solid rgba(0, 0, 0, 0.2);
    border-radius: 100%;
}

.spinner:before {
    content: "";
    display: block;
    position: absolute;
    top: -6px;
    height: 100%;
    width: 100%;
    border-top: 6px solid rgba(0, 0, 0, 0.8);
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid transparent;
    border-radius: 100%;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}
 
/*----------------------------Trang gian hang--------------------------------------*/
/* .store-page .main-content .box-1{margin-bottom:30px;} */
/* .store-page .main-content .box-content>h3{margin-bottom:15px;font-size:16px;font-weight:400;} */
/* .store-page .main-content .box-content>h3 span{display:inline-block;width:25px;height:25px;background:#3cc5ea;text-align:center;line-height:25px;color:#fff;border-radius:50%;margin-right:5px;} */
/* .store-page .main-content .box-content .item .right>ul>li{margin-bottom:5px;} */
/* .store-page .main-content .box-2 .item .right>ul>li{list-style-type:decimal;} */
/* .store-page .main-content .box-content .item{padding:15px 0;border-bottom:1px solid #ddd;} */
/* .store-page .main-content .box-content .item:last-child{border-bottom:0px;} */
/* .store-page .main-content .box-content .item .right>p{margin-bottom:5px;} */
/* .store-page .main-content .box-content .item .right>ul>li>p{margin-bottom:0px;} */
/* .store-page .main-content .box-content .item .right>ul>li ul{padding-left:15px;} */
/* .store-page .main-content .box-content .item .right>ul>li li{list-style-type:disc;margin-bottom:5px;} */
/* .store-page .main-content .box-content .item .right a{font-weight:700;color:#777;} */
/* .store-page .main-content .box-content .item .right>a{display:table;margin:10px auto;padding:5px 15px;border:1px solid;color:#3cc5ea;font-weight:500;border-radius:5px;} */
/* .store-page .main-content .box-content .item .right>a:hover{color:#fff;background:#3cc5ea} */
/* .store-page .main-content .box-content .item.special .right>ul{padding-left:15px;} */
/* .store-page .main-content .box-content .item.special .right>ul>li{list-style-type:disc;} */
/* /* .store-page .main-content .box-content .item .row{align-items:center;} */

/* .store-notify-page .main-content h1{text-align:center;color:#3cc5ea;} */
/* .store-notify-page .main-content ul{text-align:center;} */
/* .store-notify-page .main-content ul li{display:inline-block;} */
/* .store-notify-page .main-content ul li a{color:#fff;padding:10px 30px;background:#3cc5ea;display:block;} */
/* .store-notify-page .main-content ul li:last-child a{background:#aaa;} */
/* /*----------------------------Trang đăng ký gian hang--------------------------------------*/
/* .store-register-page .form-header{margin-top:50px;height:90px;} */
/* .store-register-page .form-header .box{display:flex;align-items:center;position:relative;padding:0 16%} */
/* .store-register-page .form-header .box .line-step{width:50%;height:2px;background:#bbb;} */
/* .store-register-page .form-header .box .line-step.active{background:#3cc5ea;} */
/* .store-register-page .form-header .stepper{position:absolute;top:-30px;bottom:0;left:0;right:0;width:100%;z-index:1;} */
/* .store-register-page .form-header .stepper>li{width:33.333%;float:left;text-align:center;} */
/* .store-register-page .form-header .stepper>li>a{display:inline-block;text-align:center;width:60px;height:60px;line-height:40px;background:#c2dea3;color:#fff;border-radius:50%;border:10px solid #fff;font-size:18px;font-weight:bold;} */
/* .store-register-page .form-header .stepper>li.active>a{background:#3cc5ea} */
/* .store-register-page .form-header .stepper.text{top:33px;} */
/* .store-register-page .form-header .stepper.text>li{padding:0 5px;} */
/* .store-register-page .form-header .stepper.text>li.active{color:#3cc5ea;} */
/* .store-register-page .content-step h3{font-size:15px;font-weight:500;margin-bottom:20px;} */
/* .store-register-page .content-step .form-box{display:flex;margin-bottom:20px;align-items:center;} */
/* .store-register-page .content-step .form-box.loaihinh{align-items:flex-start;} */
/* .store-register-page .content-step .form-box p{margin-bottom:0px;} */
/* .store-register-page .content-step .form-box .left{min-width:180px;width:180px;} */
/* .store-register-page .content-step .form-box.loaihinh .right label{width:180px;min-width:180px;} */
/* .store-register-page .content-step .form-box.loaihinh .right>div{display:flex;} */
/* .store-register-page .content-step .form-box .left b{color:red;} */
/* .store-register-page .content-step .form-box .right{width:100%;} */
/* .store-register-page .content-step .form-box .form-control{max-width:500px;font-size:13.5px;border-radius:0px;} */
/* .store-register-page .content-step .form-box input.form-control.error{background:#fff;} */
/* .store-register-page .content-step .form-box input.form-control{background:#fff url(../images/checked.png) right center no-repeat;} */
/* .store-register-page .content-step .form-box .form-control.red{border-color:red;} */
/* .store-register-page .content-step .form-box .form-control::placeholder{color:#999;} */
/* .store-register-page .content-step .form-box.sodienthoai .right>div{display:flex;} */
/* .store-register-page .content-step .form-box.sodienthoai .right>div>select{width:70px;} */
/* .store-register-page .content-step .form-box.sodienthoai .right>div>input{max-width:430px;} */
/* .store-register-page .content-step .form-box .right p{font-size:13px;font-style:italic;margin:3px 0;} */
/* .store-register-page .content-step .form-box .right p.red{color:red;} */
/* .store-register-page .content-step .form-box .right p.green{color:green;} */
/* .store-register-page .content-step .form-box .right p span{display:block;} */
/* .step-action{text-align:center;margin-top:20px;display:inline-block;width:100%;} */
/* .step-action>*{display:inline-block;line-height:35px;padding:0 30px;background:#3cc5ea;border:2px solid transparent;border-radius:5px;font-weight:bold;color:#fff;} */
/* .step-action>a{background:none;color:#ccc;border-color:#ccc;} */
/* .step-action>button[disabled]{background:#ddd;color:#999;} */
/* .store-register-page .content-step{display:none;} */
/* .store-register-page .content-step.show{display:block;} */
/* .store-register-page .form-step-2 .box-gray, .store-register-page .form-step-3 .box-gray{padding:15px;border-top:1px solid #bbb;background:#f2f3f7} */
/* .store-register-page .form-step-2 .box-gray:first-child, .store-register-page .form-step-3 .box-gray:first-child{border-top:0px;} */
/* .store-register-page .form-step-3 .form-box .right label{padding:5px 10px;background:#ef6f26;color:#fff;cursor:pointer;max-width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} */