/* 01 RESET */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap');
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    overflow: hidden;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #191F26;
    background: #fff;
    word-wrap: break-word;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-weight: 300;
}

body.home.innerpage {
    background: #f2f2f2;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
q,
small,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
input,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
figure {
    border: 0;
    margin: 0;
    padding: 0
}

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: auto;
    -webkit-overflow-scrolling: touch;
}

img,
fieldset,
abbr,
acronym {
    border: 0;
}

article,
aside,
figure,
figcaption,
hgroup,
footer,
header,
nav,
section,
video,
object {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

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

figure {
    position: relative;
}

figure img {
    display: block;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}


/* 02 GLOBAL STYLES */

ul {
    margin: 0 0 20px;
}

ul>li {
    list-style: none;
    position: relative;
    padding: 0 0 10px 15px;
}

ul ul {
    margin: 10px 0 -10px 2px;
}

ul ul li:before {
    font-size: 25px;
    top: 0;
    left: -2px;
}

ol {
    margin: 0 0 20px 25px;
}

ol li {
    list-style: decimal outside;
    padding: 0 0 10px 5px;
}

ol ol {
    margin: 10px 0 -10px 15px;
}

nav ul {
    margin: 0;
}

nav li:before {
    display: none;
}

p {
    padding: 0 0 17px;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    color: #333;
}

a:active,
a:hover {
    outline: 0;
}

.color ::-moz-selection,
.color::-moz-selection {
    background: #191F26;
}

.color ::selection,
.color::selection {
    background: #191F26;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.center,
.center .wrap {
    text-align: center;
}


/* 03 TYPOGRAPHY */

h1,
h2,
h3,
h4,
h5,
h6,
.header,
.intro,
label,
input,
textarea,
select,
table,
dl,
option,
optgroup,
.selector,
.btn,
.f-title,
.pager,
.contact-data,
.categories,
.meta,
.tabs,
.price,
.trigger,
.close,
.output,
.xdsoft_datetimepicker,
.slicknav_menu,
.readonly .f-row,
.infoBox,
#message,
.history>div {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
}

h1 {
    font-size: 24px;
}

h3 {
    font-size: 19px;
    padding: 0 0 15px;
}

h4 {
    font-size: 17px;
    padding: 0 0 15px;
}

h5 {
    font-size: 15px;
    padding: 0 0 15px;
}

h6 {
    font-size: 17px;
    text-transform: uppercase;
    padding: 0 0 23px;
}


/* 04 COLOR SPECIFICS */

.black {
    background-color: #191F26 !important;
}

.grey {
    background-color: #34394A !important;
}

.grey-light {
    background-color: #f9f9f9 !important;
}

.white {
    background-color: #fff !important;
}


/* 05 LAYOUT */

.wrap {
    margin: 0 auto;
    width: 1180px;
    text-align: left;
    position: relative;
    max-width: 94%;
    display: inline-block;
}

.row {
    margin: 0 -15px;
}

.full-width {
    float: left;
    width: 100%;
    padding: 0 15px 30px;
    max-width: 100%;
}

.three-fourth {
    float: left;
    width: 75%;
    padding: 0 15px 30px;
    max-width: 100%;
}

.one-half {
    float: left;
    width: 50%;
    padding: 0 15px 30px;
    max-width: 100%;
}

.one-third {
    float: left;
    width: 33.33%;
    padding: 0 15px 30px;
    max-width: 100%;
}

.two-third {
    float: left;
    width: 66.66%;
    padding: 0 15px 30px;
    max-width: 100%;
}

.one-fourth {
    float: left;
    width: 25%;
    padding: 0 15px 30px;
    max-width: 100%;
}

.one-fifth {
    float: left;
    width: 20%;
    padding: 0 15px 30px;
    max-width: 100%;
}

.one-sixth {
    float: left;
    width: 16.66%;
    padding: 0 15px 30px;
    max-width: 100%;
}

.row:before,
.row:after {
    content: "";
    display: table;
}

.row:after {
    clear: both;
}


/* 06 BUTTONS */

.btn {
    border: none;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff !important;
    display: inline-block;
    text-align: center;
    max-width: 100%;
}

.btn.small {
    font-size: 12px;
    padding: 8px 14px;
}

.btn.medium {
    font-size: 15px;
    padding: 11px 20px;
    min-width: 142px;
}

.btn.large {
    font-size: 17px;
    width: 200px;
    height: 54px;
    line-height: 54px;
    padding: 0 14px;
}

.btn.huge {
    font-size: 20px;
    width: 270px;
    height: 70px;
    line-height: 70px;
    padding: 0 14px;
}

.btn.white {
    color: #191F26 !important;
}

.btn.full {
    width: 100%;
}

.btn.color:hover,
.btn.color:focus,
.btn.white:hover,
.btn.white:focus {
    background: #191F26 !important;
    color: #fff !important;
}

.btn.black:hover,
.btn.black:focus,
.cta .btn:hover,
.cta .btn:focus {
    background: #fff !important;
    color: #191F26 !important;
}

.more {
    font-weight: 600;
    padding-top: 2px;
    display: inline-block;
    position: relative;
    text-decoration: none;
}

.more:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    opacity: 0;
    -ms-opacity: 0;
    width: 0;
}

.more:hover:after,
.more:focus:after {
    opacity: 1;
    -ms-opacity: 1;
    width: 100%;
}

.back {
    background: #858585;
}


/* 07 ICONS */

.ico {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
    background-color: transparent !important;
}

.phone {
    width: 29px;
    height: 24px;
    margin-top: -1px;
}

.phone.black {
    background-position: 0 0;
}

.email {
    width: 29px;
    height: 19px;
}

.email.black {
    background-position: -31px -4px;
}

.circle {
    float: left;
    width: 88px;
    height: 88px;
    border: 1px solid #191F26;
    margin: 0 20px 30px 0;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
    text-align: center;
    line-height: 90px;
}

.circle .ico {
    height: 40px;
}

.heart {
    background-position: 0 -53px;
    width: 38px;
}

.wand {
    background-position: -40px -53px;
    width: 35px;
}

.lock {
    background-position: -80px -53px;
    width: 27px;
}

.award {
    background-position: 0 -93px;
    width: 38px;
}

.pig {
    background-position: -40px -93px;
    width: 38px;
}

.shuttle {
    background-position: -80px -93px;
    width: 36px;
}

.wallet {
    background-position: 0 -135px;
    width: 35px;
}

.clip {
    background-position: -40px -135px;
    width: 21px;
}

.telephone {
    background-position: -80px -135px;
    width: 25px;
}

.people {
    width: 35px;
    height: 40px;
}

.luggage {
    width: 35px;
    height: 40px;
}

.time {
    width: 33px;
    height: 40px;
}

.home-banner-section {
    width: 100%;
    position: relative;
    z-index: 1;
    max-height: 670px !important;
}

.home-banner-section ul {
    list-style: none;
}

.home-banner-section ul li {
    padding: 0;
}

.home-banner-section #bx-pager {
    width: 75px;
    position: absolute;
    top: 50%;
    right: 38px;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.home-banner-section #bx-pager a {
    float: left;
}

.home-banner-section #bx-pager a img {
    border: 3px solid rgba(255, 255, 255, 0.1);
    border-radius: 100%;
}

.home-banner-section #bx-pager .active img {
    border: 3px solid #00702b;
    border-radius: 100%;
    position: relative;
}

.home-banner-section .bxslider li img {
    width: 100%;
    max-height: 1000px !important;
}

.home-banner-section .bxslider li .tablet-banner,
.home-banner-section .bxslider li .mob-banner {
    display: none;
}

.home-banner-section .bxslider li .slider-cation {
    position: absolute;
    top: 50%;
    left: 0;
    text-align: left;
    width: 100%;
    text-align: center;
    -webkit-transform: translate(5%, -50%);
    -moz-transform: translate(5%, -50%);
    -ms-transform: translate(5%, -50%);
    -o-transform: translate(5%, -50%);
    transform: translate(5%, -50%);
}

.home-banner-section .bxslider li.libanner2 .slider-cation {
    top: 40%;
}

.home-banner-section .bxslider li.libanner4 .slider-cation {
    left: 27%;
    text-align: center;
    width: 322px;
}

.home-banner-section .bxslider li.libanner4 .slider-cation strong {
    float: none;
    text-shadow: 1px 1px 1px #fff;
    color: #000;
}

.home-banner-section .bxslider li.libanner4 .slider-cation p {
    max-width: 100%;
    color: #000;
}

.home-banner-section .bxslider li.libanner4 .slider-cation a {
    color: #fff;
}

.home-banner-section .bxslider li.libanner5 .slider-cation {
    top: 58%;
}

.home-banner-section .bxslider li .slider-cation span {
    font: 23px 'CronosPro-Regular';
    color: #fff;
    float: left;
}

.home-banner-section .bxslider li .slider-cation strong {
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    float: left;
    text-transform: uppercase;
    text-shadow: 1px 1px 0px #386014;
}

.home-banner-section .bxslider li .slider-cation p {
    max-width: 69%;
    font-size: 18px;
    color: #fff;
    margin: 17px 0px 15px 0px;
    float: left;
    text-transform: uppercase;
}

.home-banner-section .bxslider li .slider-cation a {
    padding: 30px 60px;
    color: #fff;
    font-size: 25px;
    background: rgba(252, 176, 64, .8);
    font-weight: 900;
    border: 1px solid #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.home-banner-section .bxslider li .slider-cation a:hover {
    color: #000;
    border-color: #000;
}

.home-banner-section .arrow-down {
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    cursor: pointer;
}

.clear {
    clear: both;
}

.header {
    float: left;
    width: 100%;
    background: #d62027;
    position: relative;
    z-index: 9;
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
}

.header .logo {
    padding: 10px 0px;
}

.nav_menu {
    float: left;
    width: 100%;
}

.nav_menu ul {
    margin-left: 0;
    padding-left: 0;
    margin: 0 auto;
}

.nav_menu ul li {
    float: left;
    margin-right: 15px;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0;
    margin-left: 0;
    margin-top: 7px;
}

.nav_menu ul li a {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    padding-top: 10px;
    display: block;
    margin-top: -14px;
    border-top: 3px solid rgba(255, 192, 193, 0);
    padding-bottom: 10px;
}

.caption_banner {
    position: absolute;
    top: 60%;
    left: 7%;
    width: 500px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.7);
    text-align: left;
    color: #be2223;
    font-size: 16px;
    line-height: 24px;
}

.caption_banner p {
    margin-bottom: 0;
    padding-bottom: 0;
}

.nav_menu ul li a:hover {
    color: #ddd;
    border-top: 3px solid rgba(255, 192, 193, 1);
}

.nav_menu ul li a.active {
    color: #fff;
}

.search_form {
    float: right;
    width: 27px;
    margin-left: 15px;
    margin-top: 4px;
    position: relative;
}

.search_form form {}

.search-icon {
    width: 25px;
    height: 25px;
    float: left;
    background: url("../images/search_bt.png") no-repeat;
    margin-left: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.search-box {
    position: absolute;
    right: -3px;
    top: 46px;
    z-index: 2;
}

.search-box #search_form {
    border: 1px solid #034aa5;
    border-radius: 3px;
    padding: 5px 11px;
    background: #FCFCFC;
    font-size: 13px;
}

.search-box input[type="submit"] {
    background: url("../images/search_bt.png") no-repeat;
    position: absolute;
    right: -5px;
    z-index: 9;
    width: 30px;
    height: 30px;
    top: 6px;
    background-size: 57%;
}

.lang-search .search-icon.close {
    background: url("../images/top-searcg-icon-close.png") no-repeat;
    background-size: 100%;
    position: relative;
}

.mob-nav-icon {
    display: none;
    float: right;
    cursor: pointer;
    margin: -11px 0px 0px 0px;
    margin-left: 13px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    /* active state, i.e. menu open */
}

.mob-nav-icon .cmn-toggle-switch__htx {
    background-color: #fff;
}

.mob-nav-icon .cmn-toggle-switch__htx span {
    -webkit-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
}

.mob-nav-icon .cmn-toggle-switch__htx span:after {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
}

.mob-nav-icon .cmn-toggle-switch__htx span:before {
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
}

.mob-nav-icon .cmn-toggle-switch__htx span:after {
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
}

.mob-nav-icon .cmn-toggle-switch__htx.active {
    background-color: #84C648;
}

.mob-nav-icon .cmn-toggle-switch__htx.active span {
    background: none;
}

.mob-nav-icon .cmn-toggle-switch__htx.active span:after {
    -webkit-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s;
}

.mob-nav-icon .cmn-toggle-switch__htx.active span:before {
    -webkit-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s;
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
}

.mob-nav-icon .cmn-toggle-switch__htx.active span:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff;
}

.mob-nav-icon .cmn-toggle-switch {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
    -webkit-border-radius: 100%;
}

.mob-nav-icon .cmn-toggle-switch:focus {
    outline: none;
}

.mob-nav-icon .cmn-toggle-switch span {
    display: block;
    position: absolute;
    top: 24px;
    left: 10px;
    height: 3px;
    background: #525252;
    width: 60%;
}

.mob-nav-icon .cmn-toggle-switch span:after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #525252;
    content: "";
}

.mob-nav-icon .cmn-toggle-switch span:before {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #525252;
    content: "";
    top: -6px;
}

.mob-nav-icon .cmn-toggle-switch span:after {
    bottom: -6px;
}

.main_content {
    position: relative;
    z-index: 9;
    padding-bottom: 0;
}

.main_content .one-third h4 {
    font-size: 20px;
    text-transform: uppercase;
    color: #333;
}

.main_content .one-third ul {
    margin-top: 10px;
}

.main_content .one-third ul li {
    padding: 20px 0;
    border-bottom: 1px solid #F0F0F0
}

.main_content .one-third ul li a {
    color: #555;
}

.main_content .one-third ul li:last-child {
    border-bottom: none;
}

.footer {}

.footer div h4 {
    font-size: 18px;
    text-transform: uppercase;
    color: #83c547;
    font-weight: bold;
}

.footer div ul {}

.footer div ul li {
    padding: 5px 0;
}

.footer div ul li a {
    color: #555;
}

.footer div ul li a:hover {
    text-decoration: underline;
}

.footer div ul li strong {
    display: block;
}

.bottom_fixed {
    background: #f3f3f3;
    position: fixed;
    bottom: 0;
    z-index: 9;
    padding: 3px;
}

.bottom_fixed .hotline {
    float: left;
    padding-left: 20px;
}

.bottom_fixed .hotline p {
    padding-left: 55px;
    display: block;
    background: url('../images/icon-hotline.png') no-repeat;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    color: #555;
}

.right_bt {
    float: right;
    margin-right: 20px;
}

