/**
 * @Project TMS CODE BETA
 * @Author TMS Holdings <contact@tms.vn>
 * @Copyright (C) 2014 TMS Holdings. All rights reserved
 * @License GNU/GPL version 2 or any later version
 * @Createdate Thu,17 Apr 2014 04:03:46 GMT
 */

 @font-face {
    src: url('../../default/fonts/Kodchasan-Light.ttf');
    font-family: Kodchasan;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb:hover {
    background-image: linear-gradient(125deg, #000000 0%, #ff0909  100%);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background-color: #777777;
  border-radius: 10px;
}
/* NUKEVIET ICONS */
@font-face {
    font-family:'NukeVietIcons';
    src:url('../../default/fonts/NukeVietIcons.eot?avyewf');
    src:url('../../default/fonts/NukeVietIcons.eot?#iefixavyewf') format('embedded-opentype'),url('../../default/fonts/NukeVietIcons.ttf?avyewf') format('truetype'),url('../../default/fonts/NukeVietIcons.woff?avyewf') format('woff'),url('../../default/fonts/NukeVietIcons.svg?avyewf#NukeVietIcons') format('svg');
    font-weight:normal;
    font-style:normal;
}
#footer .menu li a:hover{
    color: #fff !important;
}

[class^="icon-"],
[class*=" icon-"] {
    display:inline-block;
    font:normal normal normal 14px/1 NukeVietIcons;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    transform:translate(0,0);
    vertical-align:-10%;
}

.icon-lg {
    font-size:1.33333333em;
    line-height:.75em;
    vertical-align:-25%;
}

.icon-horizon {
    width:14px;
}

.icon-lg.icon-horizon {
    width:22px;
}

.icon-nukeviet:before {
    content:"\e607";
}

.icon-nukeviet_sm:before {
    content:"\e608";
}

.icon-callcenter:before {
    content:"\e609";
}

.icon-today:before {
    content:"\e600";
}

.icon-qrcode:before {
    content:"\e601";
}

.icon-enter:before {
    content:"\e602";
}

.icon-exit:before {
    content:"\e603";
}

.icon-yahoo:before {
    content:"\e604";
}

.icon-old-phone:before {
    content:"\e606";
}

.icon-icq:before {
    content: "\e605";
}
.icon-viber:before {
    content: "\e60a";
}

.icon_new {
    background:url("../images/icons/new.gif") no-repeat;
    display:inline-block!important;
    width:33px;
    height:15px;
}

.icon_new_small {
    background:url("../images/squared-blue.png") no-repeat 0 8px;
}

.icon_list {
    background:url("../images/arrow_left_orange.png") no-repeat 0 7px;
}

/* Fonts Color */

.text-black {
    color:#000 !important;
}

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

/* Fonts Weight */
.text-normal {
    font-weight:400;
}

.text-bold {
    font-weight:800;
}

/* Fix bootstrap */
.form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: right;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-ss-block,
.visible-ss-inline,
.visible-ss-inline-block {
    display:none;
}

.hidden-ss-block {
    display:block !important;
}

.hidden-ss-inline {
    display:inline !important;
}

.hidden-ss-inline-block {
    display:inline-block !important;
}

.margin {
    margin:10px;
}

.mr-1 {
    margin-right: 5px;
}

.margin-right,
.mr-2 {
    margin-right: 10px;
}

.margin-left {
    margin-left:10px;
}

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

.margin-bottom,
.mb-2 {
    margin-bottom: 10px;
}

.margin-sm {
    margin: 4px;
}

.margin-right-sm {
    margin-right:4px;
}

.margin-left-sm {
    margin-left:4px;
}

.margin-top-sm {
    margin-top:4px;
}

.margin-bottom-sm {
    margin-bottom:4px;
}

.margin-lg {
    margin:15px;
}

.margin-right-lg {
    margin-right:15px;
}

.margin-left-lg {
    margin-left:15px;
}

.margin-top-lg {
    margin-top:15px;
}

.margin-bottom-lg {
    margin-bottom:15px;
}

.padding-top{
    padding-top: 10px
}

.padding-left{
    padding-left: 10px
}

.padding-right{
    padding-right: 10px
}

.padding-bottom{
    padding-bottom: 10px
}

.boder-top{
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ccc;
}

.boder-bottom{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
}

.border-left{
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #ccc;
}

.border-right{
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #ccc;
}

.column-margin-left{
    margin-left: 10px !important
}

.bg-gainsboro{
    background-color:#dcdcdc
}

.bg-lavender{
    background-color: #eee;
}

ul.list-items {
    padding-left: 0;
}

ul.list-items > li {
    margin-bottom: 10px;
}

ul.list-items > li:last-child {
    margin-bottom: 0;
}

/*Load_Bar*/
.load-bar{
    display: inline-block;
    vertical-align: middle;
    width: 33px;
    height: 8px;
    background: transparent url(../../../assets/images/load_bar.gif);
    margin: auto 10px
}

/*Center DIV*/
.centered {
   text-align: center;
   font-size: 0
}
.centered > div {
   float: none;
   display: inline-block;
   text-align: left;
   font-size: 14px;
}

/*nv-info*/
.nv-info {
    border-width:1px;
    border-style:solid;
    border-color:#dcdcdc;
    border-radius:3px;
    background-color:#f7f7f7;
    color:#333;
    padding:10px;
}

.nv-info.error {
    background-color:#EFD7D7 !important;
    border-color:#DCA8A6 !important;
}

.nv-info.success {
    background-color:#edf4fa !important;
    border-color:#82b2dc !important;
}

.nv-info.info{
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.nv-info:before {
    display:inline-block;
    font-family:FontAwesome;
    font-size:20px;
    line-height:1;
    vertical-align:middle;
    margin-right:5px;
}

.nv-info.error:before {
    content:" \f057 ";
    color:#de495b;
}

.nv-info.success:before {
    content:" \f13a ";
    color:#68D044;
}

.nv-info.info:before {
    content: "\f05a";
    color:#31708f;
}

.clear {
    clear:both;
}

.fl {
    float:left;
}

.fr {
    float:right;
}

.pointer {
    cursor:pointer;
}

.middle{
    vertical-align:middle
}

.align-bottom{
    vertical-align: bottom
}

.align-top{
    vertical-align: top
}



.input-group-btn {
    font-size:14px !important;
}

.radius-top-left {
    border-top-left-radius:5px;
}

.radius-top-right {
    border-top-right-radius:5px;
}

.radius-bottom-left {
    border-bottom-left-radius:5px;
}

.radius-bottom-right {
    border-bottom-right-radius:5px;
}

.radius {
    border-radius:5px;
}

.bg-gradient {
    background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background-image:linear-gradient(to bottom,rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.3) 100%);
}

.box-shadow {
    box-shadow:0 0 4px rgba(0,0,0,0.15);
    -webkit-box-shadow:0 0 4px rgba(0,0,0,0.15);
}

.fix-box {
    position:inherit !important;
    margin-left:0 !important;
}

.well {
    padding:8px;
    line-height:18px
}

.well p {
    margin:0;
}

input[type=text].required,
input[type=password].required,
input[type=email].required,
input[type=number].required,
input[type=search].required,
input[type=tel].required,
input[type=time].required,
input[type=url].required,
input[type=url].required,
textarea.required,
select.required,
label.required {
    background-image:url(../images/icons/required.png);
    background-position:right center;
    background-repeat:no-repeat;
}
textarea.required{
    background-position: right 10px;
}
select.required{
    background-position: calc(100% - 15px) 10px;
}
label.required{
    padding-right: 20px;
}

label.radio-box,label.check-box{
    font-weight: normal;
    margin-right: 20px;
    cursor: pointer;
}
div.radio-box,div.check-box{
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    padding: 10px
}
.has-error div.radio-box,.has-error div.check-box{
    border-color: #de495b;
}

div.radio-box label,
div.check-box label {
    margin-bottom: 0;
}

div.radio-box label [type="radio"],
div.check-box label [type="radio"] {
    margin-top: -2px;
}

.display-inline-block{
    display: inline-block
}

.display-table {
    display:table;
}

.display-table > * {
    display:table-row;
}

.display-table > * > * {
    display:table-cell;
    padding:5px;
}

/*tooltip*/
.tooltip-inner {
    max-width:250px;
    padding:10px;
    color:#fff;
    text-align:left !important;
    background-color:#255986;
    border-radius:4px;
    height: auto;
    overflow: auto
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
  border-top-color: #255986;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #255986;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #255986;
}

.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #255986;
}

.tooltip-inner img.pull-left{
    margin:3px 5px 1px 0;
}

.tooltip-inner img.pull-right{
    margin:3px 1px 0 5px;
}

/* Fixed Jquery UI Style */

.ui-widget {
    font-size:12px !important;
    font-weight:400 !important;
    line-height:18px !important;
}

.ui-datepicker {
    width:18em !important;
}

.ui-datepicker select.ui-datepicker-month {
    width:59% !important;
    font-weight:normal !important;
}

.ui-datepicker select.ui-datepicker-year {
    width:39% !important;
    font-weight:normal !important;
}

figure {
    position: relative;
    margin: 5px 0 10px 0;
    text-align: center
}

figure.image.image-left,
img.image-left {
    margin-right: 15px;
    float: left!important;
}

figure.image.image-right,
img.image-right {
    margin-left: 15px;
    float: right!important;
}

.image-center figure.image,
.image-center {
    text-align: center;
    float: none!important;
}

div.image-center,
p.image-center {
    margin-bottom: 10px;
}

figure.article {
    background-color: #939393;
}
figure.left {
    float: left;
    margin: 5px 10px 10px 0;
}
figure.right{
    float: right;
    margin: 5px 0 10px 10px;
}
figure.center{
    float: none;
    background: transparent;
    margin: 0 auto 10px;
    padding-top: 0;
    text-align:center
}
figure.noncaption{
    background: transparent;
    padding: 0;
}
figcaption{
    text-align: center;
    margin-top: 5px;
    font-weight: 700;
}
figure figcaption {
    font-size: 12px;
    font-weight: normal;
}
figure.article figcaption {
    color: #fff;
}
figure.article.center figcaption{
    color: inherit
}
figure.avatar{
    margin-top:0 !important
}
figure.avatar figcaption{
    position: absolute;
    bottom: 12px;
    left: 3px;
    width:calc(100% - 6px);
    background-color: #357ebd;
    color:#fff;
    font-size:11px
}

/* Global */

html,
body {
    width:100%;
    height:100%;
    margin:0;
    padding:0
}

body {
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.42857;
    background-color:#fff;
}

a,
a:link,
a:active,
a:visited {
    color:#66696b;
}

a:hover,
a:focus {
    text-decoration:none;
    color:#66696b;
}

a.dimgray  {
    color:#f69528;
}

a.dimgray:hover {
    color:#cd4d20;
}

a.black  {
    color:#333;
}

