@charset "UTF-8";



/* Main */



:root {

    --color-red: #a60009;

    --color-medium-red: #cc2c32;

    --color-dark-red: #c31829;

    --color-green: #28a745;

    --color-dark-green: #207d36;

    --color-black: #212529;

    --color-gray: #6c757d;

}



.middle {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    align-content: center;

    text-align: center;

}



* {

    box-sizing: border-box;

}



.layout-inner {

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;

    position: relative;

}



@font-face {

    font-family: 'Roboto-Regular';

    font-display: block;

    src: url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff');

}



@font-face {

    font-family: 'Roboto-Bold';

    font-display: block;

    src: url('../fonts/Roboto-Bold.woff2') format('woff2'), url('../fonts/Roboto-Bold.woff') format('woff');

}



body {

    font-size: 14px;

    background: #f7f6f6;

    font-family: 'Roboto-Regular';

}



img {

    max-width: 100%;

    height: auto;

    vertical-align: top

}



a,

input,

textarea {

    outline: none;

    padding: 0px;

    text-decoration: none;

}



input::focus {

    outline: none;

    background: none;

}



p {

    margin-bottom: 0px;

}



input[type=number]::-webkit-outer-spin-button,

input[type=number]::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



.w-clear:after,

.clearfix:after {

    display: block;

    content: "";

    clear: both;

}



.hidden {

    display: none;

}



.clear {

    clear: both;

}



.none {

    display: none;

}



.hidden-seoh {

    visibility: hidden;

    height: 0px;

    margin: 0px;

    overflow: hidden;

}



.wrap-main,

.wrap-content {

    max-width: 1200px;

    padding: 0px 30px;

    margin: 0px auto;

    background-color: #fff;

}



.wrap-main.wrap-home {

    background-color: transparent;

}



.wrap-main .Product__Items {

    border: 1px solid #ebebeb;

    padding: 5px;

}



.breadCrumbs {

    margin-top: 38px;

}



.wrap-home {

    max-width: 100%;

    padding: 0px;

    margin: 0px !important;

}



.wrap-content {

    margin: auto;

}





/* General */



.title-main {

    margin-bottom: 1.25rem;

    text-align: center;

}



.title-main span {

    font-family: 'Roboto-Bold';

    font-size: 22px;

    text-transform: uppercase;

}



.time-main {

    margin-bottom: 0.75rem;

    color: #999999;

}



.time-main i {

    vertical-align: top;

    margin: 3px 7px 0px 0px;

}



.time-main span {

    vertical-align: top;

    display: inline-block;

}



.social {

    list-style: none;

    padding: 0px;

    margin: 0px;

}



.social li {

    display: inline-block;

    vertical-align: top;

}



.social li:last-child {

    margin-right: 0px;

}



.control-carousel {

    position: absolute;

    top: calc(50% - 30px/2);

    margin-bottom: 0px;

    width: 30px;

    height: 30px;

    text-align: center;

    line-height: 30px;

    border: 1px solid #eee;

    z-index: 2;

    background-color: #fff;

    color: #ccc;

    cursor: pointer;

}



.control-carousel:hover {

    background-color: var(--color-red);

    border-color: var(--color-red);

    color: #fff;

}



.prev-carousel {

    left: 0px;

}



.next-carousel {

    right: 0px;

}





/* Header */



.header {

    background-color: var(--color-red);

    height: 139px;

    padding-top: 19px;

    position: relative;

}



.logo-header {

    max-width: 263px;

    float: left;

}



.left-info {

    width: calc(100% - 220px);

    float: left;

    display: flex;

    align-items: center;

    justify-content: right;

}



.left-info .svg {

    width: 12px;

    height: 12px;

    margin-right: 8px;

}



.left-info a {

    color: #fff;

    text-decoration: none;

    font-family: 'Roboto-Bold';

    font-size: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.left-info a:first-child {

    margin-right: 30px;

    position: relative;

}



.left-info a:first-child:before {

    content: "/";

    color: #fff;

    position: absolute;

    width: 17px;

    height: 17px;

    right: -31px;

    top: 0px;

}



.left-info .svg path {

    fill: #f7bd02;

}



.right-cart {

    width: 220px;

    float: right;

    text-align: right;

    padding-right: 18px;

}



.info-account,

.count-carts {

    display: inline-block;

}



.info-sign {

    position: absolute;

    background: #fff;

    display: block;

    min-width: 144px;

    right: 0px;

    top: 100%;

    z-index: 99;

    visibility: hidden;

    opacity: 0px;

}



.info-sign a {

    display: block;

    color: #000;

    list-style: none;

    padding: 5px 10px;

    border-bottom: 1px solid #f7bd02;

    text-align: center;

    text-decoration: none;

    transition: all 150ms ease-in-out;

}



.info-sign a:hover {

    background: #cbcbcc;

}



.infomation-header {

    width: calc(100% - 263px);

    float: right;

    margin-top: 24px;

}



.svg {

    display: inline-block;

    color: #fff;

    height: 16px;

    width: 16px;

    position: relative;

}



.svg svg {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

}



.span_count {

    display: inline-block;

    position: absolute;

    color: #fff;

    line-height: 20px;

    width: 18px;

    height: 18px;

    background: #f7bd02;

    border-radius: 50%;

    font-size: 13px;

    text-align: center;

    left: calc(100% + 1px);

    top: -3px;

    font-family: 'Arial', sans-serif;

}



.count-carts .svg {

    width: 16px;

    height: 20px;

    margin-right: 2px;

}



.count-carts a {

    position: relative;

}



.svg svg path {

    fill: #fff;

}



.header-top {

    color: #fff;

    background-color: var(--color-red);

}



.header-top .wrap-content {

    padding: 6px 10px;

}



.info-header {

    margin-bottom: 0px;

}



.info-header i {

    vertical-align: top;

    margin: 3px 5px 0px 0px;

    font-size: 16px;

}



.social-header li {

    width: 30px;

    margin-right: 3px;

}



.header-bottom .wrap-content {

    padding: 20px 10px;

}



.hotline-header {

    display: inline-block;

    padding-left: 25px;

    background-image: url(../images/hotline.png);

    background-repeat: no-repeat;

    background-position: 0px 1px;

}



.hotline-header p {

    font-weight: bold;

    margin-bottom: -2px;

    text-transform: capitalize;

}



.hotline-header span {

    font-weight: bold;

    color: var(--color-red);

    font-size: 20px;

    display: block;

}



.user-header a {

    color: #fff;

    padding-right: 9px;

    margin-right: 7px;

    position: relative;

    display: inline-block;

    vertical-align: top;

    text-decoration: none;

}



.user-header a:after {

    content: "";

    position: absolute;

    width: 1px;

    height: 8px;

    background-color: #fff;

    top: calc(50% - 7px/2);

    right: 0px;

    opacity: 0.7;

}



.user-header a:last-child {

    padding-right: 0px;

    margin-right: 0px;

}



.user-header a:last-child:after {

    display: none;

}





/* Menu */



.menu {

    background-color: transparent;

    position: absolute;

    left: 0px;

    right: 0px;

    top: calc(100% - 30px);

    z-index: 10;

}



.header .layout-inner {

    max-width: 1140px;

}



.menu.show {

    position: fixed;

    top: 0px;

    left: 0px;

    right: 0px;

    z-index: 9999;

}



.menu ul {

    width: 100%;

    padding: 0px;

    margin: auto;

    list-style: none;

}



.main-menu {

    background: #f21823;

    border-radius: 5px;

}



.menu ul.ul-main {

    display: grid;

    grid-template-columns: repeat(6, auto);

    width: 100%;

    max-width: 540px;

    float: left;

    margin-left: 30px;

}



.item-search {

    position: absolute;

    right: 0px;

    top: 0px;

    width: 64px;

    height: 64px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.item-search .svg {

    width: 18px;

    height: 18px;

    cursor: pointer;

}



.item-search:hover .search {

    visibility: visible;

    opacity: 1;

}



.menu ul li {

    position: relative;

    z-index: 99;

}



.menu ul li.line {

    width: 1px;

    height: 15px;

    background-color: rgba(255, 255, 255, 0.5);

}



.menu ul li a {

    display: block;

    position: relative;

    z-index: 1;

    text-align: center;

    text-decoration: none!important;

    font-size: 12px;

    line-height: 64px;

    color: #000;

    font-family: 'Roboto-Bold';

    text-transform: uppercase;

}



.menu ul li a.active,

.menu ul li:hover>a {

    color: #fff;

}



.menu ul li ul {

    position: absolute;

    min-width: 200px;

    background: var(--color-red);

    /*box-shadow:0 3px 11px 0 rgba(0,0,0,0.1);*/

    -webkit-transform: perspective(600px) rotateX(-90deg);

    transform: perspective(600px) rotateX(-90deg);

    -webkit-transform-origin: 0 0 0;

    transform-origin: 0 0 0;

    opacity: 0;

    visibility: hidden;

    transition: all .5s;

    border-bottom: 1px ridge rgba(255, 255, 255, 0.1);

}



.menu ul li:hover>ul {

    -webkit-transform: perspective(600px) rotateX(0);

    transform: perspective(600px) rotateX(0);

    -webkit-transform-origin: 0 0 0;

    opacity: 1;

    visibility: visible;

    transition: all .7s;

}



.menu ul li ul li a {

    text-align: left;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

    padding-left: 15px;

    line-height: 45px;

}



.menu ul li ul li:last-child>a {

    border-bottom: 0px;

}



.menu ul li ul li ul {

    top: 0px;

    left: 100%;

}





/* Search */



.search {

    width: 230px;

    background: #fff;

    position: absolute;

    right: 15px;

    top: calc(50% - 17px);

    height: 34px;

    z-index: 99;

    border-radius: 5px;

    transition: all 0.5 ease;

    visibility: hidden;

    opacity: 1;

}



.search p {

    float: left;

    width: 35px;

    height: 35px;

    line-height: 35px;

    cursor: pointer;

    text-align: center;

    margin: 0px;

    color: var(#111);

    font-size: 16px;

    border-radius: 5px;

}



.search input {

    width: calc(100% - 35px);

    height: 35px;

    float: left;

    outline: none;

    padding: 0px;

    border: 0px;

    background: transparent;

    padding-left: 15px;

    font-size: 12px;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

}



.search input::-webkit-input-placeholder {

    color: #ccc;

}



.search input:-moz-placeholder {

    color: #ccc;

}



.search input::-moz-placeholder {

    color: #ccc;

}



.search input:-ms-input-placeholder {

    color: #ccc;

}





/* Menu RP */



.menu-res {

    display: none;

    height: 60px;

    z-index: 10;

    position: relative;

    line-height: normal;

    position: absolute;

    left: 0px;

    right: 0px;

    top: calc(100% - 30px);

    z-index: 9;

}



.menu-res.show {

    position: sticky;

    top: 0px;

    left: 0px;

    right: 0px;

    z-index: 998;

}



.menu-bar-res {

    height: 60px;

    padding: 0px 10px;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: #f21823;

    width: calc(100% - 30px);

    margin: 0 auto;

}



#menu {

    display: none;

}



#hamburger {

    display: block;

    width: 28px;

    height: 23px;

    position: relative;

}



#hamburger:before,

#hamburger:after,

#hamburger span {

    background: #fff;

    content: '';

    display: block;

    width: 100%;

    height: 2px;

    position: absolute;

    left: 0px;

}