.link_websales {
    padding: 7px 10px;
    border-right: 1px solid #ddd;
    margin-right: 20px;
    display: inline-block;
    margin-top: 3px;
    font-weight: bold;
    color: #878585;
    padding-right: 30px;
}

.right_bt a {
    margin-right: 10px;
}

.sanpham_iterm {
    padding: 10px;
    text-align: center;
    padding-bottom: 50px;
}

.sanpham_iterm a {
    text-transform: uppercase;
    color: #EC2D23;
    margin: 35px 0;
    font-size: 25px;
    display: block;
}

.sanpham_iterm a:hover {
    color: #84c545;
}

.main_content_sp h4.tieude {
    color: #86c445;
    text-transform: uppercase;
    padding: 45px 16px;
    font-size: 25px;
    font-weight: bold;
}

.main_content_sp hr {
    border: none;
    height: 1px;
    background: #CCCCCC;
    width: auto;
    margin: 0 15px;
    clear: both;
    display: block;
}

.detail_sp {
    margin-top: 50px;
}

.detail_sp_content {
    text-align: left;
}

.detail_sp_content h4 {
    font-size: 36px;
    text-transform: uppercase;
    color: #EC2D23;
    font-weight: bold;
}

.detail_sp_content p {
    font-size: 18px;
    color: #868686;
}

.tabs_content_detail {
    clear: both;
    padding: 15px;
    margin-bottom: 50px;
}

.tabs_content_detail .tab_top {
    clear: both;
    overflow: hidden;
    padding-bottom: 0;
    margin-bottom: -25px;
    text-align: center;
    float: none;
    position: relative;
    z-index: 1;
    padding-left: 45px;
}

.tabs_content_detail .tab_top li {
    float: left;
    margin: 5px;
    border: 1px solid #C2C2C2;
    text-align: center;
    font-weight: bold;
    padding: 0;
    width: 30%;
}

.tabs_content_detail .tab_top li a {
    display: block;
    padding: 15px;
    background: #fff;
    color: #000;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 12px;
}

.tabs_content_detail .tab_top li a.active {
    color: #fff;
    font-weight: bold;
    background: #84c547;
}

.tab_content {
    padding: 50px;
    overflow: hidden;
}

.bxslider1 img {
    margin: 0 auto;
}

.detail_sp {
    margin-top: 50px;
    clear: both;
    float: left;
    width: 100%;
}

.tabs_content_detail .tab_content ul {
    margin-left: 15px;
}

.tabs_content_detail .tab_content ul li {
    list-style: inherit;
    color: #555;
}

#new.tab_content table {
    max-width: 70%;
    display: block;
    margin: 0 auto;
    border-collapse: collapse;
}

#new.tab_content table tr td,
#new.tab_content table tr th {
    border: 1px solid #ddd;
    padding: 10px;
}

#new.tab_content table thead,
#new.tab_content table tbody {
    width: 100%;
    display: table;
}

#lasted.tab_content h4 {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
}

#lasted.tab_content img {
    display: block;
    max-width: 100%;
    margin: 10px auto;
}

.sp_lienquan div.one-third div {
    text-align: center;
    padding: 20px;
}

.sp_lienquan div.one-third div img {
    /*height: 230px;*/
}

.sp_lienquan div.one-third div h4 {
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
}


/* singel Page */

.singel_page {
    margin-top: 4%;
    float: left;
    width: 100%;
}

.singel_page h4 {
    display: block;
    overflow: hidden;
    line-height: 1.3em;
    font-size: 30px;
    font-weight: 600;
    color: #444;
    text-align: left;
}

.content_text img {
    display: block;
    margin: 20px auto;
    max-width: 100%;
}

.newsrelate a img {
    float: left;
    width: 140px;
    height: 85px;
    margin-right: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.newsrelate a h3 {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    margin-bottom: 5px;
}

.singel_page hr {
    clear: both;
    height: 1px;
    background: #D2D0D0;
    border: none;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 35px;
}

.newsrelate h4 {
    font-size: 17px;
    text-transform: uppercase;
    color: #ED3128;
}

a.actnews {
    margin-bottom: 15px;
    display: block;
}


/* Category page */

.category_page {
    margin-top: 50px;
    float: left;
    width: 100%;
}

.dm_cate {}

.dm_cate ul li {
    border-bottom: 1px solid #F9F9F9;
    padding: 10px 15px;
}

.dm_cate ul li.active {
    background: #84c547;
}

.dm_cate ul li.active a {
    color: #fff;
}

.dm_cate ul li a {
    font-size: 15px;
    font-weight: bold;
    color: #868686;
}

.dm_cate ul li a:hover {
    color: #84c547;
}

.right_cat_iterm {}

.right_cat_iterm h4 {
    font-size: 27px;
    text-transform: uppercase;
    font-weight: bold;
}

.right_cat_iterm .iterm_cats a {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
    margin-top: 10px;
}

.right_cat_iterm .iterm_cats img {
    border-radius: 100%;
}

.right_cat_iterm .iterm_cats p {
    color: #868686;
}

.right_cat_iterm .iterm_cats {
    clear: both;
    overflow: hidden;
}

.xemthem {
    background: #84c547;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    display: block;
    float: left;
}

.category_page hr {
    clear: both;
    height: 1px;
    background: #D2D0D0;
    border: none;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 35px;
}


/* Lịch sử hình thành */

.left_lichsu div {
    position: relative;
    padding-top: 50px;
}

.left_lichsu div img {
    margin-bottom: 15px;
}

.left_lichsu div .muiten {
    position: absolute;
    top: 0px;
    text-align: center;
    left: 48%;
}

.left_lichsu div .tieude {
    text-transform: uppercase;
    color: #000;
    font-size: 18px;
    padding: 5px;
    font-weight: bold;
}

.left_lichsu div p {
    color: #868686;
}

.right_lsuhinhthanh {}

.right_lsuhinhthanh div {
    padding-top: 40px;
}

.right_lsuhinhthanh div img {
    border: 3px solid #fff;
}

.content_phattrien img {
    margin-bottom: 20px;
    display: block;
    max-width: 100%;
}

.content_phattrien p {
    color: #868686;
}

.content_phattrien p strong {
    color: #000;
    display: block;
}


/* Truyền thông page */

.truyenthong_page {
    margin-top: 50px;
    float: left;
    width: 100%;
}

.truyenthong_page .one-third {
    text-align: center;
}

.truyenthong_page .one-third h4 {
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 20px;
    color: #868686;
}

.title_truyenthong {
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
    font-size: 21px;
    margin-bottom: 30px;
    padding: 0 15px;
}

.feature_tinnoibat {
    text-align: left;
}

.feature_tinnoibat a {
    font-size: 28px;
    color: #868686;
    line-height: 21px;
    margin-top: 30px;
    display: block;
    margin-bottom: 15px;
    text-align: left;
    font-weight: bold;
}

.feature_tinnoibat p {
    color: #868686;
    text-align: justify;
}

.related_tinnoibat ul li {
    width: 50%;
    float: left;
}

.related_tinnoibat ul li img {
    float: left;
    margin-right: 20px;
}

.related_tinnoibat ul li a {
    color: #878787;
    font-size: 20px;
    font-weight: bold;
}

.related_tinnoibat ul li p {
    color: #868686;
}

.video_truyenthong div a {
    font-size: 21px;
    color: #868686;
    font-weight: bold;
}

.video_truyenthong div p {
    color: #868686;
}


/** Nguyên liệu và công nghệ **/

.main_nguyenlieuvacongnghe {
    width: 100%;
    margin-top: 50px;
    float: left;
}

.main_nguyenlieuvacongnghe .box_content_nl {
    padding: 30px;
    margin-bottom: 30px;
}

.main_nguyenlieuvacongnghe .box_content_nl h4 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: bold;
}

.main_nguyenlieuvacongnghe .box_content_nl h4 a {
    color: #868686;
}

.main_nguyenlieuvacongnghe .box_content_nl h4 a:hover {
    color: #84c547;
}

.main_nguyenlieuvacongnghe .box_content_nl p {
    color: #868686;
    font-size: 18px;
}

.img_nl {}

.right_nl {
    margin-bottom: 30px;
    overflow: hidden;
    height: 312px;
}

.img_nl img {
    width: 100%;
}

.right_content_nl {
    margin-bottom: 0 !important;
}

.w480 {
    width: 480px;
}

.w670 {
    width: 700px;
}

.w400 {
    width: 430px;
}

.w400 .box_content_nl {
    height: 339px;
}

.w750 {
    width: 750px;
}


/* DỰ án tiêu biểu */

.duantieubieu_page {
    float: left;
    width: 100%;
    margin-top: 50px;
}

.duantieubieu_page div.one-third {
    text-align: center;
}

.duantieubieu_page div.one-third p {
    font-size: 20px;
    margin-top: 5px;
    padding-bottom: 0px;
}

.duantieubieu_page div.one-third p span {
    font-size: 30px;
}

.duantieubieu_page a.xemthem {
    display: block;
    margin: 20px auto;
    float: none;
    clear: both;
    width: 150px;
    text-align: center;
    margin-bottom: 50px;
}