a.black:hover {
    color:#0e2132;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{
    margin:0;
    padding:0;
    line-height: 1.5
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight:700;
}

.hometext{
    font-weight: 700
}

.bodytext {
    word-break:keep-all;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: visible;
    line-height: 1.7em;
}

.bodytext p{
    margin-bottom: 15px !important
}

.bodytext ol{
    list-style-type: decimal!important;
}

.bodytext ul{
    list-style-type: disc!important;
    padding-left: 40px!important;
    margin-bottom: 10px!important;
}

.bodytext li{
    margin-bottom: 0!important;
}

.bodytext div.alert{
    margin-bottom: 7px;
    margin-top: 4px;
}

iframe {
    border:0;
}

.m-bottom {
    margin-bottom:10px !important;
}

.wraper {
    position:relative;
    width:1080px;
    margin:0 auto;
}

.container,.rel {
    position:relative;
}

.fa-fix {
    margin-right:-5px;
}

.fa-pointer {
    cursor:pointer;
}

.fa-horizon {
    width:14px;
}

.fa-lg.fa-horizon {
    width:22px;
}

h3.sm {
    font-size:16px;
}

span.keyword {
    background-color:yellow;
}

.nv-fullbg {
    min-height:100%;
    background-color:#fff;
}

a.btn {
    color:#fff;
}


/* Header */

.section-header-bar {
    top: -9999px;
    left: -9999px;
}
.mainmenu
{

    top: -9999px;
    left: -9999px;
    background:#d70018;
}

.site-banner {
    position: absolute;
    width: 100%;
    background-size: cover;
    z-index: -10;
    background-position: center center;
    height: 300px;
}

#header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

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

#header .logo img {
    max-height: 120px;
    width: auto;
}

#header .logo h1,
#header .logo .site_name {
    display:none;
}

#header .logo h2,
#header .logo .site_description {
    color:#707070;
    font-size:18px;
    font-weight:bold;
    font-style:italic;
    font-family:"Times New Roman";
    line-height:1.1;
    margin:0;
    padding:0;
    display: block;
}

#header .right-ads {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 10px 0;
}

#header .right-ads > .nv-block-banners:last-child {
    margin-bottom: 0;
}
.header-mid-right
{
    -ms-flex-align: center!important;
    align-items: center!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important;
}

/* breadcrumb */
.breadcrumbs-wrap{
    position: relative;
}

.breadcrumbs-wrap .display{
    height: 35px;
    overflow: hidden;
}

.breadcrumbs {
    display: inline-block;
}

.breadcrumbs li {
    float:left;
    margin:0 .5em 0 1em;
}

.breadcrumbs a, .show-subs-breadcrumbs {
    background-color:#dcdcdc;
    padding:.6em 1em;
    float:left;
    text-decoration:none;
    color:#333;
    position:relative;
}

.breadcrumbs a:hover, .show-subs-breadcrumbs:hover {
    background-color:#a6c8e6;
}

.breadcrumbs a:before {
    content:"";
    position:absolute;
    top:50%;
    margin-top:-1.5em;
    border-width:1.5em 0 1.5em 1em;
    border-style:solid;
    border-color:#dcdcdc #dcdcdc #dcdcdc transparent;
    left:-1em;
}

.breadcrumbs a:hover:before {
    border-color:#a6c8e6 #a6c8e6 #a6c8e6 transparent;
}

.breadcrumbs a:after, .show-subs-breadcrumbs:after {
    content:"";
    position:absolute;
    top:50%;
    margin-top:-1.5em;
    border-top-width:1.5em;
    border-top-style: solid;
    border-top-color: transparent;
    border-bottom-width:1.5em;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-left-width: 1em;
    border-left-style: solid;
    border-left-color: #dcdcdc;
    right:-1em;
}

.breadcrumbs a:hover:after, .show-subs-breadcrumbs:hover:after {
    border-left-color:#a6c8e6;
}


.subs-breadcrumbs{
    margin: 0;
    padding: 0;
    background-color: #fff linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.1) 100%);
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0 0;
    position: absolute;
    left: 0;
    top: 40px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1);
    border-top: none;
    box-shadow: 0 0.063em 0.25em rgba(7, 20, 34, 0.25);
    display: none;
    z-index: 999999;
}

.subs-breadcrumbs.open{
    display: block;
}

.subs-breadcrumbs li:last-child,
.subs-breadcrumbs li:last-child a,
.subs-breadcrumbs{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.subs-breadcrumbs li, .subs-breadcrumbs a {
    display:block;
    float:none;
}

.subs-breadcrumbs a{
    line-height:40px;
    height:40px;
    overflow: hidden;
    padding:0 10px;
}

.subs-breadcrumbs li:not(:last-child) a{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(0,0,0,0.1);
}

.subs-breadcrumbs a:hover{
    background-color: rgba(0,0,0,0.1)
}

.subs-breadcrumbs a em{
    display: inline-block;
    margin-right: 5px;
    color: #707070;
}

.show-subs-breadcrumbs{
    padding-right: 5px;
    margin-right: 7px;
    width: 30px;
    text-align: center;
}

.fix_banner_left {
    width:120px;
    height:480px;
    position:fixed;
    top:2px;
    left:2px;
    display:none;
}

.fix_banner_right {
    width:120px;
    height:480px;
    position:fixed;
    top:2px;
    right:2px;
    display:none;
}

/* SECOND NAV */
.second-nav{
    z-index:3
}
.second-nav .bg {
    background:#cccccc;
    background-image:linear-gradient(to bottom,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%) !important;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

/* THIRD NAV */

.third-nav {
    position:relative;
    margin-bottom:6px;
}

.third-nav .row{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dcdcdc;
}

.third-nav .bg {
    background-color:#eeeeee;
    padding:5px 5px 3px;
}

.third-nav .current-time {
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
    line-height:37px
}

.third-nav ul + .current-time{
    float:right;
    margin-top:-35px
}

.headerSearch {
    margin:0.15em 0;
}

.headerSearch input {
    border-color:#cccccc;
    background-color:#fff !important;
}

.headerSearch input:hover,
.headerSearch input:focus {
    background-color:#fff !important;
}

.headerSearch .btn-info {
    background-color:#428BCA;
    border-color:#428BCA;
    color:#fff
}

.headerSearch .btn-info:focus,
.headerSearch .btn-info.focus,
.headerSearch .btn-info:hover,
.headerSearch .btn-info:active,
.headerSearch .btn-info.active {
  background-color: #e6b902;
  border-color: #caa202;
  color:#333333;
}

.headerSearch .form-control,
.headerSearch .btn {
    z-index: 0;
}
#box-search ul li:last-child
{
    border-bottom: none !important;
}
/*y&#1043;&#1028;u th&#1043;­ch*/
.wishlist
{
    padding: 0 15px;
    margin-left: 30px;
}
/*gi&#1073;»&#1039; h&#1043; ng*/
.giohang_ul_content .clearfix .btn
{
    border: none;
    width: 100%;
    height: auto;
    line-height: normal;
    font-family: 'Kodchasan';
    font-size: 14px;
}

.giohang_ul {
    position: relative;
    display: inline-block;
}

.giohang_ul_content {
    margin-top: 4px;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 260px;
    padding: 12px;
    right: 0px;
    z-index: 1111;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}

.giohang_ul .giohang_ul_content p
{
    padding-bottom: 10px;
    font-size: 14px;
}


.title_giohang span {
    width: 20px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background-color: #e83d3d;
    font-size: 10px;
    display: inline-block;
    position: absolute;
    left: 20px;
    top: -5px;
}
.title_giohang em

{
    font-size: 30px;
    color: #e12236;
}
#cart_mobile_shops .title_giohang span
{
    left: 25px;
    color: #000000;
    background-color: #e12236;
}
.cart-icon {
    position: relative;
    color: #66696b;
}
.cart-icon i{
    font-size: 35px;
}
.cart-info
{
    display: flex;
    margin-left: 10px;
    -ms-flex-direction: column;
    flex-direction: column;
    white-space: nowrap;
}
.cart-title {
    margin-top: 5px;
    font-size: 1.125em;
    color: #66696b;
    font-weight: 700;
    -ms-flex-order: 1;
    order: 1;
}
.cart-items {
    color: #ffb610;
}
/*Menu*/
.menusite
{
    margin: 0 auto;
}

.mainmenu .wraper
{

    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
/*Mega menu*/
.wsfixed .menumega{
    display: block;
    padding: 20px 10px;
}
.wsfixed .menumega a i{
    font-size: 25px;
    color: #f2f2f2;
}

.wsfixed .menumega a:hover i
{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    transition: 0.5s;
}

.menumega
{   
    display: none;
    align-self: center;

}
.menumega:hover> .menu-left
{
    opacity: 1;
    visibility: visible;
}

.menumega .menu-left {
    top: 100%;
    list-style-type: none;
    position: absolute;
    left:  0px;
    z-index: 99;
    margin: 0;
    background: #fff;
    border-radius:0;
    font-size: 16px;
    min-width: 300px;
    -webkit-transition: all 0.3s cubic-bezier(0.1, 0.1, 0.1, 0.1);
    transition: all 0.3s cubic-bezier(0.1, 0.1, 0.1, 0.1);
    opacity: 0;
    visibility: hidden;
}
.menumega .list-sub-menu-left
{
    left: 100%;
}

/*main menu left*/
.menu-left {
    min-height: 380px;
    list-style: none;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
}
.menu-left>li {
    padding: 0 7px;
    height: 37.8px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ebebeb;
}
.menu-left>li:last-child
{
    border-bottom: none;
}
.menu-left>li>a {
    line-height: 1;
    color: #000;
    padding: 9px 0;
    position: relative;
    height: 46.8px;
    line-height: 46.8px;
    padding: 0px 4px;
}
.menu-left a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.menu-left a span.title-url {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.menu-left a span {
    width: 25px;
    height: 25px;
    float: left;
    margin-right: 5px;
}
.list-sub-menu-left
{
    border-radius: 0 4px 4px 0;
    width: 960px;
    position: absolute;
    left: calc(100% - 5px);
    top: -1px;
    z-index: 2;
    background-color: white;
    border: 1px solid #dedede;
    min-height: 380px;
    display: none;
}
.sub-menu-left
{
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    
}
.menu-left>li>a {
    position: relative;
    min-height: 1px;
    margin: 0;
    list-style: none;
}
.menu-left .sub-menu-left>li>a
{
    text-transform: capitalize;
    display: block;
    line-height: unset;
    font-size: 14px;
    font-weight: 600;
    color: black;
}
.menu-left .sub-menu-left>li>ul>li>a
{
    font-size: 13px;
}
.menu-left .sub-menu-left>li
{
    padding: 10px 0 0 10px;
    width: 25%;
}
.menu-left .sub-menu-left>li>ul
{
    margin: 0;
    padding: 0;
    list-style: none;

}
li:hover>.list-sub-menu-left
{
    display: block;
}
.image-menu img
{
    width: 30px;
    padding-right: 10px;
}
/* Bootstrap Menu */
#menusite .navbar-default {
    background-color: #428BCA;
    border-bottom-color: #428BCA;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    z-index: 1;
}

#menusite .navbar-default .navbar-nav > li {
    margin-left:1px;
}

#menusite .navbar-default .navbar-nav > li:first-child {
    margin-left:4px;
}

#menusite .navbar-default .navbar-nav > li:last-child {
    margin-right:4px;
}