#hamburger:before {

    top: 0px;

}



#hamburger span {

    top: 10px;

}



#hamburger:after {

    top: 20px;

}



#hamburger:before,

#hamburger:after,

#hamburger span {

    -webkit-transition: none 0.5s ease 0.5s;

    transition: none 0.5s ease 0.5s;

    -webkit-transition-property: transform, top, bottom, left, opacity;

    transition-property: transform, top, bottom, left, opacity;

}



.mm-wrapper_opening #hamburger:before,

.mm-wrapper_opening #hamburger:after {

    top: 10px;

}



.mm-wrapper_opening #hamburger span {

    left: -50px;

    opacity: 0;

}



.mm-wrapper_opening #hamburger:before {

    transform: rotate(45deg);

}



.mm-wrapper_opening #hamburger:after {

    transform: rotate(-45deg);

}



.mm-menu_opened {

    display: block!important;

}





/* Search RP */



.search-res {

    position: relative;

}



.search-res .icon-search {

    width: 40px;

    height: 40px;

    cursor: pointer;

    text-align: center;

    line-height: 42px;

    color: #fff;

    font-size: 17px;

    margin: 0px;

}



.search-res .icon-search.active {

    color: var(--color-red);

    background: #fff;

    border-radius: 100%;

}



.search-res .search-grid {

    position: absolute;

    top: 50px;

    right: 0px;

    width: 0px;

    height: 40px;

    overflow: hidden;

    background: #fff;

    z-index: 2;

    opacity: 0;

    border-radius: 25px;

    line-height: normal;

}



.search-res .search-grid p {

    float: left;

    width: 35px;

    height: 38px;

    cursor: pointer;

    outline: none;

    border: none;

    margin: 0px;

    font-size: 17px;

    display: block;

    color: var(--color-red);

    line-height: 40px;

    text-align: center;

}



.search-res .search-grid input {

    width: calc(100% - 35px);

    float: right;

    line-height: 38px;

    outline: none;

    border: none;

    color: var(--color-red);

    font-size: 14px;

}



.search-res .search-grid input::-webkit-input-placeholder {

    color: #000;

}



.search-res .search-grid input:-moz-placeholder {

    color: #000;

}



.search-res .search-grid input::-moz-placeholder {

    color: #000;

}



.search-res .search-grid input:-ms-input-placeholder {

    color: #000;

}





/* Slideshow */



.slideshow {

    position: relative;

}



.slideshow .layout-inner {

    max-width: 1200px;

    padding-left: 30px;

    padding-right: 30px;

    background: #Fff;

    padding-bottom: 30px;

}



.slideshow a {

    display: block;

    cursor: pointer;

}



.slideshow a img {

    width: 100%;

}



.slideshow:hover .control-slideshow {

    opacity: 0.3;

}



.slideshow .control-slideshow:hover {

    opacity: 0.8;

}



.control-slideshow {

    opacity: 0;

    position: absolute;

    z-index: 2;

    top: calc(50% - 50px/2);

    width: 35px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    font-size: 25px;

    cursor: pointer;

    margin: 0px;

    background-color: #000000;

    border-radius: 3px;

}



.control-slideshow i {

    color: #ffffff;

}



.prev-slideshow {

    left: 20px;

    padding-right: 3px;

}



.next-slideshow {

    right: 20px;

    padding-left: 3px;

}





/* Partner */



.wrap-partner {

    padding: 0px 10px;

}



.wrap-partner .wrap-content {

    max-width: 1200px;

    padding: 0px;

    position: relative;

}



.owl-partner {

    padding: 0px 40px;

}



.partner {

    display: block;

    border: 1px solid #eee;

}



.partner img {

    width: 100%;

}





/* Breadcrumb */



.breadCrumbs {

    background-color: transparent;

}



.breadCrumbs .wrap-content {

    padding: 0.75rem 30px;

    max-width: 1200px;

}



.breadCrumbs .wrap-content .breadcrumb {

    padding: 0;

    margin-bottom: 0;

    background-color: transparent;

    border-radius: 0;

}



.breadCrumbs .wrap-content .breadcrumb-item a {

    color: var(--color-black);

}



.breadCrumbs .wrap-content .breadcrumb-item.active a {

    color: var(--color-gray);

}





/* Intro */



.wrap-intro {

    margin-bottom: 50px;

}



.left-intro {

    width: 67%;

}



.right-intro {

    width: 30%;

}



.title-intro {

    border-bottom: 1px solid var(--color-red);

    margin-bottom: 1.5rem;

}



.title-intro span {

    display: inline-block;

    font-weight: 700;

    text-transform: uppercase;

    position: relative;

    padding-bottom: 10px;

    font-size: 20px;

}



.title-intro span:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 4px;

    bottom: 0px;

    left: 0px;

    background-color: var(--color-red);

}



.newshome-best {

    width: 43%;

    display: block;

    float: left;

    margin-right: 1.5%;

}



.pic-newshome-best img {

    width: 100%;

}



.name-newshome {

    color: var(--color-black);

    font-size: 14px;

    line-height: 18px;

    margin-bottom: 0.25rem;

}



.name-newshome.text-split {

    -webkit-line-clamp: 2;

}



.time-newshome {

    color: var(--color-gray);

    margin-bottom: 0.25rem;

}



.desc-newshome {

    color: var(--color-black);

    margin-bottom: 0px;

}



.view-newshome {

    display: inline-block;

    border: 1px solid var(--color-black);

    padding: 8px 15px;

    color: var(--color-black);

    text-transform: capitalize;

    font-weight: 600;

    margin-top: 1rem;

}



.view-newshome:hover {

    background-color: var(--color-black);

    color: #fff;

}



.newshome-scroll {

    width: calc(100% - 44.5%);

    height: 450px;

    overflow: hidden;

}



.newshome-scroll ul li {

    margin-bottom: 15px!important;

}