.duantieubieu_page .bx-wrapper {
    height: 310px !important;
    width: 100% !important;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.title_gocnhathau {
    text-transform: uppercase;
    color: #a50707;
    font-weight: bold;
    font-size: 21px;
    margin-bottom: 30px;
    padding: 0 15px;
}

.title_gocnhathau a {
    color: #a50707;
}

.gocnhathau {
    margin-top: 50px;
}

.feature_news img {
    width: 100%;
    height: auto;
}

.feature_news a {
    color: #333;
    font-size: 20px;
    margin-top: 15px;
    display: block;
    font-weight: bold;
}

.feature_news p {
    color: #868686;
}

.right_news {}

.right_news ul li {
    overflow: hidden;
}

.right_news ul li img {
    width: 135px;
    float: left;
    margin-right: 15px;
}

.right_news ul li a {
    color: #333;
    font-weight: bold;
    display: block;
    font-size: 18px;
}

.right_news ul li p {
    color: #868686;
}

.video_truyenthong div a {
    font-size: 18px;
    color: #868686;
    font-weight: bold;
    display: block;
    margin-top: 10px;
}

.quest_cate {}

.quest_cate ul li {
    overflow: hidden;
    background: #fff;
    padding: 15px;
    margin-bottom: 15px;
}

.quest_cate ul li p {
    display: none;
}

.quest_cate ul li a {
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
}

.detai_file {
    border: 1px solid #ddd;
    display: table;
}

.detai_file a {
    float: left;
    width: 85%;
    font-size: 14px !important;
    padding-left: 10px;
    border-right: 1px solid #ddd;
    padding-bottom: 10px;
    padding-top: 10px !important;
    margin-top: 0 !important;
}

.detai_file span {
    float: left;
    display: table-column;
    width: 15%;
}

.file a {
    border-right: none !important;
    width: 100%;
    display: block !important;
    text-align: center;
    padding-left: 0 !important;
}

.login_top {
    float: right;
    display: block;
    padding: 8px 30px;
    background: #fcb040;
    margin-left: 20px;
    color: #fff;
    margin-top: 5px;
}

.feature {
    padding: 20px 0;
}

.feature h2 {
    font-size: 40px;
    text-align: center;
    padding-bottom: 10px;
}

.orange {
    color: #ff6d02;
}

.feature>div>p {
    font-size: 16px;
    text-align: center;
    color: #888;
}

.content_feature {
    margin-top: 0px;
    background: #fff;
    display: inline-block;
    width: 100%;
}

.content_feature .one-half h4 {
    font-size: 21px;
    font-weight: 300;
}

.content_feature .one-half:first-child h4 {
    color: #25ad4a;
}

.content_feature .one-half:nth-child(2) h4 {
    color: #ff710a;
}

.content_feature .one-half:nth-child(3) h4 {
    color: #25ad4a;
}

.content_feature .one-half:nth-child(4)h4 {
    color: #ff710a;
}

.promentors {
    padding: 50px 0;
    min-height: 300px;
    background: url(../images/bg_footer.jpg) no-repeat;
    background-size: cover;
}

.promentors h2 {
    font-size: 22px;
    text-align: center;
    color: #1a2027;
    padding-bottom: 0px;
    text-transform: uppercase;
}

.promentors>div>p {
    font-size: 25px;
    text-align: left;
    color: #ddd;
    font-weight: 300;
}

.content_promentors {}

.line_red {
    display: block;
    border: 2px solid #be2323;
    width: 100px;
    margin: 0 auto;
}

.content_promentors .one-third p {
    color: #fff;
    font-size: 20px;
    padding: 45px 0;
}

.membership {
    padding: 50px 0;
}

.membership h2 {
    font-size: 40px;
    text-align: center;
    padding-bottom: 10px;
}

.membership>div>p {
    font-size: 25px;
    text-align: center;
    font-weight: 300;
}

.content_membership {
    margin-top: 30px;
}

.content_membership div.iterm_member {
    text-align: center;
    background: #ececec;
    padding: 30px;
    position: relative;
    height: 530px;
    margin: 0 20px;
}

.content_membership div.iterm_member .title_member {
    color: #6e6e6e;
    font-size: 30px;
    margin-bottom: 30px;
}

.content_membership div.iterm_member ul li {
    padding-left: 0;
    color: #6e6e6e;
}

.content_membership div.iterm_member p.price_member {
    border: 3px solid #6e6e6e;
    padding: 15px;
    width: 200px;
    font-size: 20px;
    font-weight: 700;
    margin: 0 auto;
    position: absolute;
    bottom: 30px;
    left: 60px;
}

.content_membership div.iterm_member.blue {
    border-top: 10px solid #26aae1;
}

.content_membership div.iterm_member.blue p.price_member {
    color: #26aae1;
    border: 3px solid #26aae1;
}

.content_membership div.iterm_member.green {
    border-top: 10px solid #8cc640;
}

.content_membership div.iterm_member.green p.price_member {
    color: #8cc640;
    border: 3px solid #8cc640;
}

.content_membership div.iterm_member.orange {
    border-top: 10px solid #fcb041;
}

.content_membership div.iterm_member.orange p.price_member {
    color: #fcb041;
    border: 3px solid #fcb041;
}

.join {
    padding: 50px 0;
    background: #f7f7f7;
}

.join h2 {
    font-size: 40px;
    text-align: center;
    padding-bottom: 10px;
}

.join>div>p {
    font-size: 25px;
    text-align: center;
    font-weight: 300;
}

.content_join {
    margin: 0 150px;
    margin-top: 30px;
}

.content_join form input[type="text"],
.content_join form input[type="email"],
.content_join form input[type="password"] {
    padding: 20px;
    border: 1px solid #ececec;
}

.content_join form select {
    padding: 20px;
    display: block;
    background: #fff;
    height: 60px;
    border: none;
}

div.select {
    border: 1px solid #ececec;
    overflow: hidden;
}

.content_join form input[type="submit"] {
    padding: 20px;
    color: #fff;
    background: #fcb041;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 18px;
}

.login {
    background: url(../images/bg_login.jpg) no-repeat;
    background-size: cover;
    padding-bottom: 90px;
}

.login h2 {
    font-size: 40px;
    text-align: center;
    padding-bottom: 10px;
    color: #fff;
}

.login>div>p {
    font-size: 25px;
    text-align: center;
    color: #ddd;
    font-weight: 300;
}

.content_login {
    margin: 0 150px;
    margin-top: 30px;
}

.content_login form {
    margin: 0 100px;
    text-align: center;
}

.content_login form input[type="text"],
.content_login form input[type="password"] {
    padding: 20px;
    margin-bottom: 20px;
}

.content_login form input[type="submit"] {
    padding: 20px;
    color: #fff;
    background: #fcb041;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 18px;
    margin: 0 auto;
    width: 50%;
}

.contact {
    padding: 90px 0;
    background: #2f3238;
}

.contact h2 {
    font-size: 40px;
    text-align: center;
    padding-bottom: 10px;
    color: #fff;
}

.contact>div>p {
    font-size: 25px;
    text-align: center;
    color: #ddd;
    font-weight: 300;
}

.content_contact {
    margin: 0 150px;
    margin-top: 30px;
}

.content_contact form input[type="text"],
.content_contact form input[type="email"],
.content_contact form textarea {
    padding: 20px;
    margin-bottom: 20px;
}

.content_contact form input[type="submit"] {
    padding: 20px;
    color: #fff;
    background: #8cc63f;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 18px;
    margin: 0 auto;
}

.content_feature .one-half p {
    padding-bottom: 0;
}

.content_contact form {
    margin: 0 100px;
    text-align: center;
}

.footer {
    background: #27292e;
    height: 50px;
}

.footer p {
    color: #c9c9c9;
    padding: 15px 0;
}

.footer a {
    color: #26aae1;
}

.svgcolor-light path {
    fill: #f7f7f7;
    stroke: #f7f7f7;
    stroke-width: 0;
}

.svg-wrapper {
    padding-bottom: 50px;
}


/*
 * navbar
 */

.navbar-fixed-top {
    top: 0;
    z-index: 1030;
    position: fixed;
    left: 0;
    right: 0;
}

.navbar {
    border: 0px;
    text-transform: uppercase;
    font-family: "Muli", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: none;
    opacity: 0.96;
    color: white;
}

.navbar .company {
    padding-left: 15px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.navbar-nav>li>a,
.navbar-nav .dropdown-menu>li>a {
    color: white;
}

.navbar-nav .caret {
    border-bottom-color: white;
    border-top-color: white;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.nav a:hover .caret {
    border-bottom-color: white;
    border-top-color: white;
}

.navbar-nav .dropdown-menu {
    font-family: "Muli", "Helvetica Neue", Helvetica, Arial, sans-serif;
    opacity: 0.96;
    color: white;
    box-shadow: none;
    background: none;
    border: none;
    left: 0;
}

.navbar-custom .nav li a {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active {
    outline: 0;
    font-weight: bold;
    background: none;
}

.navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}


/*small version */

.top-nav-collapse {
    color: black;
}

.top-nav-collapse .company {
    padding-top: 38px;
    background: url("../img/logoRed.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}

.top-nav-collapse .navbar-nav>li>a,
.top-nav-collapse .navbar-nav .dropdown-menu>li>a {
    color: black !important;
}

.top-nav-collapse .navbar-nav .dropdown-menu {
    background-color: #F9F9F9 !important;
    border-bottom: 1px solid #f2f2f2 !important;
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
}

.top-nav-collapse .caret {
    border-bottom-color: black !important;
    border-top-color: black !important;
}

.top-nav-collapse .navbar-toggle {
    color: black !important;
}

.navbar {
    padding: 20px 0;
    letter-spacing: 1px;
    background: none;
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
}

.top-nav-collapse {
    padding: 0;
    background-color: #F9F9F9;
    border-bottom: 1px solid #f2f2f2;
}


/*
 * second version with static-background
 */

.navbar.static-background {
    background-color: white;
    color: black;
}

.navbar.static-background .company {
    color: black;
}

.navbar.static-background .navbar-nav>li>a,
.navbar.static-background .navbar-nav .dropdown-menu>li>a {
    color: black;
}

.navbar.static-background .navbar-nav .caret {
    border-bottom-color: black;
    border-top-color: black;
}

.navbar.static-background .navbar-nav .dropdown-menu {
    background: white;
}

.is-sticky .header {
    z-index: 9999 !important;
    padding-top: 10px;
    padding-bottom: 15px;
    background: #f9f9f9;
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
    box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .22), 0 2px 1px -1px rgba(0, 0, 0, .05);
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(images/loader-64x/Preloader_2.gif) center no-repeat #fff;
}


/* preloader styles */

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    white-space: nowrap;
    text-align: center;
    background: #f8f8f8;
    z-index: 9999;
    -webkit-transition: all linear .3s;
    transition: all linear .3s;
    background-color: #474d4b;
}

.preloader:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-right: -.25em;
}

.preloader.loaded {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

.preloader .holder {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
}


/*coffee cup*/

.coffee_cup {
    width: 40px;
    height: 50px;
    border: 2px #6b6957 solid;
    border-radius: 0 0 5px 5px;
    position: relative;
    margin: 36px auto;
}

.coffee_cup:after,
.coffee_cup:before {
    position: absolute;
    content: '';
}

.coffee_cup:after {
    width: 10px;
    height: 20px;
    border: 2px #6b6957 solid;
    border-left: none;
    border-radius: 0 20px 20px 0;
    left: 40px;
    top: 5px;
}

.coffee_cup:before {
    width: 3px;
    height: 10px;
    background-color: #6b6957;
    top: -16px;
    left: 12px;
    box-shadow: 5px 0 0 0 #6b6957, 5px -5px 0 0 #6b6957, 10px 0 0 0 #6b6957;
    -webkit-animation: steam 700ms linear infinite alternate;
    animation: steam 700ms linear infinite alternate;
}

.caption_banner1 p {}

.title_res {
    text-transform: uppercase;
    font-size: 45px;
    color: #fff;
    line-height: 60px;
    font-weight: 900;
}

.sticky-wrapper {
    height: 80px !important;
}

.caption_banner1 {
    position: absolute;
    top: 70px;
    width: 100%;
}

.caption_banner1 p.sologan_res {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 300;
}

.caption_banner1 a.btn {
    display: inline-block;
    padding: 20px 50px;
    background: #73c06f;
    margin: 30px 15px;
    font-weight: bold;
    font-size: 20px;
}

.caption_banner1 a.btn.book {
    background: #ff6d02;
}

.content_chucnang_res {
    background: #fff;
    opacity: .8;
}

.img_chucnang_res {
    margin-right: -15px;
    margin-bottom: -30px;
    overflow: hidden;
}

.img_chucnang_res img {
    height: 100%;
}

.content_chucnang_res ul li {
    font-size: 12px;
}

.title_chucnang {
    font-size: 18px;
    color: #ff6d02;
    padding-bottom: 5px;
    padding-top: 15px;
    padding-left: 15px;
}

.text-sm-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.quote-classic-boxed q {
    font-size: 16px;
    line-height: 30px;
    font-style: italic;
    color: #fff;
    font-family: Georgia;
}

.text-right {
    text-align: right;
}

.quote-classic-boxed cite {
    font-size: 18px;
    line-height: 1.2;
    display: block;
    color: #fff;
    font-style: normal;
    font-weight: 700;
}

p.text-dark.text-italic {
    color: #fff;
    font-style: italic;
    margin-top: 5px;
}

.img-circle {
    border-radius: 100%;
    border: 3px solid #fff;
}

.img_review {
    padding: 30px;
    padding-top: 0;
}

.content_login .bx-pager-item a {
    background: none !important;
    border: 1px solid #fff;
    display: inline-block;
    padding: 3px;
    border-radius: 100%;
}

.content_login .bx-pager-item a.active {
    padding: 6px;
    border: 3px solid #fcb040;
}

.home-banner-section .bx-pager {
    bottom: 15px !important;
}

.home-banner-section .bx-pager .bx-pager-link {
    background: #fff !important;
    box-shadow: 1px 1px 1px #333;
}

.home-banner-section .bx-pager .bx-pager-link.active {
    background: #be2223 !important;
    border: 1px solid #be2223;
}

.bx-wrapper .bx-prev {
    left: 100px !important;
}

.bx-wrapper .bx-next {
    right: 100px !important;
}

.content_login .bx-wrapper .bx-prev {
    left: -100px !important;
}

.content_login .bx-wrapper .bx-next {
    right: -100px !important;
}

.left_header {
    display: flex;
    align-items: center;
    height: 100%;
}

.right_header {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    height: 100%;
    flex-direction: column;
}

.top_menu {
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-top: 12px;
    display: flex;
    justify-content: space-between;
}

.top_menu ul li {
    float: left;
    padding: 0px;
    padding-left: 0;
    margin-right: 20px;
}

.top_menu ul li a {
    color: #ededed;
}

.top_menu ul {
    margin-bottom: 0;
    margin-top: 0;
    display: flex;
    flex-direction: row;
}

.info_header {
    display: flex;
    flex-direction: row;
}

.info_header .hotline {
    float: right;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    padding-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.info_header .social {
    float: right;
    margin-left: 30px;
}

.info_header .social a {
    color: #fff;
    font-size: 15px;
    margin-left: 30px;
}

.content_left_page {}

.content_left_page .one-third .thumb_nail_sp {
    min-height: 250px;
}

.thumb_nail_sp {
    margin: 20px 0px;
    height: 25vh;
    display: table;
    width: 100%;
    text-align: center;
    background: #ffff;
}

.thumb_nail_sp a {
    display: table-cell;
    vertical-align: middle;
}

.thumb_nail_sp img {
    width: 100%;
    padding: 10px 20px;
    margin: 0px !important;
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
}

.thumb_nail_sp img:hover {
    transition: all 0.5s ease;
    transition: all 0.5s ease-out;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.price {
    color: #be2222;
    text-align: center;
    padding: 0px;
}

.iterm_sp a.title_sp {
    display: block;
    text-align: center;
    color: #333;
    font-size: 13px;
    font-weight: 700;
    margin: 8px 0px;
    /*
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}

.col-sm-2.col-box-sp {
    height: 320px;
    position: relative;
    overflow: hidden;
    transition: 0.8s;
}

.iterm_sp .chitiet {
    background: #be2222;
    color: #fff;
    padding: 7px 10px;
    font-weight: normal;
    display: block;
    width: 120px;
    font-size: 14px;
    margin: 10px 40px;
    text-align: center;
    position: absolute;
    bottom: 0px;
    transform: scaleY(0);
    transition: 0.5s;
}

.col-box-sp:hover a.chitiet {
    transform: scaleY(1.0);
    z-index: 2;
}

.thumb_sukien {
    margin-bottom: 15px;
}

h3.title-page {
    font-size: 25px;
}

.right_content_product {}

.right_content_product .dm_sp {
    margin-bottom: 20px;
    background: #fff;
    padding-bottom: 10px;
}

.title_sukien {
    display: block;
    font-size: 16px;
    margin-top: 15px;
    color: #333;
    font-weight: bold;
    margin-bottom: 15px;
}

.content_promentors .one-fourth p {
    margin-bottom: 0;
    text-align: justify;
    color: #555;
}

.brand {
    background: #f7f7f7;
    margin-top: 20px;
}

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

.brand ul li {
    float: left;
}

.brand ul li {
    float: left;
    padding-left: 0;
    padding-bottom: 0;
}

.brand ul li a img {
    opacity: 0.7;
}

.brand ul li a img:hover {
    opacity: 1;
}

.sidebar_ft {}

.facebook {
    border: 1px solid #ddd;
    padding: 25px;
    height: 310px;
}

.events {
    border: 1px solid #ddd;
    padding: 25px;
    height: 310px;
}

.border-box.news {
    height: 310px;
}

.events .info i {
    display: inline-block;
    float: left;
    margin-right: 23px;
    width: 60px;
    height: 60px;
    font-size: 31px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    background: #d92727;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.extra-wrap {
    overflow: hidden;
}

.events .info:first-child {
    margin-top: 0;
}

.events .info {
    display: inline-block;
    width: 100%;
    margin-top: 19px;
}

.events .info p {
    color: rgb(186, 186, 186);
    font-size: 12px;
    line-height: 18px;
    font-family: Arial, sans-serif;
}

.events .info a {
    display: inline-block;
    font-size: 20px;
    line-height: 24px;
    color: rgb(49, 53, 61);
    text-transform: uppercase;
    margin: 0px 0px 9px;
}

.news {
    border: 1px solid #ddd;
    padding: 25px;
    height: 360px;
}

.events h3,
.facebook h3,
.news h3 {
    font-size: 20px;
    line-height: 24px;
    color: rgb(49, 53, 61);
    text-transform: uppercase;
    margin: 0px 0px 16px;
}

.news ul li {
    padding-left: 0;
}

.news ul li a {
    color: #333;
    padding-left: 20px;
    display: block;
}

.news ul li a i {
    color: #be2222;
    margin-right: 15px;
    margin-left: -20px;
}

.tab-content p {
    line-height: 20px;
}

.chitiet_sp {
    margin-bottom: 30px;
}

footer {
    background: #d62027;
    padding-top: 20px;
    border-top: 4px solid #ff6a00;
    color: #fff;
}

.footer_box h5 {
    color: #be2222;
    font-size: 14px;
    line-height: 15px;
    margin: 0px 0px 5px;
    text-transform: uppercase;
    font-weight: bold;
}

.footer_box ul li i.fa-home {
    background: #c53b22;
    color: #fff;
    padding: 6px;
    margin-right: 10px;
}

.footer_box ul li i.fa-phone {
    background: #c53b22;
    color: #fff;
    padding: 6px 7px;
    margin-right: 10px;
}

.footer_box ul li {
    padding-left: 0;
}

.footer_box ul.social li a {
    color: #fff;
    width: 30px;
    height: 30px;
    background: #b3070e;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.copyright {
    background: #e3e3e3;
    padding: 15px;
    color: #999;
}

.footer_box .social li {
    float: left;
    margin-right: 15px;
}

.lienheinfo .one-half .contact_left {
    background: #f7f7f7;
    padding: 20px;
    margin-right: 10px;
    height: 400px;
}

.lienheinfo .one-half .contact_right {
    background: #f7f7f7;
    margin-left: 10px;
    padding-right: 20px;
    height: 400px;
}

.form-control {
    border: 1px solid #ddd;
    border-radius: 0;
    padding: 7px;
}


/* 26 Responsiveness */

@media screen and (max-width: 1200px) {
    #bx-pager img {
        width: 85%;
    }
    .wrap {
        width: 94%;
    }
    .main-nav ul>li {
        padding-left: 25px;
    }
    .hentry .entry-content p {
        height: 47px;
        overflow: hidden;
    }
    .single .entry-content p {
        height: auto;
    }
    .advanced-search .form-group.spinner {
        width: 45%;
    }
    .advanced-search .form-group.spinner label {
        width: auto;
        line-height: 47px;
        padding: 0 30px 0 0;
    }
    .advanced-search .form-group.spinner input {
        width: 16%;
        float: left;
    }
    .advanced-search .form-group.radios {
        padding-left: 0;
        width: 30%;
    }
    .advanced-search .form-group.right {
        width: 25%;
        padding: 0;
    }
    .form-group.radios>div:last-of-type {
        float: left;
        padding-left: 30px;
    }
    .services.iconic .one-third {
        width: 50%;
    }
    .result .one-fourth:first-of-type {
        width: 25%;
    }
    .result .one-fourth {
        width: 25%;
    }
    .result .one-half {
        width: 50%;
    }
    .main-nav li>div {
        width: 100% !important;
    }
    .tab-content .one-fourth {
        width: 50%;
    }
}

@media screen and (max-width: 1040px) {
    #bx-pager img {
        width: 70%;
    }
    .header {
        height: auto;
        min-height: 80px;
    }
    .header .wrap {
        height: auto;
    }
    .logo {
        float: left;
        width: 100%;
        display: block;
        padding: 15px 0;
    }
    .main-nav {
        float: left;
        width: 100%;
        border-top: 1px solid #dfdfd0;
        padding: 15px 0;
    }
    .main-nav ul>li {
        padding: 0 25px 0 0;
    }
    .advanced-search .form-group.spinner,
    .advanced-search .form-group.radios {
        width: 66.6667%;
    }
    .advanced-search .form-group.radios {
        padding-top: 20px;
    }
    .advanced-search .form-group.right {
        width: 33.3333%;
    }
    .result {
        position: relative;
    }
    .result .one-fourth:first-of-type {
        width: 50%;
        left: 0;
        top: 0;
        overflow: hidden;
    }
    .result .one-fourth {
        width: 50%;
        position: absolute;
        top: 60px;
        left: 50%;
        height: auto !important;
    }
    .result .one-fourth>div {
        padding: 41px 30px 34px;
        border-bottom: 1px solid #dfdfd0;
    }
    .result .one-half {
        float: right;
        width: 50%;
        margin-top: 180px;
        height: auto !important;
        position: relative;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    .result .one-half h3 {
        position: absolute;
        top: -180px;
    }
    .result .price,
    .result .meta {
        float: left;
    }
    .result .meta {
        padding: 19px 10px 0;
    }
    .result .btn {
        margin-top: 0;
        position: absolute;
        top: -20px;
        left: -92.5%;
        width: 86%;
    }
    .single .entry-featured,
    .keyvisual {
        height: auto !important;
    }
    .single .entry-featured img,
    .keyvisual img {
        position: static !important;
        width: 100% !important;
    }
    .copy p,
    .foot-nav {
        max-width: 100%;
        width: 100%;
        float: left;
        text-align: center;
    }
    .foot-nav li {
        padding: 0 24px 15px 0;
        display: inline-block;
        float: none;
    }
    .home .boxed .one-fourth {
        width: 50%;
    }
}

@media screen and (max-width: 980px) {
    .home-banner-section #bx-pager {
        width: auto;
        top: 85%;
        height: 60px;
    }
    .main_content {
        padding: 15px;
        top: -25px;
    }
    .main_content div:last-child {
        clear: both;
    }
    .home-banner-section .bxslider li .slider-cation strong {
        font-size: 16px;
    }
    .home-banner-section .bxslider li .slider-cation p {
        max-width: 50%;
        font-size: 12px;
    }
    .home-banner-section .bxslider li.libanner4 .slider-cation {
        left: 27%;
        text-align: center;
        width: 25%;
    }
    .home-banner-section .bxslider li .slider-cation a {
        padding: 8px 10px;
        color: #fff;
        font-size: 10px;
    }
    .nav_menu {}
    .mob-nav-icon {
        display: block;
    }
    .wrap {
        width: 92%;
    }
    .full-width {
        width: 100%;
    }
    .three-fourth,
    .one-half,
    .one-third,
    .two-third,
    .one-fourth,
    .one-fifth,
    .one-sixth {
        width: 50%;
    }
    .header .wrap {
        width: 100%;
        max-width: 100%;
        display: block;
    }
    .main-nav {
        display: none;
    }
    .slicknav_menu {
        display: block;
    }
    .logo {
        position: absolute;
        top: 0;
        left: 4%;
        display: block;
        width: auto;
    }
    .sidebar {
        padding-bottom: 0;
    }
    .f-row {
        padding: 0;
    }
    .f-row .full-width,
    .f-row .one-half,
    .f-row .one-third,
    .f-row .one-fourth,
    .f-row .one-fifth,
    .f-row .one-sixth {
        padding: 0 0 25px;
    }
    .sidebar .widget,
    .tabs li {
        width: 100% !important;
        margin-right: 0;
    }
    .tabs li:first-child a {
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
    }
    .categories li:after,
    .tabs li.active a:after {
        display: none;
    }
    .tabs li {
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, .3);
    }
    .footer article {
        min-height: 100%;
    }
    .footer .one-half {
        padding-bottom: 13px;
        margin-bottom: 30px;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .07);
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .07);
        box-shadow: 0 1px 0 rgba(255, 255, 255, .07);
    }
    .footer .one-fourth {
        width: 50%;
    }
    .hentry .entry-featured,
    .hentry .entry-content {
        width: 100%;
    }
    .hentry .entry-content p {
        height: auto;
    }
    .hentry .entry-featured img {
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
    }
    .advanced-search .form-group.spinner,
    .advanced-search .form-group.radios {
        width: 100%;
        padding: 0 0 30px;
        float: right;
    }
    .advanced-search .form-group.right {
        width: 100%;
        padding: 0 0 30px;
        float: left;
    }
    .cta {
        padding: 30px 0;
    }
    .cta .wrap {
        text-align: center;
    }
    .cta p {
        display: inline-block;
        width: 100%;
        padding: 0;
    }
    .cta .btn {
        margin: 20px auto 0;
        float: none!important;
    }
    .testimonials p {
        padding: 0 5% 30px;
    }
    .actions {
        margin: 0;
    }
    .actions .btn {
        width: 47.5%;
        margin: 0 4% 30px 0;
    }
    .actions .btn:nth-child(2n) {
        margin-right: 0;
    }
    .intro .actions .btn {
        width: auto;
    }
    .result .one-fourth,
    .result .one-half {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        height: auto;
        margin: 0;
    }
    .result .one-fourth:first-of-type {
        width: 100%;
        text-align: center;
    }
    .result .one-fourth:first-of-type img {
        margin: 0 auto;
        max-width: 99%;
    }
    .result .one-half {
        border-bottom: 1px solid #dfdfd0;
    }
    .result .one-half h3 {
        position: relative;
        top: 0;
    }
    .result .one-fourth>div {
        padding: 25px 30px 20px;
        border-bottom: none;
    }
    .result .price {
        padding-top: 5px;
    }
    .result .meta {
        padding-top: 24px;
    }
    .result .btn {
        position: static;
        top: 0;
        left: 0;
        float: right;
        width: 33.3333%;
    }
    .site-title .container {
        height: auto;
        display: inline-block;
        padding: 0 0 27px;
    }
    .site-title h1 {
        float: left;
        width: 100%;
        padding: 27px 0 0;
    }
    .breadcrumbs {
        float: left;
        width: 100%;
        padding: 0;
    }
    .microlocations .one-fourth {
        width: 50%;
    }
    .readonly .one-fourth {
        width: 33.3333%;
    }
    .readonly .three-fourth {
        width: 66.6667%;
    }
    .gmap {
        height: 300px;
    }
}

@media screen and (max-width: 800px) {
    /*** page category***/
    .category_page .one-fourth {
        width: 100%;
    }
    .right_cat_iterm {
        width: 100%;
    }
    .iterm_cats .one-fourth {
        width: 30%;
    }
    .iterm_cats .three-fourth {
        width: 70%;
    }
    .tabs_content_detail .tab_top li {
        float: none;
        margin: 3px 30px;
        border: 1px solid #C2C2C2;
        text-align: center;
        font-weight: bold;
        padding: 0;
        width: auto;
    }
    .tabs_content_detail .tab_top {
        padding: 0;
    }
    .home .services .one-third,
    .home .services .one-fourth,
    .footer .one-fourth {
        width: 100%;
    }
    .footer {
        min-height: 100%;
        padding: 0;
    }
    .footer .wrap {
        text-align: center;
    }
    .footer article {
        padding: 35px 15px 20px;
        margin: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .5);
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .07);
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .07);
        box-shadow: 0 1px 0 rgba(255, 255, 255, .07);
    }
    .animated {
        -webkit-animation-duration: 0s;
        animation-duration: 1.2s;
    }
    .intro .textwidget {
        padding-top: 40%;
    }
    .gmap {
        height: 200px;
    }
}

