@charset "UTF-8";
/*
Theme Name: Vlotus Holdings
Text Domain: dt
Version: 1.0
Description: This theme design for Vlotus Holdings
Author: Dương Thiên
Author URI: https://duongthien.com/
*/

html {
  color-scheme: light;
}
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
@font-face {
  font-family: 'Montserrat';
  src: url("assets/fonts/Montserrat-Regular.woff2") format("woff2"), url("assets/fonts/Montserrat-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url("assets/fonts/Montserrat-Medium.woff2") format("woff2"), url("assets/fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url("assets/fonts/Montserrat-MediumItalic.woff2") format("woff2"), url("assets/fonts/Montserrat-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url("assets/fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("assets/fonts/Montserrat-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url("assets/fonts/Montserrat-SemiBold.woff2") format("woff2"), url("assets/fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url("assets/fonts/Montserrat-Black.woff2") format("woff2"), url("assets/fonts/Montserrat-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url("assets/fonts/Montserrat-BlackItalic.woff2") format("woff2"), url("assets/fonts/Montserrat-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url("assets/fonts/Montserrat-Bold.woff2") format("woff2"), url("assets/fonts/Montserrat-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url("assets/fonts/Montserrat-BoldItalic.woff2") format("woff2"), url("assets/fonts/Montserrat-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url("assets/fonts/Montserrat-Italic.woff2") format("woff2"), url("assets/fonts/Montserrat-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'UTM Avo';
  src: url('assets/fonts/UTMAvoBold.woff2') format('woff2'),
      url('assets/fonts/UTMAvoBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'UTM Avo';
  src: url('assets/fonts/UTMAvo-BoldItalic.woff2') format('woff2'),
      url('assets/fonts/UTMAvo-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'UTM Avo';
  src: url('assets/fonts/UTMAvo.woff2') format('woff2'),
      url('assets/fonts/UTMAvo.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'UTM Avo';
  src: url('assets/fonts/UTMAvo-Italic.woff2') format('woff2'),
      url('assets/fonts/UTMAvo-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

/*--------------------------------------------------------------
>>> Reset CSS
--------------------------------------------------------------*/
html {
  outline: none;
}

html *:focus {
  outline: none;
}

aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]),
[hidden] {
  display: none;
}

html {
  font-size: 1.041666666vw;
}

button,
input,
select,
textarea {
  color: #454545;
  -webkit-appearance: none;
}

img {
  max-width: 100%;
}

img:not(.fixed-img) {
  border: 0;
  /* width: 100%; */
  height: auto;
  margin: auto;
  display: block;
}

figure {
  margin: 0;
}

a:focus {
  outline: 0;
}

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

abbr[title] {
  border-bottom: 0.0625rem dotted;
}

b,
strong,
.strong {
  font-weight: 600;
}

dfn,
em,
.em {
  font-style: italic;
}

small,
.small,
sub,
sup {
  font-size: 80%;
}

ins,
.ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}

mark,
.mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

hr {
  border: none;
  display: block;
  height: 0.0625rem;
  border-top: 0.0625rem solid #eee;
  margin: 0.625rem 0 1.25rem;
  padding: 0;
}

blockquote {
  text-align: left;
  font-size: 1rem;
  margin-bottom: 1.25rem;
  padding-left: 1.875rem;
  border-left: .125rem solid #2b2b2b;
  color: #3a3a3a;
  margin: 0;
}

pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

ul,
ol {
  margin: 1.5em 0;
  padding: 0;
  padding-left: 1.25rem;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

form,
fieldset,
form ul,
form ol,
fieldset ol,
fieldset ul {
  margin: 0;
  border: 0;
}

legend {
  border: 0;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}

button,
input {
  line-height: normal;
  -webkit-appearance: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  -webkit-appearance: none;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

/*--------------------------------------------------------------
>>> Basis Setup
--------------------------------------------------------------*/
a,
a:visited {
  /* color: #DE7CA8; */
  text-decoration: none;
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}

a:hover,
a:focus {
  text-decoration: none;
  color: #454545;
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}
/*# sourceMappingURL=style.css.map */

.d-flex
{
  display: flex;
  align-items: center;
  justify-content: center;
}
.disabled
{
    cursor:none;
    pointer-events:none;
}
.logo {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 5.5rem;
}

.logo svg {
  overflow: visible;
}

.sticky-header .logo {
  -webkit-transform: translateY(0.25rem);
          transform: translateY(0.25rem);
}

.offcanvas-close
{
  display:none;
}
.header-inner ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.dt-main-menu {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0 2.3125rem;
}

.dt-primary-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: .875rem;
}

.dt-primary-menu > li {
  position: relative;
}

.dt-primary-menu > li > a {
  display: block;
  padding: .825rem .75rem;
  color: #111;
}

.dt-primary-menu > li > a:hover {
  color: #f2528f;
}


body {
  padding: 0;
  margin: 0;
  font-family: 'Montserrat';
     font-family: "Lora", serif;
  overflow-x: hidden;
}

body * {
  font-family: 'Montserrat';
    font-family: "Lora", serif;
}

body.compensate-for-scrollbar {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}

.container {
  max-width: 71.875rem;
  margin: auto;
}
.header-inner
{
  justify-content:space-between;
  padding: .5rem 0;
  position: relative;
}
.dt-main-menu
{
  display:flex;
  justify-content:flex-end;
  margin-right: 0;
}
.dt-primary-menu > li > a
{
  text-transform:uppercase;
  color:#f4639a;
  font-weight:500;
}
header
{
     border-bottom:thin solid #ccc;
     border-top: .45rem solid #F4639A;
}
.section-banner img
{
  height:36.875rem;
  object-fit:cover;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet
{
    width: 15px;
    height: 15px;
    opacity:.75;
    border-radius: 100%;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin: 0 10px 0 0;
    border: 2px solid #fff;
    background-color: #DE7CA8;

}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active
{
    width: 25px;
    border-radius: 10px;
    background-color: #fff;
    border-color: #DE7CA8;
    opacity:1;
}
body .swiper-button-next:after, 
body .swiper-button-prev:after
{
    font-size:1.5rem;
    color:#fff;
}
.sections:not(.section-banner)
{
  padding:2rem 0;
}
.section-title
{
  font-weight:600;
  letter-spacing: -1px;
  font-size: 1.6125rem;
}
.section-brands .swiper-pagination
{
  position:static;
  margin-top:1rem;
}
.hashtag
{
  display:flex;
  align-items:center;
}
.hashtag-item
{
  margin-right:1rem;
}
.products
{
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content: flex-start;
  margin:2rem 0 0;
}
.product-item
{
  flex-basis:calc((100% - 4.5rem)/4);
  margin-right:1.5rem;
  margin-bottom:1.5rem;
  cursor: pointer;
  padding: .75rem;
  position: relative;
  min-width: 0;
  box-shadow: 0 .5rem 2rem rgba(0, 0, 0, 0.06);
  border-radius: .5rem;
  background: #fff;
  box-sizing:border-box;
}
.product-item:nth-child(4n+4)
{
  margin-right:0;
}
.product-item__content
{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
}
.product__title
{
    height: 2.25rem;
    font-size: .875rem;
    font-weight: 700;
    line-height:1.4;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.product__price
{
    width: 70%;
    color: #f4639a;
    font-weight: bold;
    font-size: 1.125rem;
}
.product_btn
{
  width:30%;
  text-align:right;
}
.product_btn img
{
  width:1.5rem;
}
.brands-list
{
  flex-wrap:wrap;
}
.brand-item
{
  flex-basis:calc((100% - 4.5rem)/4);
  flex-basis:auto;
  margin-right: 2.5rem;
  margin-bottom:1.5rem;
  /* padding: 0 .5rem; */
}
.brand-item:nth-child(4n+4),
.brand-item:last-child
{
  margin-right:0;
}
.brand-item img
{
  max-height: 2.75rem;
  width: 100%;
}

.hashtag-item a
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: .425rem .75rem;
    font-size: .825rem;
    margin-top: .5rem;
    font-weight: 400;
    border: thin solid #D8D8D8;
    border-radius: 2rem;
    border-radius: 2rem;
    cursor: pointer;
    color:#333333;
}
.hashtag-item a.active
{
  color: #fff;
  border-color: #E96E34;
  background-color: #E96E34;
}
.product__title a
{
  color:#333;
}
.product_btn a
{
  background:#E96E34;
  border-radius:50%;
  width:2rem;
  height:2rem;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-right: 0;
  margin-left: auto;
  padding:.3125rem;
  box-sizing:border-box;
}
.product_btn a img
{
  filter:invert(1);
}
.section-brands
{
  padding-bottom:0 !important;
}
.loading,
.loading .overlay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1003;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loading .overlay
{
  z-index: -1;
}
.loading
{
  display: none;
}
.loading.show
{
  display: flex;
}
.overlay
{
  opacity: .2;
  background-color: #000;
}
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  animation-fill-mode: both;
  animation: dots-loading 1.8s infinite ease-in-out;
}
.loader {
  color: #ffffff;
  font-size: .625rem;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
.loader{
    width: 80px;
    height: 80px;
    margin: 70px auto;
    animation: loading-2 8s infinite;
}
.loader .loader-inner{
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background: #DE7CA8;
    float: left;
    margin: 3px;
    animation-name: loading-1;
    animation-direction: alternate;
    animation-duration: 800ms;
    animation-iteration-count: infinite;
}
.loader .loader-inner:nth-child(1) { animation-delay: 200ms; }
.loader .loader-inner:nth-child(2) { animation-delay: 400ms; }
.loader .loader-inner:nth-child(3) { animation-delay: 600ms; }
.loader .loader-inner:nth-child(4) { animation-delay: 400ms; }
.loader .loader-inner:nth-child(5) { animation-delay: 600ms; }
.loader .loader-inner:nth-child(6) { animation-delay: 800ms; }
.loader .loader-inner:nth-child(7) { animation-delay: 600ms; }
.loader .loader-inner:nth-child(8) { animation-delay: 800ms; }
.loader .loader-inner:nth-child(9) { animation-delay: 1s; }
@-webkit-keyframes loading-1{
    0% {
        background-color: #DE7CA8;
        transform: scale(1, 1);
    }
    100% {
        background-color: #0dc3ef;
        transform: scale(0, 0);
    }
}
@keyframes loading-1{
    0% {
        background-color: #DE7CA8;
        transform: scale(1, 1);
    }
    100% {
        background-color: #0dc3ef;
        transform: scale(0, 0);
    }
}
@-webkit-keyframes loading-2{
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(90deg);
    }
    50% {
        transform: rotate(180deg);
    }
    75% {
        transform: rotate(270deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes loading-2{
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(90deg);
    }
    50% {
        transform: rotate(180deg);
    }
    75% {
        transform: rotate(270deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.footer-main
{
  background-color:#fcd9ee;
  padding:2rem 0;
}
.footer-bottom
{
  background-color:#F4639A;
  color:#fff;
}
.footer-bottom-inner
{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:.875rem;
  padding:.5rem 0;
}
.footer-bottom-inner .footer-menu
{
  margin:0;
  list-style-type:none;
  display:flex;
}
.footer-menu li:not(:last-child)
{
  margin-right:1rem;
}
.footer-menu a
{
  color:#fff;
}
.widget-title
{
  font-weight:700;
  font-size:1.25rem;
}
.default-content-style h2
{
  font-size:1.25rem;
}
.default-content-style *
{
  line-height:1.4;
  font-family: 'Montserrat' !important;
  font-family: "Lora", serif  !important;
}
.page-title
{
  text-align: center;
  text-transform: uppercase;
  margin: 1.75rem 0 2rem;
  font-weight: 500;
}
.site-main
{
  padding-bottom:2.5rem;
}
.menu-item-83 a
{
  position:relative;
  background-color:#f4639a;
  color:#fff !important;
  border-radius:1.5rem;
  padding:.675rem 1.5rem !important;
  padding-left:2.875rem !important;
  margin-left:1rem;
}
.menu-item-83 a:before
{
  content:'';
  width:1.5rem;
  height:1.125rem;
  background:url(assets/images/person-outline.svg);
  background-repeat:no-repeat;
  background-position:center;
  filter:invert(1);
  position:absolute;
  left:1.25rem;

}

.promotions-item img
{
    width:100%;
}
.promotions-item img
{
    height:26.25rem;
    object-fit:cover;
}
.promotions-item a
{
    display:block;
    max-width: 4rem;
    text-align:center;
    border: thin solid #f4639a;
    padding: 4px 12px;
    border-radius: 8px;
    margin-top:8px;
    margin-right:auto;
    margin-left:auto;
    color: #F4639A;
}
.section-promotions .swiper-pagination
{
    position:relative !important;
    margin-top:2rem;
}
.promotions-item a:before
{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    left: 0;
    top: 0;
}
.promotions-detail-item
{
    margin-bottom:2.5rem;
    box-shadow: 0 0.5rem 2rem rgb(0 0 0 / 6%);
    border-radius: .75rem;
    padding: 1.5rem 3rem;
    box-sizing: border-box;
    justify-content: flex-start;
}
.promotions-detail-item img
{
    width: 100%;
    max-width: 100%;
}
.promotions-detail-item__img
{margin-right: 2rem;width: 22rem;flex: none;}
.promotions-detail-item h2
{
    font-size:1.75rem;
    text-align:center;
    margin:.75rem 0 1rem;
}
.promotions-detail-item__content
{
    font-size:1.0625rem;
    line-height:1.5;
}
.promotions-detail
{
  margin:2.5rem 0 0;
}
.section-promotions .swiper-container
{
  margin-top:2rem;
}
.promotions-detail-item__content div
{
  line-height:1.6;
}

.form-vipcard-wrapper
{
  width:92%;
  max-width:600px;
  margin:auto;
  padding: 20px;
  border: thin solid #ccc;
  margin-bottom: 2rem;
}
.form__title
{
  text-align:center;
  text-transform:uppercase;
  margin-bottom: 2.25rem;
}
.form-group
{
  display:flex;
  align-items:center;
}
.form-group label,
.radio-group>span
{
  flex:none;
  width:20%;
  min-width: 132px;
}
.form-group input[type=text]
{
    background-color: #ffffff;
    width: 100%;
    height: 42px;
    line-height: 42px;
    outline: none;
    border: 1px solid #e0e0e0;
    padding-left: 20px;
    box-sizing:border-box;
}
.form-submit
{
    position: relative;
    left:50%;
    transform:translateX(-50%);
    background-color: #f4639a;
    color: #fff !important;
    border-radius: 1.5rem;
    padding: .475rem 1.875rem !important;
    margin-left: 1rem;
    text-transform: uppercase;
    color: #f4639a;
    font-weight: 500;
    border:none;
    margin:1.75rem 0;
}
.form-group
{
  margin-bottom:1.25rem;
}
.awesomplete > ul:before {
content: "";
position: absolute;
top: -.43em;
left: 1em;
width: 0; height: 0;
padding: .4em;
background: white;
border: inherit;
border-right: 0;
border-bottom: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.awesomplete > ul > li {
position: relative;
padding: .2em .5em;
cursor: pointer;
color: #000;
}

.awesomplete > ul > li:hover {
background: #ee6e73;
color: black;
}

.awesomplete > ul > li[aria-selected="true"] {
background: hsl(205, 40%, 40%);
color: white;
}

.awesomplete mark {
    background: hsl(65, 100%, 50%);
}

.awesomplete li:hover mark {
    background: hsl(68, 100%, 41%);
}

.awesomplete li[aria-selected="true"] mark {
    background: hsl(86, 100%, 21%);
    color: inherit;
}
.awesomplete ul[role=listbox]
{
    flex-direction: column !important;
    background: #fff;
}
.awesomplete ul[role=listbox] li
{
    text-align: left !important;
}
body .awesomplete
{
    display: block;
    width: 100%;
}
.awesomplete [hidden] {
display: none;
}

.awesomplete .visually-hidden {
position: absolute;
clip: rect(0, 0, 0, 0);
}

.awesomplete {
display: inline-block;
position: relative;
}
.awesomplete > input {
display: block;
}

.awesomplete > ul {
position: absolute;
left: 0;
z-index: 2;
min-width: 100%;
box-sizing: border-box;
list-style: none;
padding: 0;
margin: 0;
background: #fff;
}

.awesomplete > ul:empty {
display: none;
}

.awesomplete > ul {
border-radius: .3em;
margin: .2em 0 0;
background: hsla(0,0%,100%,.9);
background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));
border: 1px solid rgba(0,0,0,.3);
box-shadow: .05em .2em .6em rgba(0,0,0,.2);
text-shadow: none;
}

@supports (transform: scale(0)) {
.awesomplete > ul {
transition: .3s cubic-bezier(.4,.2,.5,1.4);
transform-origin: 1.43em -.43em;
}

.awesomplete > ul[hidden],
.awesomplete > ul:empty {
opacity: 0;
transform: scale(0);
display: block;
transition-timing-function: ease;
}
}
.date-dropdowns
{
    display:flex;
    justify-content:space-between;
    width: 100%;
}
.date-dropdowns input
{
    display:none;
}
.date-dropdowns select
{
    display:inline-block;
    flex-basis:32%;
    background-color:transparent;
    border:none;
    border-bottom: 1px solid #9e9e9e;
    color:#9e9e9e;
}
.date-dropdowns select:focus
{
    outline:none;
}
.form-group input[type="radio"]
{
  appearance: auto !important;
  -webkit-appearance:default-button !important;
}
.form-group > p
{
  margin-right:1.5rem;
}
select
{
    background-color: rgba(255,255,255,0.9);
    width: 100%;
    padding: 3px;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    height: 3rem;
}
body .alertify .ajs-body .ajs-content {
  text-align: center;
}
body .alertify .ajs-body .ajs-input {
  text-align: center;
  font-size: 33px;
  font-weight: 900;
  width: 200px;
}
body .alertify .ajs-header {
  background-color: #F4639A;
  color: white;
  margin-bottom: 28px;
  font-size: 17px;
}
body .alertify .ajs-commands button.ajs-close{
  color: white;
  border: 2px solid #999999;
  border-radius: 29px;
  filter: brightness(2);
  opacity: 0.8;
  background-position: 50% 45%;
}
.dt-tb
{
  color: #fff;
  font-style: italic;
}
body .alertify .ajs-body .ajs-content
{
  padding: 0px 24px 16px 16px;
} 
.alertify .ajs-footer .ajs-buttons button.ajs-button.ajs-cancel
{
  display: none;
}
.alertify .ajs-footer .ajs-buttons button.ajs-button.ajs-ok
{
  display: block;
  margin: auto;
  margin-bottom: 25px;
  order: 2;
  cursor: pointer;
}
.elementor a,
.post-content a
{
  color:#607D8B;
}
.alertify .ajs-footer .ajs-button.ajs-ok
{
  background: #F4639A;
  color: #fff;
  text-transform: uppercase;
  margin: 0 20px;
  padding:2px 20px;
  width: 250px;
  height:45px;
  font-weight: 700;
  font-size: 1.25rem;
  border-radius: 50px;
  line-height: normal;
  border:none;
}
table, th, td {
  border: 1px solid;
  padding: .5rem 1rem;
}
td p
{
  margin: 3px 0;
}
.btn-primary {
  position: relative;
  background-color: #f4639a;
  color: #fff !important;
  border-radius: 1.5rem;
  padding: .675rem 1.5rem !important;
  left: 50%;
  transform: translateX(-50%) !important;
  display: inline-block;
}
.header-menu > li > a b.caret {
  content: url(assets/images/arrow.svg);
  position: absolute;
  width: 1.25rem;
  display: block;
  top: 0;
  bottom: 0;
  right: 2rem;
  margin: auto;
}

.dt-dropdown-menu-wrapper {
  position: absolute;
  list-style-type: none;
  background: #fff;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: calc(100% + .15rem);
  left: 0;
  text-align: left;
  -webkit-transform: translateY(2.5rem);
  transform: translateY(2.5rem);
  z-index: -1;
  max-width: 100%;
  width: 100%;
  min-width:30rem;
  padding: 1.25rem 2rem;
  -webkit-box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 7%);
  box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 7%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
}


.dt-primary-menu > li:hover > .dt-dropdown-menu-wrapper {
  visibility: visible;
  opacity: 1;
  z-index: 99;
  -webkit-transform: none;
  transform: none;
}
.dt-dropdown-menu-wrapper:before {
  background: #fff;
  box-shadow: none;
  content: "";
  display: block;
  height: 1.125rem;
  width:  1.125rem;
  left: .3125rem;
  position: absolute;
  bottom: 100%;
  transform: rotate(-45deg) translateY(1rem);
  z-index: -5;
  border-radius: .25rem;
}
.dt-dropdown-menu-wrapper:after {
  box-shadow: none;
  content: "";
  display: block;
  height: 3rem;
  width:  100%;
  left: .3125rem;
  position: absolute;
  bottom: 100%;
  top: -1rem;
  z-index: -1;
}
.dt-dropdown-menu-wrapper .dropdown-menu li
{
line-height:2;
}
.dt-dropdown-menu-wrapper .dropdown-menu li a span
{
color:#000;
text-transform:none;
line-height: 1.5;
display:block;
margin-bottom:.5rem;
position:relative;
padding-left:1rem;
}
.dt-dropdown-menu-wrapper .dropdown-menu li a:hover span
{
color:#f2528f;
}
.dt-dropdown-menu-wrapper .dropdown-menu li a span:before
{
content:'';
background:url(assets/images/dot-circle.svg);
position:absolute;
width:1rem;
height:1rem;
left:-1rem;
top:.25rem;
background-size:100%;
}
.dt-dropdown-menu-wrapper a
{
  transition:none;
}
.cs-list
{
  margin:6.5rem 0 2rem;
}
.cs-image
{
  text-align:center;
}
.cs-image>span
{
  border-radius: 50%;
  height: 10rem;
  width: 10rem;
  background: #ffe2ed;
  background:transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  position:relative;
}
.circle-bg
{
  position:absolute;
  height: 100%;
  width: 100%;
  background: #ffe2ed;
  border-radius: 50%;
  z-index:-1;
  opacity: 0;
}
.cs-title
{
  text-align:center;
  text-transform:uppercase;
  padding:0 3rem;
  line-height:1.6;
  font-weight:600;
}
.section-cs
{
  padding-bottom:4rem;
  position:relative;
}
.abs-icon
{
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    width:6.5625rem;
    height:6.5625rem;
}
.abs-icon.sparkle1 {
  background-image: url("assets/images/gui-sparkle.svg");
  width: 5.25rem;
  height: 5.25rem;
  left: 10.625rem;
  bottom: 1rem;
  filter: invert(78%) sepia(5%) saturate(1851%) hue-rotate(303deg) brightness(119%) contrast(105%);
}
.abs-icon.sparkle2 {
  background-image: url("assets/images/gui-sparkle.svg");
  width: 7.25rem;
  height: 7.25rem;
  right: 10.625rem;
  top: 8rem;
  z-index:-1;
  opacity:.6;
  transform:scaleX(-1);
  filter: invert(78%) sepia(5%) saturate(1851%) hue-rotate(303deg) brightness(119%) contrast(105%);
}
.section-ht .section-title,
.section-dk .section-title
{
  text-align:center;
  text-transform: uppercase;
  margin: 1.75rem 0 2rem;
  font-weight: 500;
}
.section-ht
{
  background:#ffe2ed;
}
.ht-content,
.dk-list
{
  margin:4rem 0 1rem;
}
.ht-content img
{
  width:100%;
  max-width: 80%;
  border: .0625rem solid #e1e1e1;
}
.dk-nav
{
    display: flex;
    padding: unset;
    margin: unset;
    border-bottom: 4px solid #f4639a;
}
.dk-nav-item
{
    width: calc(100% / 5);
    background: #f4639a42;
    margin: unset;
    color: #434343;
    font-style: normal;
    font-weight: 600;
    font-size: .875rem;
    text-transform: uppercase;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    padding: 1.5rem 1rem;
    transition:all .25s;
}
.dk-nav-item.active
{
  background: #f4639a;
  border-radius: 10px 10px 0 0;
  margin-top: -.75rem;
  font-weight: 700;
  color:#fff;
}
.dk-nav-item:not(:last-child)
{
  border-right:.125rem solid #ffffff;
}
.dk-nav-item:visited
{
  color:#434343;
}
.dk-nav-item.active:visited
{
  color:#fff;
}
.dk-nav-item:first-child
{
  border-radius: 10px 0 0 0;
}
.dk-nav-item:last-child
{
  border-radius:0 10px 0 0;
}
.dk-contents
{
    background: #fff;
    border-radius: 0 0 10px 10px;
    padding: 1.5rem 2rem;
    border:thin solid #ccc;
}
.dk-content
{
  display:none;
}
.dk-content.active
{
  display:block;
}
.dk-content p
{
  line-height:1.6;
}
.page-template-khao-sat #dt-header,
.page-template-khao-sat #dt-footer,
.page-template-khao-sat-v2 #dt-header,
.page-template-khao-sat-v2 #dt-footer,
.page-template-khao-sat-icon #dt-header,
.page-template-khao-sat-icon #dt-footer,
.page-template-khao-sat-v2 #dt-footer,
.page-template-danh-gia #dt-header,
.page-template-danh-gia #dt-footer
{
  display:none; 
}
.page-template-khao-sat .site-main,
.page-template-khao-sat-v2 .site-main,
.page-template-khao-sat-icon .site-main,
.page-template-danh-gia .site-main
{
  padding:0;
}
.ks-section
{
  min-height: calc(100vw * (850/1920));
  background-image:url(assets/images/bg-repeat.jpg);
  background-size:100%;
  position: relative;
}
.ks-section:before,
.ks-section:after
{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-image:url(assets/images/bg-top.jpg);
  background-size: 100%;
  background-repeat:no-repeat;
  background-position:top;
}
.ks-section:before
{
  z-index:1;
}
.ks-section:after
{
  background-image:url(assets/images/bg-bottom.jpg);
  background-size:100%;
  background-repeat:no-repeat;
  background-position:bottom;
  bottom: 0;
  top: unset;
  z-index: 1;
}
.hide
{
  display:none !important;
}
.ks-section
{
  padding: 12rem 15rem 16rem;
}
.ks-section *
{
   font-family: 'UTM Avo';
      font-family: "Lora", serif;
}
.ks-section .container
{
  z-index: 3;
  position:relative;
}
.ks-wrap
{
  min-height:30vw;
  display:flex;
  align-items:center;
  justify-content:center;
}
.rise-label
{
  position:relative;
  margin-bottom: 1.875rem;
}
.rise-label label
{
  display: inline-block;
  margin-bottom: .1875rem;
  color: #adafca;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1em;
  position: absolute;
  top: 1.125rem;
  left: 1.25rem;
  z-index: 2;
  transition: all .3s ease-in-out;
  pointer-events: none;
}
.rise-label input
{
  min-height: 2.5rem;
  max-height: none;
  line-height: 1.33333333;
  width: 100%;
  height: 3.125rem;
  padding: 0 1.125rem;
  border-radius: .75rem;
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 0 0;
  border: .0625rem solid #dedeea;
  background: #fff;
  color: #3e3f5e;
  box-sizing:border-box;
  transition: border-color .2s ease-in-out;
}
.rise-label input:focus
{
  border-color:#4F78A4;
}

 .rise-label.active label {
  background: #fff;
  padding: 0 0rem;
  font-size: 0.875rem;
  top: -.375rem;
  color:#000;
  left: .75rem;
}
.ks-section button,
.submit-form [name="save_form"],
.submit-form [name="next_form"]
{
  background:#bd1e2c;
  padding:.875rem 1.75rem;
  border-radius:.75rem;
  font-weight:700;
  color:#fff;
  font-size:1.125rem;;
  line-height:1;
  border:thin solid #bd1e2c;
  box-shadow: rgba(0, 0, 0, 0.26) 0px 1px 1px;
  position:relative;
  left:50%;
  transform:translateX(-50%);
  transition:all .25s;
}
.ks-section button:hover,
.submit-form [name="save_form"]:hover,
.submit-form [name="next_form"]:hover
{
  background:#a51b27;
}
.form-line
{
  max-width:25rem;
   position:relative;
  left:50%;
  transform:translateX(-50%);
}
.ks-step,
.ks-steps,
.dt-login-register
{
  width:100%;
}
.dt-login-register h3,
.ks-title
{
  text-align:center;
  width:100%;
  font-weight:700;
  font-size: 1.75rem;
  text-transform:uppercase;
  color:#e43c53;
  text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}
.ks-title
{
  margin: 0px 0 1rem;
}
.ks-step-2 p
{
  text-align:center;
  font-size:1.325rem;
  color:#be1e2d;
  margin: .5rem 0;
  padding: 0 7%;
}
.ks-step-2>div:nth-child(2)
{
  padding: 3rem 0 0;
  position:relative;
}
.ks-step-2>div:nth-child(2):before
{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:2rem;
  background-image:url('assets/images/line.svg');
  background-repeat:no-repeat;
  background-size:70%;
  background-position:center;
}
.ks-step-2>div:nth-child(2) .ks-title,
.ks-title en
{
  font-weight:400;
  color:#000;
}
.ks-step-2>div:nth-child(2) p
{
  color:#000;
}
/* .ks-step-2 .next-btn
{
  opacity: 0;
  position:static;
  transform:none;
} */
.ks-step-2 .next-btn:before
{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}
en
{
  display:block;
  font-weight:400;
  color:#000;
}
.question-title
{
  font-weight:700;
  color:#be1e2d;
  display: flex;
  font-size:1.35rem;
}
.question-title b
{
  flex:none;
}
.question-title span
{
  margin-left:.5rem;
  flex-grow: 0;
  flex-shrink:1;
}
.ans
{
  display:flex;
  justify-content:space-between;
  padding: 1rem 0 1rem 5rem;
  align-items: flex-start;
}
.ans-item__icon img
{
  width: 3rem;
  height: auto;
}
.ans-item__icon img:nth-child(2)
{
  display:none;
}
.ans-item
{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  cursor: pointer;
  position: relative;
  text-align: center;
  margin-top: -1.75rem;
}

.ans-item.active,
.ans-item.active *
{
  color:#000;
}
.ans-item.active .ans-item__icon
{
  animation: beat .35s infinite alternate;
	transform-origin: center;
}
.ans-item.active .ans-item__icon img 
{
  display:none;
}
.ans-item.active .ans-item__icon img:nth-child(2)
{
  display:block;
}
.ks-step-3 .submit-form
{
  margin-top:1rem;
}
@keyframes beat{
	to { transform: translateY(-50%) scale(1.25); }
}
.ks-section .invalid
{
  color:#F44336;
  margin-bottom:1rem;
  display: block;
  padding-left: 5rem;
}
.ks-section .invalid + .invalid
{
    display:none;
}
.ans-input-more,
.kh-info input
{
  border:Thin solid #ccc;
  height: 2.75rem;
  width:100%;
  padding: .25rem 1rem;
  box-sizing: border-box;
  border-radius: .25rem;
}
.kh-info input
{
  margin: 1rem 0 1rem 5rem;
}
.share-more
{
  display:flex;
  margin: 1rem 0 1rem 5rem;
}
.voice
{
  position:relative;
  margin-left:1rem;
  width: 5rem;
}
.voice img
{
  width:2rem;
}
.voice .stopRecord
{
  display:none;
  background: #a30d0d !important;
}
.voice .stopRecord img
{
  filter:invert(1);
}
.voice button
{
  padding:0;
  background:transparent;
  border:none;
  position:absolute;
  left:1rem;
  top:50%;
  transform:translateY(-50%);
  width:2.5rem;
  height:2.5rem;
  border-radius:50%;
}
.voice button:hover,
.voice button:focus
{
  background:transparent;
}
.voice audio
{
  display:none;
}
.custom-play {
    background: #009688;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 1.75rem;
    height: 1.75rem;
    font-size: 1.125rem;
    cursor: pointer;
    margin-right: 10px;
    transition: 0.3s;
}
.changepass
{
  position:absolute;
  width:5rem;
  right: 3rem;
  display: flex;
  white-space:nowrap;
  flex-direction:column;
  top:50%;
  transform:translateY(-50%);
  cursor:pointer;
  font-weight:600;
  text-align:center;
}
.changepass img
{
  width:2rem;
}
#explain
{
  height:5rem;
  padding:.5rem;
}
.custom-play:hover
{
  background:#009688;
}
.custom-play:focus
{
  border:none;
  outline:none;
}
.custom-play + audio
{
  position:absolute;
  z-index:-11;
  visibility:hidden;
}
.custom-play:hover {
    background: #0056b3;
}
.startRecord
{
  
}
.tk-bg
{
  width:100%;
  height:100%;
  position:absolute;
  z-index: 2;
  left:0;
  bottom:0;
  display:flex;
  align-items:flex-end;
}
.tk-bg img
{
  width:100%;
  height:auto;
  margin-bottom: 0;
}
.fireworks-wrap {
  position: relative;
  z-index: 333;
}
.fireworks-wrap svg {
  position: absolute;
  width: 70vw;
  height: 50vw;
  overflow: visible;
  left: 50%;
  top: 0%;
  transform: translate(-50%, -50%);
  z-index: 999;
  opacity: 0;
}

.page-template-khao-sat-dashbroad .dt-main-menu,
.page-template-khao-sat-icon .dt-main-menu,
.page-template-khao-sat-them-sl-bill .dt-main-menu,
.page-template-danh-gia .dt-main-menu
{
  display:none;
}
.page-template-khao-sat-dashbroad .header-inner,
.page-template-khao-sat-icon .header-inner,
.page-template-khao-sat-them-sl-bill .header-inner,
.page-template-danh-gia .header-inner
{
  justify-content:center;
}

.result
{
  color:green;
}
.filter-wrap
{
  display:flex;
  align-items:center;
  justify-content: flex-end;
  padding: 2rem;
}
.filter-wrap>div:not(:last-child):after,
.filter-wrap>div:not(:last-child):before
{
    content:'';
    position:absolute;
    right:1rem;
    top:50%;
    transform:translateY(-50%);
    width:1.25rem;
    height:1.25rem;
    background-image:url(assets/images/chevron.svg);
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
  z-index:1;
}
.filter-wrap>div:not(:last-child):after
{
  background:#fff;
  z-index:0;
  width:1.75rem;
}
.filter-wrap>div:not(:last-child) select
{
  height:32px;
  padding:0 1rem;
  min-width:14rem;
  border-color:#ccc;
}
.filter-wrap>div
{
  margin-right:.5rem;
  position:relative;
}
.filter-wrap div input:not([type="select-one"]),
.filter-wrap a,
.filter-wrap .selectize-input
{
  display:flex !important;
  align-items:center;
  color: #616a78 !important;
  border: 1px solid #ebebeb;
  border-radius: 4px;
  height: 32px;
  line-height:32px;
  width: auto;
  max-width: 100%;
  padding-left: 12px !important;
  padding-right: 18px;
  font-size: 1rem;
  font-weight: 400;
  outline: none !important;
  -webkit-transition: .5s;
  transition: .5s;
}
.filter-wrap .selectize-control
{
  max-height:32px;
}
.filter-wrap .selectize-input
{
  min-width: 202px;
  max-width: 202px;
  font-size:.875rem;
}
.filter-wrap .selectize-input:before
{
  content:'';
  position:absolute;
  width:2rem;
  height:100%;
  background:#fff;
  right:0;
  top:0;
}
.filter-wrap .time-filter input[type="text"]

{
  max-width:140px;
}
.search-p3
{
    flex-grow: 1;
}
.filter-wrap .search-p3 input[type="text"]
{
    max-width: unset;
    width: 100%;
}
.filter-wrap div input[type="select-one"],
.filter-wrap .selectize-input
{
    box-shadow: none !important;
}
.time-filter
{
  display:flex;
  align-items:center;
}
.time-filter>div
{
  margin-right:1rem;
}
.time-filter>div:last-child,
.filter-wrap>div:last-child
{
  margin-right:0;
}
.is-invalid label
{
  color:red;
}
.results
{
  /* padding-top:1rem; */
}
.results .box-header
{
  padding: 0.5rem 1.5rem;
}
.results .box-header .box-title
{
  margin-bottom:0;
  font-size: 12px;
  font-weight:600;
  text-align: center;
  display: block;
  padding: .5rem;
  color: #222222;
  white-space: nowrap;
}
.results .box
{
  border:none;
  padding-bottom:1rem;
  margin-bottom: 10px;
}
.main-box .row
{
  justify-content:center;
}
.main-box .col-md-2
{
  flex: 0 0 20%;
  max-width: 20%;
}
.results .box.box-shadowed
{
  border:thin solid #eee;
  border-radius:.5rem;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.results .box-slided-up .box-body
{
  padding:0;
}
.results table img
{
  width:24px;
  height:24px;
}
.results .notfound
{
  padding: 1.25rem;
  display:inline-block;
}
.table-filter
{
  position: static;
  display: inline-block;
  transform: translateY(8px);
}
.table-filter input
{
  max-width:120px;
  height:30px;
  display: flex !important;
  align-items: center;
  color: #616a78 !important;
  border: 1px solid #ebebeb;
  margin-right:10px;
  font-weight: 400;
  outline: none !important;
  padding-left:10px;
}
.table-filter input:last-child
{
  margin-right:0;
}
body [type=checkbox]+label
{
    font-weight: 400;
    cursor: pointer;
}
.danger
{
  pointer-events:none;
  cursor:none;
}
.danger span
{
  color:#de0000;
}
.box-title span
{
  color:#055c02;
  margin-left:.5rem;
  font-size:1rem;
}
body .box-header>.box-tools, body .box-header> .box-controls
{
  top:.875rem;
}
#dt-main-content .dataTables_wrapper .dataTables_processing
{
   width: 100%;
   height: 100%;
   font-size:0;
   background: transparent;
   left: 0;
   top: 0;
   transform: none;
   margin: 0;
}
#dt-main-content .dataTables_wrapper .dataTables_processing:before
{
   content:'';
   position: fixed;
   width: 2.5rem;
   height: 2.5rem;
   border: .1875rem solid #41AD49;
   border-top-color: white;
   border-radius: 50%;
   -webkit-animation: rotateAnimation 1s linear infinite;
   animation: rotateAnimation 1s linear infinite;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   display: block;
   font-size:0;
   background: transparent;
   left: 50%;
   top: 50%;
   transform: translate(-50%,-50%);
}
.selectize-input>*
{
    white-space: nowrap;
}
.form-row textarea
{
  padding-top:.5rem;
}
.trans-notes,
.ticket-notes
{
  cursor:pointer;
}
.customer
{
  cursor:pointer;
}
.customer-info
{
  display:flex;
  max-height: 50vh;
  overflow-y: auto;
}
.customer-info h3
{
  font-size:14px;
  text-transform:uppercase;
  font-weight:600;
  white-space:nowrap;
  text-align:center;
}
.customer-info>div
{
  width:50%;
}
.customer-info__trans
{
  padding-right:1rem;
}
.customer-info__sale
{
  border-left:thin solid #ccc;
  padding-left:1rem;
}
.customer-info>div>div
{
  margin-bottom:.25rem;
}
.customer-info>div>div:before,
.customer_info-row:before,
.line-info-line:before
{
  content:'- ';
}
.dt-alertify-large.alertify .ajs-body .ajs-content,
.dt-alertify-medium.alertify .ajs-body .ajs-content
{
  padding-left:0;
  padding-right:0;
  padding-left: 0;
  padding-right: 0;
 
}
#dashboard_daterangepicker {
    display: flex;
}
body .subheader_daterange .subheader_daterange-label
{
    border: thin solid #ccc;
    border-right: 0;
    height:30px;
    max-height:30px;
    display: inline-block;
   
}
body .subheader_daterange .subheader_daterange-label *
{
  position:relative;
  top:-2px;
  font-size: .875rem;
  font-weight: 400;
}
.subheader_daterange .subheader_daterange-label + .btn
{
  border-radius:0;
  border-left:none;
  position: relative;
  top: -0px;
  left: -2px;
  height:30px;
  background: #ff9900;
  padding-right: 12px;
}
.subheader_daterange .subheader_daterange-label + .btn i
{
    color:#fff;
}
.no-repeat-group,
.repeat-group
{
  display:flex;
  margin-top:-1.25rem;
}
.no-repeat-group *,
.repeat-group *
{
  flex-basis:calc((100% - 1.5rem)/3);
  margin-right:.5rem;
}
.weekdays .weekdays-list
{
  width:100%;
  flex-basis: 100%;
  margin-bottom: 0;
  margin-right: 0;
}
.weekdays.repeat-group
{
  margin-top:-.5rem;
  width: 100%;
  flex-wrap: wrap;
}
.weekdays .weekdays-list .weekdays-day
{
  font-size:12px;
  white-space:nowrap;
}

#animatedLoader {
  position: fixed;
  z-index: 9999999999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
  pointer-events: none;
  -ms-touch-action: none;
  touch-action: none;
}

#animatedLoader.fade-in {
opacity: 1;
visibility: visible;
background: rgb(0 0 0 / 52%);
pointer-events: all;
}

#animatedLoader.fade-out {
  opacity: 0;
  visibility: hidden;
}

#animatedLoader .loader {
  width: 2.5rem;
  height: 2.5rem;
  border: .1875rem solid #41AD49;
  border-top-color: white;
  border-radius: 50%;
  -webkit-animation: rotateAnimation 1s linear infinite;
  animation: rotateAnimation 1s linear infinite;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}

#animatedLoader .loader::before,
#animatedLoader .loader::after {
  content: none;
}

@-webkit-keyframes rotateAnimation {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
  }

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

@keyframes rotateAnimation {
  0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
  }

  100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
  }
}
.ppd-wrap>div
{
  display:flex;
  justify-content:space-between;
  margin-bottom: 1rem;
}
.ppd-wrap>div>div
{
  display:flex;
  align-items:center;
  font-weight:600;
}
.ppd-wrap>div img
{
  width:2rem;
  margin: 0;
  margin-right:1rem;
}
.ppd-wrap>div span
{
  font-weight:600;
}
.promoters
{
  color:#3cb44a;
}
.passives
{
  color:#faae42;
}
.detractors
{
  color:#f0592d;
}
#nps
{
  /* margin-top: -6.5em; */
  /* margin-bottom: -4vw; */
}
#branchfilter + .overview-results
{
  margin-top:4rem;
}

.ans-2
{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:.75rem 0 1.5rem 0;
  margin:2rem 0 1.5rem 5rem;
  border-top:.125rem solid #f27d7d;
  font-weight:600;
  position:relative;
  
}
.ans-2 .ans-item:before
{
  content:'';
  position:absolute;
  width: 1.25rem;
  height: 1.25rem;
  background:#f27d7d;
  border-radius:50%;
  top:-.5rem;
  left: 50%;
  transform: translateX(-50%);
}
.ans-2 .ans-item:last-child:before
{
  /* transform:translateX(.25rem); */
  /* margin-bottom: -8vw; */
}
.ans-2 .ans-item.active:before
{
   animation: beat .35s infinite alternate;
  transform-origin: center;
  background:#fbbc14;
}
.ans-text
{
  display:flex;
  justify-content:space-between;
  margin:-2rem 0 3rem 5rem;
  font-weight:700;
  text-align:center;
}
.ans-text-item:nth-child(1)
{
  color:#bd1e2c;
  transform: translateX(-1.5rem);
}
.ans-text-item:nth-child(2)
{
  color:#114aba;
}
.ans-text-item:nth-child(3)
{
  color:#4fcf05;
  transform: translateX(3.5rem);
}
.ans-item__title
{
  position:absolute;
  font-size:.825rem;
  text-align: center;
}

.ksv2-section .ans-item
{
  margin-top:0;
  width: auto;
  padding-left: 0;
}
.ans-item__icon
{
  position:absolute;
  width: 3rem;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.ksv2-section .ans-item__title
{
  font-size: 0;
  position: static;
  font-weight: 400;
  line-height: 1;
}
.ksv2-section .ans-2
{
  border:none;
  margin: 1rem 0 .25rem 5rem;
  padding-top: 2rem;
  padding-right: 2.5rem;
  width: 100%;
  box-sizing: border-box;
}
.ksv2-section .ans-2 .ans-item:before
{
  border: .125rem solid #000;
  background:transparent;
  top: calc(50% + .125rem);
  left: 50%;
  transform: translate(-50%,-50%);
  width: 1.25rem;
  height: 1.25rem;
  opacity: 0;
}
.ksv2-section .ans-2 .ans-item.active:before
{
  background:#2196F3;
  border-color:#2196F3;
  animation: beat2 .35s infinite alternate;
  transform-origin: center;
}
.checkbox-ans .ans-item
{
    margin-bottom:1rem;
    max-width: 60%;
    text-align:left;
    margin-right: 5rem;
}
@keyframes beat2{
	to { transform: translateY(-50%) scale(1.35); }
}
.ppd-wrap
{
  display:flex;
  justify-content:center;
  margin: 0rem 0 2rem;
  flex-direction:column;
  align-items:flex-start;
}
.row-2 .ppd-wrap
{
    display:flex;
    justify-content:center;
    flex-direction:row;
    width: 100%;
}
.scrore
{
  font-size:4rem;
  font-weight:600;
  padding-left: 1rem;
}
.nps-col .scrore
{
  font-size:5.5rem;
}
.overview-results .row:first-child .box-body
{
  display:flex;
  justify-content:space-around;
  align-items:center;
}
.nps-col
{
  margin:auto;
}
.overview-results .row .col-md-4
{
  
}
.overview-results .row:first-child .col-12
{
  margin-bottom:calc(2*15px - 10px);
}
.ppd-wrap .item
{
  margin-right:2rem;
}
.ppd-wrap .item span
{
  width:2rem;
  margin-right:.5rem;
}
body .container .dt-buttons .dt-button
{
  background:#2196F3;
  border-color:#2196F3;
}
body .container .dt-buttons .dt-button:hover,
body .container .dt-buttons .dt-button:focus
{
  background:#E91E63;
  border-color:#E91E63;
}
.ks-step-4 .ks-title
{
  font-size:1.25rem;
  text-transform:none;
  color: #000;
  max-width: 66%;
  margin:  0 auto 2rem;
}
.kh-info
{
  max-width:50%;
  margin:auto;
  box-sizing:border-box;
}
.kh-info input
{
  margin:0 0 1.5rem;
}
.note
{
  font-style:italic;
  margin:0 0 1.5rem;
}
body table.dataTable.nowrap th,body  table.dataTable.nowrap td
{
  white-space: normal;
}
.radio-ans,
.checkbox-ans
{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
}
.radio-ans label,
.checkbox-ans label
{
  padding-left: 2.5rem;
  position:relative;
  font-weight: 400;
  font-size: 1.125rem;
}
.radio-ans label:before,
.checkbox-ans label:before
{
  content:'';
  position:absolute;
  width: 1rem;
  height: 1rem;
  border:3px solid #4e4e4e;
  border-radius:50%;
  top:50%;
  left: 0rem;
  transform: translateY(-50%);
}
.checkbox-ans label:before
{
    border-radius:.25rem;
     width: 1.25rem;
  height: 1.25rem;
}
.radio-ans input[type="radio"]:checked+label:before,
.checkbox-ans input[type="radio"]:checked+label:before
{
   animation: beat .35s infinite alternate;
  transform-origin: center;
  background:#fbbc14;
  border-color:#fbbc14;
}
/*--------------------------------------------------------------
>>> popup
--------------------------------------------------------------*/
.popup-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: rgba(0, 0, 0, 0.65);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.popup-wrapper.show {
  opacity: 1;
  visibility: visible;
  z-index: 1002;
  -webkit-transition: none;
  transition: none;
}

.popup-wrapper.show .popup {
  -webkit-animation: zoomIn .5s ease-out;
          animation: zoomIn .5s ease-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale3d(0, 0, 0);
            transform: scale3d(0, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    -webkit-transform: scale3d(0, 0, 0);
            transform: scale3d(0, 0, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
.popup--normal .popup {
  width: 45rem;
  max-width: 92%;
  max-width: 56rem;
  background: #fff;
  padding: 0;
  background: #fff;
  -webkit-box-shadow: 0.125rem 0.625rem 0.4375rem rgba(0, 0, 0, 0.2);
  box-shadow: 0.125rem 0.625rem 0.4375rem rgba(0, 0, 0, 0.2);
  max-height: 85%;
  overflow-y:auto;
  scroll-behavior: smooth;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  border-radius:1rem;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
::-webkit-scrollbar {
    width: .3vw;
    height:.3vw;
}
::-webkit-scrollbar-track {
    background:transparent;
}
::-webkit-scrollbar-thumb {
  background:#ccc;
}
.popup-header {
  position: relative;
}

.popup__subtitle {
  font-size: .875rem;
  font-weight: 400;
}

.popup__title {
  font-size: 1.25rem;
  font-weight: 400;
  margin: .5rem 0 .75rem;
}

.popup--normal .close-btn {
  position: absolute;
  cursor: pointer;
  right: 1.5rem;
  top: 1.5rem;
  background: transparent;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: .5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: all .25s;
  transition: all .25s;
}

.close-btn:hover {
  background: #eee;
}

.popup__image {
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
  max-width: 60%;
}

.popup__content {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  max-width: 40%;
  padding-left: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.popup-contents {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.popup__cta {
  text-align: center;
}
.popup-content-inner
{
  padding: 0 2rem 0;
  margin: 1rem 0 0;
  border-radius:.5rem;
  line-height:1.6;
  font-size:1.0625rem;
}
.popup-content-inner,
.popup-content-inner a {
  display: -ms-grid;
  display: grid;
}

.popup-content-inner img {
  max-height: 80vh;
}
.brand-list
{
  display:flex;
  flex-wrap:wrap;
  padding:2rem;
  justify-content:center;
}
.brand-list a
{
  width:calc((100% - 6rem)/3);
  padding:1.5rem;
  text-align: center;
  font-weight: 600;
}
.brand-list a img
{
  width:100%;
}
#gou_table_wrapper
{
  min-height:20rem;
}
.dashbroad-total-bill h1
{
  text-align:center;
  padding:2rem 0;
  font-size:1.75rem;
}

.form-row
{
    margin-bottom:.5rem;
}
.form-row input,
.form-row select,
.form-row textarea
{
    width:100%;
    height:2.5rem;
    border-color:#ccc;
    padding:0 1.25rem;
    box-sizing: border-box;
    border: thin solid #ccc;
    outline: none;
}
.form-row *:focus
{
    outline:none;
}
.invalid
{
    text-align:left;
    color:#c10000;
    font-size:.75rem;
    display:block;
    height: auto;
    padding: 0;
    margin: .35rem 0;
    border: none;
}
.is-invalid
{
    border-color:#c10000 !important;
  border-width:2px !important;
}
.datepicker td, .datepicker th
{
    padding: 4px;
}
.submit-btn
{
  cursor:pointer;
  text-transform:uppercase;
}
.submit-btn
{
  position:relative;
  left:50%;
  transform:translateX(-50%);
  padding:.425rem 1.5rem;
  margin:1rem 0 0;
  border:none;
}
.form-row .selectize-control.single
{
  width:100%;
}
.form-row .selectize-input
{
    height: 2.5rem;
    padding: 0 1.25rem;
    display: flex;
    align-items: center;
}
.ques2-1
{
    margin-top:1rem;
}
.ques2-1,
.ques2-2,
.ques2-3
{
    display:flex;
    align-items:center;
    text-align:center;
}
.ques-title
{
    flex:none;
    width:22rem;
    font-size:1.125rem;
}
.ksv2-section .ans-2.multipe-ques
{
    max-width: calc(100% - 22rem);
}
.ksv2-section .ans-2.checkbox-ans .ans-item:before
{
  border: .125rem solid #000;
  background:transparent;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  opacity: 1;
  border:3px solid transparent;
  top:0;
transform:none;
}
.ksv2-section .ans-2.checkbox-ans .ans-item.active:before,
.checkbox-ans [type="checkbox"]:checked + label:before
{
    background-image:url(assets/images/check-svgrepo-com.svg);
    background-size:90%;
    background-position:center;
    background-repeat:no-repeat;
    animation:none;
    border-color:#12b558;
}
.checkbox-ans .ans-item
{
    margin-bottom:1rem;
    max-width: 60%;
    text-align:left;
    margin-right: 5rem;
}
.list-branch
{
  text-align:left;
  padding:1rem 16rem;
}
.branch-item
{
  font-size:.875rem;
  color:#000;
  position:relative;
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content:flex-start;
  border-bottom:thin dashed #ccc;
}
.branch-item h2
{
  position:relative;
  padding-left:0rem;
}
.branch-item h2:before
{
  content:none;
  width:.5rem;
  height:.5rem;
  background:#000;
  position:absolute;
  left:0;
  border-radius:50%;
  top:50%;
  transform:translateY(-50%);
}
.bill-input h3
{
  font-size:1.125rem;
  text-transform:none;
}
.page-template-danh-gia [name="checknum"]
{
  visibility:hidden;
  height:0;
  opacity:0;
}
.page-content-box ul 
{
  margin:1rem 0;
}
.page-content-box p + ul
{
  margin-top:-.25rem;
}
.page-content-box ul li
{
  margin-bottom:.5rem;
}
.page-content-box ul ul
{
  margin:.5rem 0;
}
/*--------------------------------------------------------------
>>> popup
--------------------------------------------------------------*/
.popup-wrapper
{
position:fixed;
width:100%;
height:100%;
top:0;
left: 0;
display:flex;
align-items:center;
justify-content:center;
background-color: rgba(0,0,0,.65);
opacity: 0;
visibility:hidden;
z-index:-1;
}
.popup-wrapper.show
{
  opacity: 1;
  visibility:visible;
  z-index: 1002;
  transition: none;
}
.popup-wrapper.show .popup
{
  animation: zoomIn .5s ease-out;
  animation-fill-mode: forwards;
}
.popup
{
  width: 52.375rem;
  max-width:92%;
  background:#fff;
  padding: 1.75rem 1.5rem;
  background: #fff;
  box-shadow: .125rem .625rem .4375rem rgba(0,0,0 ,0.20);
  max-height: 85%;
  overflow-y: auto;
  scroll-behavior: smooth;
  box-sizing: border-box;
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.popup-header
{
position:relative;
}
.popup__subtitle
{
  font-size: .875rem;
  font-weight:400;
}
.popup__title
{
  font-size: 1.25rem;
  font-weight:400;
  margin: .5rem 0 .75rem;
}
.close-btn
{
  position: absolute;
  cursor:pointer;
  right: -1rem;
  top: -1rem;
  background: #E4E6EB;
  border-radius: 50%;
  width: 2.1875rem;
  height: 2.1875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .35rem;
  box-sizing: border-box;
  transition:all .25s;
}
.close-btn:hover
{
  background: #d0d1d3;
}
.popup__image
{
  flex-basis: 52%;
  max-width: 52%;
}
.popup__content
{
 flex-basis: 45%;
 max-width: 45%;
 padding-left:2rem;
 box-sizing:border-box;
}
.popup-contents
{
  align-items:flex-start;justify-content: space-around;
}
@keyframes zoomIn {
  0% {
    transform: scale3d(0, 0, 0);
    opacity: 0;
  }
  100% {
    transform: scale3d(1,1,1);
    opacity: 1;
  }
}
/* MMC CONTROLLRER */
.dt-import
{
    padding-right:2.25rem !important;
    position:relative;
}
.import-sample
{
    vertical-align:middle;
    position:absolute;
    height:100%;
    width:2rem;
    display:flex;
    align-items:center;
    justify-content:center;
    right:0;
    top:0;
    margin-left: 1rem;
}
.import-sample img
{
    width:1rem;
    height:1rem;
  filter:invert(1);
}
.import__title
{
    margin-top:0;
    text-align:center;
}
.popup--import .popup
{
    width:35rem;
}
.import-wrapper
{
    margin-top:2.5rem;
    font-size: 1rem;
}
.import-wrapper .submit-group
{
    margin-top:1.75rem;
    text-align: center;
    justify-content: center;
}
.result
{
    font-size:.9375rem;
    line-height:1.4;
}
.error
{
    color:#CE0E2D;
}
.success
{
    color:green;
}
.mmc-controler-toolbar
{
    color:#CE0E2D;
    font-style:italic;
    font-size:.875rem;
}
.header .container
{
    position:relative;
}
.header-info
{
    position:absolute;
    bottom:1rem;
    display:flex;
    justify-content:space-between;
}
.info-left
{
    display:flex;
    flex-basis:20rem;
}
.button
{
    padding:.5rem 1.25rem;
    background:#f4639a;
    box-shadow:navajowhite;
    outline:none;
    border:none;
    color:#fff;
    font-weight:600;
    cursor:pointer;
}
.button:hover
{
    box-shadow: inset 0 0 0 100px rgba(0,0,0,0.12) !important;
    transition:all .25s;
}

@media screen and (max-width: 1023px)
{
  /*--------------------------------------------------------------
  >>> General
  --------------------------------------------------------------*/
  html 
  {
    font-size: 3.7325vw;
  }
  .container,
  .container-wide
  {
    max-width:89.6%;
  }
  .btn
  {
    cursor: default;
    user-select: none;
  }
  .logo
  {
    width: 5rem;
  }
  .flex
  {
    flex-wrap: wrap;
  }
  .menu-item-83 a
  {
    margin-left: 0 !important;
  }
  .dt-primary-menu > li > a
  {
    white-space:nowrap;
  }
  .dt-main-menu
  {
    margin-left:1.25rem;
  }
  .dt-primary-menu > li > a
  {
    padding-left:.5rem;
    padding-right:.5rem;
  }
  .section-banner img
  {
    height:10.52rem;
  }
  .brand-item
  {
    flex-basis:calc((100% - 1.5rem)/2);
  }
  .brand-item:nth-child(2n+2)
  {
    margin-right:0;
  }
  .brand-item img
  {
    max-height:2.5125rem;
  }
  .hashtag
  {
    flex-wrap:wrap;
  }
  .hashtag-item
  {
    margin-right:.75rem;
  }
  .hashtag-item:last-child
  {
    margin-right:0;
  }
  .product-item
  {
    flex-basis:calc((100% - 1.5rem)/2);
  }
  .product-item:nth-child(2n+2)
  {
    margin-right:0;
  }
  .footer-main
  {
    padding:1.5rem 0;
  }
  .footer-bottom-inner
  {
    flex-direction: column-reverse;
  }
  .copyright
  {
    margin-top:.5rem;
  }
  .promotions-item img
  {
    height: 17.14rem;
  }
  .promotions-detail-item
  {
    flex-wrap:wrap;
    padding: 1.75rem;
  }
  .promotions-detail-item__img
  {
    width: 80%;
    flex: none;
    margin: auto;
  }
  .promotions-detail-item h2
  {
    font-size: 1.75rem;
    line-height: 1.4;
  }
  body table {
    min-width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
table td,
table th
{
  font-size:.75rem;
  letter-spacing:-.25px;
}
.dt-main-menu {
  display: block;
  padding: 4.0625rem 1.25rem 1.25rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 120vh;
  width: 80vw;
  position: fixed;
  background: #fffafc;
  left: 0;
  top: 0;
  z-index: 99;
  -webkit-transform: translateX(-85vw);
  transform: translateX(-85vw);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-animation-fill-mode: none !important;
  animation-fill-mode: none !important;
  -webkit-animation: none !important;
  animation: none !important;
}
.dt-main-menu #primary {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.offcanvas-active .dt-main-menu #primary {
  padding-left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 31.25rem;
}
body.offcanvas-active .dt-main-menu {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-box-shadow: 0 0 1.5625rem rgb(0 0 0 / 20%);
  box-shadow: 0 0 1.5625rem rgb(0 0 0 / 20%);
  margin: 0;
}
.header-main
{
  display:flex;
  justify-content:space-between;
  align-items:center;
  width: 100%;
}
.offcanvas-menu img
{
  width:1.5rem;
}
.dt-main-menu #primary > li .dt-dropdown-menu-wrapper {
  position: static;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  top: unset;
  margin: 0;
  height: auto;
  opacity: 1;
  z-index: 1;
  visibility: visible;
  overflow: hidden;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  padding-right: 0;
  min-width: 11.25rem;
  padding-left: 1.5rem;
}
.dt-dropdown-menu-wrapper:before
{
content:none;
}
.dt-dropdown-menu-wrapper .dropdown-menu li a span
{
color:#f4639a;
font-size: .8125rem;
}
  .cs-list
  {
    flex-wrap:wrap;
  }
  .abs-icon.sparkle2
  {
    right:0;
  }
  .abs-icon.sparkle1
  {
    left:0;
  }
  .ht-content img
  {
    max-width:100%;
  }
  .ht-content, .dk-list
  {
    margin-top: 2rem;
  }
  .section-dk .section-title
  {
    padding:0 1rem;
  }
  .dk-nav
  {
    overflow-x: auto;
    max-width: 100%;
    width: auto;
  }
  .dk-nav-item
  {
    width: 7.5rem;
    flex: none;
    font-size:.8125rem;
    padding: 1.25rem .5rem;
    box-sizing: border-box;
  }
  .dk-nav-item.active
  {
    margin-top:0;
  }

  .ks-section
  {
    padding: 4rem 2rem 6rem;
    min-height: 100vh;
    box-sizing: border-box;
  }
  .ks-section .container
  {
    max-width:100%;
  }
  .ks-wrap
  {
    min-height:50vh;
  }
  .rise-label input
  {
    height:2.5rem;
    font-size:1rem;
  }
  .rise-label label
  {
    top:.75rem;
    font-size: .875rem;
  }
  .ks-section button, .submit-form [name="save_form"],.submit-form [name="next_form"]
  {
    padding:.75rem 1.75rem;
    font-size:1rem;
  }
  .voice button
  {
    padding:0;
  }
  .voice
  {
    margin-left:0;
  }
   .ks-title
   {
     font-size:1.25rem;
   }
   .ks-step-2 p
   {
     font-size:1rem;
     padding:0;
   }
  .question-title
  {
    font-size: .875rem;
  }
  .ans
  {
    padding-left:0;
  }
  .ans-item__icon img
  {
    width:2rem;
  }
  .ks-section .invalid,
  .ans-item__title
  {
    font-size: .7rem;
    padding-left:0;
  }
  .fireworks-wrap svg
  {
    transform: translate(-50%, -20%);
  }
.ans-2,
  .ans-text
{
  margin-left:0;
}
   .ans-text
  {
    margin-left:-.75rem;
    margin-right:-.75rem;
  }
  .ans-text-item
  {
    font-size:.75rem;
  }
  .ans-text-item:nth-child(1),
  .ans-text-item:nth-child(3)
  {
    transform:translateX(0)
  }
  .ksv2-section .ans-item__title
  {
    font-size: 0;
  }
  .ksv2-section .ans-2 .ans-item:before
  {
    width:.875rem;
    height:.875rem;
    border-width:thin;
  }
   .ksv2-section .ans-2 .ans-item
  {
    padding-left:1.5rem;
  }
  .ksv2-section .ans-2,
  .ans-input-more,
  .share-more
  {
    margin-left:0;
    padding-right: 0;
    padding: 1rem 0 0;
    padding-right: 1rem;
  }
  .ans-input-more
  {
    padding:.5rem 1rem;
    font-size:.875rem;
    height:2.25rem;
  }
  .ks-step-4 .ks-title,
  .kh-info
  {
    max-width:100%;
  }
  .radio-ans label
  {
    font-weight:400;
    font-size:.875rem;
  }
  .radio-ans .ans-item
  {
    margin-bottom:.5rem;
  }
    .ques2-1, .ques2-2, .ques2-3
    {
        flex-wrap:wrap;
        margin-bottom: 2rem;
    }
    .ques-title
    {
        width:100%;
        font-size:.875rem;
        text-align:left;
    }
    .ksv2-section .ans-2.multipe-ques
    {
        max-width:100%;
    }
    .radio-ans label, .checkbox-ans label
    {
        font-size:.875rem;
    }
    .checkbox-ans label:before
    {
        width:1rem;
        height:1rem;
    }
  .changepass
  {
    right:5rem;
    font-size:.8rem;
  }
   .changepass img
  {
    width:1.5rem;
  }
  .bill-input.alertify .ajs-body .ajs-content
  {
    padding:0;
  }
  .list-branch
  {
    padding:0 1rem;
  }  
}

@media only screen and (max-width: 1023px) and (min-width: 768px)  {
  .logo
  {
    width:2.5rem;
  }
  .offcanvas-menu img
  {
    width:1rem;
  }
  .widget-title,
  .textwidget
  {
    font-size:1rem;
  }
  .textwidget,
  .footer-bottom *
  {
    font-size:.875rem;
  }
  .footer-bottom *
  {
    font-size:.75rem;
  }
}
@media (prefers-color-scheme: dark)
{
  .ans-item__icon img,
  .voice button
  {
    filter: invert(1) !important;
  }
}