#menusite .navbar-default .navbar-nav > li > a {
    color:#fff;
}

#menusite .navbar-nav > li > a {
    white-space:nowrap;
}

#menusite .dropdown-menu {
    background-color:#dcdcdc !important;
    border-color:#aaaaaa !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-bottom-left-radius:5px !important;
    border-bottom-right-radius:5px !important;
}

#menusite .dropdown-menu > li {
    border-bottom-width :1px;
    border-bottom-style: solid;
    border-bottom-color: rgba(255,255,255,0.5);
}

#menusite .dropdown-menu > li:last-child {
    border-bottom:none;
}

#menusite .dropdown-menu > li > a {
    color: #333;
    line-height: 30px;
    padding: 3px 15px;
}

#menusite .navbar-default .navbar-nav > li > a:hover,
#menusite .navbar-default .navbar-nav > li > a:focus,
#menusite .navbar-default .navbar-nav > .active > a,
#menusite .navbar-default .navbar-nav > .active > a:hover,
#menusite .navbar-default .navbar-nav > .active > a:focus,
#menusite .navbar-default .navbar-nav > .open > a,
#menusite .navbar-default .navbar-nav > .open > a:hover,
#menusite .navbar-default .navbar-nav > .open > a:focus {
    background:linear-gradient(to bottom,#82b2dc 0%,#428BCA 100%) !important;
    color: #fff;
}

#menusite .dropdown-menu > li > a:hover,
#menusite .dropdown-menu > li > a:focus,
#menusite .dropdown-menu > .active > a,
#menusite .dropdown-menu > .active > a:hover,
#menusite .dropdown-menu > .active > a:focus,
#menusite .navbar .navbar-nav .open .dropdown-menu > li > a:hover,
#menusite .navbar .navbar-nav .open .dropdown-menu > li > a:focus,
#menusite .navbar .navbar-nav .open .dropdown-menu > .active > a,
#menusite .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
#menusite .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%) !important;
    color: #333;
}

#menusite .dropdown-submenu {
    position:relative;
    display: none;
}

#menusite .open .dropdown-submenu {
    display: block;
}

#menusite .dropdown-submenu li a {
    color:#333;
    display:block;
}

#menusite .dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    border-radius:0 5px 5px 5px;
}

#menusite .dropdown-submenu:hover>.dropdown-menu {
    display:block;
}

#menusite .dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#333;
    margin-top:10px;
    margin-right:-5px;
}

#menusite .dropdown-submenu.pull-left {
    float:none;
}

#menusite .dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    border-radius:5px 0 5px 5px;
}

/* Head-Nav */
.header-nav
{
    margin-bottom: 5px;
    border-bottom: 1px solid #ddd;
}
.header-nav,
.header-nav-inner {
    color: #6c757d;
    position: relative;
}

.header-nav-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 0;
}

.header-nav a {
    color: #6c757d;
}

.header-nav a:hover {
    color: #6c757d;
}

.header-nav a.button {
    display: block;
    position: relative;
    padding: 8px;
    color: #fff;
    line-height: 1;
    background-color: #f975af;
    border-radius: 5px;
    width: 34px;
    height: 34px;
}

.header-nav a.button.active,
.header-nav a.button:hover,
.header-nav a.button:focus {
    background-color: #ff86bb;
    color: #fff;
}

.header-nav a.button .fa {
    position: relative;
    transform: translate3d(-50%, -50%, 0px);
    left: 50%;
    top: 50%;
}
.header-top
{
    background-color: #fff;
}
.header-top-left ul
{
    margin: 0;
    list-style: none;
    display: flex;
}
.header-top-left ul li{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
}
.header-top-left ul li a{
    white-space: nowrap;
    padding: 0 17px;
}
.header-nav-inner .swiper-slide img{
    width: 100%;
}
/*logo*/
.header-row
{
    width: 100%;
    display: flex;
    align-items: center;
}
.header-logo
{
    display: flex;
    place-content: space-between;
}

/*header extras*/
.header-extras {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.extras-menu {
    place-content: space-evenly;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    list-style: none;
}
.menu-item-hotline {
    display: flex;
    align-items: center;
}
.extras-menu > li {
    background: #d70018;
    font-size: 14px;
    display: flex;
    float: right;
    margin-bottom: 0;
    margin-right: 10px;
    padding: 5px 10px;
    border-radius: 10px;
}

.extras-menu > li > span
{
    display: flex;
    align-items: center;
}
.extras-menu > li > span span
{
    max-width: 70px;
    text-transform: capitalize;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.extras-menu > li div > a, .extras-menu > li div > a > div
{
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: 700;
}

.extras-menu .menu-item-account {
    background-color: #d70018; color: #fff;
    margin-right: 0;
}

.extras-menu > li > a {
    color: #fff;    padding: 3px 10px 3px 10px;
    display: block;
    position: relative;
}

.extras-menu > li .extra-icon {
    margin-right: 5px;
    font-size: 25px;
    line-height: 1;
    color: #fff;
}
.extras-menu .menu-item-account #nv-block-login > a {
    padding-left: 35px;
    line-height: 1;
    font-weight: 700;
    position: relative;
    white-space: nowrap;
}
.extras-menu .menu-item-account #nv-block-login .extra-icon {
    position: absolute;
    top: 1px;
    left: 0;
}
.menu-item-account a.button.user, .menu-item-account a.button.user:hover {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #1d1e1e;
    background-size: contain;
    color: #fff;
    margin-right: 7px;
}
.menu-item-account a.button {
    display: block;
    position: relative;
    padding: 8px;
    line-height: 1;
}
/*search*/