@media screen and (max-width: 768px) {
    .nav_menu {
        display: block;
    }
    .nav_menu ul li {
        margin-right: 25px;
    }
    .nav_menu ul li a {
        font-size: 13px;
        text-transform: none;
    }
    .logo {
        position: absolute;
        top: 0;
        right: 2% !important;
        left: auto;
        display: block;
        width: 110px !important;
    }
    .mob-nav-icon {
        display: none;
    }
    .header {
        height: auto;
        min-height: 80px;
        padding: 0 15px;
    }
    .left_header {
        float: left;
        width: 80%;
    }
    .right_header {
        float: left;
        width: 20%;
    }
    .events,
    .facebook,
    .news {
        height: 425px;
    }
    .sidebar_ft .one-third:last-child {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .iterm_cats .one-fourth {
        width: 100%;
        text-align: center;
    }
    .iterm_cats .three-fourth {
        width: 100%;
    }
    .result .btn {
        width: 100%;
        margin-top: 25px;
    }
    .microlocations .one-fourth,
    .tab-content .one-fourth,
    .readonly .one-fourth,
    .readonly .three-fourth {
        width: 100%;
    }
    .readonly .one-fourth {
        padding-bottom: 0;
    }
    .preloader {
        left: 30%;
    }
    .twoway .wrap div {
        width: 100%;
        padding: 0 0 15px;
        margin: 0 0 20px;
        border-bottom: 1px solid rgba(0, 0, 0, .15);
        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
        box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    }
    .twoway .wrap div:last-child {
        padding: 0;
        margin: 0;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

@media screen and (max-width: 500px) {
    .intro .textwidget {
        padding-top: 50%;
    }
    .intro .textwidget h1 {
        font-size: 45px;
    }
    .intro .textwidget h2 {
        font-size: 17px;
    }
    .intro .btn.large {
        font-size: 14px;
        width: 46%;
        margin: 0 1%;
    }
    .advanced-search .form-group.spinner input {
        width: 100%;
    }
    .gmap {
        height: 150px;
    }
}

@media screen and (max-width: 480px) {
    .header .logo {
        float: left;
        width: 135px;
    }
    .left_header {
        float: left;
        width: 100%;
    }
    .right_header {
        float: left;
        width: 100%;
    }
    .preloader {
        left: 0;
    }
    .info_header .social {
        float: right;
        margin-left: 0px;
        display: none;
    }
    .caption_banner {
        position: absolute;
        bottom: 0;
        left: 0%;
        width: 100%;
        padding: 10px;
        background: rgba(255, 255, 255, 0.7);
        text-align: left;
        color: #be2223;
        font-size: 12px;
        line-height: 17px;
    }
    .home-banner-section .bx-pager {
        bottom: -30px !important;
    }
    .bx-wrapper .bx-prev {
        left: 15px !important;
    }
    .bx-wrapper .bx-next {
        right: 15px !important;
    }
    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 65% !important;
    }
    .mob-nav-icon {
        display: block;
        position: absolute;
        right: 15px;
        top: 44px;
    }
    .thumb_sukien img {
        width: 100%;
    }
    .brand ul li {
        float: left;
        padding-left: 0;
        padding-bottom: 0;
        width: 100%;
        text-align: center;
    }
    .logo {
        position: absolute;
        top: 20px;
        left: 2% !important;
    }
    .nav_menu {
        display: none;
    }
    .category_page {
        margin-top: 20px;
    }
    .xemthem {
        background: #84c547;
        color: #fff;
        text-transform: uppercase;
        padding: 10px 20px;
        margin-left: 0;
        display: block;
        float: none;
        margin-bottom: 20px;
        text-align: center;
    }
    .category_page hr {
        margin-right: 0;
        margin-left: 0;
    }
    .category_page .one-fourth,
    .category_page .three-fourth {
        padding: 0;
    }
    .sp_lienquan div.one-third {
        background: #fff;
        margin-bottom: 20px;
    }
    .tab_content {
        padding: 40px 15px;
        overflow: hidden;
    }
    .detail_sp .one-half {
        padding: 0;
    }
    .detail_sp {
        margin-top: 20px;
    }
    .detail_sp_content h4 {
        font-size: 25px;
    }
    .detail_sp_content p {
        font-size: 14px;
    }
    .tabs_content_detail {
        clear: both;
        padding: 0px;
    }
    .tabs_content_detail .tab_top {
        padding: 0;
    }
    .tabs_content_detail .tab_top li {
        float: none;
        margin: 2px 5px;
        border: 1px solid #C2C2C2;
        text-align: center;
        font-weight: bold;
        padding: 0;
        width: auto;
    }
    .home-banner-section #bx-pager {
        width: 100%;
        top: 85%;
        height: 60px;
        left: 0;
        text-align: center;
        right: 0;
    }
    #bx-pager img {
        width: auto;
    }
    .home-banner-section .bxslider li .slider-cation {
        position: absolute;
        top: 50% !important;
        left: 0;
        width: 100%;
        float: none;
    }
    .home-banner-section .bxslider li .slider-cation a {
        padding: 20px 30px;
    }
    .home-banner-section .bxslider li .slider-cation strong {
        font-size: 13px;
    }
    .main_content .one-third ul {
        margin-bottom: 0;
    }
    .bottom_fixed .hotline {
        float: left;
        padding-left: 0px;
    }
    .right_bt {
        float: right;
        margin-right: 0px;
    }
    .mob-nav-icon .cmn-toggle-switch {
        margin-top: 5px;
    }
    .content_membership div.iterm_member p.price_member {
        left: 42px;
    }
    .content_join {
        margin: 0;
    }
    .content_login {
        margin: 0;
    }
    .content_login form {
        margin: 0;
    }
    .content_contact {
        margin: 0;
    }
    .content_contact form {
        margin: 0;
    }
    .bottom_fixed .hotline p {
        padding-left: 32px;
        display: block;
        background: url('../images/icon-hotline.png') no-repeat 0 7px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: bold;
        color: #555;
        background-size: 30px;
        font-size: 14px;
    }
    .right_bt a {
        margin-right: 0px;
    }
    .link_websales {
        padding-right: 9px;
    }
    .three-fourth,
    .one-half,
    .one-third,
    .two-third,
    .one-fourth,
    .one-fifth,
    .one-sixth {
        width: 100%;
    }
    .main_content {
        padding: 10px 0px;
        top: -25px;
    }
    .header {
        padding: 5px 10px;
        padding-bottom: 10px;
        min-height: auto;
    }
    .sticky-wrapper {}
    .home-banner-section .bxslider li .slider-cation p {
        display: none;
    }
    .home-banner-section #bx-pager a {
        width: 55px;
        display: inline-block;
        float: none;
    }
    .intro .textwidget h1 {
        font-size: 40px;
    }
    .intro .btn.large {
        width: 100%;
        margin: 0 0 15px;
    }
    p.about_tour.sologan {
        font-size: 21px !important;
        padding: 33px 0;
        text-align: left !important;
    }
}