.newshome-normal {

    display: block;

}



.pic-newshome-normal {

    float: left;

    width: 34%;

    margin-right: 3%;

    margin-bottom: 0px;

}



.pic-newshome-normal img {

    width: 100%;

}



.info-newshome-normal {

    float: left;

    width: calc(100% - 37%);

}



.video-main {

    position: relative;

    height: 400px;

}



.video-main iframe {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0px;

    left: 0px;

}



.listvideos {

    width: 100%;

    height: 40px;

    padding: 0px 10px;

    border: 1px solid #ccc;

    color: var(--color-black);

    margin-top: 10px;

    cursor: pointer;

}





/* Video */



.video {

    float: left;

    width: 23.5%;

    margin: 0 2% 2% 0;

    text-align: center;

    cursor: pointer;

}



.video:nth-child(4n+1) {

    clear: both;

}



.video:nth-child(4n) {

    margin-right: 0px;

}



.pic-video {

    position: relative;

}



.pic-video:before {

    content: "";

    position: absolute;

    width: 50px;

    height: 35px;

    top: calc(50% - 50px/2);

    left: calc(50% - 35px/2);

    z-index: 1;

    background-repeat: no-repeat;

    background-image: url(../images/play.png);

}



.pic-video img {

    width: 100%;

}



.name-video {

    font-size: 16px;

    color: var(--color-black);

    margin-bottom: 0px;

}





/* Album */



.album {

    float: left;

    width: 23.5%;

    margin: 0 2% 2% 0;

    text-align: center;

    cursor: pointer;

}



.album:nth-child(4n+1) {

    clear: both;

}



.album:nth-child(4n) {

    margin-right: 0px;

}



.pic-album {

    position: relative;

}



.pic-album img {

    width: 100%;

}



.name-album {

    font-size: 16px;

    color: var(--color-black);

    margin-bottom: 0px;

}





/* Brand */



.wrap-brand {

    margin-bottom: 50px;

    padding: 0px 10px;

}



.wrap-brand .wrap-content {

    max-width: 1200px;

    padding: 0px;

    position: relative;

}



.owl-brand {

    padding: 0px 40px;

}



.brand {

    display: block;

    border: 1px solid #eee;

}



.brand img {

    width: 100%;

}





/* Sản Phẩm */



.grid-4-product {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    grid-gap: 15px;

    margin-bottom: 20px;

}



.wrap-product {

    margin-bottom: 50px;

}



.box-product {

    position: relative;

    display: block;

    margin-bottom: 1rem;

}



.pic-product {

    background: #fff;

    border-radius: 5px;

    padding: 5px;

    border: 1px solid #eee;

}



.pic-product img {

    width: 100%;

    border-radius: 3px;

}



.name-product {

    font-size: 16px;

    color: var(--color-black);

}



.name-product.text-split {

    -webkit-line-clamp: 1;

}



.price-product {

    margin-bottom: 0px;

}



.price-product span {

    font-weight: 700;

}



.price-new {

    font-size: 16px;

    font-weight: 500;

    color: var(--color-red);

}



.price-old {

    padding-left: 10px;

    font-size: 13px;

    color: var(--color-gray);

    text-decoration: line-through;

    position: relative;

    top: -1px;

}



.price-per {

    position: absolute;

    top: 15px;

    right: 15px;

    color: #fff;

    background: var(--color-red);

    font-size: 11px;

    border-radius: 2px;

    width: 45px;

    height: 25px;

    text-align: center;

    line-height: 25px;

}



.cart-product {

    margin-bottom: 0px;

}



.cart-product span {

    cursor: pointer;

    width: 49%;

    float: left;

    color: #fff;

    text-transform: capitalize;

    text-align: center;

    padding: 7px 5px;

    border-radius: 3px;

}



.cart-add {

    margin-right: 2%;

    background-color: var(--color-red);

}



.cart-add:hover {

    background-color: var(--color-dark-red);

}



.cart-buy {

    background-color: var(--color-green);

}



.cart-buy:hover {

    background-color: var(--color-dark-green);

}





/* Sản Phẩm Detail */



.grid-pro-detail {

    margin-bottom: 50px;

}



.left-pro-detail {

    position: relative;

    float: left;

    width: 49%;

    text-align: center;

    background: white;

}



.left-pro-detail .MagicZoom {}



.right-pro-detail {

    width: 49%;

    float: right;

}



.gallery-thumb-pro {

    position: relative;

    margin-top: 10px;

}



.owl-thumb-pro {

    padding: 0px 40px;

}



.thumb-pro-detail {

    display: block!important;

    border: 1px solid #eee;

    padding: 5px;

    border-radius: 3px;

    cursor: pointer;

}



.thumb-pro-detail.mz-thumb.mz-thumb-selected {

    border-color: #cecfd2;

}



.thumb-pro-detail img {

    box-shadow: none!important;

    filter: brightness(100%)!important;

    border-bottom: 0px!important;

    padding-bottom: 0px!important;

}



.title-pro-detail {

    text-transform: capitalize;

    font-size: 20px;

    display: block;

    font-family: 'Roboto-Bold';

    margin-bottom: 10px;

}



.desc-pro-detail p {

    margin-bottom: 10px;

    font-family: 'Roboto-Regular';

}



.desc-pro-detail p:last-child {

    margin-bottom: 0px;

}



.social-plugin-pro-detail {

    margin-bottom: 1rem;

    margin-top: 0px!important;

}



.desc-pro-detail {

    margin-bottom: 1rem;

}



.attr-pro-detail {

    list-style: none;

    padding: 0px;

}



.attr-pro-detail li {

    margin-bottom: 0.5rem;

}



.attr-label-pro-detail {

    margin: 0px 5px 0px 0px;

    font-family: 'Roboto-Bold';

    font-size: 15px;

}



.attr-label-pro-detail.d-block {

    display: block;

    margin: 0px 0px 5px 0px;

}



.attr-content-pro-detail {

    display: inline-block;

    margin-bottom: 0px;

}



.price-new-pro-detail {

    font-family: 'Roboto-Bold';

    font-size: 28px;

    color: var(--color-red);

}



.price-old-pro-detail {

    font-family: 'Roboto-Bold';

    color: var(--color-gray);

    text-decoration: line-through;

    padding-left: 5px;

    position: relative;

    top: -4px;

}



.color-pro-detail {

    display: inline-block;

    vertical-align: top;

    position: relative;

    width: 35px;

    height: 30px;

    margin: 0px 0px 3px 0px;

    border: 1px solid transparent;

}



.size-pro-detail {

    border: 1px solid #ccc;

    padding: 3px 10px 4px 10px;

    display: inline-block;

    position: relative;

}



.size-pro-detail.active,

.color-pro-detail.active {

    border-color: #e5101d;

    color: #e5101d;

}



.color-pro-detail.active:before,

.size-pro-detail.active:before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0px;

    left: 0px;

    bottom: 0px;

    right: 0px;

    margin: auto;

    z-index: 1;

    background-image: url(../images/check-cart.png);

    background-repeat: no-repeat;

    background-position: bottom right;

}



.color-pro-detail input[type=radio],

.size-pro-detail input[type=radio] {

    outline: none;

    position: absolute;

    cursor: pointer;

    width: 100%;

    height: 100%;

    -webkit-appearance: none;

    border: 0px;

    top: 0px;

    left: 0px;

}



.quantity-pro-detail {

    width: 100%;

    max-width: 110px;

    line-height: normal;

    display: flex;

    align-items: center;

    justify-content: space-between;

    text-align: center;

}



.quantity-pro-detail span {

    line-height: 25px;

    padding: 0px;

    width: 30px;

    height: 30px;

    color: #5f5f5f;

    cursor: pointer;

    font-size: 22px;

    border: 1px solid #cccccc;

}



.quantity-pro-detail span.quantity-plus-pro-detail {

    border-left: 0px;

}



.quantity-pro-detail span.quantity-minus-pro-detail {

    border-right: 0px;

}



.quantity-pro-detail input {

    height: 30px;

    border: 1px solid #cccccc;

    width: calc(100% - 60px);

    text-align: center;

    font-size: 14px;

    padding: 5px;

}



.cart-pro-detail {

    margin-bottom: 1rem;

    display: flex;

    align-items: stretch;

    justify-content: flex-start;

}



.cart-pro-detail a {

    width: auto;

    text-align: center;

    color: #fff;

    padding: 8px 15px;

    text-transform: uppercase;

    border-radius: 3px;

    cursor: pointer;

}



.cart-pro-detail a.addnow {

    margin-right: 10px;

    background: var(--color-red);

}