#box-search .searchbox{position:relative;}
#box-search .searchbox .input-search{width:100%;height:40px;padding:4px 30px 4px 10px;    box-shadow: 1px 1px 4px rgb(0 0 0 / 20%);border: 1px solid #ddd;
    border-radius: 10px;}
    #box-search .searchbox button,#box-search .searchbox button:focus{background:transparent;border:none;outline:none;position:absolute;right:10px;top:9px;}
    #box-search .searchbox button i{font-size:18px;color:#020202;}
    #box-search .dropdown-menu.template{width:100%;z-index:9999;}
    #box-search ul{margin:0;padding:0; border-top: unset;}
    #box-search .searchul{margin:0;padding:0;background-color: var(--white-color); border: 1px solid var(--border-color);border-radius: 4px;box-shadow: 0px 0px 10px -5px var(--black-color);}
    #box-search .searchul .item{display: flex;align-items: center;}
    #box-search .searchul .item a {display: flex;align-items: center;}
    #box-search ul li:hover,#box-search ul li.item.active{background:#efefef;}
    #box-search ul li{color:#0a5c15;font-size:13px;cursor:pointer;padding:5px!important;display: inline-block;width: 100%;border-bottom: 1px dashed rgba(102,102,102,.3);height: 70px;overflow: hidden;}
    #box-search ul li img{float:left;width:50px;height:50px;margin-right:10px; border-radius: 10px;}
    #box-search p.instant-search-title{color:#020202;font-weight:600;margin:0;font-size: 14px;display: flex; flex-wrap: wrap;}
    #box-search p.instant-search-title span:first-child{width: 100%; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
    #box-search p.instant-search-title .search-price-sale{margin-right: 5px; color: #ae2c2c;}
    #box-search p.instant-search-title .search-price-sale::after{margin-left: 5px;content: '-';font-size: 12px;}
    #box-search > div.bor-search ul > li> a:hover{background:transparent;}
    #box-search input[type=search] {-webkit-appearance: textfield;-webkit-box-sizing: content-box;font-family: inherit; font-size: 100%; }
    #box-search input::-webkit-search-decoration,
    #box-search input::-webkit-search-cancel-button {
        display: none; /* remove the search and cancel icon */
    }
    /*Slider*/

    .slider
    {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    #banner_home_left1 .swiper-slide a img{
        width: 100%;
        object-fit: cover;
    }

    .title-slide
    {
        box-shadow: 0 0 4px rgb(0 0 0 / 25%);
        background: #fff;
    }
    .item-slide
    {
        cursor: pointer;
        display: table;
        height: 70px;
        width: 100%;
    }
    #banner_home_left2 .swiper-slide::before
    {
        background-color: #e5e5e5;
        content: '';
        height: 30px;
        position: absolute;
        top: calc(50% - 15px);
        right: 0;
        width: 1px;
    }
    .item-slide h3 {
        font-weight: 500;
        display: table-cell;
        font-size: 13px;
        line-height: 16px;
        text-align: center;
        vertical-align: middle;
    }
    #banner_home_left2 .swiper-slide.swiper-slide-thumb-active::after
    {
        background-color: #2f80ed;
        content: '';
        left: 0;
        height: 4px;
        position: absolute;
        top: 0;
        width: 100%;  
    }
    #banner_home_left2 .swiper-slide.swiper-slide-thumb-active .item-slide h3
    {
        font-weight: 700;
    }

    .slider-right .hover-effect a img
    {
        width: 100%;
        height: 120px;
        object-fit: cover;
    }

    .slider-right .hover-effect {
        position: relative;
        transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in;
        -moz-transition: all .3s ease-in;
        overflow: hidden;
    }

    .slider-right:nth-child(Odd) .hover-effect:hover::before
    {
        border: 0 solid rgba(0,0,0,.7);
        opacity: 0;
        -webkit-filter: alpha(opacity=0);
        filter: alpha(opacity=0);
    }

    .slider-right:nth-child(Odd) .hover-effect:before{
        border: 50px solid transparent;
        border-top-right-radius: 50px;
        border-top-left-radius: 50px;
        border-bottom-right-radius: 50px;
        border-bottom-left-radius: 50px;
        box-sizing: border-box;
        cursor: pointer;
        display: inline-block;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
        top: 0;
        content: "";
        opacity: 1;
        -webkit-filter: alpha(opacity=100);
        filter: alpha(opacity=100);
        width: 100px;
        height: 100px;
        -webkit-transform: scale(7);
        -ms-transform: scale(7);
        -o-transform: scale(7);
        transform: scale(7);
        -webkit-transition: all .4s ease-in-out 0s;
        -o-transition: all .4s ease-in-out 0s;
        transition: all .4s ease-in-out 0s;
        visibility: visible;
        z-index: 1;
    }
    .slider-right:nth-child(Even) .hover-effect {
        display: block;
        background: #000;
    }
    .slider-right:nth-child(Even) .hover-effect:before {
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        -webkit-transform: scale(0,1);
        -ms-transform: scale(0,1);
        -o-transform: scale(0,1);
        transform: scale(0,1);
    }
    .slider-right:nth-child(Even) .hover-effect:after {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        -webkit-transform: scale(1,0);
        -ms-transform: scale(1,0);
        -o-transform: scale(1,0);
        transform: scale(1,0);
    }

    .slider-right:nth-child(Even) .hover-effect:before, .slider-right:nth-child(Even) .hover-effect:after {
        bottom: 20px;
        content: "";
        left: 20px;
        opacity: 0;
        position: absolute;
        right: 20px;
        top: 20px;
        -webkit-transition: opacity .35s ease 0s,-ms-transform .35s ease 0s;
        -webkit-transition: opacity .35s ease 0s,-webkit-transform .35s ease 0s;
        -webkit-transition: opacity .35s ease 0s,transform .35s ease 0s;
        -o-transition: opacity .35s ease 0s,-ms-transform .35s ease 0s;
        -o-transition: opacity .35s ease 0s,-webkit-transform .35s ease 0s;
        -o-transition: opacity .35s ease 0s,transform .35s ease 0s;
        transition: opacity .35s ease 0s,-ms-transform .35s ease 0s;
        transition: opacity .35s ease 0s,-webkit-transform .35s ease 0s;
        transition: opacity .35s ease 0s,transform .35s ease 0s;
        z-index: 1;
    }
    .slider-right:nth-child(Even) .hover-effect:hover:before, .slider-right:nth-child(Even) .hover-effect:hover:after {
        opacity: 1;
        -webkit-filter: alpha(opacity=100);
        filter: alpha(opacity=100);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    .slider-right:nth-child(Even) .hover-effect:hover img {
        opacity: .5;
        -webkit-filter: alpha(opacity=50);
        filter: alpha(opacity=50);
    }
    .slider-right:nth-child(Even) .hover-effect img {
        opacity: 1;
        -webkit-filter: alpha(opacity=100);
        filter: alpha(opacity=100);
        -webkit-transition: opacity .35s ease 0s;
        -o-transition: opacity .35s ease 0s;
        transition: opacity .35s ease 0s;
    }

    .slider-bottom .hover-effect img
    {
        width: 100%;
        height: 185px;
        object-fit: cover;
    }

    .brand-before {
        display: block;
        margin: auto;
        transition: all .4s;
    }
    .brand-after {
        top: 150%;
        position: absolute;
        display: block;
        margin: 0 auto;
        left: 0;
        right: 0;
        transition: all .4s;
    }

    .swiper-slide:hover .brand-before {
        transform: translateY(-100%)
    }

    .swiper-slide:hover .brand-after {
        top: 0
    }


    /*Category*/

    .product-home-thumb
    {
        border-radius: 5px;
        border: 1px solid #dcdcdc;
        padding: 10px;
        margin: 20px 5px;
    }
    .home-shops-cat
    {
        margin-bottom: 10px;
    }

    .home-shops-cat .home-shops-cat-heading
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        position: relative;
        justify-content: space-between;
    }
    .home-shops-cat .home-shops-cat-heading h2
    {
        border-radius: 5px;
        background-color: #f2f2f2;
        padding: 10px;
    }

    .home-shops-cat .sub-cat-title a {
        text-decoration: none;

        color: #333;
        font-weight: 500;
        font-size: 14px;
        position: relative;
    }
    .home-shops-cat .sub-cat-title a:not(:last-child)
    {
       padding-right: 30px;
   }
   .home-shops-cat .sub-cat-title a:not(:last-child)::after {
    content: '';
    border-right: 1px solid #222;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
}
.home-shops-cat .viewall {
    margin: auto 0;
    font-size: 13px;
}
.product-home-thumb .product-home-thumb-top
{
    background-color: #fff;
    position: relative;
}
.product-home-image
{
    padding-bottom: 10px;
}
.product-home-image a {
    display: block;
    position: relative;
    margin: auto;
}
.product-home-sticker {
    background: linear-gradient(-90deg,#ff0909 0%,#000000 100%);
    color: #fff;
    padding: 3px;
    border-radius: 4px;
    position: absolute;
    top: 0px;
    left: -5px;
    font-size: 9px;
}
.cat-title
{
    width: fit-content;
    margin: 10px;
}

.sub-cat-title
{
    margin:10px 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 10px;
    white-space: nowrap
}

.sub-cat-title::-webkit-scrollbar { 
  width: 0 !important;
  display: none; 
}
.col-lg-6 .product-home-thumb .product-home-thumb-top .product-home-image img
{
    height: 163px;
}
.product-home-image a img
{
    width: 100%;
    height: 140px;
    object-fit: cover;
}
.product-home-caption{
    min-height: 105px;
    position: relative;
}
.product-home-caption h4 {
    height: 54px;overflow: hidden;
}
.product-home-caption .p-mprice {
    height: 20px;
    color: #666;
    font-size: 13px;
    text-decoration: line-through;
    overflow: hidden;
}
.product-home-caption .p-discount {
    font-size: 12px;
    color: #d82a29;
    height: 20px;
    overflow: hidden;
    margin-left: 5px;
}
.product-home-caption .p-price {
    margin-top: 5px;
    font-size: 17px;
    font-weight: 600;
    color: #000;
    display: block;
}
.info-pro-home
{
    justify-content: center;
    display: flex;
    align-items: center;
    align-content: space-between;
}
.product-home-button
{
    position: absolute;
    bottom: 15px;
    right: calc(100% - 185px);
}

/*Sale*/

#tms_home_sale .section-title .title h3:before {
    width: 36px;
    height: 36px;
    top: 0;
    background: url(../images/lightning.png) no-repeat;
}
.new-arrivals-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.section-title .title h3 {
    font-family: sans-serif;

    padding-left: 37px;
    font-size: 24px;
    color: #ffd938;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;

}
.section-title .title h3:before {
    content: "";
    display: block;
    width: 27px;
    height: 17px;
    position: absolute;
    top: 10px;
    left: 0;
    background: url(../images/icon-image2.png) no-repeat -30px -175px;
}

.countdown-title h4
{
    margin-right: 10px;
    font-size: 16px;
    color: #f2f2f2;
}
.product-countdown {
    margin-right: 10px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    float: right;
}
.single-count {
    display: inline-block;
}

.single-count:last-child {
    margin-right: 0
}
#countdown
{
    margin: 10px 0;
}

.single-count .num-time {
    padding: 5px 10px;
    border-radius: 5px;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    color: #d70018;
}

.single-count .name-time {
    display: none;
}

.product-sale-wraper
{
    width: 100%;
    padding: 15px 0;
    border-radius: 10px;
    background: #ED213A;
    background: -webkit-linear-gradient(to right, #93291E, #ED213A);
    background: linear-gradient(to right, #93291E, #ED213A);
}

.sale-button
{
    position: absolute;
    top: 38%;
    height: 0;
    width: 100%;
    display: block;
    margin-top: 0px;
    z-index: 1;
}
.sale-button .sale-button-prev {
    line-height: 1;
    position: absolute;
    left: 0;
    padding: 0px 0 0;
    margin: 0;
    width: 30px;
    height: 55px;
    text-align: center;
    font-size: 46px;
    padding-right: 5px;
    font-family: -webkit-body;
    background: #fff;
    -webkit-box-shadow: 0 0 4px 0 rgb(0 0 0 / 40%);
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 40%);
    color: #707070;
    border-radius: 0 100px 100px 0;
    opacity: 0.5;
}
.sale-button .sale-button-next {
    line-height: 1;
    position: absolute;
    right: 0;
    padding: 0px 0 0;
    margin: 0;
    background: #fff;
    width: 30px;
    height: 55px;
    padding-left: 5px;
    text-align: center;
    font-size: 46px;
    color: #707070;
    font-family: -webkit-body;
    -webkit-box-shadow: 0 0 4px 0 rgb(0 0 0 / 40%);
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 40%);
    border-radius: 100px 0 0 100px;
    opacity: 0.5;
}
#home_sale:hover .sale-button .sale-button-next, #home_sale:hover .sale-button .sale-button-prev
{
    opacity: 1;
}
.product-gift-content {
  padding: 1px 10px 1px 10px;
  background-color: #fff86e;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 0px;
  -moz-box-shadow: rgb(60 64 67 / 10%) 0px 1px 0px 0px,
  rgb(60 64 67 / 15%) 0px 2px 3px 2px;
  -webkit-box-shadow: rgb(60 64 67 / 10%) 0px 1px 0px 0px,
  rgb(60 64 67 / 15%) 0px 2px 3px 2px;
  box-shadow: rgb(60 64 67 / 10%) 0px 1px 0px 0px,
  rgb(60 64 67 / 15%) 0px 2px 3px 2px;
  color: #000;
}
.product-gift-content:after {

  content: "";
  height: 0;
  width: 0;
  display: block;
  position: absolute;
  bottom: -4px;
  right: -1px;
  border-top: 4px solid #d5ca00;
  border-right: 7px solid transparent;
}
/*Review*/
#tms_home_review
{
    padding: 40px 0;
}

.clients .client {
    border-radius: 50%;
    width: 50px;
    position: absolute;
    z-index: -1;
}

.clients .client:first-child {
    top: 50px;
    left: 70px;
    -webkit-animation: zoomin .9s infinite alternate;
    animation: zoomin .9s infinite alternate
}

.clients .client:nth-child(2) {
    top: 190px;
    left: 0;
    -webkit-animation: zoomin 1.3s infinite alternate;
    animation: zoomin 1.3s infinite alternate
}

.clients .client:nth-child(3) {
    left: 130px;
    bottom: 70px;
    -webkit-animation: zoomin 1.6s infinite alternate;
    animation: zoomin 1.6s infinite alternate
}

.clients .client:nth-child(4) {
    top: 40px;
    right: 50px;
    -webkit-animation: zoomin 1.9s infinite alternate;
    animation: zoomin 1.9s infinite alternate
}

.clients .client:nth-child(5) {
    right: 0px;
    bottom: 135px;
    -webkit-animation: zoomin 2s infinite alternate;
    animation: zoomin 2s infinite alternate
}


.clients .client:nth-child(6) {
    right: 220px;
    bottom: 55px;
    -webkit-animation: zoomin 2.3s infinite alternate;
    animation: zoomin 2.3s infinite alternate
}

@-webkit-keyframes zoomin {
    0% {
        transform: scale(1.05)
    }
    to {
        transform: scale(.8)
    }
}