ul.menu-1submenu {
    display: none;
}

.parth {
    margin-bottom: 10px;
    color: #a2a2a2;
    margin-top: 5px;
    background: #f2f2f2;
    padding: 10px 0px;
}

.parth a {
    color: #333;
}

.left_content_pr li {
    padding: 15px;
}

.left_content_pr li img {
    margin: 0 auto;
}

.content_left_page .title-cate {
    padding: 15px 10px;
    font-size: 1.0rem;
    text-transform: uppercase;
    position: relative;
}

.content_left_page .title-cate::after {
    content: '';
    display: block;
    border-bottom: 4px solid #be2223;
    padding-bottom: 5px;
    width: 60px;
}

ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    margin-bottom: 20px;
    background: #f7f7f7;
}

ul.tabs li {
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    margin: 0;
}

ul.tabs li.current {
    background: #be2223;
    color: #fff;
}

ul.tabs li.current:after {
    content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 10px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 10px solid #be2223;
}

.dm_sp h2 {
    color: #fff;
    background: #be2223;
    padding: 8px;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 0px;
    font-weight: bold;
}

.content_dm ul li a {
    color: #333;
}

.content_dm ul li {
    padding: 14px 20px;
    border-bottom: 1px solid #eef5f9;
}

.tintuc_sb {}

.tintuc_sb h2 {
    color: #fff;
    background: #be2223;
    padding: 8px;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: bold;
}

.video_sb {
    background: #fff;
    overflow: auto;
    margin-top: 20px;
}

.video_sb h2 {
    color: #fff;
    background: #019bfa;
    padding: 8px;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.lienket {
    margin-top: 20px;
}

#bx-pager a.active {
    border: 1px solid #f04e23;
}

#bx-pager {
    margin-top: 20px;
    text-align: center;
}

#bx-pager a {
    width: 80px;
    margin: 5px;
    border: 1px solid #ddd;
    height: 80px;
    padding: 10px;
    display: inline-block;
    position: relative;
}

#bx-pager a img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    width: 75%;
    right: 0;
}

#frmcontact input,
#content {
    padding: 5px;
    border-radius: 5px;
    width: 100%;
}

.content_tintuc_sb ul li {
    padding-right: 15px;
    overflow: auto;
}

.content_tintuc_sb ul li img {
    float: left;
    width: 95px;
    margin-right: 15px;
}

.content_tintuc_sb ul li a {
    color: #333;
    font-size: 13px;
    font-weight: bold;
}

.content_tintuc_sb ul li p.date {
    color: #f04e23;
    font-size: 12px;
    margin-top: 5px;
    padding-bottom: 0;
}

.content_tintuc_sb .card-desc a {
    font-weight: bold;
}

.news_page {
    overflow: auto;
}

.news_page img {
    float: left;
    width: 200px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.title_news_pages a {
    font-size: 21px;
    color: #000;
}

.name_company {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.info_sp p.price_sp {
    font-size: 25px;
    color: #f04e23;
}

.tinhtrang span {
    font-weight: bold;
    color: #f04e23;
}

.info_sp h2 {
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}

.info_sp p.thongke span {
    font-weight: bold;
    color: #be2223;
}

ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    padding-bottom: 20px;
    background: #f8f8f8;
}

ul.tabs li.current {
    background: #be2223;
    color: #fff;
}

ul.tabs li {
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    margin: 0;
}

.tab-content.current {
    display: inherit;
    background: #f8f8f8;
    padding: 20px;
    text-align: justify;
}

.tab-content {
    display: none;
}

.page_news {
    line-height: 20px;
    text-align: justify;
}

.iterm {
    background: #f7f7f7;
    padding: 20px;
    height: 270px;
    display: table;
    width: 100%;
    text-align: center;
}

.xemchitiet {
    background: #be2222;
    color: #fff;
    padding: 7px 10px;
    font-weight: normal;
    display: block;
    width: 120px;
    font-size: 14px;
    margin: 15px auto;
    text-align: center !important;
}

.xemchitiet a {
    color: #fff;
}

li.news_page {
    padding: 10px 0px;
}

.search-form {
    position: relative;
}

.search_form_top {
    position: relative;
    padding: 5px 0px;
}

.search_form_top input,
.search_form_top input:active,
.search_form_top input:hover {
    padding: 5px 12px;
    background: #8f0b16;
    border: none;
    border-radius: 2px;
    color: #fff;
}

.search_form_top input:focus {
    background: #8f0b16;
    box-shadow: none;
}

.search_form_top input::placeholder {
    color: #f9f9f9;
    font-size: 14px;
}

.search_form_top button i {
    color: #f9f9f9;
}

.search_form_top button {
    background: none;
}

.search_form_top button {
    border: none;
    position: absolute;
    right: 5px;
    top: 8px;
    color: #bf1f2c;
}

.category_list {
    width: 100%;
    display: table;
}

.category_list .col-sm-2 {
    padding: 0px;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.category_list .col-sm-2 .box_sp img {
    width: 100%;
}

.category_list .box_sp {}

.category_list .box_sp .h5_name {
    padding: 5px;
    text-align: center;
    color: #333;
}

.category_list .cart_imgs {
    margin: 0 auto;
    width: 80px;
    height: 80px;
}

.category_list .cart_href {
    width: 100%;
    height: 100%;
    display: block;
    padding-top: 16px;
}

.pager_category h4 {
    margin-top: 40px;
    margin-bottom: 10px;
    padding-bottom: 0px;
    font-family: Roboto-Regular;
    font-size: 19px;
    color: #d10707;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 600;
}

.category_list .col-sm-2:nth-child(6n),
.category_list .col-sm-2:nth-child(12n) {
    border-right: 0;
}

.category_list .col-sm-2:nth-child(7n),
.category_list .col-sm-2:nth-child(8n),
.category_list .col-sm-2:nth-child(9n),
.category_list .col-sm-2:nth-child(10n),
.category_list .col-sm-2:nth-child(11n),
.category_list .col-sm-2:nth-child(12n) {
    border-bottom: 0;
}

.content_feature .col-box-sp {
    /* border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2; */
}

.items-wow-product .owl-item,
.border-box-product {
    border: 1px solid #f2f2f2;
}

.content_feature .col-box-sp:nth-child(6n),
.content_feature .col-box-sp:nth-child(12n) {
    border-right: 0;
}

.line_20 {
    display: block;
    width: 60px;
    height: 4px;
    background: #be2223;
    margin-top: 5px;
}

.content_feature .col-box-sp {
    cursor: pointer;
}

.content_feature .col-box-sp:hover {
    border-bottom: 1px solid #be2223;
}

.category_list .col-cate-sp:hover {}

.box-menu-left {
    display: inline-block;
    width: 75%;
}

.box-menu-right {
    display: inline-block;
}

.box-menu-right .add_cart {
    color: #fff;
    border-right: 1px solid #f2f2f2;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 700;
}

.box-menu-right .login_user {
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: 700;
}

.box-menu-right a {
    color: #fff;
}

.box-menu-right a:hover {
    color: #ffa51f;
}

.num_cart {
    position: absolute;
    top: -14px;
    right: -1px;
    padding: 0px 8px;
    border-radius: 50%;
    color: #ffcd42;
    font-weight: bold;
    text-shadow: 0px 0px 2px #fa962f;
}

.title_header {
    display: none;
}

.mobile_nav_menu {
    display: none;
}

#feature h4 {
    padding-bottom: 0px;
    margin-bottom: 0px;
    position: relative;
    background: #fff;
    border-radius: 5px 5px 0px 0px;
    padding: 15px 10px;
    padding-left: 0px;
    padding-top: 12px;
    display: flex;
    justify-content: space-between;
}

.name_dmsp {
    color: #333;
    padding: 0px 0px;
    border-radius: 5px 0px 0px 0px;
    font-size: 18px;
}

.footer_box.box_logo {
    text-align: center;
    vertical-align: middle;
}

.footer_box.box_logo img {}

.at4-follow-outer.addthis-smartlayers {
    display: none;
}

footer .three-fourth {
    padding-bottom: 0px;
}

footer .one-half {
    padding-bottom: 0px;
}

.box_news {
    background: #fefefe7a;
    margin: 5px;
    padding: 10px;
    min-height: 465px;
}

.icon_viewmore {
    white-space: nowrap;
}

.mn_right_products {
    width: 90%;
    margin: 0 auto;
}

.mn_right_products .iterm_sp {
    margin-bottom: 35px;
}

.mn_right_products .iterm_sp .price {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.sp_lienquan h2 {
    font-size: 22px;
    padding-bottom: 15px;
    margin-top: 35px;
}

.content_detail_product .three-fourth {
    background: #fff;
    margin-bottom: 40px;
}

ul.mn_right li {
    padding-left: 30px;
    padding-right: 0px;
}

ul.mn_right {
    margin: 0px;
}

.nav_menu .menu {
    display: none;
}

.nav>li>a:hover {
    background-color: transparent !important;
}

.navbar-nav li {
    position: relative;
}

.navbar-nav li:hover ul li a {
    border: none;
}

.navbar-nav li ul li {
    margin-left: 20px;
    width: 100%;
    right: 0px;
}

#readmore {
    width: 98%;
    display: table;
    padding: 10px;
    margin: 15px 10px;
    text-align: center;
    background: #f2f2f2;
    border-radius: 10px;
    font-weight: bold;
}

.content_left_page .one-third {
    height: 410px;
    position: relative;
}

.content_left_page .one-third .iterm_sp .chitiet {
    margin: 10px 85px;
}

.content_spmoi .one-third {
    position: relative;
    height: 390px;
}

.fb_iframe_widget {
    display: inherit;
    position: relative;
}

.owl_category_list .owl-next,
.owl_category_list .owl-prev {
    position: absolute;
    top: 50%;
    width: 32px;
    height: 32px;
}

.owl_category_list .owl-next {
    background: url(../images/controls.png) no-repeat -43px -32px;
    right: 10px;
}

.owl_category_list .owl-prev {
    background: url(../images/controls.png) no-repeat 0 -32px;
    left: 10px;
}

.list_submncategory {
    position: absolute;
    right: 0px;
    top: 15px;
    padding: 0px;
    margin: 0px;
}

p.list_submncategory a {
    border: solid 1px #898a96;
    padding: 2px 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0 0 3px;
    display: inline-block;
    font-size: 13px;
    letter-spacing: -0.13px;
    color: #898a96;
    margin-left: 10px;
    text-transform: initial;
}

.list_submncategory a:hover {
    color: #d70017;
    border: solid 1px #d70017;
    text-decoration: none;
}

.title_sp_h4 .name_dmsp:hover {
    color: #d70017;
    cursor: pointer;
}

.list_submncategory a:last-child,
.viewmore_category a {
    border: none !important;
}

p.list_submncategory a span {
    border-right: 1px solid #333;
    padding: 0px 2px;
}

.title_sp_h4 {
    text-transform: uppercase;
}

span.viewmore_category,
span.viewmore_category a {
    font-weight: bold;
    color: #bf1f2c;
    padding-right: 3px;
}

.support-online {
    display: none;
}

.khuyenmai {
    font-style: italic;
    font-weight: bold;
    color: #f66905;
    margin: 10px 0px;
    border: 1px dotted #dad8d8;
    padding: 10px 5px;
    background: #fafafa;
    font-size: 12px;
}

.header-top-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    height: 45px;
}

.header-top-right a {
    padding: 5px 10px;
    color: #ffffff;
    margin: 0px 10px;
    border-radius: 5px;
    background: #af0d1a;
    box-shadow: 2px 1px 1px #b71521;
}

.header-top-right a:last-child {
    margin-right: 0px;
}

.header-top-right i {
    margin-right: 5px;
}


/*-------NEWS----------*/

#accordionNavMenu {
    border: 1px solid #f2f2f2;
    box-shadow: 1px 7px 13px 0px #524b4b78;
    border-radius: 10px;
    position: relative;
}

#accordionNavMenu button.accordion-button {
    padding: 10px 15px !important;
    font-size: 14px;
    padding-left: 25px !important;
}

#accordionNavMenu .accordion-item {
    background: transparent;
}