.cart-pro-detail a.buynow {

    background-color: var(--color-black);

}



.cart-pro-detail a.buynow:hover {

    background-color: var(--color-dark-green);

    color: #fff;

}



.cart-pro-detail a i {

    vertical-align: top;

    margin-top: 3px;

    margin-right: 8px;

}



.tags-pro-detail {

    margin: 1rem 0px 2rem 0px;

}



.tags-pro-detail a {

    float: left;

    font-size: 12px;

    color: #fff;

    padding: 5px 10px 7px 10px;

    margin-right: 5px;

    margin-bottom: 5px;

    background-color: var(--color-red);

    border-radius: 3px;

}



.tags-pro-detail a:hover {

    background-color: var(--color-medium-red);

}



.tags-pro-detail a i {

    font-size: 10px;

    float: left;

    margin: 5px 5px 0px 0px;

}



.tabs-pro-detail {

    margin-top: 20px;

}



.tabs-pro-detail .ul-tabs-pro-detail {

    padding: 0px;

    list-style: none;

    margin-bottom: 1rem;

    border-bottom: 1px solid #e7e7e7;

}



.tabs-pro-detail .ul-tabs-pro-detail li {

    cursor: pointer;

    float: left;

    margin-right: 5px;

    margin-bottom: 5px;

    background: #eee;

    padding: 5px 10px;

    text-transform: uppercase;

    font-weight: bold;

    font-family: 'Roboto-Bold';

}



.pageContact,

.pageDetailNews,

.pageNews,

.pageAboutUs,

.pageAccount,

.pageCart {

    padding-bottom: 40px;

}



.tabs-pro-detail .ul-tabs-pro-detail li.active {

    background: var(--color-red);

    color: #fafafa;

    border-top-left-radius: 2px;

    border-top-right-radius: 2px;

}



.tabs-pro-detail .ul-tabs-pro-detail li:last-child {

    margin-right: 0px;

}



.tabs-pro-detail .content-tabs-pro-detail {

    display: none;

}



.tabs-pro-detail .content-tabs-pro-detail.active {

    display: block;

}





/* Toc */



.box-readmore {

    padding: 8px 15px;

    border: 1px solid #dedede;

    margin-bottom: 2rem;

    border-radius: 5px;

    background-color: #eeeeee;

}



.box-readmore li ul>li {

    margin: 0;

    margin-bottom: 8px

}



.box-readmore li ul>li:before {

    content: counters(item, ".") " "

}



.box-readmore ul {

    list-style-type: none;

    counter-reset: item;

    margin-bottom: 0px;

    padding-left: 0px!important;

    margin-top: 8px;

}



.box-readmore ul li {

    display: table;

    counter-increment: item;

    margin-bottom: 5px

}



.box-readmore ul li:before {

    content: counters(item, ".") ". ";

    display: table-cell;

    padding-right: 5px

}



.box-readmore ul li a {

    color: #333333;

    cursor: pointer;

    font-weight: 600;

}



.box-readmore ul li a:hover {

    color: #767676;

}





/* Bài viết */



.news {

    width: 49%;

    float: left;

    margin-bottom: 25px;

    display: block;

}



.news:nth-child(2n) {

    float: right;

}



.news:nth-child(2n+1) {

    clear: both;

}



.pic-news {

    float: left;

    margin-right: 4%;

    width: 36%;

}



.pic-news img {

    width: 100%;

}



.info-news {

    float: left;

    width: 60%;

}



.name-news {

    color: #333;

    font-size: 16px;

    display: block;

    line-height: normal;

    margin-bottom: 5px;

    font-weight: bold;

    font-family: 'Roboto-Bold';

}



.name-news:hover {

    color: var(--color-red);

}



.time-news {

    color: var(--color-gray);

    margin-bottom: 0.25rem;

}



.desc-news {

    color: #333333;

    margin-top: 5px;

    line-height: 22px;

}



.share {

    padding: 17px 10px 10px 10px;

    line-height: normal;

    background: rgba(128, 128, 128, 0.15);

    margin-top: 15px;

    border-radius: 5px;

}



.share b {

    display: block;

    margin-bottom: 5px;

}



.othernews b {

    margin-bottom: 10px;

}



.list-news-other {

    padding-left: 17px;

    list-style: square;

}



.list-news-other li {

    margin-bottom: 2px;

}



.list-news-other li a {

    text-transform: none;

    color: #333333;

}



.list-news-other li a:hover {

    color: var(--color-red);

}





/* Contact */



.top-contact {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    margin-bottom: 30px;

}



.top-contact .article-contact {

    width: 48%;

}



.form-contact {

    width: 47%;

}



.input-contact {

    position: relative;

    margin-bottom: 15px;

}



.input-contact input,

.input-contact textarea {

    width: 100%;

    padding: 0px;

    outline: none;

    font-size: 14px;

}



.input-contact input {

    text-indent: 10px;

}



.input-contact textarea {

    resize: none;

    height: 150px;

    padding: 10px;

}



.input-contact .custom-file-label::after {

    content: attr(title);

}



.bottom-contact {

    position: relative;

    height: 500px;

}



.bottom-contact iframe {

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%!important;

    height: 100%!important;

}





/* Footer */



.footer {

    background-color: var(--color-red);

}



.footer-article {

    padding: 70px 0px 40px 0px;

}



.footer-article .wrap-content {

    padding: 35px 10px;

}



.footer-news:nth-child(1) {

    width: 30%;

}



.footer-news:nth-child(2) {

    width: 15%;

}



.footer-news:nth-child(3) {

    width: 20%;

}



.footer-news:nth-child(4) {

    width: 25%;

}



.title-footer {

    font-size: 14px;

    color: #fff;

    text-transform: uppercase;

    margin: 0 0 25px;

    font-weight: bold;

    font-family: 'Roboto-Bold';

    letter-spacing: .01em;

}



.footer-ul {

    list-style: none;

    padding: 0px;

    margin: 0px;

}



.footer-ul li {

    padding: 0 0 11px 0;

    list-style: none;

}



.footer-ul li:last-child {

    margin-bottom: 0px;

}



.footer-ul li a {

    color: #fff;

    font-size: 14px;

    text-decoration: none;

    background: transparent;

    transition: all 0.5s ease;

}



.info-footer {

    color: #fff;

}



.info-footer p {

    margin-bottom: 10px;

    font-size: 14px;

}



p.tt {

    color: #fff;

    margin-bottom: 15px;

}



.footer-ul li a:hover {

    color: rgba(255, 255, 255, 0.6);

}



.slogan-newsletter {

    margin-bottom: 0.5rem;

    color: var(--color-gray);

}



.newsletter-input {

    position: relative;

}



.newsletter-input input {

    padding: 0px;

    font-size: 14px;

    text-indent: 10px;

    border-radius: 0px;

}



.newsletter-button {

    margin-top: 5px;

}



.newsletter-button input[type=submit] {

    border: 0px;

    background-color: var(--color-red);

    color: #fff;

    display: inline-block;

    padding: 5px 16px;

    text-transform: uppercase;

    font-weight: 500;

    cursor: pointer;

}



.footer-tags {

    background: #eee;

}



.footer-tags .wrap-content {

    padding: 30px 10px;

}



.label-tags {

    font-weight: 600;

    font-size: 15px;

}



.list-tags {

    list-style: none;

    padding: 0px;

    margin: 0px;

}



.list-tags li {

    float: left;

    margin: 0px 5px 5px 0px;

}



.list-tags li a {

    color: #fff;

    background-color: var(--color-red);

    padding: 6px 15px 8px 15px;

    border-radius: 3px;

    display: block;

}



.list-tags li a:hover {

    background-color: var(--color-medium-red);

}



.footer-powered {

    color: #fff;

    background-color: var(--color-medium-red);

}



.footer-powered {

    padding: 15px 0px;

}



.copyright {

    margin-bottom: 0px;

    width: 50%;

    text-align: left;

    float: left;

}



.statistic {

    margin-bottom: 0px;

    width: 50%;

    text-align: right;

    float: right;

}



.statistic span {

    padding-right: 10px;

}



.statistic span:last-child {

    padding-right: 0px;

}



#footer-map {

    position: relative;

    height: 500px;

}



#footer-map iframe {

    position: absolute!important;

    width: 100%!important;

    height: 100%!important;

    top: 0px!important;

    left: 0px!important;

}





/* Like Share */



.social-plugin {

    display: flex;

    justify-content: flex-start;

    margin-top: 10px;

}



.social-plugin .at-share-btn {

    margin-bottom: 0px!important;

}



.social-plugin .zalo-share-button {

    margin-left: 3px;

}





/* Phân Trang */