@keyframes zoomin {
    0% {
        transform: scale(1.05)
    }
    to {
        transform: scale(.8)
    }
}
.testimonial-content{
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.testimonial-content .shape {
    max-width: 400px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    z-index: -2;
}
.quote {
    font-weight: 700;
    line-height: 1;
    font-size: 80px;
    background: linear-gradient(90deg,#fc1818,#fe7b23);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    z-index: 1;
}
.tms_review_img img 
{
    width: 80px;
    margin-bottom: 20px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
}

.tms_review_text p {
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 20px;
}

.tms_review_client h3 {
    color: #02126a;
    font-size: 18px;
    line-height: .8;
}

.tms_review_client p {
    color: #000;
    font-family: Roboto,sans-serif;
    font-size: 15px;
    line-height: 1.8;
    margin-top: 5px;
    display: inline-block;
}
/*Video */
#tms_home_video
{
    padding: 40px 0;
    background-color: #f2f2f2;
}
.tms_blog_video_text{font-size: 14px;color: #000; border-radius: 5px;padding:18px; }
.tms_blog_video_text a{color: #ee0032;font-weight: 600;font-size: 18px; width:100% ;display: block; min-height: 35px;}
.tms_blog_video_text p{margin: 0;}
.tms_blog_video_text p {
    white-space: pre-wrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}


#tms_home_video  {width: 100%;display: inline-block;margin: auto;background: #f2f2f2;padding: 10px 10px 6px 10px;    -webkit-box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
    box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;    border-radius: 10px;}
    .tms_list_video_item{border-radius: 5px;margin-bottom: 10px;overflow: hidden;     background: #fff;     min-height: 100px;}
    .tms_list_video_item_img{ width:140px;height:102px;display: inline-block;border-radius: 5px;overflow: hidden; float:left; margin-right:10px;}
    .tms_list_video_item_img img {height:120px; width: 100%;    transition: all 1s;
        -webkit-transform: scale(1);
        transform: scale(1); }
        .tms_list_video_item_img img:hover{opacity: 1;
            transform: scale(1.15,1.15);
            -webkit-transform: scale(1.15,1.15);
            -moz-transform: scale(1.15,1.15);
            -ms-transform: scale(1.15,1.15);
            -o-transform: scale(1.15,1.15);}
            .tms_list_video_item_text{font-size: 14px;    color: #000; border-radius: 5px;padding:5px;}
            .tms_list_video_item_text a{color: #000;font-weight: 600;font-size: 16px; width:100% ;     display: block;}
            .tms_list_video_item_text a:hover{color:#f8a01c;} 

            /*news*/
            #tms_home_news{padding: 40px 0;background-color: #f2f2f2;}
            .tms_blog_hot{ width:100%;display: inline-block;border-radius: 5px;background: #f2f2f2;margin-bottom: 10px;}
            .tms_blog_hot_img{ width:100%;height:auto;display: inline-block;border-radius: 5px;overflow: hidden;}
            .tms_blog_hot_img img{ width:100%;}
            .tms_blog_hot_text{font-size: 14px;color: #000; border-radius: 5px;padding:18px; }
            .tms_blog_hot_text a{color: #ee0032;font-weight: 600;font-size: 18px; width:100% ;display: block; min-height: 35px;}
            .tms_blog_hot_text p{margin: 0;}
            .tms_blog_hot_text p {
                white-space: pre-wrap; 
                overflow: hidden; 
                text-overflow: ellipsis; 
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                display: -webkit-box;
            }
            .tms_blog_tinnoibat_item{border-radius: 5px;margin-bottom: 10px;overflow: hidden;background: #f2f2f2;min-height: 140px;}
            .tms_blog_tinnoibat_item_img{border-radius: 5px 0 0 0 ;overflow: hidden;}
            .tms_blog_tinnoibat_item_img img {height:200px; width: 100%;    transition: all 1s;
                -webkit-transform: scale(1);
                transform: scale(1);
                object-fit: cover; }
                .tms_blog_tinnoibat_item_img img:hover{opacity: 1;
                    transform: scale(1.15,1.15);
                    -webkit-transform: scale(1.15,1.15);
                    -moz-transform: scale(1.15,1.15);
                    -ms-transform: scale(1.15,1.15);
                    -o-transform: scale(1.15,1.15);}
                    .tms_blog_tinnoibat_item_text{font-size: 14px;color: #000; border-radius: 5px;padding:10px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 6;-webkit-box-orient: vertical;display: -webkit-box;}
                    .tms_blog_tinnoibat_item_text a{color: #000;font-weight: 600;font-size: 16px;width: 100%; min-height: 45px;display: flex; align-items: center;text-align: center;}
                    .tms_blog_tinnoibat_item_text a:hover{color:#000;} 


                    /*accessory*/

                    .cate-accessory
                    {
                        padding: 0 5px;
                    }
                    .list-cate {
                        width: 100%;
                        padding: 0;
                    }
                    .list-cate .item-cate:not(:nth-of-type(10n)) {
                        margin-right: 1rem;
                    }
                    .list-cate .item-cate {
                        width: calc((100% - 9rem) / 10);
                        height: 126.86px;
                        float: left;
                        margin: 0 0 1rem 0;
                        padding: 1rem;
                        text-decoration: none!important;
                        overflow: hidden;
                        position: relative;
                    }
                    .list-cate .item-cate {
                        background-color: #F87171;
                        background-size: cover;
                        background-position: center;
                        background-repeat: no-repeat;
                        border-radius: 1rem;
                        -webkit-box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
                        box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
                        margin: 0 0 1em;
                    }
                    .list-cate .item-cate p {
                        font-size: 1.4rem;
                        font-weight: 700;
                        color: #000;
                        display: -webkit-box;
                        -webkit-line-clamp: 3;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        position: relative;
                        z-index: 1;
                        margin: 0 0 1em;
                    }


                    /*Product*/
                    .product
                    {
                        margin: 0 5px;
                        border-radius: 10px;
                        min-height: 340px;
                        padding: 5px 10px;
                        background: #fff;
                        -webkit-box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
                        box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
                    }
                    .product-image
                    {height:180px;
                        overflow: hidden;
                    }
                    .product-image img
                    {
                        width: 100%;
                        -webkit-transition: all ease 300ms;
                        transition: all ease 300ms;
                    }
                    .product:hover .product-image img
                    {
                        -webki-transform: translate(0, -7px);
                        -moz-transform: translate(0, -7px);
                        transform: translate(0, -7px);
                    }

                    .product-title a
                    {
                        width: 100%;
                        color: #000;
                        font-weight: 600;
                        font-size: 13px;
                        text-decoration: none;
                        line-height: 1.4;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        padding: 0px 0px 5px 0px;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        max-height: 39px;
                        min-height: 39px;
                        height: auto;
                        margin-bottom: 0px;
                    }
                    .product:hover .product-title a
                    {
                        color: #d70018;
                    }
                    .product-price{
                        display: block;
                        overflow: hidden;
                        width: 100%;
                        font-size: 13px;
                        font-weight: bold;
                        position: relative;
                    }
                    .product-price .tms_shops_price
                    {
                        display: flex;
                        justify-content: left;
                        align-items: center;
                    }
                    .product-price .tms_shops_price .tms_shops_discounts_money
                    {
                        border: 2px solid #df1111;
                        color: #d80000;
                        border-radius: 4px;
                        width: 50%;
                        text-align: center;
                        overflow: hidden;
                        display: -webkit-box;
                        -webkit-line-clamp: 1;
                        -webkit-box-orient: vertical;
                        margin: 0 10px 0 0;
                        text-decoration-line: line-through;
                    }
                    .product-price .tms_shops_price .tms_shops_money.show{
                        background: #dd0000;
                        color: #fff;
                        border-radius: 5px;
                        width: 50%;
                        text-align: center;

                        padding: 3px;
                        margin: 0;
                    }
                    .product-description
                    {
                        margin: 10px 0;
                        padding: 5px;
                        background: #dddddd;
                        border-radius: 3px;

                    }

                    .product-description div
                    {
                        text-overflow: ellipsis;
                        overflow: hidden;
                        margin: 0;   
                        font-size: 10px;
                        display: -webkit-box;
                        -webkit-line-clamp: 4;
                        -webkit-box-orient: vertical;
                        min-height: 55px;
                    }
                    .home-shops-cat-body .product
                    {
                        margin: 0;
                        min-height: 305px;
                    }
                    .home-shops-cat-body .product-price
                    {
                        font-size: 12px;
                    }
                    .home-shops-cat-body .product-price .tms_shops_price .tms_shops_discounts_money
                    {
                        margin: 0 8px 0 0;
                    }

                    /*Other*/

                    #tms_home_banner_product .banner-product img
                    {
                        border-radius: 10px;
                    }
                    .tms_home_title h3
                    {
                        color: #333;
                        line-height: 40px;
                        font-size: 22px;
                        font-weight: 400;
                        text-transform: uppercase;
                    }
                    .tms_block_home_title {
                        text-align: center;
                        padding-bottom: 20px;
                    }
                    .tms_block_home_title .h3title {
                        color: #020202;
                    }
                    .hr-secondary {
                        width: 30px;
                        height: 5px;
                        border-radius: 5px;
                        display: inline-block;
                        position: relative;
                        background-image: linear-gradient(0deg,#000,#000);
                    }
                    .hr-secondary:after, .hr-secondary:before {
                        width: 15px;
                        height: 100%;
                        content: "";
                        position: absolute;
                        top: 0;
                        background: #e6e9f5;
                        border-radius: 5px;
                    }
                    .hr-secondary:before {
                        left: -30px;
                    }
                    .hr-secondary:after {
                        right: -30px;
                    }
                    .h3title {
                        font-weight: 700;
                        font-size: 24px;
                        line-height: 1.3;
                        margin-bottom: 5px;
                    }
                    .section-title .hr-primary {
                        width: 30px;
                        height: 5px;
                        border-radius: 5px;
                        display: inline-block;
                        margin-left: 28px;
                        position: relative;
                        background-image: linear-gradient(0deg, #fc7318, #feb423);
                    }

                    .section-title .hr-primary:after,
                    .section-title .hr-primary:before {
                        width: 15px;
                        height: 100%;
                        content: "";
                        position: absolute;
                        top: 0;
                        background: #02126a;
                        border-radius: 5px
                    }

                    .section-title .hr-primary:before {
                        left: -25px
                    }

                    .section-title .hr-primary:after {
                        right: -25px
                    }


                    .tab-content .panel
                    {
                        border-color: #0000;
                    }
                    .nav-tabs
                    {
                        border-bottom: none;
                    }
                    .info-hometext ul
                    {
                        list-style: none;
                    }
                    #tms_home_sale
                    {
                        padding: 10px 0 ;
                    }


                    #tms_category_sp
                    {
                        padding: 40px 0;
                        background-color: #f2f2f2;
                    }
                    #tms_banner_deal
                    {
                        padding: 40px;
                    }

                    #tms_home_tintuc
                    {
                        padding: 40px 0;
                    }
                    #tms_home_doitac
                    {
                        padding: 10px 0;
                    }
                    .doitac-info
                    {
                        padding: 0 15px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }
                    .doitac-info .doitac-img
                    {
                        margin-right: 15px;
                    }
                    .doitac-info .doitac-img img
                    {
                        width: 100%;
                        height: 100px;
                    }
                    .doitac-info .doitac-text h3 a
                    {
                        font-size: 21px;
                        color: #000;
                    }
                    .doitac-info .doitac-text p
                    {
                        margin: 0;
                    }
                    .tms_panel{margin-bottom:20px;padding: 1px; border: 1px solid #f2f2f2;    border-radius: 4px;
                        -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
                        box-shadow: 0 1px 1px rgb(0 0 0 / 5%);}
                        .tms_panel_heading{      
                            margin: 0;
                            float: left;width:100%;
                            font-size: 16px;
                            padding: 5px 5px;
                            text-transform: uppercase;
                            position: relative;
                            background: #d70018;
                            color: #f2f2f2;
                            position: relative;
                            border-top-left-radius: 3px;
                            border-top-right-radius: 3px;
                        }
                        .tms_panel_body{padding:5px;width:100%;    display: inline-block;}
                        #support_content{width: 100%;
                            display: inline-block;margin-top:20px;
                            position: relative;}
                            #support_content ul{margin:0; padding:0}
                            #support_content ul li{ width: 100%;display: inline-block;}
                            #support_content i {margin-right: .3em;padding-top: 3px;}

                            .support_arrow {top:20px; margin-left: -25px; position: absolute;z-index: 1;width: 0; height: 0;  border-left: 10px solid  transparent; border-right: 10px solid #f2f2f2; border-bottom: 10px solid transparent;border-top: 10px solid transparent;
                            }
                            .support{  margin:0;position: relative;display:block}
                            .support_left{float: left; width: 25%;}
                            .support_left img{   border: 3px solid #f2f2f2;border-radius: 30px;width: 60px; height: 60px;}
                            .support_bg a{color: #020202; text-align: center; font-size: 14px;}
                            .support_bg {    width: 72%; float: right;color: #fff;padding: 5px; background-color: #f2f2f2;border-radius: 4px;}
                            .fa.pull-left {
                                margin-right: .3em;
                                padding-top: 3px;
                            }

                            #tms_breadcrumbs {width: 100%;padding: 50px 0px 50px 0px; margin: auto; background:#f2f2f2;display: inline-block;     position: relative;}
                            #tms_breadcrumbs:before {
                                content: '';
                                background: rgb(197 197 197 / 41%);
                                position: absolute;
                                top: 0;
                                right: 0;
                                bottom: 0;
                                left: 0;
                            }
                            #tms_breadcrumbs ul{
                                text-align: center;list-style: none;padding: 0;
                            }
                            #tms_breadcrumbs ul li a {
                                display: table;    background: #000;
                                padding: 15px 35px;
                                margin-bottom: 15px;
                                margin-left: auto;color:#f2f2f2;
                                margin-right: auto;
                                font-size: 36px;font-family: "Kodchasan",sans-serif;
                                text-transform: uppercase;
                                line-height: 1;
                                margin-top: 40px;
                                border-top-right-radius: 1.2em !important;
                                border-bottom-left-radius: 1.2em !important;
                                border-top-left-radius: 0 !important;
                                border-bottom-right-radius: 0 !important;
                            }
                            .panel-primary>.panel-heading
                            {
                                background-color: #000;
                                border-color: #000;
                            }
                            .panel-primary
                            {
                                border-color: #000;
                            }
                            .enable-animate
                            {
                                overflow-y: scroll !important;
                            }


                            #sitemodal .modal-content{
                                width: auto;
                                display: inline-block;
                                font-size: 14px;
                                text-align: left
                            }
                            #sitemodal .close, #sitemodalTerm .close{
                                position: absolute;
                                right: -10px;
                                top: -10px;
                                width: 24px;
                                height:24px;
                                background-color: #000;
                                color:#fff;
                                font-size:11px;
                                opacity:0.8;
                                border-width:2px;
                                border-style: solid;
                                border-color: #cccccc;
                                border-radius: 12px
                            }
                            /* TIP POPUP and FTIP POPUP */
                            #tip,
                            #ftip {
                                position: absolute;
                                color: #333 !important;
                                background-color: #eee;
                                max-width: 485px;
                                min-width: 300px;
                                box-shadow: 0 2px 10px rgba(0,0,0,0.2);
                                z-index: 1000;
                                display: none;
                            }

                            #tip {
                                top: 100%;
                                right: 0;
                                min-height: 50px;
                                border-bottom-left-radius:5px;
                                border-bottom-right-radius:5px;
                            }

                            #ftip {
                                bottom: 25px;
                                left: 5px;
                                min-height: 51px;
                                border-top-left-radius: 5px;
                                border-top-right-radius: 5px;
                            }

                            #tip .bg,
                            #ftip .bg {
                                padding:15px;
                                border-bottom-color:#aaaaaa;
                                border-bottom-width: 1px;
                                border-bottom-style: solid;
                            }

                            #tip .bg {
                                border-bottom-left-radius:5px;
                                border-bottom-right-radius:5px;
                            }

                            #ftip .bg {
                                border-top-left-radius:5px;
                                border-top-right-radius:5px;
                            }

                            #tip .tip-footer,
                            #ftip .tip-footer {
                                background-color:#e5e5e5;
                                border-width: 1px;
                                border-style: solid;
                                border-color: #cccccc;
                                padding:10px;
                            }

                            #tip .tip-footer {
                                border-bottom-left-radius:5px;
                                border-bottom-right-radius:5px;
                                margin:10px -15px -16px;
                            }

                            #ftip .ftip-footer {
                                margin:10px -15px -15px;
                            }

                            #tip h3,
                            #ftip h3 {
                                font-size:13px;
                                font-weight:700;
                                margin-bottom:15px;
                            }

                            #tip ul {
                                margin:0;
                                padding:0;
                            }

                            #tip a {
                                color:#333;
                            }

                            #tip .socialList a {
                                color:#fff;
                            }

                            /* Blocks social-icons,contactDefault and personalArea */
                            .contactDefault {
                                -ms-flex-positive: 1;
                                flex-grow: 1;
                                -ms-flex-negative: 1;
                                flex-shrink: 1;
                            }

                            .social-icons {
                                padding-left: 30px;
                            }

                            .personalArea {
                                padding-left: 20px;
                            }

                            .personalArea a.button.user,
                            .personalArea a.button.user:hover {
                                width: 34px;
                                height: 34px;
                                border-radius: 50%;
                                background-color:#6c757d;
                                background-size: contain;
                            }

                            .qlist {
                                position:absolute;
                                left:0;
                                bottom:35px;
                                width:100%;
                                background-color:#d9e8f4;
                                border-width: 1px;
                                border-style: solid;
                                border-color: #a6c8e6;
                                padding:10px;
                                z-index:9998;
                                display:none;
                            }

                            /* block counter */
                            .counter.display-table{
                                width:100%
                            }

                            .counter span + span{
                                text-align: right;
                            }

                            /* guestBlock */

                            .guestBlock {
                                width:350px;
                            }

                            .guestBlock > h3 {
                                border-bottom-width :1px;
                                border-bottom-style: solid;
                                border-bottom-color: #cccccc;
                            }

                            .guestBlock > h3 > a {
                                display:inline-block;
                                line-height:34px;
                                padding:0 17px;
                                background-color:#e5e5e5;
                                border-top-right-radius:5px;
                                border-top-left-radius:5px;
                            }

                            .guestBlock > h3 > a:hover,
                            .guestBlock > h3 > a.current {
                                background-color:#cccccc;
                            }

                            .socialList,
                            .contactList {
                                list-style:none;
                                padding:0;
                                margin:0;
                            }

                            .socialList li,
                            .contactList li {
                                display:inline-block;
                                margin-right:10px;
                            }

                            .socialList li:last-child,
                            .contactList li:last-child {
                                margin-right:0 !important;
                            }

                            .socialList {
                                display: -ms-flexbox;
                                display: flex;
                                -ms-flex-wrap: nowrap;
                                flex-wrap: nowrap;
                            }

                            .socialList li a {
                                display: block;
                                width: 30px;
                                height: 30px;
                                background-color:#f69528;
                                color: #fff;
                                font-size: 16px;
                                border-radius: 3px;
                                position: relative;
                            }

                            .enable-animate .socialList li a {
                                -webkit-transition: all 0.4s ease;
                                transition: all 0.4s ease;
                            }

                            .socialList li a[href*="facebook"]:hover {
                                background-color: #3D5D8C;
                            }

                            .socialList li a[href*="google"]:hover,
                            .socialList li a[href*="youtube"]:hover {
                                background-color: #DD4B39;
                            }

                            .socialList li a[href*="twitter"]:hover {
                                background-color: #50A0D7;
                            }

                            .socialList li a[href*="feeds"]:hover {
                                background-color: #FF9900;
                            }

                            .socialList li a .fa {
                                position: absolute;
                                left: 50%;
                                top: 50%;
                                transform: translate(-50%, -50%);
                            }
                            /* Footer-NAV2 */

                            .footerNav2 {
                                position:relative;
                                width:100%;
                                background-color:#f69528;
                                padding:10px 0;
                                color:#fff;
                            }

                            .footerNav2 .theme-change {
                                float:left; padding-top: 10px;
                                margin-left:10px;
                                margin-right:10px;
                                height:40px;
                            }

                            .footerNav2 .theme-change a,
                            .footerNav2 .theme-change span {
                                display: inline-block;
                                margin-top: 5px;
                                margin-right: 10px;
                                background-color: #245682;
                                color: #428BCA;
                                border-radius: 15px;
                                width: 30px;
                                height: 30px;
                                position: relative;
                            }

                            .footerNav2 .theme-change span {
                                color: #dcdcdc;
                                background-color: #428BCA;
                            }

                            .footerNav2 .theme-change a:hover,
                            .footerNav2 .theme-change span:hover {
                                color:#fff;
                                background-color:#428BCA;
                            }

                            .footerNav2 .theme-change .fa,
                            .footerNav2 .bttop a .fa {
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                transform: translate3d(-50%, -50%, 0px);
                            }

                            .footerNav2 .theme-change .fa-mobile {
                                font-size: 140%;
                            }

                            .footerNav2 .bttop {
                                float: right;
                                width: 40px;
                                height: 40px;
                                margin-right: 10px;
                            }

                            .footerNav2 .bttop a {
                                display: block;
                                background-color: #f8ecf0;
                                color: #f69528;
                                font-size: 14px;
                                text-align: center;
                                border-radius: 20px;
                                position: relative;
                                width: 40px;
                                height: 40px;
                            }

                            .footerNav2 .bttop a:hover {
                                color: #f69528;
                                background-color: #f2f2f2;
                            }

                            .coppyright{ padding-top: 10px;padding-bottom:10px; font-size:14px; color: #777;}
                            .coppyright a{    color: #777;}
                            /* Footer */
                            .scrollup {z-index: 11;
                                width: 40px;
                                height: 40px;
                                position: fixed;
                                bottom: 120px;
                                right: 25px;
                                display: none;
                                text-align: center;
                                padding: 10px;
                                background-color: #d70018;
                            }
                            .scrollup i {
                                color: #fff;
                            }
                            #footer {
                                background-color: #020202;
                                position: relative;
                                width: 100%;
                                padding-top: 40px;
                                margin: auto;
                                font-size: 20px;
                            }
                            #footer,
                            #footer a {font-size:14px;
                                color:#777;
                            }

                            #footer h3 {    font-family: 'Roboto', sans-serif;
                            font-weight:500;
                            font-size:18px;
                            letter-spacing:0.5px;
                            text-transform:uppercase;
                            margin-bottom: 10px;
                            color:#fff;
                        }

                        #footer h3 a {
                            color:inherit;
                        }

                        #footer p {
                            margin:0;
                            padding:0;
                        }
                        .footer_bottom{border-top: 1px solid #777;color:#777;font-size: 12px; text-align: center;}
                        .logofooter {width:100%; text-align:center}
                        .logofooter img{margin-bottom: 10px;width: auto;height: 80px;}
                        #footer .menu {
                            list-style:none;
                            padding:0;    text-align: center;
                            margin:0;

                        }
                        #footer .menu li .home{
                         background:none;
                     }

                     #footer .menu li {width: 100%;position:relative;display:inline-block;padding:0;margin:0;float:left;}

                     #footer .menu li a {display:block;float:left;padding: 5px 0px 5px 0px; color: #777;font-size: 13px;text-align: left;   }


                     #footer .menu {list-style:none;padding:0;    text-align: center;margin:0;}

                     #footer .footer-row{}
                     #company_info li {
                        display:table;
                        clear:both; border: none;
                        margin-bottom:5px;
                        color:#777;
                    }
                    #company_info li a{color:#777;}
                    #company_info #company_name { 
                       color: #fff;font-size: 18px;  font-weight: 500;
                       text-transform:uppercase;font-family: 'Roboto', sans-serif;margin-bottom: 20px;
                   }
                   #company_info li > strong {
                    font-size: 18px;
                    display:table-cell; color:#fff;
                    vertical-align:middle;
                    padding: 10px 10px 0px 10px;
                }
                #company_info li > span {    
                    background-color:#c3c3c3;
                    color: #f69528;float: left;
                    font-size: 14px;
                    text-align: center;
                    border-radius: 100%;
                    position: relative;
                    width: 25px;
                    display: inline-block;
                    height: 25px;
                    margin-right:5px;
                }
                #company_info li > span i,#company_info li > span em {    
                 padding-top: 6px;
                 color: #fff;
                 font-size: 12px;

             }
             /* Block copyright*/

             .copyright {
                color: #dcdcdc;
            }

            .copyright span a {
                color:#dcdcdc !important;
            }

            .copyright span a:hover {
                color:#ffffff !important;
            }
            /* Page break line */

            .nv-hr {
                clear:both;
                height:1px;
                border-bottom-width: 1px;
                border-bottom-color: #dcdcdc;
                border-bottom-style: solid;
                margin:10px 0;
                -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);
                -box-shadow:0 1px 1px rgba(0,0,0,0.1);
            }

            .nv-hr.nv-hr-lg {
                margin:20px 0;
            }

            .nv-hr.nv-hr-sm {
                margin:5px 0;
            }

            /* Social share,social button */

            .nv-social-share {
                list-style:none;
                margin:0;
                padding:4px 5px 0 5px!important;
            }

            .nv-social-share li {
                display:inline-block;
                margin-bottom: 0!important;
                height: 20px;
            }

            .nv-social-share li.facebook {
                position:relative;
                top:-4px;
                padding-right:40px;
            }

            /* Form control */

            .nv-captcha {
                vertical-align:middle;
            }

            .nv-recaptcha-default {
                margin: 0 auto;
                width: 304px;
                height: 78px;
            }

            .nv-recaptcha-compact {
                margin: 0 auto;
                width: 164px;
                height: 144px;
            }

            .grecaptcha-badge {
                visibility: hidden;
            }

            /* List item */

            .nv-list-item {
                list-style:none;
                margin:0;
                padding:0;
            }

            .nv-list-item li {
                padding:4px;
                margin:0 !important;
            }

            .nv-list-item.sm li {
                padding:2px;
            }

            .nv-list-item.xsm li {
                padding:1px;
            }

            .nv-list-item.lg li {
                padding:10px;
            }
            .page .nv-list-item li{
                display: flex;
            }
            .page .nv-list-item li em{
                position: relative;
                top: 2px;
            }

            /* sub-list-icon */
            .sub-list-icon > li:first-child > *:before,.cat-icon:before{
                content: " \f114 ";
                font-family:FontAwesome;
                font-size: inherit;
                font-weight: 400;
                text-decoration: none;
                display: inline-block;
                vertical-align:middle;
                margin-right:4px;
                margin-top: -3px;
            }
            .sub-list-icon > li + li > *:before{
                content: " \f10c ";
                font-family:FontAwesome;
                font-size: 8px;
                font-weight: 400;
                text-decoration: none;
                display: inline-block;
                vertical-align:middle;
                margin-right:10px
            }
            .sub-list-icon > li:first-child + li > *:before{
                content: " \f101 ";
                font-size: 12px;
                margin-top: -2px;
            }

            /* List none */

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

            /* Block global */
            .nv-block-banners {
                position: relative;
                margin-bottom: 10px;
                text-align: center;
            }

            .nv-block-banners img {
                max-width: 100%;
                height: auto;
            }

            .nv-block-rss li {
                border-bottom-width:1px;
                border-bottom-color: #dcdcdc;
                border-bottom-style: solid;
            }

            .nv-block-rss li:last-child {
                border:none;
                padding-bottom:0;
            }

            .nv-block-rss li:first-child {
                padding-top:0;
            }

            .nv-block-rss img {
                padding:4px;
                line-height:1.42857143;
                background-color:#fff;
                border-width: 1px;
                border-style: solid;
                border-color: #dcdcdc;
                border-radius:4px;
                display:inline-block;
                max-width:100%;
                height:auto;
                position:relative;
                top:4px;
                margin-right:10px;
                margin-bottom:5px;
            }

            .enable-animate .nv-block-rss img {
                -webkit-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
            }

            /* Info die */

            .nv-infodie {
                margin:0 auto;
                box-shadow:0 0 4px rgba(0,0,0,0.15);
                -webkit-box-shadow:0 0 4px rgba(0,0,0,0.15);
                border-width:1px;
                border-color: #dcdcdc;
                border-style: solid;
                background-color:#fff;
                position:absolute;
                min-height:300px !important;
                min-width:300px !important;
                display:table;
            }

            .nv-infodie .panel-body {
                display:table-cell;
                vertical-align:middle;
            }

            .nv-infodie .logo {
                max-width: 90%;
                margin-bottom: 10px;
                height: auto;
            }

            /* Form */
            input, input[type="file"], input[type="radio"], input[type="checkbox"],
            button, .btn, .form-control, textarea,
            input:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus,
            button:focus, .btn:focus, .form-control:focus, textarea:focus,
            input:focus:active, input[type="file"]:focus:active, input[type="radio"]:focus:active, input[type="checkbox"]:focus:active,
            button:focus:active, .btn:focus:active, .form-control:focus:active, textarea:focus:active,
            input.active:focus, input[type="file"].active:focus, input[type="radio"].active:focus, input[type="checkbox"].active:focus,
            button.active:focus, .btn.active:focus, .form-control.active:focus, textarea.active:focus,
            input:active, input[type="file"]:active, input[type="radio"]:active, input[type="checkbox"]:active,
            button:active, .btn:active, .form-control:active, textarea:active {
                outline-width: 0;
                outline-style: none;
            }

            input[type="checkbox"],
            input[type="radio"] {
                border-width:1px;
                border-style:solid;
                border-color:#aaaaaa;
                clear:none;
                cursor:pointer;
                display:inline-block;
                line-height:0;
                height:16px;
                margin:3px 4px 0 0;
                outline:0;
                padding:0 !important;
                text-align:center;
                vertical-align:middle;
                width:16px;
                min-width:16px;
                -webkit-appearance:none;
                -webkit-box-sizing:border-box;
                box-sizing:border-box;
                color:#707070;
                -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
                -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
                box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
            }

            input[type=radio] {
                border-radius:50%;
                margin-right:4px;
                line-height: inherit;
            }

            input[type=checkbox]:disabled,
            input[type=radio]:disabled,
            input[type=checkbox]:disabled:checked:before,
            input[type=radio]:disabled:checked:before {
                opacity:0.7;
            }

            input[type=checkbox]:checked:before,
            input[type=radio]:checked:before {
                float:left;
                display:inline-block;
                vertical-align:middle;
                width:14px;
                font:normal 14px/1 'FontAwesome';
                speak:none;
                -webkit-font-smoothing:antialiased;
                -moz-osx-font-smoothing:grayscale;
            }

            input[type=checkbox]:checked:before {
                content:'\f00c';
                margin:0 0 0 0;
                color:#333333;
            }

            input[type=radio]:checked:before {
                content:'\2022';
                text-indent:-9999px;
                border-radius:50px;
                font-size:24px;
                width:6px;
                height:6px;
                margin:4px;
                line-height:16px;
                background-color:#333333;
            }

            .img-thumbnail {
                background-color: #cccccc;
                border: none;
                border-radius: 3px;
                max-width: 100%;
                padding: 1px;
            }

            .fb-like {
                margin-right: 50px;
            }

            .navbar-inverse {
                background-color:#d9e8f4;
                border-color:#2a6496;
            }

            .navbar-inverse .navbar-nav > li > a {
                color:#FFFFFF;
            }

            .navbar-inverse .navbar-nav > .open > a,
            .navbar-inverse .navbar-nav > .open > a:hover,
            .navbar-inverse .navbar-nav > .open > a:focus {
                color:#ffffff;
                background-color:#2a6496;
            }

            .panel-heading {
                background-image:linear-gradient(to bottom,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%) !important;
                border-bottom-width: 1px;
                border-bottom-style: solid;
                border-bottom-color: rgba(0,0,0,0);
                border-top-left-radius:3px;
                border-top-right-radius:3px;
                padding:10px;
            }

            .panel-primary>.panel-heading>a {
                color:#fff;
            }

            .panel-primary>.panel-heading>a:hover {
                color:#dcdcdc;
            }

            table caption {
                color:#357ebd;
                text-align:left;
                font-size:13px;
                font-weight:700;
                line-height:22px;
                padding:0 0 5px 2px;
            }

            blockquote {
                font-size:13px;
            }

            .modal-header .close {
                color: #f2f2f2;
                opacity: 0.5;
                font-size: 30px;
                position: absolute;
                left: calc(100% - 30px);
                bottom: calc(100% - 35px);
            }
            .modal-title
            {
                color: #f2f2f2;
                font-size: 20px;
                text-transform: uppercase;
            }

            button.close {
                padding:0;
                cursor:pointer;
                background:0 0;
                border:0;
                -webkit-appearance:none;
            }
            .alert {
                display: flex;
                align-items: center;
                list-style: none;
                padding: 5px; 
                margin-bottom: 10px; 
                border: 1px solid transparent;
                border-radius: 4px;
            }
            .close {
                float:right;
                font-size:21px;
                font-weight:700;
                line-height:1;
                color:#000;
                text-shadow:0 1px 0 #fff;
                opacity:.2;
            }

            .modal-body{
                padding:15px
            }

            #sitemodal .modal-dialog {
              position: relative;
              width: auto !important;
              max-width: 800px;
              text-align: center;
              font-size: 0;
          }
          #sitemodal .modal-content{
            width: auto;
            display: inline-block;
            font-size: 14px;
            text-align: left
        }
        #sitemodal .close, #sitemodalTerm .close{
            position: absolute;
            right: -10px;
            bottom: -10px;
            width: 24px;
            height:24px;
            background-color: #000;
            color:#fff;
            font-size:11px;
            opacity:0.8;
            border-width:2px;
            border-style: solid;
            border-color: #cccccc;
            border-radius: 12px
        }
        #sitemodal .close:hover{
            opacity:1;
        }
        @media (max-width: 619px) {
            #sitemodal .modal-dialog{
                margin-left: 10px;
                margin-right: 10px;
            }
            #sitemodal .modal-content{
                display: block
            }
        }

        #sb-container {
            z-index:99999999 !important;
        }

        .chromeframe {
            position:fixed !important;
            top:0 !important;
            right:0;
            left:0;
            width:100% !important;
            z-index:99999999999999 !important;
            background-color:#ffff00 !important;
            color:#000 !important;
            height:25px;
            line-height:25px;
            padding:0.2em 0;
            text-align:center !important;
        }

        #timeoutsess {
            display:none;
        }

        #timeoutsess a {
            color:#2f70a7 !important;
        }


        /* Account Level */
        [class^="lev-"],
        [class*=" lev-"]{
            display:inline-block;
        }
        [class^="lev-"]:before,
        [class*=" lev-"]:before{
            font-family: FontAwesome;
            font-size:inherit;
            margin-right: 5px
        }
        .lev-1:before{
            content: " \f005 \f005 \f005 "
        }
        .lev-2:before{
            content: " \f005 \f005 \f006 "
        }
        .lev-3:before{
            content: " \f005 \f006 \f006 "
        }
        .lev-user:before{
            content: " \f007 "
        }

        /* module Contact*/
        .contact-result{
            position:absolute;
            top:40px;
            left:5%;
            width:90%;
            float:left;
            z-index:2;
            padding:30px 20px;
            display:none
        }

        /* Block module-menu */
        .module-menu{
            display:block;
            float:left;
            width:100%;
            background-color: #333
        }
        .module-menu ul{
            margin:0;
            padding:0
        }
        .module-menu a {
            display:block;
            border-bottom-width:1px;
            border-bottom-style: solid;
            border-bottom-color: rgba(0,0,0,0.1);
            background-color:#428BCA;
            background-image:linear-gradient(to right,#428BCA 4px,#428BCA 4px);
            background-repeat:repeat-x;
            color:#fff;
            text-decoration: none;
            margin:0;
            padding: 9px 10px 9px 20px;
            cursor: pointer;
        }
        .module-menu a:before{
            font-family:'FontAwesome';
            content:" \f105 ";
            margin-right:5px;
        }
        .module-menu a.home:before{
            content:" \f07c ";
        }
        .module-menu a.active{
            background-color:#a6c8e6;
        }
        .module-menu a:hover,.module-menu a.active,.module-menu a:focus{
            color:#333;
            text-decoration:none;
            background-image:linear-gradient(to right,#42cac5 4px,rgba(0,0,0,0) 4px);
        }
        .calendar-icon{
            background-image: url(../../../assets/images/calendar.jpg);
            background-position: right 6px center;
            background-repeat: no-repeat;
            padding-right: 26px;
        }

        /*alert*/
        .nv-alert {
            position:fixed !important;
            top:25% !important;
            right:0;
            left:0;
            width:350px !important;
            margin:auto;
            z-index:99999999999999 !important;
            text-align:center !important;
            padding-top: 30px !important;
            padding-bottom: 30px !important
        }

        .select2-container--default .select2-selection--single,
        .select2-container--bootstrap .select2-selection--single
        {
            height: 32px !important;
            padding-top: 2px;
        }
        .voting-col-2 {
            border-left: 1px solid #ccc;
            padding: 0px 10px;
        }
        .padding-voting ul li {
            margin: 0px 10px;
            padding: 10px 0px;
            list-style: disc;
            text-align: justify;
        }
        .sum-voting {
            margin-top:5px;
        }


        .block-product-title{width: fit-content;padding: 10px ;}
        .block-product-title h3{font-size: 16px;text-transform: uppercase;border-radius: 5px;background-color: #f2f2f2;padding: 10px;}


        .product-wrapper
        {
            background-color: #fff;
            border-radius: 5px;
            margin: 0 10px 10px 10px;
        }
        .product-thumb h4 a {
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 3;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            font-weight: 700;
            color: inherit!important;
        }
        .product-thumb{
            border: 1px solid #dcdcdc;
            border-radius: 5px;
            height: auto;
            float: left;
            margin: 20px 10px;
            padding: 5px 5px 0 5px;
            background: #ffffff;
            position: relative;
            -webkit-transition: .3s;
            -moz-transition: .3s;
            -o-transition: .3s;
            transition: .3s;
        }
        .block-product-title {
            align-items: center;
            justify-content: space-between;
            padding: 8px 5px;
            overflow: hidden;
            display: flex;
            width: 100%;
        }
        .block-product-title h2 {
            margin-bottom: 5px;
            font-size: 18px;
            color: #d70018;
            text-transform: uppercase;
        }
        .block-product-title h2 hr
        {
            margin: 0;
            border-top: 1px solid;
            color: #d70018;
        }

        .dacsansay { align-items: center;justify-content: space-between;padding: 8px 5px; overflow: hidden;display: flex; width: 100%;}
        .dacsansay h2 {margin-bottom: 5px; font-size: 18px;color: #5bba3a;text-transform: uppercase;}
        .dacsansay h2 hr{margin: 0;border-top: 1px solid;color: #5bba3a;}


        .block-product-menuscoll {
            width: 65%;
            float: right;
        }
        .block-product-dmc {
            margin:10px 0;
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap
        }
        .block-product-dmc > div {
            padding: 0px;
            margin-bottom: 5px;
        }
        .block-product-dmc ul {
            padding: 0;
            width: 100%;
            display: table;
            margin: 0 !important;
        }
        .block-product-dmc ul li {
            padding: 0 3px;
            float: none !important;
            width: auto !important;
            display: table-cell;
            vertical-align: middle;
        }
        .block-product-dmc ul li:first-child
        {
            padding-left:  0;
        }
        .block-product-dmc ul li a {
            display: block;
            font-size: 12px;
            padding: 3px 6px;
            text-align: center;
            color: #dd0000;
            border: 1px solid #DB0000;
            background-color: transparent;
            border-radius: 5px;
            white-space: nowrap;
            text-transform: capitalize;
        }



        .block-product-dmc::-webkit-scrollbar
        {   
            width: 0 !important;
            display: none; 
        }
        .product-new
        {
            width: 60px;
            position: absolute;
            top: 0px;
            left: 5px;
        }
        .product-new path
        {
            fill: #5cb85c;
        }
        .product-new text{

            font-size: 75%;
            font-weight: bold;
            fill: #f2f2f2;

        }
        .product-discounts-view{
            position: absolute;
            display: flex;
            flex-flow: column;
            left: 5px;
            top: 100px;
            height: 40px;
            justify-content: end;
        }
        .product-discounts-view label{
            display: inline-block;
            position: relative;
            font-size: 10px;
            font-weight: 600;
            background: #fff;
            padding: 0 5px;
            margin-bottom: 0;
            width: fit-content;
            height: 20px;
            background: #de0000;
            color: #fff;
            border-bottom-right-radius: 5px;
            border-top-right-radius: 5px;
        }
        .viewgrid-css .product-gift-content
        {
            right: 4px;
        }
        .viewgrid-css  .product-new,.viewgrid-css  .product-discounts-view
        {
            left: 10px;
        }
        .subscribe
        {
            padding: 10px 0;
        }
        .form-inline
        {
            border-radius: 5px;
            border: none;
            background: #fff;
            width: 100%;
            display: flex;
            display: -webkit-flex;
            display: -ms-flex;
            display: -o-flex;
            position: relative;
            margin-bottom: 10px;
        }
        .form-control:focus
        {
            -webkit-box-shadow: none;
            box-shadow: none;
        }
        .form-inline .form-control
        {
            height: 50px;
            padding: 0px 10px 0px 20px;
            display: block;
            border: none;
            flex-grow: 1;
            -webkit-flex-grow: 1;
            -ms-flex-grow: 1;
            -o-flex-grow: 1;
            background: transparent;
        }
        .form-inline button
        {
            border: none;
            height: 50px;
            line-height: 50px;
            color: #d70018;
            border-radius: 0 5px 5px 0;
            padding: 0px 19px!important;
            background: #fff;
        }
        input:-webkit-autofill,
        input:-webkit-autofill:hover, 
        input:-webkit-autofill:focus, 
        input:-webkit-autofill:active  {
            -webkit-box-shadow: 0 0 0 30px white inset !important;
        }
        .form-inline .btn.btn-primary:active, .form-inline .btn.btn-primary.active
        {
            -webkit-box-shadow: unset;
            box-shadow: unset;
        }

        .home_banner img,#blockctv img{width:100%; height:auto}
        .dichvu_item{position: relative;margin-bottom: 10px;background: #fff;overflow: hidden;border: 1px solid #ececec;    border-radius: 10px;}
        .dichvu_item:hover {box-shadow: 0 0 15px rgb(0 0 0 / 10%);}
        .dichvu_item:hover a{color:#fff}    
        .dichvu_item_img{background-color: #fff; width: 100%;height: 200px;display: inline-block; -webkit-transition: box-shadow 0.2s;-moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s;}
        .dichvu_item_img img {height: 100%;width: 100%; object-fit: cover; }
        .dichvu_item_text{padding:10px 5px 10px 5px ;min-height: 80px;text-align: center;background: #5bba3a;}
        .dichvu_item_text h3{ font-size: 14px;color: #3f3e3e; font-weight: 600;}
        .dichvu_item_text a{color: #fff;}

        #tms_home_banner{
            padding:10px; background:#fff
        }