.rgba_0 {
    background: linear-gradient(135deg, rgba(109, 71, 217, .92), rgba(82, 62, 232, .92)), url('data:image/svg+xml;charset=utf-8,<svg width="480" height="480" xmlns="http://www.w3.org/2000/svg"><path fill="%23A6A6A6" d="M69.2 63.2L0 69.3V25.8L18.5 0h46.7l4 63.2z"/><path fill="%23ADADAD" d="M165.8 20.6l30 110.6L275.2 7.9 165.8 20.6z"/><path fill="%23A6A6A6" d="M480 25.8v44.8l-32.2 2.6L480 25.8zm0 112.6v17l-88.2-40.2 56-42 32.2 65.2z"/><path fill="%23ADADAD" d="M405.2 211.2l10.6 108.7-79.3 10 68.7-118.7zM480 169v18.9l-64.2 132 17.4-118.7L480 169zm0 151.5v46.8l-64.2-47.4 64.2.6zm-186.2 37.4l62.7 64.7-74 6.6 11.3-71.3zm-174-101.3l100.7 90 73.3 11.3-174-101.3zm-50.6 67.3l17.3-59.3 29.3 126-46.6-66.7zm0 0l-4 94L0 367.3v-46.8l69.2 3.4zm114.6 143.3L65.2 417.9l50.6-27.3 68 76.6zM65.2 417.9V480H18.5l46.7-62.1z"/><path fill="%23A6A6A6" d="M12.5 159.9L0 155.4v-17l12.5 21.5z"/><path fill="%23ADADAD" d="M12.5 159.9L0 187.9V169l12.5-9.1z"/><path fill="%23A6A6A6" d="M308.5 164.6l28 165.3-68.7-126 40.7-39.3zm96.7 46.6l28-10-17.4 118.7-10.6-108.7zM220.5 346.6l62 82.6 11.3-71.3-73.3-11.3z"/><path fill="%23A6A6A6" d="M282.5 429.2l-6.3 50.8h-74.9l81.2-50.8zM69.2 323.9l46.6 66.7-50.6 27.3 4-94zm-56.7-164l56.7 164-4-79.3-52.7-84.7zM276.2 0l-1 7.9-109.4 12.7L201.3 0h74.9z"/><path fill="%23A6A6A6" d="M86.5 264.6l33.3-8-4 134-29.3-126z"/><path fill="%23B8BEBE" d="M293.8 357.9l122-38-59.3 102.7-62.7-64.7z"/><path fill="%23F4F4F4" d="M441.8 429.2l-85.3-6.6 59.3-102.7 26 109.3z"/><path fill="%23DCDCE2" d="M480 367.3v58.2l-38.2 3.7-26-109.3 64.2 47.4z"/><path fill="%23BEC3C3" d="M480 425.5V480h-53.3l15.1-50.8 38.2-3.7z"/><path fill="%23DCDCE2" d="M441.8 429.2L426.7 480h-57.5l-12.7-57.4 85.3 6.6z"/><path fill="%23BEC3C3" d="M369.2 480h-84.1l71.4-57.4 12.7 57.4z"/><path fill="%23F4F4F4" d="M356.5 422.6L285.1 480h-8.9l6.3-50.8 74-6.6zm-74 6.6L201.3 480h-35.9l18.4-12.8 98.7-38z"/><path fill="%23B8BEBE" d="M115.8 390.6l68 76.6 98.7-38-116.7-63.3-50 24.7z"/><path fill="%23F4F4F4" d="M119.8 256.6l-4 134 50-24.7-46-109.3z"/><path fill="%23CFCFCF" d="M220.5 346.6l62 82.6-116.7-63.3-46-109.3 100.7 90z"/><path fill="%23B8BEBE" d="M183.8 467.2L165.4 480H89l-23.8-62.1 118.6 49.3z"/><path fill="%23BEC3C3" d="M89 480H65.2v-62.1L89 480z"/><path fill="%23DCDCE2" d="M65.2 417.9L0 425.5v-58.2l65.2 50.6z"/><path fill="%23CFCFCF" d="M65.2 417.9L18.5 480H9.4l55.8-62.1z"/><path fill="%23B8BEBE" d="M65.2 417.9L9.4 480H0v-54.5l65.2-7.6z"/><path fill="%23F4F4F4" d="M65.2 244.6l54.6 12-33.3 8-17.3 59.3-4-79.3z"/><path fill="%23CFCFCF" d="M12.5 159.9L0 169v-13.6l12.5 4.5z"/><path fill="%23F4F4F4" d="M69.2 323.9L0 320.5V187.9l12.5-28 56.7 164zm267.3 6l-42.7 28 122-38-79.3 10zm143.5-142v132.6l-64.2-.6 64.2-132zm-171.5-23.3l124.7 36.6-28 10-68.7 118.7-28-165.3z"/><path fill="%23BEC3C3" d="M119.8 256.6l216.7 73.3-42.7 28-174-101.3z"/><path fill="%23B8BEBE" d="M267.8 203.9l68.7 126-216.7-73.3 148-52.7zm-255.3-44l107.3 96.7-54.6-12-52.7-84.7z"/><path fill="%23CFCFCF" d="M195.8 131.2l-76 125.4-107.3-96.7 183.3-28.7z"/><path fill="%23BEC3C3" d="M69.2 63.2l-56.7 96.7 183.3-28.7-126.6-68z"/><path fill="%23DCDCE2" d="M69.2 63.2l-56.7 96.7L0 138.4V69.3l69.2-6.1z"/><path fill="%23BEC3C3" d="M103.2 32.6l-34 30.6-4-63.2H89l14.2 32.6z"/><path fill="%23DCDCE2" d="M165.8 20.6l30 110.6-126.6-68 34-30.6 62.6-12z"/><path fill="%23F4F4F4" d="M119.8 256.6l76-125.4 112.7 33.4-40.7 39.3-148 52.7z"/><path fill="%23DCDCE2" d="M391.8 115.2l41.4 86-124.7-36.6 83.3-49.4zM275.2 7.9l33.3 156.7-112.7-33.4L275.2 7.9z"/><path fill="%23B8BEBE" d="M391.8 115.2l-83.3 49.4L275.2 7.9l9.9-7.9h84.1l22.6 115.2z"/><path fill="%23CFCFCF" d="M480 9.9v15.9l-32.2 47.4-56 42L480 9.9z"/><path fill="%23B8BEBE" d="M480 0v9.9l-88.2 105.3L426.7 0H480z"/><path fill="%23DCDCE2" d="M426.7 0l-34.9 115.2L369.2 0h57.5z"/><path fill="%23F4F4F4" d="M285.1 0l-9.9 7.9 1-7.9h8.9zm-83.8 0l-35.5 20.6-62.6 12L165.4 0h35.9z"/><path fill="%23CFCFCF" d="M18.5 0L0 25.8V9.9L9.4 0h9.1z"/><path fill="%23B8BEBE" d="M165.4 0l-62.2 32.6L89 0h76.4zM9.4 0L0 9.9V0h9.4z"/><path fill="%23DCDCE2" d="M480 69.3v69.1l-32.2-65.2 32.2-3.9z"/><path fill="%23CFCFCF" d="M480 155.4V169l-46.8 32.2-41.4-86 88.2 40.2z"/></svg>')
}

.rgba_1 {
    background: linear-gradient(135deg, rgba(82, 62, 232, .92), rgba(0, 220, 175, .92)), url('data:image/svg+xml;charset=utf-8,<svg width="480" height="480" xmlns="http://www.w3.org/2000/svg"><path fill="%23A6A6A6" d="M69.2 63.2L0 69.3V25.8L18.5 0h46.7l4 63.2z"/><path fill="%23ADADAD" d="M165.8 20.6l30 110.6L275.2 7.9 165.8 20.6z"/><path fill="%23A6A6A6" d="M480 25.8v44.8l-32.2 2.6L480 25.8zm0 112.6v17l-88.2-40.2 56-42 32.2 65.2z"/><path fill="%23ADADAD" d="M405.2 211.2l10.6 108.7-79.3 10 68.7-118.7zM480 169v18.9l-64.2 132 17.4-118.7L480 169zm0 151.5v46.8l-64.2-47.4 64.2.6zm-186.2 37.4l62.7 64.7-74 6.6 11.3-71.3zm-174-101.3l100.7 90 73.3 11.3-174-101.3zm-50.6 67.3l17.3-59.3 29.3 126-46.6-66.7zm0 0l-4 94L0 367.3v-46.8l69.2 3.4zm114.6 143.3L65.2 417.9l50.6-27.3 68 76.6zM65.2 417.9V480H18.5l46.7-62.1z"/><path fill="%23A6A6A6" d="M12.5 159.9L0 155.4v-17l12.5 21.5z"/><path fill="%23ADADAD" d="M12.5 159.9L0 187.9V169l12.5-9.1z"/><path fill="%23A6A6A6" d="M308.5 164.6l28 165.3-68.7-126 40.7-39.3zm96.7 46.6l28-10-17.4 118.7-10.6-108.7zM220.5 346.6l62 82.6 11.3-71.3-73.3-11.3z"/><path fill="%23A6A6A6" d="M282.5 429.2l-6.3 50.8h-74.9l81.2-50.8zM69.2 323.9l46.6 66.7-50.6 27.3 4-94zm-56.7-164l56.7 164-4-79.3-52.7-84.7zM276.2 0l-1 7.9-109.4 12.7L201.3 0h74.9z"/><path fill="%23A6A6A6" d="M86.5 264.6l33.3-8-4 134-29.3-126z"/><path fill="%23B8BEBE" d="M293.8 357.9l122-38-59.3 102.7-62.7-64.7z"/><path fill="%23F4F4F4" d="M441.8 429.2l-85.3-6.6 59.3-102.7 26 109.3z"/><path fill="%23DCDCE2" d="M480 367.3v58.2l-38.2 3.7-26-109.3 64.2 47.4z"/><path fill="%23BEC3C3" d="M480 425.5V480h-53.3l15.1-50.8 38.2-3.7z"/><path fill="%23DCDCE2" d="M441.8 429.2L426.7 480h-57.5l-12.7-57.4 85.3 6.6z"/><path fill="%23BEC3C3" d="M369.2 480h-84.1l71.4-57.4 12.7 57.4z"/><path fill="%23F4F4F4" d="M356.5 422.6L285.1 480h-8.9l6.3-50.8 74-6.6zm-74 6.6L201.3 480h-35.9l18.4-12.8 98.7-38z"/><path fill="%23B8BEBE" d="M115.8 390.6l68 76.6 98.7-38-116.7-63.3-50 24.7z"/><path fill="%23F4F4F4" d="M119.8 256.6l-4 134 50-24.7-46-109.3z"/><path fill="%23CFCFCF" d="M220.5 346.6l62 82.6-116.7-63.3-46-109.3 100.7 90z"/><path fill="%23B8BEBE" d="M183.8 467.2L165.4 480H89l-23.8-62.1 118.6 49.3z"/><path fill="%23BEC3C3" d="M89 480H65.2v-62.1L89 480z"/><path fill="%23DCDCE2" d="M65.2 417.9L0 425.5v-58.2l65.2 50.6z"/><path fill="%23CFCFCF" d="M65.2 417.9L18.5 480H9.4l55.8-62.1z"/><path fill="%23B8BEBE" d="M65.2 417.9L9.4 480H0v-54.5l65.2-7.6z"/><path fill="%23F4F4F4" d="M65.2 244.6l54.6 12-33.3 8-17.3 59.3-4-79.3z"/><path fill="%23CFCFCF" d="M12.5 159.9L0 169v-13.6l12.5 4.5z"/><path fill="%23F4F4F4" d="M69.2 323.9L0 320.5V187.9l12.5-28 56.7 164zm267.3 6l-42.7 28 122-38-79.3 10zm143.5-142v132.6l-64.2-.6 64.2-132zm-171.5-23.3l124.7 36.6-28 10-68.7 118.7-28-165.3z"/><path fill="%23BEC3C3" d="M119.8 256.6l216.7 73.3-42.7 28-174-101.3z"/><path fill="%23B8BEBE" d="M267.8 203.9l68.7 126-216.7-73.3 148-52.7zm-255.3-44l107.3 96.7-54.6-12-52.7-84.7z"/><path fill="%23CFCFCF" d="M195.8 131.2l-76 125.4-107.3-96.7 183.3-28.7z"/><path fill="%23BEC3C3" d="M69.2 63.2l-56.7 96.7 183.3-28.7-126.6-68z"/><path fill="%23DCDCE2" d="M69.2 63.2l-56.7 96.7L0 138.4V69.3l69.2-6.1z"/><path fill="%23BEC3C3" d="M103.2 32.6l-34 30.6-4-63.2H89l14.2 32.6z"/><path fill="%23DCDCE2" d="M165.8 20.6l30 110.6-126.6-68 34-30.6 62.6-12z"/><path fill="%23F4F4F4" d="M119.8 256.6l76-125.4 112.7 33.4-40.7 39.3-148 52.7z"/><path fill="%23DCDCE2" d="M391.8 115.2l41.4 86-124.7-36.6 83.3-49.4zM275.2 7.9l33.3 156.7-112.7-33.4L275.2 7.9z"/><path fill="%23B8BEBE" d="M391.8 115.2l-83.3 49.4L275.2 7.9l9.9-7.9h84.1l22.6 115.2z"/><path fill="%23CFCFCF" d="M480 9.9v15.9l-32.2 47.4-56 42L480 9.9z"/><path fill="%23B8BEBE" d="M480 0v9.9l-88.2 105.3L426.7 0H480z"/><path fill="%23DCDCE2" d="M426.7 0l-34.9 115.2L369.2 0h57.5z"/><path fill="%23F4F4F4" d="M285.1 0l-9.9 7.9 1-7.9h8.9zm-83.8 0l-35.5 20.6-62.6 12L165.4 0h35.9z"/><path fill="%23CFCFCF" d="M18.5 0L0 25.8V9.9L9.4 0h9.1z"/><path fill="%23B8BEBE" d="M165.4 0l-62.2 32.6L89 0h76.4zM9.4 0L0 9.9V0h9.4z"/><path fill="%23DCDCE2" d="M480 69.3v69.1l-32.2-65.2 32.2-3.9z"/><path fill="%23CFCFCF" d="M480 155.4V169l-46.8 32.2-41.4-86 88.2 40.2z"/></svg>')
}