.pagination-home .pagination .page-item .page-link {

    color: #555555;

    font-size: .875rem;

}



.pagination-home .pagination .page-item.active .page-link {

    color: #ffffff;

    background-color: #555555;

    border-color: #555555;

}





/* Phân Trang Ajax */



.pagination-ajax {

    text-align: center;

    margin-top: 20px;

}



.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: var(--color-red);

    color: #fff;

    border-color: var(--color-red);

}





/* Popup custom */



.modal-custom .modal-footer {

    padding: 0.5rem;

}



.modal-custom .modal-footer .btn {

    font-size: 14px;

}





/* Popup */



#popup .modal-body {

    padding: 0px;

}





/* Hidden Google Captcha */



.grecaptcha-badge {

    display: none!important;

    width: 0px!important;

    height: 0px!important;

    visibility: hidden!important;

    overflow: hidden;

}





/* Hidden Check Grammar Coccoc */



coccocgrammar {

    display: none;

}





/* Scroll Top */



.scrollToTop {

    width: 41px;

    height: 41px;

    text-align: center;

    font-weight: bold;

    color: #444;

    text-decoration: none;

    position: fixed;

    bottom: 65px;

    right: 25px;

    display: none;

    z-index: 10;

    cursor: pointer;

}





/* Text Hide */



.text-split {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

    -webkit-box-orient: vertical;

    display: -webkit-box;

    -webkit-line-clamp: 3;

}





/* Transition All */



.transition {

    -webkit-transition: 0.3s ease-out;

    -moz-transition: 0.3s ease-out;

    -o-transition: 0.3s ease-out;

    transition: 0.3s ease-out;

}





/* Scale IMG */



.scale-img {

    overflow: hidden;

    display: block;

}



.scale-img img {

    -webkit-transition: 0.3s ease-out;

    -moz-transition: 0.3s ease-out;

    -o-transition: 0.3s ease-out;

    transition: 0.3s ease-out;

    -moz-transform: scale(1, 1);

    -webkit-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    transform: scale(1, 1);

}



.scale-img:hover>img {

    -webkit-transition: 0.3s ease-out;

    -moz-transition: 0.3s ease-out;

    -o-transition: 0.3s ease-out;

    transition: 0.3s ease-out;

    -moz-transform: scale(1.1, 1.1);

    -webkit-transform: scale(1.1, 1.1);

    -o-transform: scale(1.1, 1.1);

    -ms-transform: scale(1.1, 1.1);

    transform: scale(1.1, 1.1);

}





/* Blink */



.blink {

    -webkit-animation-name: blink;

    -webkit-animation-duration: 1s;

    -webkit-animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blink;

    -moz-animation-duration: 1s;

    -moz-animation-timing-function: linear;

    -moz-animation-iteration-count: infinite;

    animation-name: blink;

    animation-duration: 1s;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

}



@-moz-keyframes blink {

    0% {

        opacity: 1.0;

    }

    50% {

        opacity: 0.0;

    }

    100% {

        opacity: 1.0;

    }

}



@-webkit-keyframes blink {

    0% {

        opacity: 1.0;

    }

    50% {

        opacity: 0.0;

    }

    100% {

        opacity: 1.0;

    }

}



@keyframes blink {

    0% {

        opacity: 1.0;

    }

    50% {

        opacity: 0.0;

    }

    100% {

        opacity: 1.0;

    }

}





/* Button Frame */



.btn-frame {

    display: block;

    width: 50px;

    height: 50px;

    position: fixed;

    right: 20px;

    z-index: 10;

    cursor: pointer;

}



.btn-frame i {

    display: flex;

    display: -ms-flex;

    justify-content: center;

    align-items: center;

    -ms-flex-align: center;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background: #1182FC;

    position: relative;

    z-index: 1;

}



.btn-frame i img {

    vertical-align: middle;

    width: 70%;

}



.btn-frame .animated.infinite {

    animation-iteration-count: infinite;

}



.btn-frame .kenit-alo-circle {

    width: 60px;

    height: 60px;

    top: -5px;

    right: -5px;

    position: absolute;

    background-color: transparent;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    border: 2px solid rgba(7, 41, 103, 0.8);

    opacity: .1;

    border-color: #1182FC;

    opacity: .5;

}



.btn-frame .zoomIn {

    animation-name: zoomIn;

}



.btn-frame .animated {

    animation-duration: 1s;

    animation-fill-mode: both;

}



.btn-frame .kenit-alo-circle-fill {

    width: 70px;

    height: 70px;

    top: -10px;

    right: -10px;

    position: absolute;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    border: 2px solid transparent;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    background-color: rgba(7, 41, 103, 0.35);

    opacity: .4;

}



.btn-frame .pulse {

    animation-name: pulse;

}





/* Zalo */



.btn-zalo {

    bottom: 315px;

}





/* Phone */



.btn-phone {

    bottom: 230px;

}





/* Messenger */



.js-facebook-messenger-container.closed,

.js-facebook-messenger-tooltip.closed {

    display: none!important

}



.js-facebook-messenger-tooltip {

    bottom: 97px;

    right: 97px

}



.js-facebook-messenger-tooltip {

    color: #404040;

    background: #fff

}



.js-facebook-messenger-box,

.js-facebook-messenger-button,

.js-facebook-messenger-tooltip {

    z-index: 999

}



.js-facebook-messenger-tooltip {

    display: none;

    position: fixed;

    text-align: center;

    border-radius: 10px;

    overflow: hidden;

    font-size: 12px;

    line-height: 1;

    padding: 10px;

    border: 1px solid rgba(0, 0, 0, 0.1);

    box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt;

    z-index: 1.0E+30

}



.js-facebook-messenger-close-tooltip {

    width: 10px;

    height: 10px;

    display: inline-block;

    cursor: pointer;

    margin-left: 10px

}



.js-facebook-messenger-box.rubberBand {

    -webkit-animation-name: rubberBand;

    animation-name: rubberBand

}



.js-facebook-messenger-box.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both

}



.js-facebook-messenger-box,

.js-facebook-messenger-button,

.js-facebook-messenger-tooltip {

    z-index: 999

}



.js-facebook-messenger-box {

    display: block;

    position: fixed;

    cursor: pointer;

    bottom: 150px;

    right: 17px;

    width: 56px;

    height: 56px;

    text-align: center;

    background: #1182FC;

    border-radius: 100%;

    overflow: hidden;

    z-index: 99;

    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3);

    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3)

}



.js-facebook-messenger-box.rotate svg#fb-msng-icon {

    transform: rotate(0deg)

}



.js-facebook-messenger-box svg#fb-msng-icon {

    width: 32px;

    height: 33px;

    position: absolute;

    top: 13px;

    left: 12px;

    opacity: 1;

    overflow: hidden;

    -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;

    -moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;

    -o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;

    transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;

}



.js-facebook-messenger-box.rotate svg#close-icon {

    transform: rotate(-45deg)

}



.js-facebook-messenger-box svg#close-icon {

    opacity: 0;

    width: 19px;

    height: 20px;

    position: absolute;

    top: 19px;

    left: 19px;

    -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;

    -moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;

    -o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;

    transition: opacity 160ms ease-in-out, transform 160ms ease-in-out;

}



.js-facebook-messenger-container,

.js-facebook-messenger-container-button {

    z-index: 1000

}



.js-facebook-messenger-container {

    position: fixed;

    opacity: 0;

    transform: translateY(50px);

    bottom: 110px;

    right: 90px;

    border-radius: 10px;

    pointer-events: none;

    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);

    -webkit-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;

    -moz-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;

    -o-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out;

    transition: transform 160ms ease-in-out, opacity 160ms ease-in-out

}



.js-facebook-messenger-top-header {

    width: 220px

}



.js-facebook-messenger-top-header {

    color: #fff;

    background: #1182FC

}



.js-facebook-messenger-top-header {

    display: block;

    position: relative;

    width: 220px;

    background: #1182FC;

    color: #fff;

    text-align: center;

    line-height: 1;

    padding: 10px;

    font-size: 14px;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px

}



.js-facebook-messenger-container iframe,

.js-facebook-messenger-container-button iframe {

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px

}



.js-facebook-messenger-box,

.js-facebook-messenger-button,

.js-facebook-messenger-tooltip {

    z-index: 999

}



.js-facebook-messenger-container,

.js-facebook-messenger-container-button {

    z-index: 1000

}



.js-facebook-messenger-top-header {

    color: #fff;

    background: #1182FC

}



.js-facebook-messenger-top-header {

    width: 220px

}



.js-facebook-messenger-tooltip {

    color: #404040;

    background: #fff

}