.rgba_2 {
    background: linear-gradient(135deg, rgba(109, 71, 217, .92), rgba(249, 61, 102, .92)), url('data:image/svg+xml;charset=utf-8,<svg width="480" height="480" xmlns="http://www.w3.org/2000/svg"><path fill="%23A6A6A6" d="M69.2 63.2L0 69.3V25.8L18.5 0h46.7l4 63.2z"/><path fill="%23ADADAD" d="M165.8 20.6l30 110.6L275.2 7.9 165.8 20.6z"/><path fill="%23A6A6A6" d="M480 25.8v44.8l-32.2 2.6L480 25.8zm0 112.6v17l-88.2-40.2 56-42 32.2 65.2z"/><path fill="%23ADADAD" d="M405.2 211.2l10.6 108.7-79.3 10 68.7-118.7zM480 169v18.9l-64.2 132 17.4-118.7L480 169zm0 151.5v46.8l-64.2-47.4 64.2.6zm-186.2 37.4l62.7 64.7-74 6.6 11.3-71.3zm-174-101.3l100.7 90 73.3 11.3-174-101.3zm-50.6 67.3l17.3-59.3 29.3 126-46.6-66.7zm0 0l-4 94L0 367.3v-46.8l69.2 3.4zm114.6 143.3L65.2 417.9l50.6-27.3 68 76.6zM65.2 417.9V480H18.5l46.7-62.1z"/><path fill="%23A6A6A6" d="M12.5 159.9L0 155.4v-17l12.5 21.5z"/><path fill="%23ADADAD" d="M12.5 159.9L0 187.9V169l12.5-9.1z"/><path fill="%23A6A6A6" d="M308.5 164.6l28 165.3-68.7-126 40.7-39.3zm96.7 46.6l28-10-17.4 118.7-10.6-108.7zM220.5 346.6l62 82.6 11.3-71.3-73.3-11.3z"/><path fill="%23A6A6A6" d="M282.5 429.2l-6.3 50.8h-74.9l81.2-50.8zM69.2 323.9l46.6 66.7-50.6 27.3 4-94zm-56.7-164l56.7 164-4-79.3-52.7-84.7zM276.2 0l-1 7.9-109.4 12.7L201.3 0h74.9z"/><path fill="%23A6A6A6" d="M86.5 264.6l33.3-8-4 134-29.3-126z"/><path fill="%23B8BEBE" d="M293.8 357.9l122-38-59.3 102.7-62.7-64.7z"/><path fill="%23F4F4F4" d="M441.8 429.2l-85.3-6.6 59.3-102.7 26 109.3z"/><path fill="%23DCDCE2" d="M480 367.3v58.2l-38.2 3.7-26-109.3 64.2 47.4z"/><path fill="%23BEC3C3" d="M480 425.5V480h-53.3l15.1-50.8 38.2-3.7z"/><path fill="%23DCDCE2" d="M441.8 429.2L426.7 480h-57.5l-12.7-57.4 85.3 6.6z"/><path fill="%23BEC3C3" d="M369.2 480h-84.1l71.4-57.4 12.7 57.4z"/><path fill="%23F4F4F4" d="M356.5 422.6L285.1 480h-8.9l6.3-50.8 74-6.6zm-74 6.6L201.3 480h-35.9l18.4-12.8 98.7-38z"/><path fill="%23B8BEBE" d="M115.8 390.6l68 76.6 98.7-38-116.7-63.3-50 24.7z"/><path fill="%23F4F4F4" d="M119.8 256.6l-4 134 50-24.7-46-109.3z"/><path fill="%23CFCFCF" d="M220.5 346.6l62 82.6-116.7-63.3-46-109.3 100.7 90z"/><path fill="%23B8BEBE" d="M183.8 467.2L165.4 480H89l-23.8-62.1 118.6 49.3z"/><path fill="%23BEC3C3" d="M89 480H65.2v-62.1L89 480z"/><path fill="%23DCDCE2" d="M65.2 417.9L0 425.5v-58.2l65.2 50.6z"/><path fill="%23CFCFCF" d="M65.2 417.9L18.5 480H9.4l55.8-62.1z"/><path fill="%23B8BEBE" d="M65.2 417.9L9.4 480H0v-54.5l65.2-7.6z"/><path fill="%23F4F4F4" d="M65.2 244.6l54.6 12-33.3 8-17.3 59.3-4-79.3z"/><path fill="%23CFCFCF" d="M12.5 159.9L0 169v-13.6l12.5 4.5z"/><path fill="%23F4F4F4" d="M69.2 323.9L0 320.5V187.9l12.5-28 56.7 164zm267.3 6l-42.7 28 122-38-79.3 10zm143.5-142v132.6l-64.2-.6 64.2-132zm-171.5-23.3l124.7 36.6-28 10-68.7 118.7-28-165.3z"/><path fill="%23BEC3C3" d="M119.8 256.6l216.7 73.3-42.7 28-174-101.3z"/><path fill="%23B8BEBE" d="M267.8 203.9l68.7 126-216.7-73.3 148-52.7zm-255.3-44l107.3 96.7-54.6-12-52.7-84.7z"/><path fill="%23CFCFCF" d="M195.8 131.2l-76 125.4-107.3-96.7 183.3-28.7z"/><path fill="%23BEC3C3" d="M69.2 63.2l-56.7 96.7 183.3-28.7-126.6-68z"/><path fill="%23DCDCE2" d="M69.2 63.2l-56.7 96.7L0 138.4V69.3l69.2-6.1z"/><path fill="%23BEC3C3" d="M103.2 32.6l-34 30.6-4-63.2H89l14.2 32.6z"/><path fill="%23DCDCE2" d="M165.8 20.6l30 110.6-126.6-68 34-30.6 62.6-12z"/><path fill="%23F4F4F4" d="M119.8 256.6l76-125.4 112.7 33.4-40.7 39.3-148 52.7z"/><path fill="%23DCDCE2" d="M391.8 115.2l41.4 86-124.7-36.6 83.3-49.4zM275.2 7.9l33.3 156.7-112.7-33.4L275.2 7.9z"/><path fill="%23B8BEBE" d="M391.8 115.2l-83.3 49.4L275.2 7.9l9.9-7.9h84.1l22.6 115.2z"/><path fill="%23CFCFCF" d="M480 9.9v15.9l-32.2 47.4-56 42L480 9.9z"/><path fill="%23B8BEBE" d="M480 0v9.9l-88.2 105.3L426.7 0H480z"/><path fill="%23DCDCE2" d="M426.7 0l-34.9 115.2L369.2 0h57.5z"/><path fill="%23F4F4F4" d="M285.1 0l-9.9 7.9 1-7.9h8.9zm-83.8 0l-35.5 20.6-62.6 12L165.4 0h35.9z"/><path fill="%23CFCFCF" d="M18.5 0L0 25.8V9.9L9.4 0h9.1z"/><path fill="%23B8BEBE" d="M165.4 0l-62.2 32.6L89 0h76.4zM9.4 0L0 9.9V0h9.4z"/><path fill="%23DCDCE2" d="M480 69.3v69.1l-32.2-65.2 32.2-3.9z"/><path fill="%23CFCFCF" d="M480 155.4V169l-46.8 32.2-41.4-86 88.2 40.2z"/></svg>')
}

.rgba_3 {
    background: linear-gradient(to bottom right, rgba(170, 23, 85, .92), rgba(249, 61, 102, .92)), url('data:image/svg+xml;charset=utf-8,<svg width="480" height="480" xmlns="http://www.w3.org/2000/svg"><path fill="%23A6A6A6" d="M69.2 63.2L0 69.3V25.8L18.5 0h46.7l4 63.2z"/><path fill="%23ADADAD" d="M165.8 20.6l30 110.6L275.2 7.9 165.8 20.6z"/><path fill="%23A6A6A6" d="M480 25.8v44.8l-32.2 2.6L480 25.8zm0 112.6v17l-88.2-40.2 56-42 32.2 65.2z"/><path fill="%23ADADAD" d="M405.2 211.2l10.6 108.7-79.3 10 68.7-118.7zM480 169v18.9l-64.2 132 17.4-118.7L480 169zm0 151.5v46.8l-64.2-47.4 64.2.6zm-186.2 37.4l62.7 64.7-74 6.6 11.3-71.3zm-174-101.3l100.7 90 73.3 11.3-174-101.3zm-50.6 67.3l17.3-59.3 29.3 126-46.6-66.7zm0 0l-4 94L0 367.3v-46.8l69.2 3.4zm114.6 143.3L65.2 417.9l50.6-27.3 68 76.6zM65.2 417.9V480H18.5l46.7-62.1z"/><path fill="%23A6A6A6" d="M12.5 159.9L0 155.4v-17l12.5 21.5z"/><path fill="%23ADADAD" d="M12.5 159.9L0 187.9V169l12.5-9.1z"/><path fill="%23A6A6A6" d="M308.5 164.6l28 165.3-68.7-126 40.7-39.3zm96.7 46.6l28-10-17.4 118.7-10.6-108.7zM220.5 346.6l62 82.6 11.3-71.3-73.3-11.3z"/><path fill="%23A6A6A6" d="M282.5 429.2l-6.3 50.8h-74.9l81.2-50.8zM69.2 323.9l46.6 66.7-50.6 27.3 4-94zm-56.7-164l56.7 164-4-79.3-52.7-84.7zM276.2 0l-1 7.9-109.4 12.7L201.3 0h74.9z"/><path fill="%23A6A6A6" d="M86.5 264.6l33.3-8-4 134-29.3-126z"/><path fill="%23B8BEBE" d="M293.8 357.9l122-38-59.3 102.7-62.7-64.7z"/><path fill="%23F4F4F4" d="M441.8 429.2l-85.3-6.6 59.3-102.7 26 109.3z"/><path fill="%23DCDCE2" d="M480 367.3v58.2l-38.2 3.7-26-109.3 64.2 47.4z"/><path fill="%23BEC3C3" d="M480 425.5V480h-53.3l15.1-50.8 38.2-3.7z"/><path fill="%23DCDCE2" d="M441.8 429.2L426.7 480h-57.5l-12.7-57.4 85.3 6.6z"/><path fill="%23BEC3C3" d="M369.2 480h-84.1l71.4-57.4 12.7 57.4z"/><path fill="%23F4F4F4" d="M356.5 422.6L285.1 480h-8.9l6.3-50.8 74-6.6zm-74 6.6L201.3 480h-35.9l18.4-12.8 98.7-38z"/><path fill="%23B8BEBE" d="M115.8 390.6l68 76.6 98.7-38-116.7-63.3-50 24.7z"/><path fill="%23F4F4F4" d="M119.8 256.6l-4 134 50-24.7-46-109.3z"/><path fill="%23CFCFCF" d="M220.5 346.6l62 82.6-116.7-63.3-46-109.3 100.7 90z"/><path fill="%23B8BEBE" d="M183.8 467.2L165.4 480H89l-23.8-62.1 118.6 49.3z"/><path fill="%23BEC3C3" d="M89 480H65.2v-62.1L89 480z"/><path fill="%23DCDCE2" d="M65.2 417.9L0 425.5v-58.2l65.2 50.6z"/><path fill="%23CFCFCF" d="M65.2 417.9L18.5 480H9.4l55.8-62.1z"/><path fill="%23B8BEBE" d="M65.2 417.9L9.4 480H0v-54.5l65.2-7.6z"/><path fill="%23F4F4F4" d="M65.2 244.6l54.6 12-33.3 8-17.3 59.3-4-79.3z"/><path fill="%23CFCFCF" d="M12.5 159.9L0 169v-13.6l12.5 4.5z"/><path fill="%23F4F4F4" d="M69.2 323.9L0 320.5V187.9l12.5-28 56.7 164zm267.3 6l-42.7 28 122-38-79.3 10zm143.5-142v132.6l-64.2-.6 64.2-132zm-171.5-23.3l124.7 36.6-28 10-68.7 118.7-28-165.3z"/><path fill="%23BEC3C3" d="M119.8 256.6l216.7 73.3-42.7 28-174-101.3z"/><path fill="%23B8BEBE" d="M267.8 203.9l68.7 126-216.7-73.3 148-52.7zm-255.3-44l107.3 96.7-54.6-12-52.7-84.7z"/><path fill="%23CFCFCF" d="M195.8 131.2l-76 125.4-107.3-96.7 183.3-28.7z"/><path fill="%23BEC3C3" d="M69.2 63.2l-56.7 96.7 183.3-28.7-126.6-68z"/><path fill="%23DCDCE2" d="M69.2 63.2l-56.7 96.7L0 138.4V69.3l69.2-6.1z"/><path fill="%23BEC3C3" d="M103.2 32.6l-34 30.6-4-63.2H89l14.2 32.6z"/><path fill="%23DCDCE2" d="M165.8 20.6l30 110.6-126.6-68 34-30.6 62.6-12z"/><path fill="%23F4F4F4" d="M119.8 256.6l76-125.4 112.7 33.4-40.7 39.3-148 52.7z"/><path fill="%23DCDCE2" d="M391.8 115.2l41.4 86-124.7-36.6 83.3-49.4zM275.2 7.9l33.3 156.7-112.7-33.4L275.2 7.9z"/><path fill="%23B8BEBE" d="M391.8 115.2l-83.3 49.4L275.2 7.9l9.9-7.9h84.1l22.6 115.2z"/><path fill="%23CFCFCF" d="M480 9.9v15.9l-32.2 47.4-56 42L480 9.9z"/><path fill="%23B8BEBE" d="M480 0v9.9l-88.2 105.3L426.7 0H480z"/><path fill="%23DCDCE2" d="M426.7 0l-34.9 115.2L369.2 0h57.5z"/><path fill="%23F4F4F4" d="M285.1 0l-9.9 7.9 1-7.9h8.9zm-83.8 0l-35.5 20.6-62.6 12L165.4 0h35.9z"/><path fill="%23CFCFCF" d="M18.5 0L0 25.8V9.9L9.4 0h9.1z"/><path fill="%23B8BEBE" d="M165.4 0l-62.2 32.6L89 0h76.4zM9.4 0L0 9.9V0h9.4z"/><path fill="%23DCDCE2" d="M480 69.3v69.1l-32.2-65.2 32.2-3.9z"/><path fill="%23CFCFCF" d="M480 155.4V169l-46.8 32.2-41.4-86 88.2 40.2z"/></svg>');
}

.rgba_4 {
    background: linear-gradient(135deg, rgba(210, 95, 255, .92), rgba(249, 61, 102, .92)), url('data:image/svg+xml;charset=utf-8,<svg width="480" height="480" xmlns="http://www.w3.org/2000/svg"><path fill="%23A6A6A6" d="M69.2 63.2L0 69.3V25.8L18.5 0h46.7l4 63.2z"/><path fill="%23ADADAD" d="M165.8 20.6l30 110.6L275.2 7.9 165.8 20.6z"/><path fill="%23A6A6A6" d="M480 25.8v44.8l-32.2 2.6L480 25.8zm0 112.6v17l-88.2-40.2 56-42 32.2 65.2z"/><path fill="%23ADADAD" d="M405.2 211.2l10.6 108.7-79.3 10 68.7-118.7zM480 169v18.9l-64.2 132 17.4-118.7L480 169zm0 151.5v46.8l-64.2-47.4 64.2.6zm-186.2 37.4l62.7 64.7-74 6.6 11.3-71.3zm-174-101.3l100.7 90 73.3 11.3-174-101.3zm-50.6 67.3l17.3-59.3 29.3 126-46.6-66.7zm0 0l-4 94L0 367.3v-46.8l69.2 3.4zm114.6 143.3L65.2 417.9l50.6-27.3 68 76.6zM65.2 417.9V480H18.5l46.7-62.1z"/><path fill="%23A6A6A6" d="M12.5 159.9L0 155.4v-17l12.5 21.5z"/><path fill="%23ADADAD" d="M12.5 159.9L0 187.9V169l12.5-9.1z"/><path fill="%23A6A6A6" d="M308.5 164.6l28 165.3-68.7-126 40.7-39.3zm96.7 46.6l28-10-17.4 118.7-10.6-108.7zM220.5 346.6l62 82.6 11.3-71.3-73.3-11.3z"/><path fill="%23A6A6A6" d="M282.5 429.2l-6.3 50.8h-74.9l81.2-50.8zM69.2 323.9l46.6 66.7-50.6 27.3 4-94zm-56.7-164l56.7 164-4-79.3-52.7-84.7zM276.2 0l-1 7.9-109.4 12.7L201.3 0h74.9z"/><path fill="%23A6A6A6" d="M86.5 264.6l33.3-8-4 134-29.3-126z"/><path fill="%23B8BEBE" d="M293.8 357.9l122-38-59.3 102.7-62.7-64.7z"/><path fill="%23F4F4F4" d="M441.8 429.2l-85.3-6.6 59.3-102.7 26 109.3z"/><path fill="%23DCDCE2" d="M480 367.3v58.2l-38.2 3.7-26-109.3 64.2 47.4z"/><path fill="%23BEC3C3" d="M480 425.5V480h-53.3l15.1-50.8 38.2-3.7z"/><path fill="%23DCDCE2" d="M441.8 429.2L426.7 480h-57.5l-12.7-57.4 85.3 6.6z"/><path fill="%23BEC3C3" d="M369.2 480h-84.1l71.4-57.4 12.7 57.4z"/><path fill="%23F4F4F4" d="M356.5 422.6L285.1 480h-8.9l6.3-50.8 74-6.6zm-74 6.6L201.3 480h-35.9l18.4-12.8 98.7-38z"/><path fill="%23B8BEBE" d="M115.8 390.6l68 76.6 98.7-38-116.7-63.3-50 24.7z"/><path fill="%23F4F4F4" d="M119.8 256.6l-4 134 50-24.7-46-109.3z"/><path fill="%23CFCFCF" d="M220.5 346.6l62 82.6-116.7-63.3-46-109.3 100.7 90z"/><path fill="%23B8BEBE" d="M183.8 467.2L165.4 480H89l-23.8-62.1 118.6 49.3z"/><path fill="%23BEC3C3" d="M89 480H65.2v-62.1L89 480z"/><path fill="%23DCDCE2" d="M65.2 417.9L0 425.5v-58.2l65.2 50.6z"/><path fill="%23CFCFCF" d="M65.2 417.9L18.5 480H9.4l55.8-62.1z"/><path fill="%23B8BEBE" d="M65.2 417.9L9.4 480H0v-54.5l65.2-7.6z"/><path fill="%23F4F4F4" d="M65.2 244.6l54.6 12-33.3 8-17.3 59.3-4-79.3z"/><path fill="%23CFCFCF" d="M12.5 159.9L0 169v-13.6l12.5 4.5z"/><path fill="%23F4F4F4" d="M69.2 323.9L0 320.5V187.9l12.5-28 56.7 164zm267.3 6l-42.7 28 122-38-79.3 10zm143.5-142v132.6l-64.2-.6 64.2-132zm-171.5-23.3l124.7 36.6-28 10-68.7 118.7-28-165.3z"/><path fill="%23BEC3C3" d="M119.8 256.6l216.7 73.3-42.7 28-174-101.3z"/><path fill="%23B8BEBE" d="M267.8 203.9l68.7 126-216.7-73.3 148-52.7zm-255.3-44l107.3 96.7-54.6-12-52.7-84.7z"/><path fill="%23CFCFCF" d="M195.8 131.2l-76 125.4-107.3-96.7 183.3-28.7z"/><path fill="%23BEC3C3" d="M69.2 63.2l-56.7 96.7 183.3-28.7-126.6-68z"/><path fill="%23DCDCE2" d="M69.2 63.2l-56.7 96.7L0 138.4V69.3l69.2-6.1z"/><path fill="%23BEC3C3" d="M103.2 32.6l-34 30.6-4-63.2H89l14.2 32.6z"/><path fill="%23DCDCE2" d="M165.8 20.6l30 110.6-126.6-68 34-30.6 62.6-12z"/><path fill="%23F4F4F4" d="M119.8 256.6l76-125.4 112.7 33.4-40.7 39.3-148 52.7z"/><path fill="%23DCDCE2" d="M391.8 115.2l41.4 86-124.7-36.6 83.3-49.4zM275.2 7.9l33.3 156.7-112.7-33.4L275.2 7.9z"/><path fill="%23B8BEBE" d="M391.8 115.2l-83.3 49.4L275.2 7.9l9.9-7.9h84.1l22.6 115.2z"/><path fill="%23CFCFCF" d="M480 9.9v15.9l-32.2 47.4-56 42L480 9.9z"/><path fill="%23B8BEBE" d="M480 0v9.9l-88.2 105.3L426.7 0H480z"/><path fill="%23DCDCE2" d="M426.7 0l-34.9 115.2L369.2 0h57.5z"/><path fill="%23F4F4F4" d="M285.1 0l-9.9 7.9 1-7.9h8.9zm-83.8 0l-35.5 20.6-62.6 12L165.4 0h35.9z"/><path fill="%23CFCFCF" d="M18.5 0L0 25.8V9.9L9.4 0h9.1z"/><path fill="%23B8BEBE" d="M165.4 0l-62.2 32.6L89 0h76.4zM9.4 0L0 9.9V0h9.4z"/><path fill="%23DCDCE2" d="M480 69.3v69.1l-32.2-65.2 32.2-3.9z"/><path fill="%23CFCFCF" d="M480 155.4V169l-46.8 32.2-41.4-86 88.2 40.2z"/></svg>')
}

.listcategory_index .row-box-index {}

.nav-left-category button.accordion-button img {
    width: 18px;
    height: 18px;
    margin-right: 8px;
}

.nav-left-category .accordion-button::after {
    transform: rotate(270deg);
    width: 0.7rem;
    height: 0.7rem;
    background-size: 0.7rem;
}

.feature .name_dmsp img {
    margin-right: 10px;
}

.accordion-item.show .accordion-collapse {
    display: block;
}

.nav-left-category .accordion-body {
    box-shadow: 4px 11px 20px #666060ab;
    padding: 1rem 1.25rem;
    position: absolute;
    left: 110%;
    width: 667px;
    min-height: 432px;
    z-index: 9;
    top: -2px;
    background: #fff;
    border: 1px solid #f2f2f2;
    margin-left: 1px;
    border-radius: 5px;
    transition: 1s ease-in;
}

.accordion-item.show .accordion-body.mn-trans {
    left: 100%;
}

.nav-left-category .box-nav-sub a {
    text-align: center;
    font-size: 13px;
}

.col-cate-sp {
    border-radius: 10px;
}

.col-cate-sp.box-cat-0 {
    height: 260px;
    overflow: hidden;
    margin-bottom: 15px;
}

.col-cate-sp.box-cat-1,
.col-cate-sp.box-cat-2 {
    height: 155px;
    overflow: hidden;
}

.col-cate-sp.box-cat-3,
.col-cate-sp.box-cat-4 {
    height: 205px;
    overflow: hidden;
    margin-bottom: 15px;
}

.box_sp {
    height: 100%;
    padding-bottom: 10px;
}


/*------------------------Slider BANNEER-----*/

.items-laptop img {
    margin: 10px 0px;
}

.items-laptop img.laptop-dell {
    width: 180px;
}

.items-laptop img.laptop-mac {
    width: 180px;
}

.items-laptop img.laptop-hp {
    width: 180px;
}

.title-laptop h4 {
    margin-top: 10px;
    font-size: 35px;
    color: #fff;
}

.title-laptop h5 {
    color: #f7fb0e;
}

.items-camera {
    padding: 20px;
    height: 100%;
    display: flex;
    position: relative;
}

.title-camera h4 {
    margin: 5px;
    font-size: 18px;
    color: #fff700;
    text-align: left;
}

.title-camera h6 {
    font-size: 11px;
    color: #fff;
    padding: 4px;
    text-align: left;
}

.items-camera img {
    position: absolute;
    left: 15px;
    top: 30px;
}

.title-camera {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}


/*---------END---------------Slider BANNEER-----*/


/*----------------------START POST WIDGET HOME----------------------*/

.post--img {
    position: relative;
}

.post--items .post--img:hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    background: -webkit-linear-gradient(top, #fff0 0%, #000000ed 100%);
    background: linear-gradient(to bottom, #fff0 0%, #000000ed 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.post--items .post--img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    background: -webkit-linear-gradient(top, #fff0 0%, #021042ed 100%);
    background: linear-gradient(to bottom, #fff0 0%, #021042ed 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.post--item.post--type-audio .thumb:after,
.post--item.post--type-video .thumb:after {
    content: "\f04b";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -25px;
    padding: 3px 19px 3px 20px;
    color: #fff;
    background-color: #000;
    border-radius: 10px;
    font-family: "FontAwesome";
    text-align: center;
    -webkit-transition: color .25s, background-color .25s ease-in-out;
    transition: color .25s, background-color .25s ease-in-out;
    z-index: 1;
}

.post--items .post--item-large,
.post--items .post--item-large .post-thums-img {
    overflow: hidden;
}


/*----------------------END POST WIDGET HOME----------------------*/

.items-camera-set-img img,
.items-pccase-set img {
    width: 80%;
    padding: 5px;
}

.items-camera-set-title img {
    width: 35%;
    padding: 5px 10px;
}

.items-camera-set-title {
    display: flex!important;
    justify-content: center;
    align-items: center;
}

.items-pccase-set {
    position: relative;
}

.items-pccase-set {
    position: relative;
}

.items-pccase-set-title {}

.items-pccase-set-title h5 {
    margin: 0px;
    padding: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.items-pccase-set-title h6 {
    margin: 0px;
    padding: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.items-pccase-set-img,
.items-camera-set-img {
    text-align: center;
}

.home-cat-post-list .post-card--img img {
    width: 100%;
}

.post--type-video.post--item-small .post-card--img {
    margin-bottom: 15px;
}

.post--items-title {
    border-top-color: #da0000;
}

.post--items-title h2 {
    position: relative;
    margin: 0;
    color: #da0000;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    text-transform: uppercase;
    z-index: 0;
}

.post--items-title {
    padding: 12px 57px 13px 0;
    border-top: 2px solid #da0000;
    text-align: left;
}

.post--img.post--type-video {
    position: relative;
    height: 100%;
}

.post--img.post--type-video.post--item-small .post-card--img {
    position: relative;
}

.post--img .post--info {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    color: #fff;
    z-index: 1;
    text-align: left;
}

.nav-left-category .accordion-item .accordion-header {
    position: relative;
}

.nav-left-category .accordion-button {
    box-shadow: none !important;
    z-index: 9;
}

.nav-left-category .accordion-header .accordion-button {
    background-color: transparent;
}

.nav-left-category .accordion-header:hover .accordion-button {
    background-color: #e3dddc;
    color: red;
}

.nav-left-category .accordion-header::before {
    right: 100px;
    border-top: 21px solid transparent;
    border-left: 18px solid #e3dddc;
    border-bottom: 17px solid transparent;
    border-right: 18px solid transparent;
    z-index: 10;
    position: absolute;
    top: 0;
    margin: auto;
    content: "";
    opacity: 0;
}

.nav-left-category .accordion-header:hover:before {
    right: -37px;
    transition: 0.2s;
    opacity: 1;
}

.itemSub0 .accordion-collapse {
    display: none !important;
}

.nav-left-category .tabsub0::after,
.nav-left-category .itemSub0 .accordion-header::before {
    display: none !important;
}

.nav-left-category .accordion-item.show .wow {
    visibility: visible;
    animation-name: fadeInUp;
}

.page_km {
    background: rgba(214, 31, 37, 0.1);
    padding: 15px;
    margin: 10px 0;
    border-radius: 5px;
}

.price-details {
    font-size: 24px;
    font-weight: bold;
    color: #d62027;
    display: inline-block;
}

.btn-contact-fbuy {
    color: #fff;
    background-color: #b71b21;
    border-color: #b71b21;
}

.col-left-product .bxslider_sp,
.col-right-product .info_sp,
.col-right-product .book_sp {
    padding: 10px;
}

#feature .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
}

#feature .owl-nav button {
    background: #dfdfdf91;
    height: 50px;
}

#feature .owl-nav button.owl-next {
    border-radius: 5px 0px 0px 5px;
    margin-right: -10px;
}

#feature .owl-nav button i {
    font-size: 1.2rem;
    color: #898989;
}

#feature .owl-nav button.owl-prev {
    border-radius: 0px 5px 5px 0px;
    margin-left: -10px;
}

#feature .owl-nav button.disabled {
    background: #dfdfdf91 !important;
    display: none;
}

#feature .owl-nav button.disabled i {
    color: #dfdfdf;
}

.info_product {
    position: absolute;
    z-index: 999;
    top: 0;
    color: #000;
    font-weight: bold;
    font-size: 0.8rem;
    bottom: 0;
    top: 100%;
    opacity: 0;
}

.info_product::before {
    content: '';
    display: block;
    background-color: #f6f8fdf5;
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
}

.info_product ul {
    padding: 15px;
}

.info_product li {
    list-style: inside;
    padding-left: 0px;
}

.col-box-sp:hover .info_product {
    width: 100%;
    top: 0;
    transition: 0.8s;
    opacity: 1;
    left: 0;
    right: 0;
    bottom: 0;
}

.btn-details-product {
    border-top: 1px solid #ffffff;
    margin-top: 1px;
    z-index: 9;
    position: relative;
}

.btn-details-product a {
    z-index: 9;
    position: relative;
    font-size: 0.8rem;
    bottom: 0;
    border-radius: 0px 0px 10px 10px;
    border: 1px solid #fff;
    border-top: 0;
}

.page_desc_short li {
    padding: 0px;
    line-height: 25px;
}

.sp_lienquan .title-relate {
    color: #333;
}

.item_cat_img .card {
    height: 100%;
}

.list_cat_title.card-body {
    display: flex;
    align-items: flex-end;
    text-align: center;
}

.list_cat_title.card-body h5 {
    line-height: 22px;
}

.page-content .title-page {
    margin-top: 25px;
    text-transform: uppercase;
    font-size: 1.4rem;
    padding-bottom: 5px;
}

.subline_content {
    display: flex;
    justify-content: space-between;
    padding-top: 5px;
    align-items: center;
    align-content: center;
}

.subline_content .at-share-btn {
    margin: 0px 5px;
}

.subline_content .info-date-post {
    font-weight: bold;
    color: #555;
}

.icon-contact,
.icon-contact a {
    font-weight: bold;
    color: #555;
    display: flex;
    align-items: center;
    align-content: center;
}

.icon-contact i {
    border: 1px dashed #f00;
    padding: 8px;
    border-radius: 50%;
    font-size: 15px;
    color: #f00;
    width: 40px;
    height: 40px;
    text-align: center;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    align-content: center;
}

.icon-contact i:hover {
    background: #f00;
    color: #fff;
}

.info-map {
    line-height: 25px;
    font-weight: bold;
}

.data_content_search .list_cat_title {
    position: relative;
}

.data_content_search .list_cat_title {
    position: relative;
}

.data_content_search .list_cat_title .type_box {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #f2f2f2;
    padding: 2px 10px;
    color: #3f414a;
    font-size: 11px;
    font-weight: bold;
}

.home-shipper {
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: row;
}

.home-shipper img {
    width: 20px;
    margin-right: 5px;
}

.nav-mobile {
    display: none;
}

.page_km li {
    padding: 0;
}