.js-facebook-messenger-container.open {

    transform: translateY(0px);

    opacity: 1;

    pointer-events: all

}



.js-facebook-messenger-tooltip {

    bottom: 97px;

    right: 97px

}



.js-facebook-messenger-box.open svg#fb-msng-icon {

    opacity: 0

}



.js-facebook-messenger-box.rotate.open svg#close-icon {

    transform: rotate(0deg)

}



.js-facebook-messenger-box.open svg#close-icon {

    opacity: 1

}





/* Cart fix */



.cart-fixed {

    position: fixed;

    right: 20px;

    bottom: 390px;

    z-index: 10;

    background: #4b4f56;

    width: 50px;

    height: 50px;

    text-align: center;

    color: #fff!important;

    border-radius: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.cart-fixed i {

    font-size: 20px;

}



.cart-fixed span {

    position: absolute;

    top: 0px;

    right: -5px;

    color: #fff;

    width: 25px;

    height: 25px;

    background: var(--color-red);

    text-align: center;

    line-height: 25px;

    font-size: 11px;

    border-radius: 100%;

}





/* Toolbar */



.toolbar {

    background: var(--color-red);

    width: 100%;

    padding: 3vw;

    bottom: 0px;

    position: fixed;

    z-index: 500;

    height: auto;

    left: 0px;

}



.toolbar ul {

    list-style: none;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 0px;

    margin: 0px;

}



.toolbar ul li {

    text-align: center;

    width: 25%;

}



.toolbar ul li a {

    display: block;

    width: 100%;

    cursor: pointer;

}



.toolbar ul li a img {

    height: 6vw;

    width: auto;

}



.toolbar ul li a span {

    font-weight: 400;

    color: #fff;

    font-size: 3.5vw;

    display: none;

}





/* Fixbar */



.fixbar {

    bottom: 0;

    display: block;

    background: #f0eff4;

    border-top: 1px solid #ddd;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    position: fixed;

    margin: 0;

    z-index: 500;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    height: 50px;

}



.fixbar ul {

    margin: 0px;

    padding: 0px;

    list-style: none;

}



.fixbar ul li {

    display: inline-block;

    margin: 0 auto 10px;

    text-align: center;

    width: 25%;

    float: left;

}



.fixbar .icon-cart-mobile,

.fixbar .icon-cart-new,

.fixbar .icon-home-new,

.fixbar .icon-hotdeal-new {

    width: 20px;

    height: 20px;

    display: block;

    margin: 8px auto 0;

}



.fixbar .icon-cart-mobile {

    background: url(../images/cart-mobile.png) no-repeat;

}



.cart-total-header-mobile {

    font-size: 10px;

    position: absolute;

    background: red;

    color: #fff!important;

    border-radius: 50%;

    height: 15px;

    width: 15px;

    line-height: 15px;

    top: 5px;

    margin-left: 5px;

}



.fixbar ul li a {

    font-size: 11px;

    text-decoration: none;

    color: #333;

}



.fixbar ul li a i {

    font-size: 20px;

}





/* Plugbar */



.plugbar {

    position: fixed;

    bottom: 0;

    left: 0;

    border-top: 1px solid #eae6e6;

    width: 100%;

    right: 0;

    max-width: 767px;

    margin: 0 auto;

    background: #fff;

    padding: 9px 10px 10px 7px;

    z-index: 10;

}



.plugbar ul {

    list-style: none;

    padding: 0;

    margin: 0px;

    display: -webkit-flex;

    display: -moz-flex;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.plugbar ul li {

    width: 20%;

    float: left;

}



.plugbar ul li a {

    display: block;

    color: #696969;

    font-size: 12px;

    text-align: center;

    position: relative;

}



.plugbar ul li a i {

    font-size: 20px;

    color: #696969;

}



.plugbar ul li a span {

    position: absolute;

    width: 50px;

    height: 50px;

    top: -40px;

    left: calc(50% - 50px/2);

    font-size: 14px;

    display: block;

    border: 1px solid rgba(234, 230, 230, 0.5);

    border-radius: 100%;

}





/* Combo Phone */



.support-online {

    position: fixed;

    z-index: 999;

    left: 10px;

    bottom: 0px;

}



.support-online a {

    position: relative;

    margin: 20px 10px;

    text-align: left;

    width: 40px;

    height: 40px;

}



.support-online i {

    width: 40px;

    height: 40px;

    background: #43a1f3;

    color: #fff;

    border-radius: 100%;

    font-size: 20px;

    text-align: center;

    line-height: 1.9;

    position: relative;

    z-index: 999;

}



.support-online a span {

    border-radius: 2px;

    text-align: center;

    background: rgb(103, 182, 52);

    padding: 9px;

    display: none;

    width: 180px;

    margin-left: 10px;

    position: absolute;

    color: #ffffff;

    z-index: 999;

    top: 0px;

    left: 40px;

    transition: all 0.2s ease-in-out 0s;

    -moz-animation: headerAnimation 0.7s 1;

    -webkit-animation: headerAnimation 0.7s 1;

    -o-animation: headerAnimation 0.7s 1;

    animation: headerAnimation 0.7s 1;

}



.support-online a:hover span {

    display: block;

}



.support-online a {

    display: block;

}



.support-online a span:before {

    content: "";

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 10px 10px 10px 0;

    border-color: transparent rgb(103, 182, 52) transparent transparent;

    position: absolute;

    left: -10px;

    top: 10px;

}



.support-online .kenit-alo-circle-fill {

    width: 60px;

    height: 60px;

    top: -10px;

    position: absolute;

    -webkit-transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

    -ms-transition: all 0.2s ease-in-out;

    -o-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    border: 2px solid transparent;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    background-color: rgba(0, 175, 242, 0.5);

    opacity: .75;

    right: -10px;

}



.support-online .kenit-alo-circle {

    width: 50px;

    height: 50px;

    top: -5px;

    right: -5px;

    position: absolute;

    background-color: transparent;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    border: 2px solid rgba(30, 30, 30, 0.4);

    opacity: .1;

    border-color: #0089B9;

    opacity: .5;

}



.support-online .support-online .btn-support {

    cursor: pointer;

}



.support-online .mes i {

    background: orange;

}



.support-online .sms i {

    background: red;

}



.support-online .call-now i {

    background: green;

}





/* Phone Switch */



.widget-mobile {

    position: fixed;

    left: 50%;

    transform: translateX(-50%);

    bottom: 10px;

    z-index: 9999999;

}



#my-phone-circle {

    position: relative;

    width: 50px!important;

    height: 50px!important;

}



.wcircle-open .wcircle-icon i:before {

    content: '\f00d';

}



.wcircle-icon {

    background: #1282fc;

    border-radius: 50%;

    display: flex!important;

    display: -ms-flex!important;

    align-items: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: relative!important;

}



.wcircle-icon:before {

    position: absolute;

    content: '';

    width: 60px;

    height: 60px;

    background: rgba(18, 130, 252, .5);

    border: 1px solid #fff;

    border-radius: 50%;

    left: -5px;

    top: -5px;

    -webkit-animation: pulse 1s infinite ease-in-out;

    -moz-animation: pulse 1s infinite ease-in-out;

    -ms-animation: pulse 1s infinite ease-in-out;

    -o-animation: pulse 1s infinite ease-in-out;

    animation: pulse 1s infinite ease-in-out;

}



.wcircle-icon:after {

    position: absolute;

    content: '';

    width: 80px;

    height: 80px;

    background: rgba(18, 130, 252, .5);

    border-radius: 50%;

    left: -15px;

    top: -15px;

    -webkit-animation: zoomIn 2s infinite ease-in-out;

    -moz-animation: zoomIn 2s infinite ease-in-out;

    -ms-animation: zoomIn 2s infinite ease-in-out;

    -o-animation: zoomIn 2s infinite ease-in-out;

    animation: zoomIn 2s infinite ease-in-out;

}



.wcircle-menu {

    position: absolute!important;

    left: 0;

    top: 0;

    display: none;

}



.wcircle-menu-item {

    width: 50px;

    height: 50px;

    background: #1282fc;

    border-radius: 50%;

    display: flex;

    display: -ms-flex;

    align-items: center;

    -ms-flex-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.wcircle-menu-item img {

    width: 50px;

    height: 50px;

    display: block;

    border-radius: 50%;

}



.wcircle-menu-item i,

.wcircle-icon i {

    font-size: 25px;

    color: #fff;

    position: relative;

    z-index: 9999;

}



.shake-anim {

    -webkit-animation: shake-anim 1s infinite ease-in-out;

    -moz-animation: shake-anim 1s infinite ease-in-out;

    -ms-animation: shake-anim 1s infinite ease-in-out;

    -o-animation: shake-anim 1s infinite ease-in-out;

    animation: shake-anim 1s infinite ease-in-out;

    -webkit-transform-origin: 50% 50%;

    -moz-transform-origin: 50% 50%;

    -ms-transform-origin: 50% 50%;

    -o-transform-origin: 50% 50%;

    transform-origin: 50% 50%

}



@-moz-keyframes shake-anim {

    0% {

        transform: rotate(0) scale(1) skew(1deg)

    }

    10%,

    30% {

        -moz-transform: rotate(-25deg) scale(1) skew(1deg)

    }

    20%,

    40% {

        -moz-transform: rotate(25deg) scale(1) skew(1deg)

    }

    100%,

    50% {

        -moz-transform: rotate(0) scale(1) skew(1deg)

    }

}



@-webkit-keyframes shake-anim {

    0%,

    100%,

    50% {

        -webkit-transform: rotate(0) scale(1) skew(1deg)

    }

    10%,

    30% {

        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)

    }

    20%,

    40% {

        -webkit-transform: rotate(25deg) scale(1) skew(1deg)

    }

}



@-o-keyframes shake-anim {

    0%,

    100%,

    50% {

        -o-transform: rotate(0) scale(1) skew(1deg)

    }

    10%,

    30% {

        -o-transform: rotate(-25deg) scale(1) skew(1deg)

    }

    20%,

    40% {

        -o-transform: rotate(25deg) scale(1) skew(1deg)

    }

}





/* comment */



.mt20 {

    margin-top: 20px;

}



.title-detail {

    position: relative;

    padding: 10px 0;

    font-size: 18px;

    font-weight: bold;

    text-transform: capitalize;

    padding-bottom: 5px;

}



.title-detail span {

    position: relative;

    display: inline-block;

    background: #fff;

    padding-right: 10px;

    z-index: 1;

    text-transform: uppercase;

}



.title-detail::after {

    position: absolute;

    bottom: 0px;

    left: 0;

    content: '';

    height: 2px;

    width: 50px;

    background: #363636;

}



.col__3 {

    width: calc(((100% / 12) * 3));

}



.col__5 {

    width: calc(((100% / 12) * 5));

}



.detail-comment {

    float: left;

    width: 100%;

    display: block;

    max-width: 780px;

}



.frm-comment {

    position: relative;

}



.detail-comment i.fa-star {

    color: #ffc107;

}



.title-rating {

    font-size: 16px;

    text-align: center;

    font-weight: bold;

}



.point-rating {

    font-size: 32px;

    color: #03a9f4;

}



.detail-comment .start-rating {

    margin: 5px 0;

}



.detail-comment .start-rating i {

    font-size: 21px;

}



.count-rating {

    font-size: 16px;

}



.current-rating {

    margin: 5px 0;

    font-size: 15px;

    color: #444;

    white-space: nowrap;

}



.current-rating .slide-bar {

    position: relative;

    width: 73%;

    height: 5px;

    margin: 0 10px;

    background: #efefef;

    border-radius: 50px;

    overflow: hidden;

    top: -3px;

}



.current-rating .slide-bar span {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: linear-gradient(90deg, #ff7d26 0%, #f25800 97%);

    border-radius: 50px;

}



p.count-rating-start {}



.row-rating {

    padding: 10px 0px;

}



.row-comment {

    position: relative;

    margin-bottom: 15px;

}



.row-comment .form-group {

    position: relative;

}



p.count {

    display: inline-block;

    color: #288ad6;

    cursor: pointer;

    font-size: 13.5px;

}



label.label-form {

    padding-right: 5px;

}



.row-comment .my-rating {

    position: absolute;

    bottom: 5px;

    left: 10px;

    text-transform: uppercase;

}



.row-comment label {

    font-size: 15px;

    font-weight: bold;

}



.item-comment .btn {

    width: 100%;

    background: #288ad6;

    text-transform: uppercase;

    color: #fff;

}



.item-comment .btn:hover {

    background: #d80000;

}



.rating-comment {

    width: 15px;

    height: 15px;

    background: url(../images/start-rating.png) 0 0;

    overflow: hidden;

}



.rating-comment.active {

    background-position: 0 bottom;

}



.item-rating {

    width: 15px;

    height: 15px;

    background: url(../images/start-rating.png) 0 0;

    overflow: hidden;

}



.item-rating.active {

    background-position: 0 bottom;

}



.item-comment .info .character {

    width: 30px;

    height: 30px;

    background: #d1d1d1;

    margin-right: 5px;

    font: 15px var(--bold);

    color: #fff;

    text-transform: uppercase;

    border-radius: 50%;

}



.item-comment .info .date {

    margin-left: 15px;

    padding-right: 5px;

}



.item-comment .info .name {

    font-family: var(--regular);

}



.item-comment .info-admin .character {

    background: #d80000;

    color: #Fff;

}



.item-comment .info-admin .name {

    text-decoration: none;

    text-transform: capitalize;

}



.item-comment .content {

    margin: 10px 0 10px 35px;

    padding: 5px 20px;

    border-left: 1px solid #ddd;

}



.item-comment .content .tool {

    margin-top: 10px;

    font-size: 12px;

}



.item-comment .content .tool div {

    cursor: pointer;

}



.item-comment .content .tool i {

    margin-right: 5px;

    color: #ccc;

}



.item-recent-comment {

    margin: 0 10px;

}



.item-recent-comment .info {

    margin-top: 10px;

    font-size: 13px;

}



.item-recent-comment .info .name {

    font-size: 13px;

}



.item-recent-comment .info .start-rating {

    margin-left: 10px;

    line-height: 0;

}



.item-recent-comment .info .start-rating i {

    font-size: 10px;

}



.item-recent-comment .content {

    font-size: 13px;

}



.regular-font {}



.name {

    font-size: 14px;

    font-weight: bold;

    margin-bottom: 0px;

    position: relative;

    top: 1px;

}



button.btn-comment {

    background: #288ad6;

    color: #Fff;

}



button.btn-comment:hover {

    background: #d80000;

    color: #Fff;

}



.mr5 {

    padding-right: 5px;

    font-family: 'Roboto-Regular';

}



.box-comment button {

    width: 100%;

    font-size: 14px;

    font-family: 'Roboto-Regular';

    text-transform: uppercase;

    height: 44px;

    box-sizing: border-box;

}



.box-comment input {

    font-family: 'Roboto-Regular';

    font-size: 14px;

    height: 44px;

    line-height: 44px;

}



.box-comment input::placeholder,

textarea.textarea-content::placeholder {

    color: #666;

}



textarea.textarea-content {

    font-family: 'Roboto-Regular';

    font-size: 14px;

}



.left-comment {

    width: 49%;

    float: left;

    margin-bottom: 0px;

}



.right-comment {

    width: 49%;

    float: right;

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    grid-gap: 10px;

    margin-bottom: 0px;

}



.info-account .svg {

    width: 18px;

    height: 20px;

}



.info-account {

    position: relative;

    cursor: pointer;

}



.info-account .svg.svg-down {

    width: 14px;

    height: 20px;

}



.info-account:before {

    content: "/";

    color: #fff;

    position: absolute;

    width: 17px;

    height: 17px;

    right: -9px;

    top: 0px;

}



.info-account {

    margin-right: 12px;

}



.info-account:hover .info-sign {

    visibility: visible;

    opacity: 1;

}



.news_hot_title {

    color: #27324a;

    text-transform: uppercase;

    font-size: 21px;

    font-family: 'Roboto-Bold';

    padding: 0 0 35px 0;

}



.news_hot_title {

    margin: 0 0 -15px 0;

}



.left-About {

    width: 49%;

    float: left;

}



.right-About {

    width: 49%;

    float: right;

}



.right-About .video {

    width: 100%;

    height: 415px;

    position: relative;

}



.right-About .video iframe {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

}



.info_About p {

    color: #000;

    font-size: 14px;

    line-height: 25px;

    margin-bottom: 10px;

}



.pageAbout {

    margin-top: 30px;

}



.pageAbout .layout-inner {

    background: #fff;

    padding: 30px;

}



.pageProduct {

    margin-top: 40px;

    margin-bottom: 40px;

}



.title-Product h2 {

    color: #333333;

    text-transform: uppercase;

    font-size: 21px;

    font-weight: 900;

    text-align: center;

}



.title-Product p {

    margin-bottom: 30px;

    font-size: 14px;

    color: #000;

    text-align: center;

}



.Product__Items .img {

    overflow: hidden;

}



.Product__Items .img img {

    transition: all 0.5s ease;

}



.Product__Items:hover .img img {

    transform: scale(1.2);

}



.Product__Items .info {

    text-align: center;

    padding-top: 10px;

}



.Product__Items h3 {

    color: #000;

    font-size: 15px;

    font-family: 'Roboto-Bold';

    text-transform: uppercase;

}



.Product__Items a {

    text-decoration: none;

}



.Product__Items {

    padding: 10px;

    background: #fff;

    border-radius: 5px;

    border-radius: 5px;

}



.price__items {

    text-align: center;

    font-family: 'Roboto-Bold';

}



@media (min-width: 1200px) {

    .hidden-lg {

        display: none!important;

    }

}



.form-footer {

    display: flex;

    background: #Fff;

    border-radius: 4px;

}



.form-footer .f-submit {

    height: 40px;

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;

}



.f-email {

    flex-grow: 1;

}



.f-email input {

    border: none;

    border-top-left-radius: 4px;

    border-bottom-left-radius: 4px;

    padding-left: 15px;

    font-size: 14px;

    color: #1c1c1c;

    line-height: 40px;

    height: 40px;

}



.f-email input:focus {

    outline: none;

    box-shadow: none;

}



.f-submit button {

    background: none;

    border-radius: 0px;

    border-top-right-radius: 4px;

    border-bottom-right-radius: 4px;

    border: none;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 40px;

    width: 60px;

}



.f-submit button svg path {

    fill: #000;

}



.social-ft {

    margin-top: 15px;

}



.social-ft a {

    display: inline-block;

    text-decoration: none;

    margin-right: 5px;

}



.social-ft img {

    transition: all 0.5s ease;

}



.social-ft a:hover img {

    transform: rotate(80deg);

}



.footer-bottom {

    text-align: center;

}



.footer-bottom .layout-inner {

    border-top: 0.5px solid rgba(255, 255, 255, 0.7);

}



.footer-bottom .layout-inner .copyright {

    min-height: 90px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    width: 100%;

    text-align: center;

}



.footer-bottom .layout-inner .copyright b {

    font-family: 'Roboto-Bold';

    margin: 0px 5px;

}



#toc-content img,

.content-tabs-pro-detail img {

    width: auto !important;

    max-width: 100% !important;

    height: auto !important;

}



#toc-content p,

.content-tabs-pro-detail p {

    margin-bottom: 10px;

}



.list-Brand ul,

.list-Loai ul {

    list-style: none;

    padding: 0px;

    margin: 0px;

}



.list-Brand ul li label,

.list-Loai ul li label {

    cursor: pointer;

    margin: 0px;

    margin-left: 5px;

}



.list-Loai ul li input,

.list-Brand ul li input {

    height: 20px;

    width: 20px;

    display: inline-block;

}



.form-checked {

    display: flex;

}



.right-category {

    border: 1px solid #ebebeb;

    padding: 0px;

}



.list-Category ul {

    padding: 0px;

    list-style: none;

    margin: 0px;

}



.left-Pages {

    width: 75%;

    float: right;

    padding-left: 20px;

}



.right-Pages {

    width: 25%;

    float: left;

    position: sticky;

    top: 90px;
    z-index: 888;

}



.list-Category ul li a {

    display: block;

    display: block;

    padding-left: 20px;

    border-bottom: none;

    color: #333;

    text-decoration: none;

    font-family: 'Roboto-Bold';

    text-transform: uppercase;

    border-bottom: 1px solid #ebebeb;

}



.list-Category ul li h2 {

    font-size: 14px;

    height: 40px;

    line-height: 40px;

    margin: 0px;

}



.list-Category ul li h2:hover {

    color: var(--color-red);

}



.list-Category ul li {

    position: relative;

}



.list-Category ul li .svg {

    position: absolute;

    right: 10px;

    top: calc(50% - 8px);

    width: 16px;

    height: 16px;

}



.list-Category ul li .svg svg path {

    fill: #000;

}



.pageDetailProduct {

    margin-bottom: 50px;

}



.list-Category ul li ul {

    position: absolute;

    left: 100%;

    top: -1px;

    min-width: 100%;

    background: #Fff;

    border: 1px solid #ebebeb;

    visibility: visible;

    opacity: 0;

    transition: all 0.5s;

    display: none;

    z-index: 99;

}



.list-Category ul li:hover ul {

    opacity: 1;

    visibility: visible;

    display: block;

}



.left-Pages .grid-4-product {

    grid-template-columns: repeat(3, 1fr);

}



.title-p {

    margin: 0px;

}



.title-p h2 {

    margin: 0px;

    font-family: 'Roboto-Bold';

    font-size: 14px;

    font-weight: bold;

    text-align: left;

    text-transform: uppercase;

    background-color: #f21823;

    padding: 10px 25px;

    color: #fff;

}



.list-Brand ul li,

.list-Loai ul li {

    padding: 10px 20px;

}



.list-Brand ul li:first-child,

.list-Loai ul li:first-child {

    border-top: 1px solid #ebebeb;

}



.list-Brand ul li,

.list-Loai ul li {

    border-bottom: 1px solid #ebebeb;

}



.noUi-target,

.noUi-target * {

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -ms-touch-action: none;

    touch-action: none;

    -ms-user-select: none;

    -moz-user-select: none;

    user-select: none;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.noUi-target {

    position: relative;

    direction: ltr;

}



.noUi-target {

    background: #FAFAFA;

    border-radius: 4px;

    border: 1px solid #D3D3D3;

    box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;

}



#noUiSlider .noUi-horizontal {

    height: 8px;

}



#noUiSlider .noUi-target {

    border-radius: 0;

    border: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    margin: 25px 0;

    width: 92%;

}



.noUi-base {

    width: 100%;

    height: 100%;

    position: relative;

    z-index: 1;

}



.noUi-base,

.noUi-handle {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.noUi-origin {

    position: absolute;

    height: 0;

    width: 0;

}



.noUi-connect {

    position: absolute;

    right: 0;

    top: 0;

    left: 0;

    bottom: 0;

}



.noUi-connect {

    background: #3FB8AF;

    box-shadow: inset 0 0 3px rgb(51 51 51 / 45%);

    -webkit-transition: background 450ms;

    transition: background 450ms;

}



#noUiSlider .noUi-connect {

    background: #ebebeb;

    -webkit-box-shadow: none;

    box-shadow: none;

    border: none;

}



.noUi-handle {

    position: relative;

    z-index: 1;

}



.noUi-base,

.noUi-handle {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.noUi-handle {

    border: 1px solid #D9D9D9;

    border-radius: 3px;

    background: #FFF;

    cursor: default;

    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;

}



.noUi-horizontal .noUi-handle {

    width: 34px;

    height: 28px;

    left: -17px;

    top: -6px;

}



#noUiSlider .noUi-handle {

    width: 20px;

    height: 20px;

    left: -2px;

    top: -6px;

    border-radius: 50%;

}



.noUi-pips,

.noUi-pips * {

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.noUi-pips {

    position: absolute;

    color: #999;

}



.noUi-pips-horizontal {

    padding: 10px 0;

    height: 80px;

    top: 100%;

    left: 0;

    width: 100%;

}



#searchPriceForm {

    padding: 10px 25px;

    padding-bottom: 20px;

}



.pageCategoryProduct {

    margin-bottom: 50px;

}



#noUiSlider .noUi-pips {

    display: none;

}



#noUiSlider .control {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



#noUiSlider input {

    width: 90px;

    padding: 8px;

    -webkit-transition: border, -webkit-box-shadow linear 0.1s;

    transition: border, -webkit-box-shadow linear 0.1s;

    transition: border, box-shadow linear 0.1s;

    transition: border, box-shadow linear 0.1s, -webkit-box-shadow linear 0.1s;

    -webkit-transition: border, box-shadow linear 0.1s;

    -moz-transition: border, box-shadow linear 0.1s;

    font-size: 12px;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



#noUiSlider input[type="number"] {

    border: 1px solid #acacac;

    border-radius: 5px;

}



#noUiSlider span {

    font-size: 13px;

}



.submit_btn li {

    margin: 10px 0 0;

}



.submit_btn .submit {

    -webkit-appearance: button;

    cursor: pointer;

    border: none;

    opacity: 1;

    -webkit-transition: 0.2s ease-in-out;

    transition: 0.2s ease-in-out;

    color: #fff;

    background: #f21823;

    padding: 10px 0;

    font-size: 12px;

    text-align: center;

    border-radius: 5px;

    display: block;

    width: 100% !important;

    display: block;

}



.submit_btn {

    padding: 0px;

    margin: 0px;

    list-style: none;

}



.slideshow_SP {

    display: none;

    position: relative;

}