/* Framework.CSS

    Template Name:      FRESH
    Template URL:       https://tacohsiung.com
    Author:             Taco
    Version:            1.0
*/
/*Style.CSS*/
/* All logos and logo sizes are edited in this CSS*/
.header-logo-image,
.footer-logo {
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  width: 147px; }

#preloader h1 {
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
  height: 100px; }

.preloader-light h1 {
  background-image: url(../images/logo.png) !important; }

.preloader-dark h1 {
  background-image: url(../images/logo.png) !important; }

.dark-skin .header-logo-image,
.dark-skin .footer-logo {
  background-image: url(../images/logo-light.png) !important; }

.light-skin .header-logo-image,
.light-skin .footer-logo {
  background-image: url(../images/logo.png) !important; }

/*mmenu.css*/
:root {
  --mm-line-height: 20px;
  --mm-listitem-size: 44px;
  --mm-navbar-size: 44px;
  --mm-offset-top: 0;
  --mm-offset-right: 0;
  --mm-offset-bottom: 0;
  --mm-offset-left: 0;
  --mm-color-border: rgba(0, 0, 0, 0.1);
  --mm-color-button: rgba(0, 0, 0, 0.3);
  --mm-color-text: rgba(0, 0, 0, 0.75);
  --mm-color-text-dimmed: rgba(0, 0, 0, 0.3);
  --mm-color-background: #F4F4F4;
  --mm-color-background-highlight: rgba(0, 0, 0, 0.05);
  --mm-color-background-emphasis: rgba(255, 255, 255, 0.4);
  --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-hidden {
  display: none !important; }

.mm-wrapper {
  overflow-x: hidden;
  position: relative; }

.mm-menu {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f3f3f3;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: var(--mm-offset-top);
  right: var(--mm-offset-right);
  bottom: var(--mm-offset-bottom);
  left: var(--mm-offset-left);
  z-index: 0;
  background: var(--mm-color-background);
  border-color: var(--mm-color-border);
  color: var(--mm-color-text);
  line-height: var(--mm-line-height);
  -webkit-tap-highlight-color: var(--mm-color-background-emphasis);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .mm-menu a {
    text-decoration: none;
    color: inherit; }
    .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
      text-decoration: none;
      color: inherit; }

[dir=rtl] .mm-menu {
  direction: rtl; }

.mm-panel {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  z-index: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  background: var(--mm-color-background);
  border-color: var(--mm-color-border);
  color: var(--mm-color-text);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  -o-transition: transform .4s ease;
  transition: transform .4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease; }
  .mm-panel:after {
    height: 44px; }
  .mm-panel:not(.mm-hidden) {
    display: block; }
  .mm-panel:after {
    content: '';
    display: block;
    height: var(--mm-listitem-size); }

.mm-panel_opened {
  z-index: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-panel_opened-parent {
  -webkit-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0); }

.mm-panel_highest {
  z-index: 2; }

.mm-panel_noanimation {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important; }
  .mm-panel_noanimation.mm-panel_opened-parent {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

.mm-panels > .mm-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.mm-panel__content {
  padding: 20px 20px 0; }

.mm-panels {
  background: #f3f3f3;
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  position: relative;
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
  background: var(--mm-color-background);
  border-color: var(--mm-color-border);
  color: var(--mm-color-text); }

[dir=rtl] .mm-panel:not(.mm-panel_opened) {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

[dir=rtl] .mm-panel.mm-panel_opened-parent {
  -webkit-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0); }

.mm-listitem_vertical > .mm-panel {
  display: none;
  width: 100%;
  padding: 10px 0 10px 10px;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important; }
  .mm-listitem_vertical > .mm-panel:after, .mm-listitem_vertical > .mm-panel:before {
    content: none;
    display: none; }

.mm-listitem_opened > .mm-panel {
  display: block; }

.mm-listitem_vertical > .mm-listitem__btn {
  height: 44px;
  height: var(--mm-listitem-size);
  bottom: auto; }

.mm-listitem_vertical .mm-listitem:last-child:after {
  border-color: transparent; }

.mm-listitem_opened > .mm-listitem__btn:after {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
  right: 19px; }

.mm-btn {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50px;
  padding: 0; }
  .mm-btn:after, .mm-btn:before {
    border: 2px solid rgba(0, 0, 0, 0.3);
    border: 2px solid var(--mm-color-button); }

.mm-btn_next:after {
  content: '';
  border-bottom: none;
  border-right: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0; }

.mm-btn_prev:before {
  content: '';
  border-bottom: none;
  border-right: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 23px;
  right: auto; }

.mm-btn_next:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  right: 23px;
  left: auto; }

.mm-btn_close:after {
  content: '';
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.mm-btn_close:before {
  content: '';
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-right: none;
  border-bottom: none;
  right: 18px; }

.mm-btn_close:after {
  border-left: none;
  border-top: none;
  right: 25px; }

[dir=rtl] .mm-btn_next:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 23px;
  right: auto; }

[dir=rtl] .mm-btn_prev:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  right: 23px;
  left: auto; }

[dir=rtl] .mm-btn_close:after {
  right: auto; }

[dir=rtl] .mm-btn_close:before {
  right: auto;
  left: 25px; }

[dir=rtl] .mm-btn_close:after {
  left: 18px; }

.mm-navbar {
  min-height: 44px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: #f3f3f3;
  color: rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: var(--mm-navbar-size);
  border-bottom: 1px solid var(--mm-color-border);
  background: var(--mm-color-background);
  color: var(--mm-color-text-dimmed);
  text-align: center;
  opacity: 1;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity 0.4s ease; }
  .mm-navbar > * {
    min-height: 44px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

@supports (position: -webkit-sticky) or (position: sticky) {
  .mm-navbar_sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1; } }

.mm-navbar__btn {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0; }

.mm-navbar__title {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
  padding-right: 20px;
  overflow: hidden; }
  .mm-navbar__title:not(:last-child) {
    padding-right: 0; }
  .mm-navbar__title > span {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

.mm-navbar__btn:not(.mm-hidden) + .mm-navbar__title {
  padding-left: 0; }
  .mm-navbar__btn:not(.mm-hidden) + .mm-navbar__title:last-child {
    padding-right: 50px; }

[dir=rtl] .mm-navbar {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.mm-listview {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-listitem {
  color: rgba(0, 0, 0, 0.75);
  border-color: rgba(0, 0, 0, 0.1);
  color: var(--mm-color-text);
  border-color: var(--mm-color-border);
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .mm-listitem:after {
    content: '';
    border-color: inherit;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 20px;
    right: 0;
    bottom: 0; }
  .mm-listitem a {
    text-decoration: none; }
    .mm-listitem a:hover {
      text-decoration: none; }
  .mm-listitem img {
    height: 24px;
    width: 24px;
    object-fit: contain;
    float: left;
    margin-right: 8px; }

.mm-listitem__btn {
  padding: 12px;
  display: block;
  padding: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);
  padding-left: 0;
  padding-right: 0;
  color: inherit; }

.mm-listitem__text {
  padding: 12px;
  display: block;
  padding: calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);
  padding-left: 0;
  padding-right: 0;
  color: inherit;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 20px;
  padding-right: 10px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 10%;
  flex-basis: 10%; }
  .mm-listitem__text::before {
    content: "";
    height: 100%;
    width: 6px;
    background: #53C325;
    display: block;
    position: absolute;
    top: 0;
    left: -6px;
    border-radius: 0 5px 5px 0;
    transition: all ease-in-out .2s; }

.mm-listitem__btn {
  background: rgba(3, 2, 1, 0);
  border-color: inherit;
  width: auto;
  padding-right: 50px;
  position: relative; }
  .mm-listitem__btn:not(.mm-listitem__text) {
    border-left-width: 1px;
    border-left-style: solid; }

.mm-listitem_selected > .mm-listitem__text {
  background: white;
  background: var(--mm-color-background-emphasis);
  transition: all ease-in-out .3s;
  position: relative; }
  .mm-listitem_selected > .mm-listitem__text::before {
    left: 0; }

.mm-listitem_opened > .mm-listitem__btn,
.mm-listitem_opened > .mm-panel {
  background: rgba(0, 0, 0, 0.05);
  background: var(--mm-color-background-highlight); }

[dir=rtl] .mm-listitem:after {
  left: 0;
  right: 20px; }

[dir=rtl] .mm-listitem__text {
  padding-left: 10px;
  padding-right: 20px; }

[dir=rtl] .mm-listitem__btn {
  padding-left: 50px;
  border-left-width: 0;
  border-left-style: none; }
  [dir=rtl] .mm-listitem__btn:not(.mm-listitem__text) {
    padding-right: 0;
    border-right-width: 1px;
    border-right-style: solid; }

.mm-page {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }

.mm-slideout {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  -o-transition: transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
  z-index: 1; }

.mm-wrapper_opened {
  overflow-x: hidden;
  position: relative; }
  .mm-wrapper_opened .mm-page {
    min-height: 100vh; }

.mm-wrapper_background .mm-page {
  background: inherit; }

.mm-menu_offcanvas {
  position: fixed;
  right: auto;
  z-index: 0;
  width: 80%;
  min-width: 240px;
  max-width: 440px; }
  .mm-menu_offcanvas:not(.mm-menu_opened) {
    display: none; }

.mm-wrapper_opening .mm-menu_offcanvas ~ .mm-slideout {
  -webkit-transform: translate3d(80vw, 0, 0);
  transform: translate3d(80vw, 0, 0); }

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_offcanvas ~ .mm-slideout {
    -webkit-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0); } }

@media all and (min-width: 550px) {
  .mm-wrapper_opening .mm-menu_offcanvas ~ .mm-slideout {
    -webkit-transform: translate3d(440px, 0, 0);
    transform: translate3d(440px, 0, 0); } }

.mm-wrapper__blocker {
  background: rgba(3, 2, 1, 0);
  overflow: hidden;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2; }

.mm-wrapper_blocking {
  overflow: hidden; }
  .mm-wrapper_blocking body {
    overflow: hidden; }
  .mm-wrapper_blocking .mm-wrapper__blocker {
    display: block; }

.mm-sronly {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  width: 1px !important;
  min-width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important; }

.mm-menu_autoheight:not(.mm-menu_offcanvas) {
  position: relative; }

.mm-menu_autoheight.mm-menu_position-bottom, .mm-menu_autoheight.mm-menu_position-top {
  max-height: 80%; }

.mm-menu_autoheight-measuring .mm-panel {
  display: block !important; }

.mm-menu_autoheight-measuring .mm-panels > .mm-panel {
  bottom: auto !important;
  height: auto !important; }

.mm-menu_autoheight-measuring .mm-listitem_vertical:not(.mm-listitem_opened) .mm-panel {
  display: none !important; }

[class*=mm-menu_columns-] {
  -webkit-transition-property: width;
  -o-transition-property: width;
  transition-property: width; }
  [class*=mm-menu_columns-] .mm-panels > .mm-panel {
    right: auto;
    -webkit-transition-property: width, -webkit-transform;
    transition-property: width, -webkit-transform;
    -o-transition-property: width, transform;
    transition-property: width, transform;
    transition-property: width, transform, -webkit-transform; }
  [class*=mm-menu_columns-] .mm-panels > .mm-panel_opened,
  [class*=mm-menu_columns-] .mm-panels > .mm-panel_opened-parent {
    display: block !important; }

[class*=mm-panel_columns-] {
  border-right: 1px solid;
  border-color: inherit; }

.mm-menu_columns-1 .mm-panel_columns-0,
.mm-menu_columns-2 .mm-panel_columns-1,
.mm-menu_columns-3 .mm-panel_columns-2,
.mm-menu_columns-4 .mm-panel_columns-3 {
  border-right: none; }

[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-0 {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu_columns-0 {
  width: 80%;
  min-width: 240px;
  max-width: 0; }
  .mm-menu_columns-0 .mm-panels > .mm-panel {
    z-index: 0; }
    .mm-menu_columns-0 .mm-panels > .mm-panel else {
      width: 100%; }
    .mm-menu_columns-0 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0); }

.mm-wrapper_opening .mm-menu_columns-0 ~ .mm-slideout {
  -webkit-transform: translate3d(80vw, 0, 0);
  transform: translate3d(80vw, 0, 0); }

.mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(-80vw, 0, 0);
  transform: translate3d(-80vw, 0, 0); }

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_columns-0 ~ .mm-slideout {
    -webkit-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0); } }

@media all and (min-width: 0px) {
  .mm-wrapper_opening .mm-menu_columns-0 ~ .mm-slideout {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0); } }

@media all and (min-width: 0px) {
  .mm-wrapper_opening .mm-menu_columns-0.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-1 {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.mm-menu_columns-1 {
  width: 80%;
  min-width: 240px;
  max-width: 440px; }
  .mm-menu_columns-1 .mm-panels > .mm-panel {
    z-index: 1;
    width: 100%; }
    .mm-menu_columns-1 .mm-panels > .mm-panel else {
      width: 100%; }
    .mm-menu_columns-1 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
      -webkit-transform: translate3d(200%, 0, 0);
      transform: translate3d(200%, 0, 0); }

.mm-wrapper_opening .mm-menu_columns-1 ~ .mm-slideout {
  -webkit-transform: translate3d(80vw, 0, 0);
  transform: translate3d(80vw, 0, 0); }

.mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(-80vw, 0, 0);
  transform: translate3d(-80vw, 0, 0); }

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_columns-1 ~ .mm-slideout {
    -webkit-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0); } }

@media all and (min-width: 550px) {
  .mm-wrapper_opening .mm-menu_columns-1 ~ .mm-slideout {
    -webkit-transform: translate3d(440px, 0, 0);
    transform: translate3d(440px, 0, 0); } }

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0); } }

@media all and (min-width: 550px) {
  .mm-wrapper_opening .mm-menu_columns-1.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-440px, 0, 0);
    transform: translate3d(-440px, 0, 0); } }

[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-2 {
  -webkit-transform: translate3d(200%, 0, 0);
  transform: translate3d(200%, 0, 0); }

.mm-menu_columns-2 {
  width: 80%;
  min-width: 240px;
  max-width: 880px; }
  .mm-menu_columns-2 .mm-panels > .mm-panel {
    z-index: 2;
    width: 50%; }
    .mm-menu_columns-2 .mm-panels > .mm-panel else {
      width: 100%; }
    .mm-menu_columns-2 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
      -webkit-transform: translate3d(300%, 0, 0);
      transform: translate3d(300%, 0, 0); }

.mm-wrapper_opening .mm-menu_columns-2 ~ .mm-slideout {
  -webkit-transform: translate3d(80vw, 0, 0);
  transform: translate3d(80vw, 0, 0); }

.mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(-80vw, 0, 0);
  transform: translate3d(-80vw, 0, 0); }

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_columns-2 ~ .mm-slideout {
    -webkit-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0); } }

@media all and (min-width: 1100px) {
  .mm-wrapper_opening .mm-menu_columns-2 ~ .mm-slideout {
    -webkit-transform: translate3d(880px, 0, 0);
    transform: translate3d(880px, 0, 0); } }

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0); } }

@media all and (min-width: 1100px) {
  .mm-wrapper_opening .mm-menu_columns-2.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-880px, 0, 0);
    transform: translate3d(-880px, 0, 0); } }

[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-3 {
  -webkit-transform: translate3d(300%, 0, 0);
  transform: translate3d(300%, 0, 0); }

.mm-menu_columns-3 {
  width: 80%;
  min-width: 240px;
  max-width: 1320px; }
  .mm-menu_columns-3 .mm-panels > .mm-panel {
    z-index: 3;
    width: 33.34%; }
    .mm-menu_columns-3 .mm-panels > .mm-panel else {
      width: 100%; }
    .mm-menu_columns-3 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
      -webkit-transform: translate3d(400%, 0, 0);
      transform: translate3d(400%, 0, 0); }

.mm-wrapper_opening .mm-menu_columns-3 ~ .mm-slideout {
  -webkit-transform: translate3d(80vw, 0, 0);
  transform: translate3d(80vw, 0, 0); }

.mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(-80vw, 0, 0);
  transform: translate3d(-80vw, 0, 0); }

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_columns-3 ~ .mm-slideout {
    -webkit-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0); } }

@media all and (min-width: 1650px) {
  .mm-wrapper_opening .mm-menu_columns-3 ~ .mm-slideout {
    -webkit-transform: translate3d(1320px, 0, 0);
    transform: translate3d(1320px, 0, 0); } }

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0); } }

@media all and (min-width: 1650px) {
  .mm-wrapper_opening .mm-menu_columns-3.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-1320px, 0, 0);
    transform: translate3d(-1320px, 0, 0); } }

[class*=mm-menu_columns-] .mm-panels > .mm-panel_columns-4 {
  -webkit-transform: translate3d(400%, 0, 0);
  transform: translate3d(400%, 0, 0); }

.mm-menu_columns-4 {
  width: 80%;
  min-width: 240px;
  max-width: 1760px; }
  .mm-menu_columns-4 .mm-panels > .mm-panel {
    z-index: 4;
    width: 25%; }
    .mm-menu_columns-4 .mm-panels > .mm-panel else {
      width: 100%; }
    .mm-menu_columns-4 .mm-panels > .mm-panel:not(.mm-panel_opened):not(.mm-panel_opened-parent) {
      -webkit-transform: translate3d(500%, 0, 0);
      transform: translate3d(500%, 0, 0); }

.mm-wrapper_opening .mm-menu_columns-4 ~ .mm-slideout {
  -webkit-transform: translate3d(80vw, 0, 0);
  transform: translate3d(80vw, 0, 0); }

.mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(-80vw, 0, 0);
  transform: translate3d(-80vw, 0, 0); }

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_columns-4 ~ .mm-slideout {
    -webkit-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0); } }

@media all and (min-width: 2200px) {
  .mm-wrapper_opening .mm-menu_columns-4 ~ .mm-slideout {
    -webkit-transform: translate3d(1760px, 0, 0);
    transform: translate3d(1760px, 0, 0); } }

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0); } }

@media all and (min-width: 2200px) {
  .mm-wrapper_opening .mm-menu_columns-4.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-1760px, 0, 0);
    transform: translate3d(-1760px, 0, 0); } }

[class*=mm-menu_columns-].mm-menu_position-bottom, [class*=mm-menu_columns-].mm-menu_position-top {
  width: 100%;
  max-width: 100%;
  min-width: 100%; }

.mm-wrapper_opening [class*=mm-menu_columns-].mm-menu_position-front {
  -webkit-transition-property: width, min-width, max-width, -webkit-transform;
  transition-property: width, min-width, max-width, -webkit-transform;
  -o-transition-property: width, min-width, max-width, transform;
  transition-property: width, min-width, max-width, transform;
  transition-property: width, min-width, max-width, transform, -webkit-transform; }

.mm-counter {
  color: rgba(0, 0, 0, 0.3);
  display: block;
  padding-left: 20px;
  float: right;
  text-align: right;
  color: var(--mm-color-text-dimmed); }

.mm-listitem_nosubitems > .mm-counter {
  display: none; }

[dir=rtl] .mm-counter {
  text-align: left;
  float: left;
  padding-left: 0;
  padding-right: 20px; }

.mm-divider {
  position: relative;
  min-height: 20px;
  padding: 4.3px;
  background: #f3f3f3;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  min-height: var(--mm-line-height);
  padding: calc(((var(--mm-listitem-size) * .65) - var(--mm-line-height)) * .5);
  padding-right: 10px;
  padding-left: 20px;
  font-size: 75%;
  text-transform: uppercase;
  background: var(--mm-color-background);
  opacity: 1;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity 0.4s ease; }
  .mm-divider:before {
    background: rgba(0, 0, 0, 0.05);
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: var(--mm-color-background-highlight); }

@supports (position: -webkit-sticky) or (position: sticky) {
  .mm-divider {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
    top: 0; }
  .mm-navbar_sticky:not(.mm-hidden) ~ .mm-listview .mm-divider {
    top: var(--mm-navbar-size); } }

.mm-wrapper_dragging .mm-menu,
.mm-wrapper_dragging .mm-slideout {
  -webkit-transition-duration: 0s !important;
  -o-transition-duration: 0s !important;
  transition-duration: 0s !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important; }

.mm-wrapper_dragging .mm-menu {
  pointer-events: none !important; }

.mm-wrapper_dragging .mm-wrapper__blocker {
  display: none !important; }

.mm-menu_dropdown {
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  height: 80%; }

.mm-wrapper_dropdown .mm-slideout {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  z-index: 0; }

.mm-wrapper_dropdown .mm-wrapper__blocker {
  -webkit-transition-delay: 0s !important;
  -o-transition-delay: 0s !important;
  transition-delay: 0s !important;
  z-index: 1; }

.mm-wrapper_dropdown .mm-menu_dropdown {
  z-index: 2; }

.mm-wrapper_dropdown.mm-wrapper_opened:not(.mm-wrapper_opening) .mm-menu_dropdown {
  display: none; }

.mm-menu_tip-bottom:before,
.mm-menu_tip-left:before,
.mm-menu_tip-right:before,
.mm-menu_tip-top:before {
  content: '';
  background: inherit;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  z-index: -1;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.mm-menu_tip-left:before {
  left: 22px; }

.mm-menu_tip-right:before {
  right: 22px; }

.mm-menu_tip-top:before {
  top: -8px; }

.mm-menu_tip-bottom:before {
  bottom: -8px; }

:root {
  --mm-iconbar-size: 50px; }

.mm-menu_iconbar-left .mm-navbars_bottom,
.mm-menu_iconbar-left .mm-navbars_top,
.mm-menu_iconbar-left .mm-panels {
  margin-left: 50px;
  margin-left: var(--mm-iconbar-size); }

.mm-menu_iconbar-left .mm-iconbar {
  border-right-width: 1px;
  display: block;
  left: 0; }

.mm-menu_iconbar-right .mm-navbars_bottom,
.mm-menu_iconbar-right .mm-navbars_top,
.mm-menu_iconbar-right .mm-panels {
  margin-right: 50px;
  margin-right: var(--mm-iconbar-size); }

.mm-menu_iconbar-right .mm-iconbar {
  border-left-width: 1px;
  display: block;
  right: 0; }

.mm-iconbar {
  width: 50px;
  border-color: rgba(0, 0, 0, 0.1);
  background: #f3f3f3;
  color: rgba(0, 0, 0, 0.3);
  display: none;
  width: var(--mm-iconbar-size);
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  border: 0 solid;
  border-color: var(--mm-color-border);
  background: var(--mm-color-background);
  color: var(--mm-color-text-dimmed);
  text-align: center; }

.mm-iconbar__bottom,
.mm-iconbar__top {
  width: inherit;
  position: absolute; }

.mm-iconbar__bottom > *,
.mm-iconbar__top > * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 12.5px 0; }

.mm-iconbar__bottom a {
  text-decoration: none; }
  .mm-iconbar__bottom a:hover {
    text-decoration: none; }

.mm-iconbar__top {
  top: 0; }
  .mm-iconbar__top a {
    text-decoration: none; }
    .mm-iconbar__top a:hover {
      text-decoration: none; }

.mm-iconbar__bottom {
  bottom: 0; }

.mm-iconbar__tab_selected {
  background: rgba(255, 255, 255, 0.4);
  background: var(--mm-color-background-emphasis); }

:root {
  --mm-iconpanel-size: 50px; }

.mm-panel_iconpanel-1 {
  width: calc(100% - 50px);
  width: calc(100% - (var(--mm-iconpanel-size) * 1)); }

.mm-panel_iconpanel-2 {
  width: calc(100% - 100px);
  width: calc(100% - (var(--mm-iconpanel-size) * 2)); }

.mm-panel_iconpanel-3 {
  width: calc(100% - 150px);
  width: calc(100% - (var(--mm-iconpanel-size) * 3)); }

.mm-panel_iconpanel-first ~ .mm-panel {
  width: calc(100% - 50px);
  width: calc(100% - var(--mm-iconpanel-size)); }

.mm-menu_iconpanel .mm-panels > .mm-panel {
  left: auto;
  -webkit-transition-property: width, -webkit-transform;
  transition-property: width, -webkit-transform;
  -o-transition-property: transform, width;
  transition-property: transform, width;
  transition-property: transform, width, -webkit-transform; }

.mm-menu_iconpanel .mm-panels > .mm-panel_opened {
  display: block !important; }

.mm-menu_iconpanel .mm-panels > .mm-panel_opened-parent {
  display: block !important;
  overflow-y: hidden;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset; }

.mm-menu_iconpanel .mm-panels > .mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {
  border-left-width: 1px;
  border-left-style: solid;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1); }

.mm-menu_hidedivider .mm-panel_opened-parent .mm-divider,
.mm-menu_hidenavbar .mm-panel_opened-parent .mm-navbar {
  opacity: 0; }

.mm-panel__blocker {
  background: inherit;
  opacity: 0;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 3;
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity 0.4s ease; }

.mm-panel_opened-parent .mm-panel__blocker {
  opacity: .6;
  bottom: -100000px; }

[dir=rtl] .mm-menu_iconpanel .mm-panels > .mm-panel {
  left: 0;
  right: auto;
  -webkit-transition-property: width, -webkit-transform;
  transition-property: width, -webkit-transform;
  -o-transition-property: transform, width;
  transition-property: transform, width;
  transition-property: transform, width, -webkit-transform; }
  [dir=rtl] .mm-menu_iconpanel .mm-panels > .mm-panel:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {
    border-left: none;
    border-right: 1px solid;
    border-color: inherit; }

.mm-menu_keyboardfocus a:focus,
.mm-menu_keyboardfocus.mm-menu_opened ~ .mm-wrapper__blocker a:focus {
  background: rgba(255, 255, 255, 0.4);
  background: var(--mm-color-background-emphasis);
  outline: 0; }

.mm-wrapper__blocker .mm-tabstart {
  cursor: default;
  display: block;
  width: 100%;
  height: 100%; }

.mm-wrapper__blocker .mm-tabend {
  opacity: 0;
  position: absolute;
  bottom: 0; }

.mm-navbars_top {
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .mm-navbars_top .mm-navbar:not(:last-child) {
    border-bottom: none; }

.mm-navbars_bottom {
  -ms-flex-negative: 0;
  flex-shrink: 0; }
  .mm-navbars_bottom .mm-navbar {
    border-bottom: none; }
    .mm-navbars_bottom .mm-navbar:first-child {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      border-top: 1px solid var(--mm-color-border); }

.mm-btn:not(.mm-hidden) + .mm-navbar__searchfield .mm-searchfield__input {
  padding-left: 0; }

.mm-navbar__searchfield:not(:last-child) .mm-searchfield__input {
  padding-right: 0; }

.mm-navbar__breadcrumbs {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0 20px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
  .mm-navbar__breadcrumbs > * {
    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-right: 6px; }
  .mm-navbar__breadcrumbs > a {
    text-decoration: underline; }
  .mm-navbar__breadcrumbs:not(:last-child) {
    padding-right: 0; }

.mm-btn:not(.mm-hidden) + .mm-navbar__breadcrumbs {
  padding-left: 0; }

.mm-navbar_tabs > * {
  padding: 0 10px;
  border: 1px solid transparent; }

.mm-navbar__tab_selected {
  background: #f3f3f3;
  color: rgba(0, 0, 0, 0.75);
  background: var(--mm-color-background);
  color: var(--mm-color-text); }
  .mm-navbar__tab_selected:not(:first-child) {
    border-left-color: rgba(0, 0, 0, 0.1); }
  .mm-navbar__tab_selected:not(:last-child) {
    border-right-color: rgba(0, 0, 0, 0.1); }
  .mm-navbar__tab_selected:not(:first-child) {
    border-left-color: var(--mm-color-border); }
  .mm-navbar__tab_selected:not(:last-child) {
    border-right-color: var(--mm-color-border); }

.mm-navbars_top .mm-navbar_tabs {
  border-bottom: none; }
  .mm-navbars_top .mm-navbar_tabs > * {
    border-bottom-color: rgba(0, 0, 0, 0.1);
    border-bottom-color: var(--mm-color-border); }

.mm-navbars_top .mm-navbar__tab_selected {
  border-top-color: rgba(0, 0, 0, 0.1);
  border-top-color: var(--mm-color-border);
  border-bottom-color: transparent; }

.mm-navbars_top.mm-navbars_has-tabs .mm-navbar {
  background: rgba(255, 255, 255, 0.4);
  background: var(--mm-color-background-emphasis); }

.mm-navbars_top.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar {
  background: #f3f3f3;
  background: var(--mm-color-background); }

.mm-navbars_bottom .mm-navbar_tabs:first-child {
  border-top: none; }

.mm-navbars_bottom .mm-navbar_tabs > * {
  border-top-color: rgba(0, 0, 0, 0.1);
  border-top-color: var(--mm-color-border); }

.mm-navbars_bottom .mm-navbar__tab_selected {
  border-bottom-color: rgba(0, 0, 0, 0.1);
  border-bottom-color: var(--mm-color-border);
  border-top-color: transparent; }

.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar {
  background: #f3f3f3;
  background: var(--mm-color-background); }

.mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs {
  background: rgba(255, 255, 255, 0.4);
  background: var(--mm-color-background-emphasis); }
  .mm-navbars_bottom.mm-navbars_has-tabs .mm-navbar_tabs ~ .mm-navbar {
    background: rgba(255, 255, 255, 0.4);
    background: var(--mm-color-background-emphasis); }

.mm-searchfield {
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: var(--mm-navbar-size);
  padding: 0;
  overflow: hidden; }
  .mm-searchfield input {
    height: 30.8px;
    line-height: 30.8px;
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    width: 100%;
    max-width: 100%;
    height: calc(var(--mm-navbar-size) * .7);
    min-height: unset;
    max-height: unset;
    margin: 0;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none !important;
    border-radius: 4px;
    line-height: calc(var(--mm-navbar-size) * .7);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: 0 !important;
    font: inherit;
    font-size: inherit;
    background: var(--mm-color-background-highlight);
    color: var(--mm-color-text); }
    .mm-searchfield input:focus, .mm-searchfield input:hover {
      background: rgba(0, 0, 0, 0.05);
      color: rgba(0, 0, 0, 0.75); }
    .mm-searchfield input:focus, .mm-searchfield input:hover {
      background: var(--mm-color-background-highlight);
      color: var(--mm-color-text); }
    .mm-searchfield input::-ms-clear {
      display: none; }

.mm-searchfield__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mm-panel__noresultsmsg {
  color: rgba(0, 0, 0, 0.3);
  padding: 50px 0;
  color: var(--mm-color-text-dimmed);
  text-align: center;
  font-size: 150%; }

.mm-searchfield__btn {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0; }

.mm-panel_search {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  border-left: none !important; }

.mm-searchfield__cancel {
  line-height: 44px;
  display: block;
  padding-right: 10px;
  margin-right: -100px;
  line-height: var(--mm-navbar-size);
  text-decoration: none;
  -webkit-transition: margin .4s ease;
  -o-transition: margin .4s ease;
  transition: margin 0.4s ease; }

.mm-searchfield__cancel-active {
  margin-right: 0; }

.mm-listitem_nosubitems > .mm-listitem__btn {
  display: none; }

.mm-listitem_nosubitems > .mm-listitem__text {
  padding-right: 10px; }

.mm-listitem_onlysubitems > .mm-listitem__text:not(.mm-listitem__btn) {
  z-index: -1;
  pointer-events: none; }

.mm-sectionindexer {
  background: inherit;
  text-align: center;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -20px;
  z-index: 5;
  -webkit-transition: right .4s ease;
  -o-transition: right .4s ease;
  transition: right .4s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly; }
  .mm-sectionindexer a {
    color: rgba(0, 0, 0, 0.3);
    color: var(--mm-color-text-dimmed);
    line-height: 1;
    text-decoration: none;
    display: block; }
  .mm-sectionindexer ~ .mm-panel {
    padding-right: 0; }

.mm-sectionindexer_active {
  right: 0; }
  .mm-sectionindexer_active ~ .mm-panel {
    padding-right: 20px; }

.mm-menu_selected-hover .mm-listitem__btn,
.mm-menu_selected-hover .mm-listitem__text {
  -webkit-transition: background-color .4s ease;
  -o-transition: background-color .4s ease;
  transition: background-color 0.4s ease; }

.mm-menu_selected-parent .mm-listitem__btn,
.mm-menu_selected-parent .mm-listitem__text {
  -webkit-transition: background-color .4s ease;
  -o-transition: background-color .4s ease;
  transition: background-color 0.4s ease; }

.mm-menu_selected-hover .mm-listview:hover > .mm-listitem_selected > .mm-listitem__text {
  background: 0 0; }

.mm-menu_selected-hover .mm-listitem__btn:hover,
.mm-menu_selected-hover .mm-listitem__text:hover {
  background: rgba(255, 255, 255, 0.4);
  background: var(--mm-color-background-emphasis); }

.mm-menu_selected-parent .mm-panel_opened-parent .mm-listitem:not(.mm-listitem_selected-parent) > .mm-listitem__text {
  background: 0 0; }

.mm-menu_selected-parent .mm-listitem_selected-parent > .mm-listitem__btn,
.mm-menu_selected-parent .mm-listitem_selected-parent > .mm-listitem__text {
  background: rgba(255, 255, 255, 0.4);
  background: var(--mm-color-background-emphasis); }

:root {
  --mm-sidebar-collapsed-size: 50px;
  --mm-sidebar-expanded-size: 440px; }

.mm-wrapper_sidebar-collapsed body,
.mm-wrapper_sidebar-expanded body {
  position: relative; }

.mm-wrapper_sidebar-collapsed .mm-slideout,
.mm-wrapper_sidebar-expanded .mm-slideout {
  -webkit-transition-property: width, -webkit-transform;
  transition-property: width, -webkit-transform;
  -o-transition-property: width, transform;
  transition-property: width, transform;
  transition-property: width, transform, -webkit-transform; }

.mm-wrapper_sidebar-collapsed .mm-page,
.mm-wrapper_sidebar-expanded .mm-page {
  background: inherit;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 100vh; }

.mm-wrapper_sidebar-collapsed .mm-menu_sidebar-collapsed,
.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  top: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  left: 0 !important; }

.mm-wrapper_sidebar-collapsed .mm-slideout {
  width: calc(100% - 50px);
  -webkit-transform: translate3d(50px, 0, 0);
  transform: translate3d(50px, 0, 0);
  width: calc(100% - var(--mm-sidebar-collapsed-size));
  -webkit-transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0);
  transform: translate3d(var(--mm-sidebar-collapsed-size), 0, 0); }

.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidedivider .mm-divider,
.mm-wrapper_sidebar-collapsed:not(.mm-wrapper_opening) .mm-menu_hidenavbar .mm-navbar {
  opacity: 0; }

.mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded {
  width: 440px;
  width: var(--mm-sidebar-expanded-size);
  min-width: 0 !important;
  max-width: 100000px !important;
  border-right-width: 1px;
  border-right-style: solid; }
  .mm-wrapper_sidebar-expanded .mm-menu_sidebar-expanded.mm-menu_pageshadow:after {
    content: none;
    display: none; }

.mm-wrapper_sidebar-expanded.mm-wrapper_blocking {
  overflow: visible; }
  .mm-wrapper_sidebar-expanded.mm-wrapper_blocking body {
    overflow: visible; }

.mm-wrapper_sidebar-expanded .mm-wrapper__blocker {
  display: none !important; }

.mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened ~ .mm-slideout {
  width: calc(100% - 440px);
  -webkit-transform: translate3d(440px, 0, 0);
  transform: translate3d(440px, 0, 0);
  width: calc(100% - var(--mm-sidebar-expanded-size));
  -webkit-transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0);
  transform: translate3d(var(--mm-sidebar-expanded-size), 0, 0); }

.mm-menu__blocker {
  background: rgba(3, 2, 1, 0);
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3; }

.mm-menu_opened .mm-menu__blocker {
  display: none; }

[dir=rtl].mm-wrapper_sidebar-collapsed .mm-slideout {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

[dir=rtl].mm-wrapper_sidebar-expanded .mm-slideout,
[dir=rtl].mm-wrapper_sidebar-expanded:not(.mm-wrapper_sidebar-closed) .mm-menu_sidebar-expanded.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

input.mm-toggle {
  margin-top: 5px;
  background: rgba(0, 0, 0, 0.1);
  display: inline-block;
  min-width: 58px;
  width: 58px;
  height: 34px;
  margin: 0 10px;
  margin-top: calc((var(--mm-listitem-size) - 34px)/ 2);
  border: none !important;
  background: var(--mm-color-border);
  border-radius: 34px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  cursor: pointer;
  -webkit-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  transition: background-color 0.2s ease; }
  input.mm-toggle:before {
    background: #f3f3f3;
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    margin: 1px;
    border-radius: 34px;
    background: var(--mm-color-background);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease; }
  input.mm-toggle:checked {
    background: #4bd963; }
    input.mm-toggle:checked:before {
      -webkit-transform: translateX(24px);
      -ms-transform: translateX(24px);
      transform: translateX(24px); }

input.mm-check {
  margin-top: 2px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  border: none !important;
  background: 0 0 !important;
  cursor: pointer;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 0 10px;
  margin-top: calc((var(--mm-listitem-size) - 40px)/ 2); }
  input.mm-check:before {
    content: '';
    display: block;
    width: 40%;
    height: 20%;
    margin: 25% 0 0 20%;
    border-left: 3px solid;
    border-bottom: 3px solid;
    border-color: var(--mm-color-text);
    opacity: .3;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity 0.2s ease; }
  input.mm-check:checked:before {
    opacity: 1; }

[dir=rtl] input.mm-toggle:checked ~ label.mm-toggle:before {
  float: left; }

.mm-menu_border-none .mm-listitem:after {
  content: none; }

.mm-menu_border-full .mm-listitem:after {
  left: 0 !important; }

.mm-menu_fx-menu-slide {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  -o-transition: transform .4s ease;
  transition: transform .4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease; }

.mm-wrapper_opened .mm-menu_fx-menu-slide {
  -webkit-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0); }

.mm-wrapper_opening .mm-menu_fx-menu-slide {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-wrapper_opened .mm-menu_fx-menu-slide.mm-menu_position-right {
  -webkit-transform: translate3d(30%, 0, 0);
  transform: translate3d(30%, 0, 0); }

.mm-wrapper_opening .mm-menu_fx-menu-slide.mm-menu_position-right {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu_fx-panels-none .mm-panel,
.mm-panel_fx-none {
  -webkit-transition-property: none;
  -o-transition-property: none;
  transition-property: none; }

.mm-menu_fx-panels-none .mm-panel.mm-panel_opened-parent,
.mm-panel_fx-none.mm-panel_opened-parent,
.mm-menu_fx-panels-slide-0 .mm-panel_opened-parent {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu_fx-panels-slide-100 .mm-panel_opened-parent {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.mm-menu_fullscreen {
  width: 100%;
  min-width: 140px;
  max-width: 10000px;
  top: 60px;
  height: calc(100% - 60px); }

.mm-wrapper_opening .mm-menu_fullscreen ~ .mm-slideout {
  -webkit-transform: translate3d(100vw, 0, 0);
  transform: translate3d(100vw, 0, 0); }

.mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(-100vw, 0, 0);
  transform: translate3d(-100vw, 0, 0); }

@media all and (max-width: 140px) {
  .mm-wrapper_opening .mm-menu_fullscreen ~ .mm-slideout {
    -webkit-transform: translate3d(140px, 0, 0);
    transform: translate3d(140px, 0, 0); } }

@media all and (min-width: 10000px) {
  .mm-wrapper_opening .mm-menu_fullscreen ~ .mm-slideout {
    -webkit-transform: translate3d(10000px, 0, 0);
    transform: translate3d(10000px, 0, 0); } }

@media all and (max-width: 140px) {
  .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-140px, 0, 0);
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 10000px) {
  .mm-wrapper_opening .mm-menu_fullscreen.mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-10000px, 0, 0);
    transform: translate3d(-10000px, 0, 0); } }

.mm-menu_fullscreen.mm-menu_position-top, .mm-menu_fullscreen.mm-menu_position-bottom {
  height: 100vh;
  min-height: 140px;
  max-height: 10000px; }

.mm-menu_listview-justify .mm-panels > .mm-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .mm-menu_listview-justify .mm-panels > .mm-panel:after {
    content: none;
    display: none; }
  .mm-menu_listview-justify .mm-panels > .mm-panel .mm-listview {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0; }
  .mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-height: 50px; }
  .mm-menu_listview-justify .mm-panels > .mm-panel .mm-listitem__text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.mm-listview_inset {
  list-style: inside disc;
  width: 100%;
  padding: 0 30px 15px 30px;
  margin: 0; }
  .mm-listview_inset .mm-listitem {
    padding: 5px 0; }

.mm-menu_multiline .mm-listitem__text {
  -o-text-overflow: clip;
  text-overflow: clip;
  white-space: normal; }

[class*=mm-menu_pagedim].mm-menu_opened ~ .mm-wrapper__blocker {
  opacity: 0; }

.mm-wrapper_opening [class*=mm-menu_pagedim].mm-menu_opened ~ .mm-wrapper__blocker {
  opacity: .3;
  -webkit-transition: opacity .4s ease .4s;
  -o-transition: opacity .4s ease .4s;
  transition: opacity 0.4s ease 0.4s; }

.mm-menu_opened.mm-menu_pagedim ~ .mm-wrapper__blocker {
  background: inherit; }

.mm-menu_opened.mm-menu_pagedim-black ~ .mm-wrapper__blocker {
  background: #000; }

.mm-menu_opened.mm-menu_pagedim-white ~ .mm-wrapper__blocker {
  background: #fff; }

.mm-menu_popup {
  -webkit-transition: opacity .4s ease;
  -o-transition: opacity .4s ease;
  transition: opacity .4s ease;
  opacity: 0;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  height: 80%;
  min-height: 140px;
  max-height: 880px;
  top: 50%;
  left: 50%;
  bottom: auto;
  right: auto;
  z-index: 2;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }
  .mm-menu_popup.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    z-index: 0; }
  .mm-menu_popup.mm-menu_opened ~ .mm-wrapper__blocker {
    -webkit-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    transition-delay: 0s !important;
    z-index: 1; }

.mm-wrapper_opening .mm-menu_popup {
  opacity: 1; }

.mm-menu_position-right {
  left: auto;
  right: 0; }

.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: translate3d(-80vw, 0, 0);
  transform: translate3d(-80vw, 0, 0); }

@media all and (max-width: 300px) {
  .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0); } }

@media all and (min-width: 550px) {
  .mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    -webkit-transform: translate3d(-440px, 0, 0);
    transform: translate3d(-440px, 0, 0); } }

.mm-menu_position-bottom,
.mm-menu_position-front,
.mm-menu_position-top {
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  -o-transition: transform .4s ease;
  transition: transform .4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease; }

.mm-menu_position-bottom.mm-menu_opened,
.mm-menu_position-front.mm-menu_opened,
.mm-menu_position-top.mm-menu_opened {
  z-index: 2; }

.mm-menu_position-bottom.mm-menu_opened ~ .mm-slideout,
.mm-menu_position-front.mm-menu_opened ~ .mm-slideout,
.mm-menu_position-top.mm-menu_opened ~ .mm-slideout {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  z-index: 0; }

.mm-menu_position-bottom.mm-menu_opened ~ .mm-wrapper__blocker,
.mm-menu_position-front.mm-menu_opened ~ .mm-wrapper__blocker,
.mm-menu_position-top.mm-menu_opened ~ .mm-wrapper__blocker {
  z-index: 1; }

.mm-menu_position-front {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }
  .mm-menu_position-front.mm-menu_position-right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }

.mm-menu_position-bottom {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

.mm-menu_position-top {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  height: 80vh;
  min-height: 140px;
  max-height: 880px; }

.mm-menu_position-bottom {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  top: auto;
  height: 80vh;
  min-height: 140px;
  max-height: 880px; }

.mm-wrapper_opening .mm-menu_position-bottom,
.mm-wrapper_opening .mm-menu_position-front,
.mm-wrapper_opening .mm-menu_position-top {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mm-menu_shadow-page:after {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  content: '';
  display: block;
  width: 20px;
  height: 120%;
  position: absolute;
  left: 100%;
  top: -10%;
  z-index: 100;
  -webkit-clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%);
  clip-path: polygon(-20px 0, 0 0, 0 100%, -20px 100%);
  -webkit-box-shadow: var(--mm-shadow);
  box-shadow: var(--mm-shadow); }

.mm-menu_shadow-page.mm-menu_position-right:after {
  left: auto;
  right: 100%;
  -webkit-clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%);
  clip-path: polygon(20px 0, 40px 0, 40px 100%, 20px 100%); }

.mm-menu_shadow-page.mm-menu_position-front:after {
  content: none;
  display: none; }

.mm-menu_shadow-menu,
.mm-menu_shadow-panels .mm-panels > .mm-panel {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: var(--mm-shadow);
  box-shadow: var(--mm-shadow); }

.mm-menu_theme-white {
  --mm-color-border: rgba(0, 0, 0, 0.1);
  --mm-color-button: rgba(0, 0, 0, 0.3);
  --mm-color-text: rgba(0, 0, 0, 0.7);
  --mm-color-text-dimmed: rgba(0, 0, 0, 0.3);
  --mm-color-background: #fff;
  --mm-color-background-highlight: rgba(0, 0, 0, 0.06);
  --mm-color-background-emphasis: rgba(0, 0, 0, 0.03);
  --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.mm-menu_theme-dark {
  --mm-color-border: rgba(0, 0, 0, 0.3);
  --mm-color-button: rgba(255, 255, 255, 0.4);
  --mm-color-text: rgba(255, 255, 255, 0.85);
  --mm-color-text-dimmed: rgba(255, 255, 255, 0.4);
  --mm-color-background: #333;
  --mm-color-background-highlight: rgba(255, 255, 255, 0.08);
  --mm-color-background-emphasis: rgba(0, 0, 0, 0.1);
  --mm-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu_theme-black {
  --mm-color-border: rgba(255, 255, 255, 0.25);
  --mm-color-button: rgba(255, 255, 255, 0.4);
  --mm-color-text: rgba(255, 255, 255, 0.75);
  --mm-color-text-dimmed: rgba(255, 255, 255, 0.4);
  --mm-color-background: #000;
  --mm-color-background-highlight: rgba(255, 255, 255, 0.2);
  --mm-color-background-emphasis: rgba(255, 255, 255, 0.15);
  --mm-shadow: none; }

body.modal-open .mm-slideout {
  z-index: unset; }

:root {
  --mb-button-size: 60px;
  --mb-bar-width: 0.6;
  --mb-bar-height: 5px;
  --mb-bar-spacing: 10px;
  --mb-animate-timeout: 0.4s; }

.mburger {
  transform: scale(0.65);
  background: 0 0;
  border: none;
  border-radius: 0;
  color: inherit;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  height: var(--mb-button-size);
  padding: 0 0 0 var(--mb-button-size);
  margin: 0;
  line-height: var(--mb-button-size);
  vertical-align: middle;
  appearance: none;
  outline: 0;
  cursor: pointer; }
  .mburger b {
    display: block;
    position: absolute;
    left: calc(var(--mb-button-size) * ((1 - var(--mb-bar-width))/ 2));
    width: calc(var(--mb-button-size) * var(--mb-bar-width));
    height: var(--mb-bar-height);
    border-radius: calc(var(--mb-bar-height)/ 2);
    background: currentColor;
    color: inherit;
    opacity: 1; }
    .mburger b:nth-of-type(1) {
      bottom: calc(50% + var(--mb-bar-spacing));
      transition: bottom .2s ease, transform .2s ease, width .2s ease; }
    .mburger b:nth-of-type(2) {
      top: calc(50% - (var(--mb-bar-height)/ 2));
      transition: opacity .2s ease; }
    .mburger b:nth-of-type(3) {
      top: calc(50% + var(--mb-bar-spacing));
      transition: top .2s ease, transform .2s ease, width .2s ease; }

.mm-wrapper_opened .mburger b:nth-of-type(1) {
  bottom: calc(50% - (var(--mb-bar-height)/ 2));
  transform: rotate(45deg); }

.mm-wrapper_opened .mburger b:nth-of-type(2) {
  opacity: 0; }

.mm-wrapper_opened .mburger b:nth-of-type(3) {
  top: calc(50% - (var(--mb-bar-height)/ 2));
  transform: rotate(-45deg); }

.mburger--collapse b:nth-of-type(1) {
  transition: bottom .2s ease, margin .2s ease, transform .2s ease;
  transition-delay: .2s, 0s, 0s; }

.mburger--collapse b:nth-of-type(2) {
  transition: top .2s ease, opacity 0s ease;
  transition-delay: .3s, .3s; }

.mburger--collapse b:nth-of-type(3) {
  transition: top .2s ease, transform .2s ease; }

.mm-wrapper_opened .mburger--collapse b:nth-of-type(1) {
  bottom: calc(50% - var(--mb-bar-spacing) - var(--mb-bar-height));
  margin-bottom: calc(var(--mb-bar-spacing) + (var(--mb-bar-height)/ 2));
  transform: rotate(45deg);
  transition-delay: calc(var(--mb-animate-timeout) + .1s), calc(var(--mb-animate-timeout) + .3s), calc(var(--mb-animate-timeout) + .3s); }

.mm-wrapper_opened .mburger--collapse b:nth-of-type(2) {
  top: calc(50% + var(--mb-bar-spacing));
  opacity: 0;
  transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .2s); }

.mm-wrapper_opened .mburger--collapse b:nth-of-type(3) {
  top: calc(50% - (var(--mb-bar-height)/ 2));
  transform: rotate(-45deg);
  transition-delay: calc(var(--mb-animate-timeout) + .3s), calc(var(--mb-animate-timeout) + .3s); }

.mburger--spin b:nth-of-type(1) {
  transition-delay: .2s, 0s; }

.mburger--spin b:nth-of-type(2) {
  transition-duration: 0s;
  transition-delay: .2s; }

.mburger--spin b:nth-of-type(3) {
  transition-delay: .2s, 0s; }

.mm-wrapper_opened .mburger--spin b:nth-of-type(1) {
  transform: rotate(135deg);
  transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .2s); }

.mm-wrapper_opened .mburger--spin b:nth-of-type(2) {
  transition-delay: calc(var(--mb-animate-timeout) + 0s); }

.mm-wrapper_opened .mburger--spin b:nth-of-type(3) {
  transform: rotate(225deg);
  transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .2s); }

.mburger--squeeze b:nth-of-type(1) {
  transition-delay: .1s, 0s; }

.mburger--squeeze b:nth-of-type(2) {
  transition-delay: .1s; }

.mburger--squeeze b:nth-of-type(3) {
  transition-delay: .1s, 0s; }

.mm-wrapper_opened .mburger--squeeze b:nth-of-type(1) {
  transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .1s); }

.mm-wrapper_opened .mburger--squeeze b:nth-of-type(2) {
  transition-delay: calc(var(--mb-animate-timeout) + 0s); }

.mm-wrapper_opened .mburger--squeeze b:nth-of-type(3) {
  transition-delay: calc(var(--mb-animate-timeout) + 0s), calc(var(--mb-animate-timeout) + .1s); }

.mburger--tornado b:nth-of-type(1) {
  transition: bottom .2s ease, transform .2s ease;
  transition-delay: .2s; }

.mburger--tornado b:nth-of-type(2) {
  transition: opacity 0s ease, transform .2s ease;
  transition-delay: .1s, .1s; }

.mburger--tornado b:nth-of-type(3) {
  transition: top .2s ease, transform .2s ease;
  transition-delay: 0s; }

.mm-wrapper_opened .mburger--tornado b:nth-of-type(1) {
  transform: rotate(-135deg);
  transition-delay: calc(var(--mb-animate-timeout) + 0s); }

.mm-wrapper_opened .mburger--tornado b:nth-of-type(2) {
  opacity: 0;
  transform: rotate(-135deg);
  transition-delay: calc(var(--mb-animate-timeout) + .4s), calc(var(--mb-animate-timeout) + .1s); }

.mm-wrapper_opened .mburger--tornado b:nth-of-type(3) {
  transform: rotate(-225deg);
  transition-delay: calc(var(--mb-animate-timeout) + .2s); }

p {
  color: #818181; }
  p strong {
    color: #1f1f1f; }

a {
  color: #2980b9; }

.graybg {
  background-color: #F4F4F4 !important; }

::-webkit-scrollbar {
  display: none; }

* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  outline: none;
  font-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased !important;
  -webkit-transform: translate3d(1, 1, 1);
  transform: translate3d(1, 1, 1);
  text-rendering: auto;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  touch-action: pan-y;}
  *:focus {
    outline: none; }
  *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0; }

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-size: 13px;
  font-family: sans-serif;
  font-weight: 400; }
  body.search .header {
    height: 100px; }
  body.search .page-content {
        /*chen0706
    padding-top: 100px;*/}
  body.search .mm-menu_fullscreen {
    top: 100px;
    height: calc(100% - 100px); }
  body.scanngo .header-line-1 {
    background: #53C325; }
    body.scanngo .header-line-1 .header-logo-title {
      display: flex;
      line-height: 60px;
      justify-content: center;
      align-items: center;
      color: #FFF; }
      body.scanngo .header-line-1 .header-logo-title img {
        height: 30px;
        margin-top: -5px;
        margin-right: 10px; }
  body.scanngo .page-content {
    background: #E5F4CF;
    min-height: calc(100vh); }
  body.scanngo .mm-menu_fullscreen {
    top: 100px;
    height: calc(100% - 100px); }
  /*chen0708*/
  /* body.scanngo .notch-hider {
    background: #8EC21F; } */
  body.ipx .header {
    top: 30px; }
  body.ipx .page-content {
    top: 30px; }
  body.ipx .mm-menu_fullscreen {
    top: 90px;
    height: calc(100% - 90px); }
  body.ipx.search .mm-menu_fullscreen {
    top: 130px;
    height: calc(100% - 130px); }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: ''; }

::selection {
  background-color: #CCC;
  color: #000; }

div,
a,
p,
img,
blockquote,
form,
fieldset,
textarea,
input,
label,
iframe,
code,
pre {
  display: block;
  position: relative; }

textarea {
  outline: none; }

input {
  outline: none;
  border-radius: 0 !important;
  -webkit-border-radius: 0px !important;
  display: inline-block; }
  input[type="submit"] {
    appearance: none;
    -webkit-appearance: none; }

textarea {
  -webkit-appearance: none !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0px !important; }

label a {
  display: inline-block; }

/*---Page Content Settings---*/
/*---------------------------*/
#page-transitions {
  left: 0px;
  right: 0px;
  display: block; }

.page-content {
  margin-bottom: 0px;
  background-color: #FFFFFF;
  overflow-x: hidden;
  padding-bottom: 45px;
  min-height: 100vh; }
  .page-content.no-nav {
    padding-bottom: 0; }

.pb-0 {
  padding-bottom: 0 !important; }

.page-content-gray {
  background-color: #ebebeb !important; }

.transparent-bg {
  background-color: rgba(255, 255, 255, 0) !important;
  transition: all 250ms ease; }

/*---Typography---*/
/*----------------*/
p {
  line-height: 28px;
  margin-bottom: 30px;
  font-size: 13px; }
  p > a {
    display: inline;
    text-decoration: none; }
    p > a:hover {
      text-decoration: underline; }
  p > span {
    display: inline; }
  p strong {
    font-size: 13px;
    font-weight: 500; }

span > a {
  display: inline; }

a {
  text-decoration: none; }
  a > span {
    display: inline; }
  a:hover {
    text-decoration: none; }

strong a,
em a,
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  display: inline; }

table {
  bborder-collapse: separate;
  border-spacing: 0;
  width: 100%;
  clear: both;
  margin-bottom: 27px; }

th {
  vertical-align: middle;
  font-weight: bold; }

tr {
  line-height: 18px; }

td {
  text-align: center;
  padding: 9px 0px 9px 0px;
  line-height: 18px;
  vertical-align: middle; }

.table tr.even td {
  background: #efefef; }

.table tr:hover td {
  background: #f8f8f8; }

tr:hover > td {
  background: #fff; }

th {
  border-bottom: 1px solid #e9e9e9;
  color: #1f1f1f;
  line-height: 45px;
  background-color: #f6f6f6; }

td {
  color: #666;
  background-color: #fdfdfd; }

table {
  background-color: #f6f6f6;
  font-size: 12px; }

.table-borders-light * {
  border-color: rgba(255, 255, 255, 0.1) !important; }

ul,
ol {
  color: #666666;
  font-size: 13px; }

ul {
  margin-bottom: 30px; }
  ul ul {
    margin-bottom: 5px; }

ol {
  margin-bottom: 30px; }
  ol ol {
    margin-bottom: 5px; }

li {
  line-height: 24px;
  margin-bottom: 5px; }

ol > li:last-child,
ul > li:last-child {
  margin-bottom: 0px; }

textarea {
  font-family: 'Roboto', sans-serif; }

sub {
  font-size: 50%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  font-size: 50%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -15px; }

sub {
  bottom: 0px; }

.disabled {
  display: none !important; }

.center-item {
  margin-left: auto !important;
  margin-right: auto; }

.font-8 {
  font-size: 8px !important; }

.font-9 {
  font-size: 9px !important; }

.font-10 {
  font-size: 10px !important; }

.font-11 {
  font-size: 11px !important; }

.font-12 {
  font-size: 12px !important; }

.font-13 {
  font-size: 13px !important; }

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

.font-15 {
  font-size: 15px !important; }

.font-16 {
  font-size: 16px !important; }

.font-17 {
  font-size: 17px !important; }

.font-18 {
  font-size: 18px !important; }

.font-19 {
  font-size: 19px !important; }

.font-20 {
  font-size: 20px !important; }

.font-21 {
  font-size: 21px !important; }

.font-22 {
  font-size: 22px !important; }

.font-23 {
  font-size: 23px !important; }

.font-25 {
  font-size: 25px !important; }

.font-26 {
  font-size: 26px !important; }

.font-27 {
  font-size: 27px !important; }

.font-28 {
  font-size: 28px !important; }

.font-29 {
  font-size: 29px !important; }

.font-30 {
  font-size: 30px !important; }

.font-31 {
  font-size: 31px !important; }

.font-32 {
  font-size: 32px !important; }

.font-33 {
  font-size: 33px !important; }

.font-34 {
  font-size: 34px !important; }

/*---Background & Colors---*/
/*-------------------------*/
.bg-full {
  position: fixed;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
  overflow: hidden; }

.bg-cover {
  background-size: cover;
  background-position: center center; }

.bg-transparent {
  background: transparent !important; }

.bg-dark {
  background-color: rgba(0, 0, 0, 0.3) !important; }

.bg-1 {
  background-image: url(../images/pictures/1.jpg); }

.bg-2 {
  background-image: url(../images/pictures/2.jpg); }

.bg-3 {
  background-image: url(../images/pictures/3.jpg); }

.bg-4 {
  background-image: url(../images/pictures/4.jpg); }

.bg-5 {
  background-image: url(../images/pictures/5.jpg); }

.bg-6 {
  background-image: url(../images/pictures/6.jpg); }

.bg-7 {
  background-image: url(../images/pictures/7.jpg); }

.bg-8 {
  background-image: url(../images/pictures/8.jpg); }

.bg-9 {
  background-image: url(../images/pictures/9.jpg); }

.vertical-bg-0 {
  background-image: url(../images/pictures_vertical/bg0.jpg); }

.vertical-bg-1 {
  background-image: url(../images/pictures_vertical/bg1.jpg); }

.vertical-bg-2 {
  background-image: url(../images/pictures_vertical/bg2.jpg); }

.vertical-bg-3 {
  background-image: url(../images/pictures_vertical/bg3.jpg); }

.vertical-bg-4 {
  background-image: url(../images/pictures_vertical/bg4.jpg); }

.vertical-bg-5 {
  background-image: url(../images/pictures_vertical/bg5.jpg); }

.vertical-bg-6 {
  background-image: url(../images/pictures_vertical/bg6.jpg); }

.vertical-bg-7 {
  background-image: url(../images/pictures_vertical/bg7.jpg); }

.vertical-bg-8 {
  background-image: url(../images/pictures_vertical/bg8.jpg); }

.vertical-bg-9 {
  background-image: url(../images/pictures_vertical/bg9.jpg); }

.vertical-bg-10 {
  background-image: url(../images/pictures_vertical/bg10.jpg); }

.overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9;
  background-size: cover;
  pointer-events: none; }

.overlay-image {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9;
  background-size: cover;
  pointer-events: none;
  z-index: 8; }

.above-overlay {
  position: relative;
  z-index: 10 !important; }

.dark-overlay {
  background-color: rgba(0, 0, 0, 0.7); }

.medium-overlay {
  background-color: rgba(0, 0, 0, 0.6); }

.light-overlay {
  background-color: rgba(255, 255, 255, 0.85); }

.overlay-dark {
  background-color: rgba(0, 0, 0, 0.8); }

.overlay-medium {
  background-color: rgba(0, 0, 0, 0.65); }

.overlay-light {
  background-color: rgba(255, 255, 255, 0.75); }

.overlay-gradient {
  background: linear-gradient(to bottom, transparent 10%, transparent 20%, transparent 50%, rgba(227, 127, 26, 0.7) 70%, #e37f1a 100%); }
  /* background: linear-gradient(to bottom, transparent 10%, transparent 20%, transparent 50%, rgba(227, 127, 26, 0.7) 70%, #fda64e 100%); } */

.overlay-gradient-large {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 10%, rgba(0, 0, 0, 0.6) 30%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0.8) 70%, black 100%); }

.overlay-gradient-small {
  background: linear-gradient(to bottom, transparent 0%, transparent 30%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.8) 100%); }

/*Page Highlights*/
.highlight-red .active-menu *,
.highlight-red .color-highlight,
.highlight-red .active-menu {
  color: #d8334a !important; }

.highlight-red .bg-highlight {
  background-color: #d8334a !important;
  color: #FFFFFF; }
  .highlight-red .bg-highlight.button {
    border: solid 2px #d8334a; }

.highlight-green .active-menu *,
.highlight-green .color-highlight,
.highlight-green .active-menu {
  color: #8CC152 !important; }

.highlight-green .bg-highlight {
  background-color: #8CC152 !important;
  color: #FFFFFF; }
  .highlight-green .bg-highlight.button {
    border: solid 2px #8CC152; }

.highlight-blue .active-menu *,
.highlight-blue .color-highlight,
.highlight-blue .active-menu {
  color: #4A89DC !important; }

.highlight-blue .bg-highlight {
  background-color: #4A89DC !important;
  color: #FFFFFF; }
  .highlight-blue .bg-highlight.button {
    border: solid 2px #4A89DC; }

.highlight-pink .active-menu *,
.highlight-pink .color-highlight,
.highlight-pink .active-menu {
  color: #fa6a8e !important; }

.highlight-pink .bg-highlight {
  background-color: #fa6a8e !important;
  color: #FFFFFF; }
  .highlight-pink .bg-highlight.button {
    border: solid 2px #fa6a8e; }

.highlight-orange .active-menu *,
.highlight-orange .color-highlight,
.highlight-orange .active-menu {
  color: #fc6e51 !important; }

.highlight-orange .bg-highlight {
  background-color: #fc6e51 !important;
  color: #FFFFFF; }
  .highlight-orange .bg-highlight.button {
    border: solid 2px #fc6e51; }

.highlight-magenta .active-menu *,
.highlight-magenta .color-highlight,
.highlight-magenta .active-menu {
  color: #8067B7 !important; }

.highlight-magenta .bg-highlight {
  background-color: #8067B7 !important;
  color: #FFFFFF; }
  .highlight-magenta .bg-highlight.button {
    border: solid 2px #8067B7; }

.highlight-simple .active-menu *,
.highlight-simple .color-highlight,
.highlight-simple .active-menu *,
.highlight-simple .color-highlight,
.highlight-simple .active-menu {
  color: #383838 !important; }

.highlight-simple .bg-highlight {
  background-color: #383838 !important;
  color: #FFFFFF; }
  .highlight-simple .bg-highlight.button {
    border: solid 2px #383838; }

.bg-teal-light {
  background-color: #A0CECB !important;
  color: #FFFFFF; }

.bg-teal-dark {
  background-color: #7DB1B1 !important;
  color: #FFFFFF; }

.border-teal-light {
  border: solid 1px #A0CECB !important; }

.border-teal-dark {
  border: solid 1px #7DB1B1 !important; }

.bg-hover-teal-light:hover {
  background-color: #A0CECB !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.bg-hover-teal-dark:hover {
  background-color: #7DB1B1 !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.color-teal-light {
  color: #A0CECB !important; }

.color-teal-dark {
  color: #7DB1B1 !important; }

.bg-green-light {
  background-color: #A0D468 !important;
  color: #FFFFFF; }

.bg-green-dark {
  background-color: #8CC152 !important;
  color: #FFFFFF; }
/*?????*/
.bg-green-dark-cart {
    background-color: #1f1f1fde !important;
    /* background-color: #0000009c !important; */
    color: #FFFFFF; }
.border-green-light {
  border: solid 1px #A0D468 !important; }

.border-green-dark {
  border: solid 1px #8CC152 !important; }

.bg-hover-green-light:hover {
  background-color: #A0D468 !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.bg-hover-green-dark:hover {
  background-color: #8CC152 !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.color-green-light {
  color: #A0D468 !important; }

.color-green-dark {
  color: #8CC152 !important; }

.bg-green2-light {
  background-color: #2ECC71 !important;
  color: #FFFFFF; }

.bg-green2-dark {
  background-color: #2ABA66 !important;
  color: #FFFFFF; }

.border-green2-light {
  border: solid 1px #2ECC71 !important; }

.border-green2-dark {
  border: solid 1px #2ABA66 !important; }

.bg-hover-green2-light:hover {
  background-color: #2ECC71 !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.bg-hover-green2-dark:hover {
  background-color: #2ABA66 !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.color-green2-light {
  color: #2ECC71 !important; }

.color-green2-dark {
  color: #2ABA66 !important; }

.bg-blue-light {
  background-color: #5D9CEC !important;
  color: #FFFFFF; }

.bg-blue-dark {
  background-color: #4A89DC !important;
  color: #FFFFFF; }

.border-blue-light {
  border: solid 1px #5D9CEC !important; }

.border-blue-dark {
  border: solid 1px #4A89DC !important; }

.bg-hover-blue-light:hover {
  background-color: #5D9CEC !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.bg-hover-blue-dark:hover {
  background-color: #4A89DC !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.color-blue-light {
  color: #5D9CEC !important; }

.color-blue-dark {
  color: #4A89DC !important; }

.bg-blue2-light {
  background-color: #4FC1E9 !important;
  color: #FFFFFF; }

.bg-blue2-dark {
  background-color: #3BAFDA !important;
  color: #FFFFFF !important; }

.border-blue2-light {
  border: solid 1px #4FC1E9 !important; }

.border-blue2-dark {
  border: solid 1px #3BAFDA !important; }

.bg-hover-blue2-light:hover {
  background-color: #4FC1E9 !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.bg-hover-blue2-dark:hover {
  background-color: #3BAFDA !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.color-blue2-light {
  color: #4FC1E9 !important; }

.color-blue2-dark {
  color: #3BAFDA !important; }

.bg-magenta-light {
  background-color: #8067B7 !important;
  color: #FFFFFF; }

.bg-magenta-dark {
  background-color: #6A50A7 !important;
  color: #FFFFFF; }

.border-magenta-light {
  border: solid 1px #8067B7 !important; }

.border-magenta-dark {
  border: solid 1px #6A50A7 !important; }

.bg-hover-magenta-light:hover {
  background-color: #8067B7 !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.bg-hover-magenta-dark:hover {
  background-color: #6A50A7 !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.color-magenta-light {
  color: #8067B7 !important; }

.color-magenta-dark {
  color: #6A50A7 !important; }

.bg-night-light {
  background-color: #656D78 !important;
  color: #FFFFFF; }

.bg-night-dark {
  background-color: #434A54 !important;
  color: #FFFFFF; }

.border-night-light {
  border: solid 1px #656D78 !important; }

.border-night-dark {
  border: solid 1px #434A54 !important; }

.bg-hover-night-light:hover {
  background-color: #656D78 !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.bg-hover-night-dark:hover {
  background-color: #434A54 !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.color-night-light {
  color: #656D78 !important; }

.color-night-dark {
  color: #434A54 !important; }

.bg-yellow-light {
  background-color: #FFCE54 !important;
  color: #FFFFFF; }

.bg-yellow-dark {
  background-color: #F6BB42 !important;
  color: #FFFFFF; }

.border-yellow-light {
  border: solid 1px #FFCE54 !important; }

.border-yellow-dark {
  border: solid 1px #F6BB42 !important; }

.bg-hover-yellow-light:hover {
  background-color: #FFCE54 !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.bg-hover-yellow-dark:hover {
  background-color: #F6BB42 !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.color-yellow-light {
  color: #FFCE54 !important; }

.color-yellow-dark {
  color: #F6BB42 !important; }

.bg-yellow2-light {
  background-color: #E8CE4D !important;
  color: #FFFFFF; }

.bg-yellow2-dark {
  background-color: #E0C341 !important;
  color: #FFFFFF; }

.border-yellow2-light {
  border: solid 1px #E8CE4D !important; }

.border-yellow2-dark {
  border: solid 1px #E0C341 !important; }

.bg-hover-yellow2-light:hover {
  background-color: #E8CE4D !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.bg-hover-yellow2-dark:hover {
  background-color: #E0C341 !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.color-yellow2-light {
  color: #E8CE4D !important; }

.color-yellow2-dark {
  color: #E0C341 !important; }

.bg-orange-light {
  background-color: #FC6E51 !important;
  color: #FFFFFF; }

.bg-orange-dark {
  background-color: #E9573F !important;
  color: #FFFFFF; }

.border-orange-light {
  border: solid 1px #FC6E51 !important; }

.border-orange-dark {
  border: solid 1px #E9573F !important; }

.bg-hover-orange-light:hover {
  background-color: #FC6E51 !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.bg-hover-orange-dark:hover {
  background-color: #E9573F !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.color-orange-light {
  color: #FC6E51 !important; }

.color-orange-dark {
  color: #E9573F !important; }

.bg-red-light {
  background-color: #e74c3c !important;
  color: #FFFFFF; }

.bg-red-dark {
  background-color: #c0392b !important;
  color: #FFFFFF; }

.border-red-light {
  border: solid 1px #e74c3c !important; }

.border-red-dark {
  border: solid 1px #c0392b !important; }

.bg-hover-red-light:hover {
  background-color: #e74c3c !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.bg-hover-red-dark:hover {
  background-color: #c0392b !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.color-red-light {
  color: #e74c3c !important; }

.color-red-dark {
  color: #c0392b !important; }

.bg-pink-light {
  background-color: #fa6a8e !important;
  color: #FFFFFF; }

.bg-pink-dark {
  background-color: #FB3365 !important;
  color: #FFFFFF; }

.border-pink-light {
  border: solid 1px #fa6a8e !important; }

.border-pink-dark {
  border: solid 1px #FB3365 !important; }

.bg-hover-pink-light:hover {
  background-color: #f85d84 !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.bg-hover-pink-dark:hover {
  background-color: #fa6a8e !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.color-pink-light {
  color: #fa6a8e !important; }

.color-pink-dark {
  color: #FB3365 !important; }

.bg-brown-light {
  background-color: #BAA286 !important;
  color: #FFFFFF; }

.bg-brown-dark {
  background-color: #AA8E69 !important;
  color: #FFFFFF; }

.border-brown-light {
  border: solid 1px #BAA286 !important; }

.border-brown-dark {
  border: solid 1px #AA8E69 !important; }

.bg-hover-brown-light:hover {
  background-color: #BAA286 !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.bg-hover-brown-dark:hover {
  background-color: #AA8E69 !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.color-brown-light {
  color: #BAA286 !important; }

.color-brown-dark {
  color: #AA8E69 !important; }

.bg-brown2-light {
  background-color: #8E8271 !important;
  color: #FFFFFF; }

.bg-brown2-dark {
  background-color: #7B7163 !important;
  color: #FFFFFF; }

.border-brown2-light {
  border: solid 1px #8E8271 !important; }

.border-brown2-dark {
  border: solid 1px #7B7163 !important; }

.bg-hover-brown2-light:hover {
  background-color: #8E8271 !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.bg-hover-brown2-dark:hover {
  background-color: #7B7163 !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.color-brown2-light {
  color: #8E8271 !important; }

.color-brown2-dark {
  color: #7B7163 !important; }

.bg-gray-light {
  background-color: #bdc3c7 !important;
  color: #FFFFFF; }

.bg-gray-dark {
  background-color: #95a5a6 !important;
  color: #FFFFFF; }

.border-gray-light {
  border: solid 1px #bdc3c7 !important; }

.border-gray-dark {
  border: solid 1px #95a5a6 !important; }

.bg-hover-gray-light:hover {
  background-color: #bdc3c7 !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.bg-hover-gray-dark:hover {
  background-color: #95a5a6 !important;
  color: #FFFFFF !important;
  transition: all 200ms ease; }

.color-gray-light {
  color: #bdc3c7 !important; }

.color-gray-dark {
  color: #95a5a6 !important; }

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

.bg-hover-black:hover {
  background-color: #FFFFFF !important;
  color: #000000 !important; }

.color-white {
  color: #FFFFFF !important; }

.border-white {
  border: solid 1px #FFFFFF !important; }

.border-light {
  border-color: rgba(255, 255, 255, 0.05) !important; }

.bg-black {
  background-color: #000000 !important; }

.bg-hover-black:hover {
  background-color: #000000 !important;
  color: #FFFFFF !important; }

.color-black {
  color: #000000 !important; }

.border-black {
  border: solid 1px #000000 !important; }

.gradient-red-light {
  background-image: linear-gradient(180deg, #ED5565 0%, #DA4453 100%); }

.gradient-red-dark {
  background-image: linear-gradient(180deg, #D8334A 0%, #BF263C 100%); }

.gradient-orange-light {
  background-image: linear-gradient(180deg, #f88168 0%, #E9573F 100%); }

.gradient-orange-dark {
  background-image: linear-gradient(180deg, #FC6E51 0%, #d14b35 100%); }

.gradient-yellow-light {
  background-image: linear-gradient(180deg, #ffd979 0%, #fac454 100%); }

.gradient-yellow-dark {
  background-image: linear-gradient(180deg, #fdc435 0%, #e3a526 100%); }

.gradient-green-light {
  background-image: linear-gradient(180deg, #A0D468 0%, #75a243 100%); }

.gradient-green-dark {
  background-image: linear-gradient(180deg, #9acb66 0%, #6e9b3d 100%); }

.gradient-mint-light {
  background-image: linear-gradient(180deg, #4dd9b6 0%, #31a789 100%); }

.gradient-mint-dark {
  background-image: linear-gradient(180deg, #46d0ad 0%, #1d7c66 100%); }

.gradient-blue-dark,
.gradient-blue-light {
  background-image: linear-gradient(180deg, #52bee3 0%, #3291b4 100%); }

.gradient-sky-light {
  background-image: linear-gradient(180deg, #6ca6ef 0%, #3c77c4 100%); }

.gradient-sky-dark {
  background-image: linear-gradient(180deg, #4690f0 0%, #2a5da3 100%); }

.gradient-magenta-light {
  background-image: linear-gradient(180deg, #b49fe6 0%, #7863af 100%); }

.gradient-magenta-dark {
  background-image: linear-gradient(180deg, #a387e0 0%, #6A50A7 100%); }

.gradient-brown-light {
  background-image: linear-gradient(180deg, #e2c6a7 0%, #AA8E69 100%); }

.gradient-brown-dark {
  background-image: linear-gradient(180deg, #bfaf97 0%, #8e8170 100%); }

.gradient-night-light {
  background-image: linear-gradient(180deg, #656D78 0%, #434A54 100%); }

.gradient-night-dark {
  background-image: linear-gradient(180deg, #3C3B3D 0%, #323133 100%); }

.opacity-0 {
  opacity: 0.0; }

.opacity-05 {
  opacity: 0.05; }

.opacity-10 {
  opacity: 0.1; }

.opacity-20 {
  opacity: 0.2; }

.opacity-25 {
  opacity: 0.25; }

.opacity-30 {
  opacity: 0.3; }

.opacity-40 {
  opacity: 0.4; }

.opacity-50 {
  opacity: 0.5; }

.opacity-60 {
  opacity: 0.6; }

.opacity-70 {
  opacity: 0.7; }

.opacity-75 {
  opacity: 0.75; }

.opacity-80 {
  opacity: 0.8; }

.opacity-90 {
  opacity: 0.9; }

.border-round {
  border-radius: 100px;
  overflow: hidden; }

.bg-green-light i,
.bg-green-dark i,
.bg-teal-light i,
.bg-teal-dark i,
.bg-magenta-light i,
.bg-magenta-dark i,
.bg-yellow-light i,
.bg-yellow-dark i,
.bg-orange-light i,
.bg-orange-dark i,
.bg-red-dark i,
.bg-red-light i,
.bg-gray-light i,
.bg-gray-dark i {
  color: #FFFFFF; }

.bg-facebook {
  background-color: #3b5998;
  color: #FFFFFF;
  border: solid 1px #3b5998; }
  .bg-facebook:hover {
    background-color: #4469b7;
    color: #FFFFFF;
    border: solid 1px #3b5998; }

.bg-linkedin {
  background-color: #0077B5;
  color: #FFFFFF;
  border: solid 1px #0077B5; }
  .bg-linkedin:hover {
    background-color: #0186cb;
    color: #FFFFFF;
    border: solid 1px #0077B5; }

.bg-twitter {
  background-color: #4099ff;
  color: #FFFFFF;
  border: solid 1px #4099ff; }
  .bg-twitter:hover {
    background-color: #5fa9fd;
    color: #FFFFFF;
    border: solid 1px #4099ff; }

.bg-google {
  background-color: #d34836;
  color: #FFFFFF;
  border: solid 1px #d34836; }
  .bg-google:hover {
    background-color: #ea4f3b;
    color: #FFFFFF;
    border: solid 1px #d34836; }

.bg-whatsapp {
  background-color: #34AF23;
  color: #FFFFFF;
  border: solid 1px #34AF23; }
  .bg-whatsapp:hover {
    background-color: #3cc729;
    color: #FFFFFF;
    border: solid 1px #34AF23; }

.bg-pinterest {
  background-color: #C92228;
  color: #FFFFFF;
  border: solid 1px #C92228; }
  .bg-pinterest:hover {
    background-color: #e3262c;
    color: #FFFFFF;
    border: solid 1px #C92228; }

.bg-sms {
  background-color: #27ae60;
  color: #FFFFFF;
  border: solid 1px #27ae60; }
  .bg-sms:hover {
    background-color: #2bbe69;
    color: #FFFFFF;
    border: solid 1px #27ae60; }

.bg-mail {
  background-color: #3498db;
  color: #FFFFFF;
  border: solid 1px #3498db; }
  .bg-mail:hover {
    background-color: #38a5ed;
    color: #FFFFFF;
    border: solid 1px #3498db; }

.bg-dribbble {
  background-color: #EA4C89;
  color: #FFFFFF;
  border: solid 1px #EA4C89; }
  .bg-dribbble:hover {
    background-color: #fc5294;
    color: #FFFFFF;
    border: solid 1px #EA4C89; }

.bg-tumblr {
  background-color: #2C3D52;
  color: #FFFFFF;
  border: solid 1px #2C3D52; }
  .bg-tumblr:hover {
    background-color: #3e5674;
    color: #FFFFFF;
    border: solid 1px #2C3D52; }

.bg-reddit {
  background-color: #336699;
  color: #FFFFFF;
  border: solid 1px #336699; }
  .bg-reddit:hover {
    background-color: #3b77b4;
    color: #FFFFFF;
    border: solid 1px #336699; }

.bg-youtube {
  background-color: #D12827;
  color: #FFFFFF;
  border: solid 1px #D12827; }
  .bg-youtube:hover {
    background-color: #ea2e2d;
    color: #FFFFFF;
    border: solid 1px #D12827; }

.bg-phone {
  background-color: #27ae60;
  color: #FFFFFF;
  border: solid 1px #27ae60; }
  .bg-phone:hover {
    background-color: #2cc76e;
    color: #FFFFFF;
    border: solid 1px #27ae60; }

.bg-skype {
  background-color: #12A5F4;
  color: #FFFFFF;
  border: solid 1px #27ae60; }
  .bg-skype:hover {
    background-color: #0f95dd;
    color: #FFFFFF;
    border: solid 1px #27ae60; }

.bg-instagram {
  background-color: #e1306c;
  color: #FFFFFF;
  border: solid 1px #e1306c; }
  .bg-instagram:hover {
    background-color: #c3295d;
    color: #FFFFFF;
    border: solid 1px #c3295d; }

.color-facebook {
  color: #3b5998 !important; }

.color-linkedin {
  color: #0077B5 !important; }

.color-twitter {
  color: #4099ff !important; }

.color-google {
  color: #d34836 !important; }

.color-whatsapp {
  color: #34AF23 !important; }

.color-pinterest {
  color: #C92228 !important; }

.color-sms {
  color: #27ae60 !important; }

.color-mail {
  color: #3498db !important; }

.color-dribbble {
  color: #EA4C89 !important; }

.color-tumblr {
  color: #2C3D52 !important; }

.color-reddit {
  color: #336699 !important; }

.color-youtube {
  color: #D12827 !important; }

.color-phone {
  color: #27ae60 !important; }

.color-skype {
  color: #12A5F4 !important; }

.color-facebook:hover,
.color-twitter:hover,
.color-google:hover,
.color-pinterest:hover,
.color-sms:hover,
.color-mail:hover,
.color-dribbble:hover,
.color-tumblr:hover,
.color-reddit:hover,
.color-youtube:hover,
.color-phone:hover {
  color: #FFFFFF; }

.float-left {
  float: left;
  margin-top: 10px;
  margin-right: 10px; }

.float-right {
  float: right;
  margin-top: 10px;
  margin-left: 10px; }

.read-more-right {
  float: right;
  display: block; }
  .read-more-right i {
    padding-left: 10px; }

/*---Image Effects---*/
/*-------------------*/
.polaroid-effect {
  border: solid 1px rgba(0, 0, 0, 0.15);
  background-color: #FFFFFF;
  padding: 8px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15); }

.polaroid-effect-small {
  padding: 5px; }

.polaroid-effect p {
  margin-bottom: -5px !important; }

.blur-effect-caption,
.scale-effect-caption,
.grayscale-effect-caption {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9;
  pointer-events: none;
  opacity: 0;
  transition: all 250ms ease;
  padding: 15px; }

.grayscale-effect strong,
.blur-effect-caption strong,
.scale-effect-caption strong {
  z-index: 10;
  position: relative;
  display: block; }

.grayscale-effect em,
.blur-effect-caption em,
.scale-effect-caption em {
  z-index: 10;
  position: relative;
  display: block;
  line-height: 24px; }

.scale-effect {
  overflow: hidden;
  transition: all 500ms ease; }
  .scale-effect img:hover {
    transform: scale(1.2, 1.2) !important;
    transition: all 500ms ease; }
    .scale-effect img:hover ~ .scale-effect-caption {
      opacity: 1 !important;
      transition: all 500ms ease;
      transition-delay: 150ms; }

.blur-effect {
  overflow: hidden;
  transition: all 250ms ease !important; }
  .blur-effect img {
    transition: all 500ms ease; }
    .blur-effect img:hover {
      filter: blur(2px);
      transition: all 500ms ease; }
      .blur-effect img:hover ~ .blur-effect-caption {
        opacity: 1 !important;
        transition: all 500ms ease;
        transition-delay: 150ms; }

.grayscale-effect {
  overflow: hidden;
  transition: all 250ms ease; }
  .grayscale-effect img:hover {
    filter: grayscale(100%);
    transition: all 500ms ease; }
    .grayscale-effect img:hover ~ .grayscale-effect-caption {
      opacity: 1 !important;
      transition: all 500ms ease;
      transition-delay: 150ms; }

/*---Typography---*/
/*----------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: -0.5px; }

h1 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 5px; }

h2 {
  font-size: 21px;
  line-height: 25px;
  font-weight: 500;
  margin-bottom: 5px; }

h3 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 5px; }

h4 {
  font-size: 18px;
  line-height: 23px;
  font-weight: 500;
  margin-bottom: 5px; }

h5 {
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  margin-bottom: 5px; }

.small-heading {
  font-size: 12px;
  margin: -10px 0px 10px 0px;
  display: block; }

.heading-style h4 {
  text-align: center; }

.heading-style p {
  width: 90% !important;
  margin-left: auto;
  margin-right: auto; }

.heading-style .line {
  z-index: 1;
  width: 280px;
  margin: 30px auto 25px auto;
  display: block;
  height: 1px; }

.heading-style i {
  font-size: 24px;
  height: 40px;
  width: 50px;
  text-align: center;
  line-height: 40px;
  position: absolute;
  top: 38px;
  left: 50%;
  margin-left: -25px;
  z-index: 2; }

.heading-style p {
  width: 300px;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

/*Content Title*/
.content-title {
  margin: 0px 20px; }
  .content-title span {
    display: block;
    font-size: 10px;
    font-weight: 500;
    margin-bottom: -12px;
    color: #8e8e8e;
    text-transform: uppercase; }
  .content-title h1 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -1.1px; }
  .content-title h2 {
    font-size: 22px;
    font-weight: normal;
    text-transform: uppercase; }
    .content-title h2 b {
      color: #53C325; }
  .content-title .more-btn {
    position: absolute;
    right: 0px;
    top: 15px;
    margin-top: -14px;
    font-size: 12px;
    line-height: 12px;
    color: #FFF;
    text-transform: uppercase;
    background: #53C325;
    border-radius: 7px;
    padding: 5px 10px; }
    .content-title .more-btn i {
      padding-left: 5px; }

/*---Lists---*/
/*-----------*/
.font-icon-list li {
  list-style: none;
  padding-left: 0px;
  margin-left: -20px;
  line-height: 30px; }

.font-icon-list i {
  margin-right: 10px;
  width: 20px;
  text-align: center;
  display: inline-block; }

.font-icon-list .font-icon-list {
  padding-left: 30px; }

.icon-list {
  list-style: none;
  padding-left: 0px; }
  .icon-list i {
    width: 20px;
    text-align: center;
    margin-left: -5px; }
  .icon-list ul {
    padding-left: 40px; }

ul {
  padding-left: 20px;
  list-style-type: disc; }
  ul ul {
    padding-top: 10px;
    padding-bottom: 10px; }

ol {
  padding-left: 20px;
  list-style-type: decimal; }
  ol ol {
    padding-top: 10px;
    padding-bottom: 10px;
    list-style-type: lower-alpha; }
    ol ol ol {
      list-style-type: disc; }

/*---Responsive Classes---*/
/*------------------------*/
.top-0 {
  margin-top: 0px !important; }

.top-5 {
  margin-top: 5px !important; }

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

.top-15 {
  margin-top: 15px !important; }

.top-20 {
  margin-top: 20px !important; }

.top-25 {
  margin-top: 25px !important; }

.top-30 {
  margin-top: 30px !important; }

.top-40 {
  margin-top: 40px !important; }

.top-50 {
  margin-top: 50px !important; }

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

.bottom-5 {
  margin-bottom: 5px !important; }

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

.bottom-15 {
  margin-bottom: 15px !important; }

.bottom-20 {
  margin-bottom: 20px !important; }

.bottom-25 {
  margin-bottom: 25px !important; }

.bottom-30 {
  margin-bottom: 30px !important; }

.bottom-40 {
  margin-bottom: 40px !important; }

.bottom-50 {
  margin-bottom: 50px !important; }

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

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

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

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

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

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

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

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

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

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

.right-25 {
  margin-right: 25px; }

.right-30 {
  margin-right: 30px; }

.clear {
  clear: both !important; }

.last-column {
  margin-right: 0% !important; }

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

.right-padding {
  padding-right: 30px; }

.padding-right {
  padding-right: 20px; }

.padding-left {
  padding-left: 20px; }

.pb-0 {
  padding-bottom: 0px !important; }

.pb-1 {
  padding-bottom: 10px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pb-2 {
  padding-bottom: 20px !important; }

.pb-3 {
  padding-bottom: 30px !important; }

.pt-0 {
  padding-top: 0px !important; }

.pt-1 {
  padding-top: 10px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pt-2 {
  padding-top: 20px !important; }

.pt-3 {
  padding-top: 30px !important; }

.no-border {
  border: none !important; }

.responsive-image {
  display: block;
  width: 100%;
  margin-bottom: 15px; }

.rounded-image {
  border-radius: 15px;
  overflow: hidden; }

.no-shadow {
  box-shadow: none !important; }

.center-object {
  margin: auto;
  background-position: center !important; }

.box-shadow {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); }

.shadow-tiny {
  box-shadow: 0 0px 27px 0 rgba(0, 0, 0, 0.05), 0 0px 14px 0 rgba(0, 0, 0, 0.05) !important; }

.shadow-small {
  box-shadow: 0 10px 47px 0 rgba(0, 0, 0, 0.05), 0 5px 14px 0 rgba(0, 0, 0, 0.1) !important; }

.shadow-medium {
  box-shadow: 0 15px 47px 0 rgba(0, 0, 0, 0.12), 0 5px 14px 0 rgba(0, 0, 0, 0.15) !important; }

.shadow-large {
  box-shadow: 0 20px 67px 0 rgba(0, 0, 0, 0.12), 0 5px 14px 0 rgba(0, 0, 0, 0.2) !important; }

.icon-clear-left {
  padding-left: 15px; }

.icon-clear-right {
  padding-right: 15px; }

.maps {
  min-height: 250px; }

.responsive-video {
  position: relative;
  min-height: 220px;
  width: 100%;
  overflow: hidden; }
  .responsive-video iframe,
  .responsive-video object,
  .responsive-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.content-padding {
  padding: 20px 20px; }

.content-round {
  padding: 0px !important;
  margin: 0px 20px 20px 20px;
  border-radius: 15px !important;
  overflow: hidden !important; }
  .content-round .overlay {
    border-radius: 15px;
    overflow: hidden; }

.content-large {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }

.content-boxed {
  border-radius: 15px !important;
  overflow: hidden !important;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15); }

.content-boxed-padding {
  padding: 15px 20px;
  margin-bottom: 30px; }

.content-boxed-shadow {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15); }

.content-boxed .owl-dots {
  margin-bottom: 0px !important; }

.content-margins {
  margin-left: 20px;
  margin-right: 20px; }

.content {
  padding: 0px 20px 0px 20px;
  margin-bottom: 30px; }

.content-gray {
  background-color: #f0f2f3; }

.content-fullscreen,
.content-full {
  margin-bottom: 30px;
  padding: 0px; }

.last-column:after,
container:after {
  visibility: hidden !important;
  display: block !important;
  content: "" !important;
  clear: both !important;
  height: 0 !important; }

.container,
.container-fullscreen {
  margin-bottom: 30px;
  display: block; }

.hide-if-mobile {
  display: none !important; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.capitalize {
  text-transform: capitalize !important; }

.thin {
  font-weight: 300 !important; }

.ultrathin {
  font-weight: 100 !important; }

.thiner {
  font-weight: 400 !important; }

.bold {
  font-weight: 600 !important; }

.regular {
  font-weight: 400 !important; }

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

.bolder {
  font-weight: 700 !important; }

.ultrabold {
  font-weight: 900 !important; }

.justify {
  text-align: justify !important; }

.italic {
  font-style: italic; }

.pointer {
  cursor: pointer; }

.ultrasmall-text {
  font-size: 10px !important; }

.small-text {
  font-size: 12px !important;
  margin-top: -5px;
  display: block;
  line-height: 24px; }

.smaller-text {
  font-size: 11px !important;
  margin-top: -5px;
  display: block; }

.normal-text {
  font-size: 14px !important; }

.larger-text {
  font-size: 26px !important; }

.large-text {
  font-size: 28px !important; }

.huge-text {
  font-size: 30px !important; }

.boxed-text {
  max-width: 80%;
  margin: 0 auto;
  text-align: center; }

.boxed-text-small {
  max-width: 200px;
  margin: 0 auto;
  text-align: center; }

.boxed-text-large {
  max-width: 300px;
  margin: 0 auto;
  text-align: center; }

.medium-line-height {
  line-height: 30px; }

.large-line-height {
  line-height: 40px; }

.small-text-icon i {
  padding-left: 15px;
  width: 25px;
  padding-right: 10px; }
  .small-text-icon i:first-child {
    padding-left: 0px; }

.border-text {
  border-width: 4px !important;
  padding: 5px 0px 5px 15px;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important; }

.center-text {
  text-align: center !important;
  display: block; }

.left-text {
  text-align: left !important;
  display: block; }

.right-text {
  text-align: right !important;
  display: block; }

.center-stars {
  width: 140px;
  margin: 0 auto; }
  .center-stars i {
    font-size: 16px;
    padding: 0px 5px 0px 5px; }

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

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

.center-boxed-content {
  max-width: 600px !important; }

.center-boxed-text,
.center-boxed-content {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px; }

.one-half {
  width: calc(50% - 5px);
  float: left; }
  .one-half:nth-child(odd) {
    margin-right: 10px; }

.one-third {
  width: 28%;
  float: left;
  margin-right: 8%; }
  .coupon .one-third {
    width: 25%;
    margin-right: 0%;}

/*---Decorations---*/
/*-----------------*/
.decoration-margins {
  margin: 0px 20px 0px 20px; }

.decoration {
  height: 1.2px;
  display: block;
  margin-bottom: 30px;
  clear: both !important;
  background-color: rgba(0, 0, 0, 0.05); }

 /*?????*/
  .decorationScan {
    height: 1.3px;
    clear: both !important;
    margin: 20px 40px;
    background-color: #1f1f1f; }
	.decoration-boxed {
		margin: 0px 20px 0px 20px; }

.decoration-lines div {
  height: 5px;
  width: 10%;
  float: left; }

.decoration-lines-thin div {
  height: 3px;
  width: 10%;
  float: left; }

.deco-0 {
  background-color: #c0392b; }

.deco-1 {
  background-color: #2ecc71; }

.deco-2 {
  background-color: #3498db; }

.deco-3 {
  background-color: #bdc3c7; }

.deco-4 {
  background-color: #f1c40f; }

.deco-5 {
  background-color: #e67e22; }

.deco-6 {
  background-color: #9b59b6; }

.deco-7 {
  background-color: #34495e; }

.deco-8 {
  background-color: #16a085; }

.deco-9 {
  background-color: #95a5a6;
  margin-bottom: 30px; }

.deco-thick {
  height: 3px;
  width: 60px;
  margin: 0 auto; }

.deco-thin {
  height: 2px;
  width: 60px;
  margin: 0 auto; }

.deco-ultrathin {
  height: 1px;
  width: 60px;
  margin: 0 auto; }

.heading-icon {
  height: 50px;
  width: 50px;
  background-color: #FFFFFF;
  line-height: 27px !important; }

.decoration-small {
  height: 3px;
  width: 100px;
  margin: 0px auto 30px auto; }

.decoration-shadow {
  height: 5px;
  border: 0;
  box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5); }

.decoration-line-fade {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.75), transparent); }

.decoration-zig-zag {
  height: 6px;
  background: url(../images/framework/deco-zig.png) repeat-x 0 0;
  border: 0; }

.decoration-slash {
  height: 6px;
  background: url(../images/framework/deco-slash.png) repeat-x 0 0;
  border: 0; }

/*---Hover + Rotate Effects---*/
/*----------------------------*/
.rotate-45 {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.rotate-135 {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

.rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.rotate-225 {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg); }

.rotate-270 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg); }

.rotate-315 {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg); }

.rotate-45,
.rotate-90,
.rotate-135,
.rotate-180,
.rotate-225,
.rotate-270,
.rotate-315 {
  transition: all 250ms ease; }

.scale-hover:hover {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  transition: all 250ms ease; }

.scale-out {
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  transition: all 250ms ease; }

.opacity-out {
  opacity: 0;
  transition: all 250ms ease; }

/*Input Style*/
/*-----------*/
.input-simple-1.has-icon i {
  position: absolute;
  z-index: 2;
  right: 0px;
  font-size: 12px;
  height: 40px;
  width: 12px;
  line-height: 41px;
  text-align: center;
  color: #666666; }

.input-simple-1.textarea.has-icon i {
  margin-top: 28px; }

.input-simple-1.textarea textarea {
  padding: 5px 30px 10px 0px;
  height: 40px;
  line-height: 28px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  background-color: transparent;
  transition: all 250ms ease; }
  .input-simple-1.textarea textarea:focus {
    height: 120px; }

.input-simple-1 em {
  font-style: normal;
  display: block;
  font-size: 11px; }

.select-box-1 em {
  font-style: normal;
  display: block;
  font-size: 11px; }

.input-simple-1 strong,
.select-box-1 strong {
  position: absolute;
  right: 0px;
  font-size: 10px;
  font-style: italic;
  font-weight: 400;
  color: #cacaca; }

.input-simple-1 input {
  height: 40px;
  line-height: 40px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  display: block;
  width: 100%;
  box-shadow: none;
  background-color: transparent;
  transition: all 250ms ease;
  font-size: 12px; }

.input-simple-1.has-icon input {
  text-indent: 0px !important; }

.input-simple-1 input::placeholder,
.input-simple-1 textarea::placeholder {
  color: #b7b7b7; }

.input-simple-1.input-blue input:focus {
  border-bottom: solid 1px #5D9CEC !important; }

.input-simple-1.input-green input:focus {
  border-bottom: solid 1px #A0D468 !important; }

.input-simple-1.input-red input:focus {
  border-bottom: solid 1px #D8334A !important; }

.input-simple-1 .textarea-simple-1 {
  width: 100%;
  display: block;
  padding: 0px;
  text-indent: 0px;
  transition: all 250ms ease;
  font-size: 12px; }

/*Select Box*/
.select-box {
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin-bottom: 30px;
  height: 50px;
  line-height: 50px;
  width: 100%;
  box-shadow: none;
  -webkit-appearance: none;
  background-color: transparent;
  position: relative; }
  .select-box::after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    line-height: 8px;
    height: 8px;
    top: calc(50% - 4px);
    right: 10px;
    color: #999; }
  .select-box select {
    width: 99.9%;
    height: 50px;
    padding-left: 20px;
    padding-right: 30px;
    line-height: 50px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    box-sizing: border-box; }
  .select-box.error {
    border: 1px solid #CB2020; }

.select-box-1 {
  margin-top: 50px;
  border: none;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  padding-top: 5px;
  font-size: 12px;
  background-position: center right; }
  .select-box-1 select {
    padding-left: 0px !important;
    color: #b7b7b7; }
  .select-box-1 em {
    position: absolute;
    margin-top: -35px; }
  .select-box-1 strong {
    margin-top: -35px; }

.select-box select:focus {
  outline: none;
  color: #666666; }

.select-style select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

/*Classic Style*/
.input-box {
  box-sizing: border-box;
  display: block;
  width: 100%; }
  .input-box.has-icon i {
    position: absolute;
    z-index: 2;
    right: 0px;
    font-size: 12px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    color: #666666; }
  .input-box.error input {
    border: solid 2px #CB2020 !important; }
  .input-box input {
    border: solid 2px rgba(0, 0, 0, 0.1);
    background-color: transparent;
    height: 50px;
    line-height: 50px;
    border-radius: 8px !important;
    text-indent: 15px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    font-size: 12px;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    transition: all 250ms ease; }
  .input-box.textarea.has-icon i {
    margin-top: 0px; }
  .input-box.textarea textarea {
    padding-top: 5px;
    padding-right: 30px;
    height: 50px;
    border-radius: 3px !important;
    padding-top: 10px;
    padding-left: 15px;
    line-height: 28px;
    background-color: transparent;
    border: solid 1px rgba(0, 0, 0, 0.1);
    transition: all 250ms ease;
    font-size: 12px; }
    .input-box.textarea textarea:focus {
      height: 130px; }
  .input-box.has-icon input {
    text-indent: 15px !important; }
  .input-box input::placeholder,
  .input-box textarea::placeholder {
    color: #959595; }
  .input-box.input-blue input:focus {
    border: solid 1px #5D9CEC !important; }
  .input-box.input-green input:focus {
    border: solid 1px #A0D468 !important; }
  .input-box.input-red input:focus {
    border: solid 1px #FC6E51 !important; }

.select-box-2 {
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 8px !important;
  font-size: 12px;
  background-position: center 10; }
  .select-box-2 select {
    padding-left: 15px !important;
    color: #231F20; }

.textarea-simple-2 {
  width: 100%;
  display: block;
  padding: 0px;
  text-indent: 0px;
  transition: all 250ms ease; }

/*---Switches---*/
/*--------------*/
.switch-box h5 {
  float: left;
  width: 200px;
  font-weight: 400;
  font-size: 15px; }

.switch-box div {
  float: right; }

.switch-box:after {
  content: '';
  display: block;
  clear: both; }

/*iOS Style*/
.ios-switch {
  position: relative;
  width: 45px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.ios-switch-checkbox {
  display: none; }

.ios-switch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  height: 27px;
  padding: 0;
  line-height: 20px;
  border: 1px solid #E3E3E3;
  border-radius: 20px;
  background-color: #FFFFFF;
  transition: all 250ms ease; }
  .ios-switch-label:before {
    content: "";
    display: block;
    width: 25px;
    margin: 0px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 19px;
    border: 2px solid #E3E3E3;
    border-radius: 20px;
    transition: all 250ms ease; }

.ios-switch-checkbox:checked + .ios-switch-label {
  background-color: #A0D468;
  border-color: #A0D468; }
  .ios-switch-checkbox:checked + .ios-switch-label:before {
    border-color: #A0D468;
    right: 0px; }

/*Material Style*/
.material-switch {
  position: relative;
  width: 40px;
  margin-left: 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.material-checkbox {
  display: none; }

.material-label {
  display: block;
  cursor: pointer;
  height: 16px;
  padding: 0;
  line-height: 16px;
  border: 0px solid #FFFFFF;
  border-radius: 22px;
  background-color: #9E9E9E; }
  .material-label:before {
    content: "";
    display: block;
    width: 22px;
    margin: -3px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 25px;
    border-radius: 22px;
    box-shadow: 0 6px 12px 0px #757575;
    transition: all 250ms ease; }

.material-checkbox:checked + .material-label {
  background-color: #68A3F0;
  border-color: #68A3F0; }
  .material-checkbox:checked + .material-label:before {
    border-color: #68A3F0; }
  .material-checkbox:checked + .material-label .onoffswitch-inner {
    margin-left: 0; }
  .material-checkbox:checked + .material-label:before {
    right: 0px;
    background-color: #3A76C4;
    box-shadow: 3px 6px 18px 0px rgba(0, 0, 0, 0.2); }

/*---Range Sliders---*/
/*-------------------*/
.range-slider input {
  width: 100%; }

input[type="range"] {
  -webkit-appearance: none;
  height: 20px;
  outline: none; }
  input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: #F26B5E;
    position: relative;
    z-index: 3; }
    input[type="range"]::-webkit-slider-thumb:after {
      content: " ";
      height: 10px;
      position: absolute;
      z-index: 1;
      right: 20px;
      top: 5px;
      background: #ff5b32;
      background: linear-gradient(to right, #f088fc 1%, #AC6CFF 70%); }

.ios-slider {
  height: 40px !important;
  background: linear-gradient(to right, #5D9CEC 0%, #5D9CEC 100%);
  background-size: 100% 3px;
  background-position: center;
  background-repeat: no-repeat; }
  .ios-slider::-webkit-slider-thumb {
    background-color: #FFFFFF !important;
    border: solid 1px rgba(0, 0, 0, 0.1);
    border-radius: 30px;
    height: 25px !important;
    width: 25px !important;
    box-shadow: -3px 3px 10px 1px rgba(0, 0, 0, 0.2) !important; }

.material-slider {
  height: 40px !important;
  background: linear-gradient(to right, #CCD1D9 0%, #CCD1D9 100%);
  background-size: 100% 18px;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0px 3px 0px 3px; }
  .material-slider::-webkit-slider-thumb {
    background-color: #434A54 !important;
    border: solid 1px rgba(0, 0, 0, 0.1);
    height: 10px !important;
    width: 30px !important; }

.classic-slider {
  height: 20px !important;
  background-color: #FFFFFF;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 30px !important;
  background-size: 100% 25px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  padding: 0px 3px 0px 3px;
  -webkit-box-shadow: inset 0 2px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 2px 1px rgba(0, 0, 0, 0.1); }
  .classic-slider::-webkit-slider-thumb {
    background-color: #5D9CEC !important;
    border: solid 1px transparent;
    height: 16px !important;
    border-radius: 20px;
    width: 16px !important;
    box-shadow: -3px 3px 10px 1px rgba(0, 0, 0, 0.2) !important; }

.range-slider-icons {
  padding: 0px 30px 0px 30px; }

.range-slider.range-slider-icons i {
  position: absolute;
  top: 0px;
  height: 44px;
  line-height: 44px;
  text-align: center; }

.range-slider .fa-range-icon-1 {
  left: 0px; }

.range-slider .fa-range-icon-2 {
  right: 0px; }

/*---Checkboxes & Radios---*/
/*-------------------------*/
.fac {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px; }
  .fac label {
    margin: 0em 1em 0em 0em;
    padding-left: 1.6em;
    cursor: pointer;
    font-weight: inherit; }
  .fac > input + label:before,
  .fac > span::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    margin-top: 0.5px; }
  .fac > input + label:before {
    transition: opacity 150ms ease-in-out; }
  .fac input {
    display: none; }

.checkboxes-demo .fac {
  display: block; }

.fac-checkbox > input + label:before,
.fac-checkbox-round > input + label:before {
  opacity: 0; }

.fac-radio > input + label:before,
.fac-radio-round > input + label:before {
  opacity: 1; }

.fac-checkbox > input:checked + label:before,
.fac > input:checked + label:before,
.fac-radio > input + label:before,
.fac-checkbox-o > input + label:before,
.fac-checkbox-round-o > input + label:before {
  opacity: 1; }

.fac-checkbox-o > input:checked + label:before,
.fac-checkbox-round-o > input:checked + label:before {
  opacity: 1; }

.fac-radio > input:checked + label:before,
.fac-radio-round > input:checked + label:before {
  opacity: 0; }

.fac-default > input + label:before,
.fac-default > span::after {
  color: #9d9d9d; }

.fac-blue > input + label:before,
.fac-blue > span::after {
  color: #428bca; }

.fac-green > input + label:before,
.fac-green > span::after {
  color: rgba(35, 31, 32, 0.5); }

.fac-green > input:checked + label:before,
.fac-green > span::after {
  color: #53C325; }

.fac-orange > input + label:before,
.fac-orange > span::after {
  color: #f0ad4e; }

.fac-red > input + label:before,
.fac-red > span::after {
  color: #d9534f; }

.fac-checkbox > span::after {
  content: "\f0c8";
  opacity: 1;
  font-weight: 400; }

.fac-checkbox > input[type=checkbox] + label:before {
  content: "\f00c";
  font-size: 10px !important;
  padding-left: 1px; }

.fac-checkbox-round > span::after {
  content: "\f111";
  font-weight: 400;
  font-size: 17px !important; }

.fac-checkbox-round > input[type=checkbox] + label:before {
  content: "\f058";
  font-size: 17px !important;
  margin-left: -3px;
  padding-left: 3px; }

.fac-radio > span::after {
  content: "\f45c";
  font-weight: 400;
  font-size: 17px;
  margin-top: -1px; }

.fac-radio > input[type=radio] + label:before {
  content: "\f14a";
  padding-left: 0px; }

.fac-radio-round > span::after {
  content: "\f058";
  font-size: 17px !important;
  margin-left: -1px; }

.fac-radio-round > input[type=radio] + label:before {
  content: "\f111";
  font-weight: 400;
  font-size: 17px !important;
  background-color: #FFFFFF;
  margin-left: -1px; }

.dark-skin .fac-radio-round > input[type=radio] + label:before {
  background-color: #15181b; }

/*---Dropcaps---*/
/*--------------*/
.dropcaps-1:first-child:first-letter {
  float: left;
  font-size: 60px;
  margin-right: 10px;
  padding: 15px 10px 15px 0px;
  font-family: Georgia; }

.dropcaps-2:first-child:first-letter {
  float: left;
  font-size: 60px;
  margin-right: 15px;
  padding: 15px 5px 15px 0px;
  font-weight: 800; }

.dropcaps-3:first-child:first-letter {
  float: left;
  font-size: 60px;
  margin-right: 15px;
  padding: 15px 5px 15px 0px;
  font-weight: 300; }

.text-highlight {
  margin-bottom: 15px; }
  .text-highlight span {
    display: block;
    float: left;
    padding: 0px 8px;
    margin-right: 5px; }

/*---Chips---*/
/*-----------*/
.chips-dark {
  background-color: #242631 !important;
  color: #FFFFFF !important; }

.chips a {
  background-color: #fefefe;
  border: solid 1px rgba(0, 0, 0, 0.05);
  display: inline-block; }

.chips .chips-icon,
.chips img {
  border-radius: 20px;
  font-size: 12px;
  text-align: center;
  margin-right: 10px;
  position: absolute;
  left: -2px;
  top: -1px; }

.chips-large a {
  font-size: 13px;
  padding: 0px 20px 0px 45px;
  border-radius: 20px;
  margin-right: 5px;
  margin-bottom: 5px; }

.chips-large .chips-icon,
.chips-large img {
  width: 32px;
  height: 32px;
  line-height: 32px; }

.chips-small a {
  padding: 1px 10px 1px 35px;
  border-radius: 24px;
  margin: 0px 5px 5px 0px;
  font-size: 12px;
  line-height: 24px; }

.chips-small .chips-icon,
.chips-small img {
  width: 28px;
  height: 28px;
  line-height: 29px; }

.chips-hide {
  margin-left: 10px;
  font-size: 12px !important;
  opacity: 0.5;
  width: 20px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.1);
  text-align: center;
  display: block; }

/*---Link List---*/
/*---------------*/
.link-list {
  list-style: none;
  padding-left: 0px;
  display: block;
  position: relative; }
  .link-list a {
    margin-left: 40px;
    line-height: 45px;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    border-bottom: solid 1px rgba(0, 0, 0, 0.06); }
  .link-list .link-list {
    display: none; }
    .link-list .link-list a {
      border: none;
      padding-left: 35px;
      line-height: 35px; }
      .link-list .link-list a i {
        padding-left: 0px;
        font-size: 10px;
        line-height: 3px; }
      .link-list .link-list a span {
        line-height: 35px !important;
        font-size: 13px;
        color: #666666;
        font-weight: 400; }
  .link-list li {
    background-color: rgba(255, 255, 255, 0);
    margin: 0px;
    padding-top: 5px; }
  .link-list a i {
    font-size: 16px;
    position: absolute;
    height: 50px;
    width: 25px;
    line-height: 45px;
    left: -45px;
    text-align: center; }
  .link-list .fa-angle-right,
  .link-list .fa-angle-down {
    right: -3px !important;
    left: auto !important;
    padding: 0px !important;
    font-size: 11px; }

.link-list-bg a i:first-child {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  margin-top: 8px;
  border-radius: 5px; }

.nested-link-list .link-list a i {
  line-height: 40px; }

.nested-link-list .link-list li a {
  padding-left: 0px; }

/*---Sortable List---*/
/*-------------------*/
.sortable-ghost,
.sortable-chosen {
  background-color: rgba(0, 0, 0, 0.05) !important; }

.sortable-list li {
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 5px 10px 5px 20px;
  box-shadow: 0 10px 27px 0 rgba(0, 0, 0, 0.05), 0 5px 14px 0 rgba(0, 0, 0, 0.05) !important;
  border: solid 1px rgba(0, 0, 0, 0.05); }
  .sortable-list li a {
    border-bottom: none; }

/*---Search---*/
/*------------*/
.disabled-search,
.disabled-search-item {
  display: none; }

.search-results {
  overflow: visible;
  transition: all 200ms ease; }

.disabled-search-list {
  max-height: 0px !important;
  overflow: hidden;
  transition: all 200ms ease; }

.search-icon-list div {
  line-height: 40px;
  transition: all 250ms ease; }

.search-icon-list i {
  line-height: 40px;
  width: 30px;
  text-align: center; }

.search-input-square .search input {
  -webkit-appearance: none; }

.search-input-round .search input {
  border-radius: 15px !important;
  -webkit-appearance: none; }

.search-input-large input,
.search-input-large .search i {
  height: 60px !important;
  line-height: 60px !important; }

.search [data-search] {
  margin-bottom: 20px !important; }

.search-input-container .search i {
  position: absolute;
  height: 45px;
  line-height: 45px;
  width: 40px;
  text-align: center;
  font-size: 11px;
  z-index: 2; }

.search-input-container .search input {
  height: 45px;
  line-height: 45px;
  width: 100%;
  background-color: transparent;
  padding: 0px 0px 0px 40px;
  margin: 0px 0px 0px 0px;
  border: solid 1px rgba(0, 0, 0, 0.15); }

.search-input-dark .search input {
  background-color: #242631;
  color: #cacaca; }
  .search-input-dark .search input::placeholder {
    font-size: 12px;
    color: #cacaca; }

.search-input-dark .search i {
  color: #cacaca; }

.search-input-light .search input {
  background-color: #FFFFFF;
  color: #1f1f1f; }
  .search-input-light .search input::placeholder {
    font-size: 12px;
    color: #888888; }

.search-input-light .search i {
  color: #1f1f1f; }

.bg-highlight::placeholder {
  color: #FFFFFF !important; }

.header-search {
  position: fixed;
  left: 0px;
  right: 0px;
  padding: 8px 10px 0px 10px;
  height: 50px;
  top: 89px;
  z-index: 99;
  background-color: #FFFFFF;
  border-bottom: solid 1px rgba(0, 0, 0, 0.08); }
  .header-search .fa-search {
    position: absolute;
    z-index: 10;
    font-size: 12px;
    line-height: 27px;
    padding-left: 20px;
    color: #8e8e93; }
  .header-search a {
    position: absolute;
    right: -0px;
    top: 0px;
    width: 43px;
    line-height: 42px;
    color: #8e8e93; }
  .header-search input {
    display: block;
    margin-left: 10px;
    margin-top: -5px;
    padding-left: 30px;
    height: 37px;
    line-height: 37px;
    background-color: #e6e8e9;
    font-size: 12px;
    width: calc(100% - 20px);
    border-radius: 8px !important;
    overflow: hidden; }

.header-search-effect {
  transform: translateY(-30px); }

/*---Buttons---*/
/*-------------*/
.button {
  transition: all 250ms ease; }
  .button:hover {
    text-decoration: none !important; }

.button-round:hover {
  text-decoration: none !important; }

@media (max-width: 560px) {
  .demo-socials a {
    width: 100%; } }

@media (min-width: 560px) and (max-width: 760px) {
  .demo-socials a {
    width: 45%; } }

@media (min-width: 760px) and (max-width: 1280px) {
  .demo-socials a {
    width: 31%; } }

@media (min-width: 1280px) {
  .demo-socials a {
    width: 18%; } }

.icon {
  display: inline-block;
  margin: 0px 5px 5px 5px;
  border: none !important; }

.button,
.button-round {
  color: #FFFFFF;
  height: 55px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  border-radius: 5px;
  display: inline-block;
  margin: 0px 10px 10px 0px;
  padding: 0px 20px 0px 20px; }

.button-ghost {
  text-align: center;
  font-size: 13px;
  display: inline-block;
  margin: 0px 5px 10px 5px;
  padding: 0px 20px 0px 20px;
  background-color: transparent;
  color: #ffffff;
  padding-top: 1px; }
  .button-ghost:hover {
    background-color: #FFFFFF !important;
    color: #1f1f1f !important; }

.icon i {
  display: block;
  text-align: center; }

.button-bold {
  font-weight: 700 !important; }

.button-xl {
  font-size: 18px;
  height: 70px !important;
  line-height: 68px !important; }
  .button-xl.button-icon i {
    font-size: 12px;
    height: 70px !important;
    width: 68px !important;
    border-radius: 70px !important;
    line-height: 70px !important; }

.button-l {
  font-size: 16px;
  height: 60px !important;
  line-height: 60px !important; }
  .button-l.button-icon {
    line-height: 60px !important; }
    .button-l.button-icon i {
      font-size: 20px;
      height: 60px !important;
      width: 55px !important;
      line-height: 60px !important; }

.button-m {
  font-size: 15px;
  height: 55px !important;
  line-height: 55px !important; }
  .button-m.button-icon {
    line-height: 55px !important; }
    .button-m.button-icon i {
      font-size: 16px;
      height: 55px !important;
      width: 55px !important;
      line-height: 55px !important; }

.button-sm {
  font-size: 12px;
  height: 45px !important;
  line-height: 41px !important; }
  .button-sm.button-icon {
    line-height: 45px !important; }
    .button-sm.button-icon i {
      font-size: 14px;
      height: 45px !important;
      width: 45px !important;
      line-height: 45px !important; }

.button-s {
  font-size: 12px;
  height: 40px !important;
  line-height: 36px !important; }
  .button-s.button-icon {
    line-height: 40px !important; }
    .button-s.button-icon i {
      font-size: 14px;
      height: 40px !important;
      width: 40px !important;
      line-height: 40px !important; }

.button-xs {
  font-size: 11px;
  height: 35px !important;
  line-height: 32px !important; }
  .button-xs.button-icon {
    line-height: 35px !important; }
    .button-xs.button-icon i {
      font-size: 12px;
      height: 35px !important;
      width: 45px !important;
      line-height: 35px !important; }

.button-xxs {
  font-size: 10px;
  height: 30px !important;
  line-height: 28px !important; }
  .button-xxs.button-icon {
    line-height: 26px !important; }
    .button-xxs.button-icon i {
      font-size: 14px;
      height: 30px !important;
      width: 30px !important;
      line-height: 30px !important; }

.button-icon.button-center-large {
  padding-left: 40px; }

.icon-xxl {
  width: 100px !important;
  height: 100px !important;
  line-height: 100px !important;
  font-size: 40px !important; }
  .icon-xxl i {
    width: 100px !important;
    height: 100px !important;
    line-height: 100px !important;
    font-size: 40px; }

.icon-xl {
  width: 70px !important;
  height: 70px !important;
  line-height: 70px !important;
  font-size: 32px !important; }
  .icon-xl i {
    width: 70px !important;
    height: 70px !important;
    line-height: 70px !important;
    font-size: 32px; }

.icon-l {
  width: 60px !important;
  height: 60px !important;
  line-height: 60px !important;
  font-size: 24px !important; }
  .icon-l i {
    width: 60px !important;
    height: 60px !important;
    line-height: 60px !important;
    font-size: 24px; }

.icon-m {
  width: 55px !important;
  height: 55px !important;
  line-height: 55px !important;
  font-size: 20px !important; }
  .icon-m i {
    width: 55px !important;
    height: 55px !important;
    line-height: 55px !important;
    font-size: 20px; }

.icon-s {
  width: 40px !important;
  height: 40px !important;
  line-height: 38px !important;
  font-size: 16px !important; }
  .icon-s i {
    width: 40px !important;
    height: 40px !important;
    line-height: 39px !important;
    font-size: 16px; }

.icon-xs {
  width: 35px !important;
  height: 35px !important;
  line-height: 35px !important;
  font-size: 14px !important; }
  .icon-xs i {
    width: 35px !important;
    height: 35px !important;
    line-height: 35px !important;
    font-size: 14px; }

.icon-round {
  border-radius: 7px;
  overflow: hidden; }

.icon-circle {
  border-radius: 100%; }

.icon-center {
  margin: 0 auto;
  display: block; }

.shadow-large {
  box-shadow: 0 20px 67px 0 rgba(0, 0, 0, 0.12), 0 5px 14px 0 rgba(0, 0, 0, 0.2) !important; }

.shadow-medium {
  box-shadow: 0 15px 47px 0 rgba(0, 0, 0, 0.12), 0 5px 14px 0 rgba(0, 0, 0, 0.2) !important; }

.shadow-small {
  box-shadow: 0 10px 47px 0 rgba(0, 0, 0, 0.05), 0 5px 14px 0 rgba(0, 0, 0, 0.1) !important; }

.center-icons {
  margin: 20px auto 30px auto; }

.center-3-icons {
  width: 150px; }

.center-2-icons {
  width: 94px; }

.button-teal {
  background-color: #A0CECB;
  border: solid 2px #A0CECB; }

.button-teal-3d {
  border: none !important;
  border-bottom: solid 5px #7DB1B1 !important;
  padding: 0px 22px; }

.button-teal:hover {
  background-color: #7DB1B1;
  border: solid 2px #7DB1B1; }

.button-teal:active {
  background-color: #628d8d;
  border-bottom: solid 2px #628d8d !important; }

.button-mint {
  background-color: #48CFAD;
  border: solid 2px #48CFAD; }

.button-mint-3d {
  border: none !important;
  border-bottom: solid 5px #37BC9B !important;
  padding: 0px 22px; }

.button-mint:hover {
  background-color: #37BC9B;
  border: solid 2px #37BC9B; }

.button-mint:active {
  background-color: #2fa285;
  border-bottom: solid 2px #2fa285 !important; }

.button-white {
  background-color: #FFFFFF;
  border: solid 2px #FFFFFF;
  color: #1f1f1f; }

.button-white-3d {
  border: none !important;
  border-bottom: solid 5px #FFFFFF !important;
  padding: 0px 22px;
  color: #1f1f1f; }

.button-white:hover {
  background-color: rgba(255, 255, 255, 0.8);
  border: solid 2px #FFFFFF; }

.button-white:active {
  background-color: #FFFFFF;
  border-bottom: solid 2px #FFFFFF !important; }

.button-green {
  background-color: #8CC152;
  border: solid 2px #8CC152; }

.button-green-3d {
  border: none !important;
  border-bottom: solid 5px #77a346 !important;
  padding: 0px 22px; }

.button-green:hover {
  background-color: #A0D468;
  border: solid 2px #A0D468; }

.button-green:active {
  background-color: #77a346;
  border: solid 2px #77a346; }

.button-blue {
  background-color: #4A89DC;
  border: solid 2px #4A89DC; }

.button-blue-3d {
  border: none !important;
  border-bottom: solid 5px #3a71b9 !important;
  padding: 0px 22px; }

.button-blue:hover {
  background-color: #5D9CEC;
  border: solid 2px #5D9CEC; }

.button-blue:active {
  background-color: #3a71b9;
  border: solid 2px #3a71b9; }

.button-blue2 {
  background-color: #4FC1E9;
  border: solid 2px #4FC1E9; }

.button-blue2-3d {
  border: none !important;
  border-bottom: solid 5px #3ba3c9 !important;
  padding: 0px 22px; }

.button-blue2:hover {
  background-color: #3BAFDA;
  border: solid 2px #3BAFDA; }

.button-blue2:active {
  background-color: #3ba3c9;
  border: solid 2px #3ba3c9; }

.button-magenta {
  background-color: #AC92EC;
  border: solid 2px #AC92EC; }

.button-magenta-3d {
  border: none !important;
  border-bottom: solid 5px #8a70cc !important;
  padding: 0px 22px; }

.button-magenta:hover {
  background-color: #967ADC;
  border: solid 2px #967ADC; }

.button-magenta:active {
  background-color: #8a70cc;
  border: solid 2px #8a70cc; }

.button-magenta2 {
  background-color: #8067B7;
  border: solid 2px #8067B7; }

.button-magenta2-3d {
  border: none !important;
  border-bottom: solid 5px #503a84 !important;
  padding: 0px 22px; }

.button-magenta2:hover {
  background-color: #6A50A7;
  border: solid 2px #6A50A7; }

.button-magenta2:active {
  background-color: #503a84;
  border: solid 2px #503a84; }

.button-dark {
  background-color: #3C3B3D;
  border: solid 2px #3C3B3D; }

.button-dark-3d {
  border: none !important;
  border-bottom: solid 5px #000000 !important;
  padding: 0px 22px; }

.button-dark:hover {
  background-color: #323133;
  border: solid 2px #323133; }

.button-dark:active {
  background-color: #000000;
  border: solid 2px #000000; }

.button-dark2 {
  background-color: #656D78;
  border: solid 2px #656D78; }

.button-dark2-3d {
  border: none !important;
  border-bottom: solid 5px #434A54 !important;
  padding: 0px 22px; }

.button-dark2:hover {
  background-color: #656D78;
  border: solid 2px #656D78; }

.button-dark2:active {
  background-color: #3a404a;
  border: solid 2px #434A54; }

.button-yellow {
  background-color: #F6BB42;
  border: solid 2px #F6BB42; }

.button-yellow-3d {
  border: none !important;
  border-bottom: solid 5px #cb9527 !important;
  padding: 0px 22px; }

.button-yellow:hover {
  background-color: #d8a02e;
  border: solid 2px #d8a02e; }

.button-yellow:active {
  background-color: #cb9527;
  border: solid 2px #cb9527; }

.button-orange {
  background-color: #F3811F;
  border: solid 2px #F3811F; }

.button-orange-3d {
  border: none !important;
  border-bottom: solid 5px #c6442f !important;
  padding: 0px 22px; }

.button-orange:hover {
  background-color: #E9573F;
  border: solid 2px #E9573F; }

.button-orange:active {
  background-color: #c6442f;
  border: solid 2px #c6442f; }

.button-red {
  background-color: #ED5565;
  border: solid 2px #ED5565; }

.button-red-3d {
  border: none !important;
  border-bottom: solid 5px #BF263C !important;
  padding: 0px 22px; }

.button-red:hover {
  background-color: #DA4453;
  border: solid 2px #DA4453; }

.button-red:active {
  background-color: #BF263C;
  border: solid 2px #BF263C; }

.button-pink {
  background-color: #FB3365;
  border: solid 2px #FB3365; }

.button-pink-3d {
  border: none !important;
  border-bottom: solid 5px #d9315b !important;
  padding: 0px 22px; }

.button-pink:hover {
  background-color: #ff4876;
  border: solid 2px #e22c59; }

.button-pink:active {
  background-color: #e22c59;
  border: solid 2px #e22c59; }

.button-pink2 {
  background-color: #EC87C0;
  border: solid 2px #EC87C0; }

.button-pink2-3d {
  border: none !important;
  border-bottom: solid 5px #ba5992 !important;
  padding: 0px 22px; }

.button-pink2:hover {
  background-color: #D770AD;
  border: solid 2px #D770AD; }

.button-pink2:active {
  background-color: #ba5992;
  border: solid 2px #ba5992; }

.button-icon {
  padding-left: 40px;
  height: 50px;
  line-height: 50px;
  border: none !important; }

.button-full {
  display: block;
  width: 100% !important; }

.button-round {
  border-radius: 40px !important; }

.button-social {
  text-align: left !important;
  width: 100%;
  padding-left: 50px !important; }
  .button-social i {
    text-align: center !important; }

.button-social-center {
  text-align: center !important;
  padding-left: 40px !important; }

.button-center-large {
  display: block;
  width: 250px;
  margin-left: auto;
  margin-right: auto; }

.button-center-medium {
  width: 190px;
  margin: 0 auto;
  display: block; }

.button-center-small {
  width: 129px;
  margin: 0 auto;
  display: block; }

.button-center {
  width: 170px;
  margin-left: auto;
  margin-right: auto;
  display: block; }

.button-center-large.button-icon {
  padding-left: 20px !important; }

.button-rounded {
  border-radius: 10px !important; }

.button-round.button-icon i {
  border-radius: 50px; }

.button-icon i {
  width: 50px;
  line-height: 50px !important;
  height: 100%;
  top: 0px;
  left: 0px;
  position: absolute;
  font-size: 14px; }

.button-icon.button-full {
  padding-left: 20px; }

.vertical-center-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  z-index: 30;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: solid 1px transparent; }

/*---Back To Top Badge---*/
/*-----------------------*/
.back-to-top-badge {
  width: 34px;
  height: 34px;
  border-radius: 44px;
  font-size: 12px;
  position: fixed;
  z-index: 100;
  right: 15px;
  bottom: 5px;
  -webkit-transform: translateY(40px);
  transform: translateY(40px);
  color: #FFFFFF;
  text-align: center;
  line-height: 32px;
  background: #499bea;
  /* Old browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#207ce5', GradientType=0);
  /* IE6-9 */
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease; }
  .back-to-top-badge:hover {
    color: #FFFFFF; }
  .back-to-top-badge i {
    height: 34px;
    line-height: 35px;
    text-align: center;
    width: 34px;
    font-size: 18px; }

.back-to-top-badge-visible {
  pointer-events: all;
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease; }

.back-to-top-small {
  overflow: hidden;
  bottom: -3px; }
  .back-to-top-small i {
    font-size: 13px; }

.back-to-top-large {
  width: 130px;
  height: 32px;
  border-radius: 18px;
  font-size: 12px;
  position: fixed;
  left: 50%;
  margin-left: -65px;
  bottom: -5px;
  color: #FFFFFF;
  text-align: center;
  line-height: 28px;
  background: #499bea;
  /* Old browsers */
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease; }

.back-to-top-header {
  top: -50px; }
  .back-to-top-header.back-to-top-badge-visible {
    transform: translateY(120px) !important; }

.back-to-top-large i {
  height: 32px;
  line-height: 32px !important;
  padding-right: 17px;
  text-align: center;
  width: 23px;
  font-size: 13px; }

/*---Mobile Ads---*/
/*----------------*/
.ad-box {
  border-radius: 10px; }

.ad-300x250 {
  width: 300px;
  height: 250px;
  margin: 0px auto 30px auto; }

.ad-300x50-static {
  width: 300px;
  height: 50px;
  margin: 0px auto 30px auto; }

.ad-300x50-fixed {
  display: none;
  position: fixed;
  bottom: 0px;
  width: 300px;
  height: 50px;
  left: 50%;
  margin-left: -150px;
  z-index: 99;
  background-color: #000000; }

.close-ad-button {
  position: absolute;
  right: 0px;
  width: 20px;
  height: 20px;
  font-size: 10px;
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.1);
  text-align: center;
  line-height: 20px; }

.scroll-ad-visible {
  transform: translateY(0px) !important; }

.scroll-ad {
  position: fixed;
  bottom: 15px;
  left: 10px;
  right: 10px;
  background-color: rgba(255, 255, 255, 0.99);
  z-index: 99;
  height: 80px;
  box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  transform: translateY(150px);
  transition: all 250ms ease; }
  .scroll-ad img {
    width: 60px;
    position: absolute;
    margin: 10px;
    border-radius: 10px; }
  .scroll-ad strong {
    display: block;
    font-size: 18px;
    padding: 13px 0px 0px 80px;
    margin-bottom: -10px; }
  .scroll-ad em {
    padding: 0px 60px 0px 80px;
    font-style: normal;
    font-size: 11px;
    opacity: 0.7; }
  .scroll-ad a {
    width: 60px;
    font-size: 8px;
    right: 15px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    position: absolute;
    top: 50%;
    border-radius: 12px;
    transform: translateY(-50%); }

/*---Menu Cookie---*/
/*-----------------*/
.cookie-policy {
  position: fixed;
  display: none;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 9999;
  background-color: #FFFFFF;
  box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); }

/*---Content Strips---*/
/*-------------------*/
.content-strip {
  margin-bottom: 30px;
  padding: 40px 0px 40px 0px; }
  .content-strip .container,
  .content-strip .owl-carousel {
    padding: 0px 20px;
    z-index: 90;
    margin-bottom: 0px; }

.content-strip-round {
  width: 310px;
  height: 310px;
  border-radius: 310px;
  overflow: hidden;
  margin: 0px auto 30px auto;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
  border: solid 8px #FFFFFF; }

.content-strip-bg {
  position: absolute;
  background-size: cover;
  background-position: center center;
  z-index: 8;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px; }

.content-strip-arrow {
  z-index: 15;
  height: 10px;
  width: 10px;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  bottom: 25px; }
  .content-strip-arrow i {
    color: rgba(255, 255, 255, 0.2);
    height: 5px;
    line-height: 5px;
    display: block;
    font-size: 12px; }
    .content-strip-arrow i:nth-child(1) {
      animation: bounce1 2s infinite; }
    .content-strip-arrow i:nth-child(2) {
      animation: bounce2 2s infinite;
      animation-delay: 0.1s; }
    .content-strip-arrow i:nth-child(3) {
      animation: bounce3 2s infinite;
      animation-delay: 0.2s; }

@keyframes bounce1 {
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes bounce2 {
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes bounce3 {
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/*--Cards--*/
/*---------*/
.card {
  padding: 30px 20px;
  margin: 30px 20px;
  border-radius: 15px;
  box-shadow: 0 0 15px 4px rgba(0, 0, 0, 0.1) !important; }

.card-full {
  margin: 0px 0px 0px 0px;
  border-radius: 0px; }

.card-blue {
  background-image: linear-gradient(to bottom, #4FC1E9 0%, #339dc4 100%); }

.card-green {
  background-image: linear-gradient(to bottom, #98cc60 0%, #7daf47 100%); }

.card-green2 {
  background-image: linear-gradient(to bottom, #2ECC71 0%, #1f9851 100%); }

.card-brown {
  background-image: linear-gradient(to bottom, #BAA286 0%, #836c4e 100%); }

.card-red {
  background-image: linear-gradient(to bottom, #ED5565 0%, #cc3241 100%); }

.card-orange {
  background-image: linear-gradient(to bottom, #FC6E51 0%, #d14933 100%); }

.card-black {
  background-image: linear-gradient(to bottom, #575757 0%, #212121 100%); }

.card-violet {
  background-image: linear-gradient(to bottom, #6666ff 0%, #3c3cd0 100%); }

.card-magenta {
  background-image: linear-gradient(to bottom, #6600cc 0%, #5807a8 100%); }

.card-mint {
  background-image: linear-gradient(to bottom, #48CFAD 0%, #27a082 100%); }

/*---Icon Columns---*/
/*------------------*/
.icon-column img {
  width: 80px;
  position: absolute; }

.icon-column h1 {
  padding-right: 95px;
  font-weight: 700;
  font-size: 18px;
  padding-top: 0px;
  margin-bottom: 0px; }

.icon-column p {
  padding-right: 95px;
  line-height: 24px; }

.icon-with-bg i {
  margin-top: 15px !important; }

.icon-column i {
  margin-top: 10px;
  font-size: 24px;
  right: 0px;
  width: 65px;
  height: 65px;
  border-radius: 65px;
  line-height: 65px;
  text-align: center;
  position: absolute; }

.icon-column.icon-large i {
  font-size: 45px; }

.icon-column-center i {
  position: relative;
  display: block;
  margin: 10px auto 20px auto;
  left: 0px;
  font-size: 40px;
  width: 60px !important;
  height: 60px !important;
  text-align: center;
  line-height: 75px !important; }

.icon-column-center h3 {
  text-align: center;
  padding: 0px;
  font-size: 22px; }

.icon-column-center p {
  text-align: center;
  padding: 0px;
  font-size: 13px;
  margin: 10px auto 30px auto; }

/*---Article Cards---*/
/*-------------------*/
.article-card.article-full {
  margin: 0px;
  border: none;
  height: 200px; }
  .article-card.article-full .article-header {
    margin: 0px;
    border: none;
    height: 200px; }
  .article-card.article-full .article-image,
  .article-card.article-full .article-overlay {
    height: 200px !important; }

.article-card.article-card-round {
  border-radius: 15px !important;
  overflow: hidden; }
  .article-card.article-card-round .article-category {
    border-radius: 30px; }

.article-card .article-header {
  position: relative;
  height: 150px;
  border-radius: 15px;
  overflow: hidden; }

.article-category {
  z-index: 2;
  font-size: 11px;
  left: 20px;
  top: 20px;
  line-height: 25px;
  padding: 0px 15px;
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.8); }

.article-card {
  height: 100%;
  margin: 0px 20px 20px 20px; }
  .article-card .article-image,
  .article-card .article-overlay,
  .article-card .article-category,
  .article-card .article-close {
    position: absolute; }
  .article-card .article-content {
    padding: 10px 15px 0px 15px; }

.article-content-clear {
  height: 40px;
  margin: 0px 0px 20px 0px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1); }

.article-card.article-clone .article-header {
  border-radius: 0px; }

.article-card .article-title {
  font-size: 16px;
  line-height: 20px;
  z-index: 5;
  bottom: 10px;
  left: 20px; }

.article-card .article-close {
  display: none;
  z-index: 3;
  right: 0px; }

.article-instant .article-close {
  display: none;
  z-index: 3;
  right: 0px; }

.article-card .article-image {
  width: 100%;
  height: 150px;
  background-size: cover;
  background-position: center;
  z-index: 1;
  transition: all 500ms ease; }

.article-card .article-overlay {
  width: 100%;
  height: 150px;
  z-index: 2;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.3) 30%, black 100%); }

.article-author {
  position: absolute;
  font-size: 11px;
  padding: 5px 20px;
  bottom: 0px;
  z-index: 2; }
  .article-author i {
    padding-right: 10px; }

.article-time {
  position: absolute;
  font-size: 11px;
  padding: 5px 20px;
  bottom: 0px;
  z-index: 2;
  right: 0px; }
  .article-time i {
    padding-left: 10px; }

/*Article Clone*/
.article-clone {
  position: fixed;
  top: 0px;
  z-index: 999;
  margin-left: 0px;
  margin-right: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: scroll;
  transform: translateX(105%);
  transition: all 300ms cubic-bezier(0.1, 0.2, 0.1, 1);
  -webkit-overflow-scrolling: touch;
  border: none !important; }
  .article-clone .article-overlay {
    display: none; }
  .article-clone.article-card {
    background-color: #FFFFFF; }

.article-card .article-content-hidden {
  display: none;
  padding: 0px 15px 0px 15px; }

.article-clone .article-content-hidden {
  display: block !important; }

.active-card {
  transform: translateX(0px) !important;
  transition: all 300ms cubic-bezier(0.1, 0.2, 0.1, 1); }

.article-clone .article-header,
.article-clone .article-image {
  height: 300px; }

.article-clone .article-time,
.article-clone .article-author {
  bottom: -40px;
  color: #666666 !important; }

.article-clone .article-content {
  margin-top: 40px;
  border-top: solid 1px rgba(0, 0, 0, 0.1); }

.article-clone .article-category {
  right: 20px;
  left: auto; }

.article-clone .article-back {
  z-index: 15;
  font-size: 11px;
  left: 20px;
  top: 20px;
  line-height: 25px;
  border-radius: 30px;
  padding: 0px 15px;
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  color: #FFFFFF;
  text-transform: uppercase; }
  .article-clone .article-back i {
    padding-right: 10px; }

/*---Contact Page---*/
/*------------------*/
.contactForm input {
  padding-left: 10px;
  border: solid 1px rgba(0, 0, 0, 0.1); }

.contactForm textarea {
  border: solid 1px rgba(0, 0, 0, 0.1); }

.field-title {
  padding-left: 0px !important;
  margin-left: 0px !important; }

.contactField,
.contactTextarea {
  font-size: 12px;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease; }

.contactField:focus,
.contactTextarea:focus {
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease; }

.contactSubmitButton {
  font-family: 'Roboto', sans-serif;
  display: block !important;
  width: 100%;
  font-weight: 700 !important; }

.container .contact-form {
  margin: 0px; }

.contact-form {
  margin: 0px 10px 0px 10px; }

.contactNameField,
.contactEmailField,
.contactMessageTextarea {
  padding-bottom: 5px;
  font-size: 12px; }
  .contactNameField span,
  .contactEmailField span,
  .contactMessageTextarea span {
    float: right;
    opacity: 0.2; }

.formFieldWrap {
  margin-top: -5px; }

#contactNameField {
  text-transform: capitalize; }

.contactField,
.contactTextarea {
  min-width: 100%;
  display: block;
  box-sizing: border-box; }

.buttonWrap {
  -webkit-appearance: none;
  line-height: 20px;
  padding-bottom: 24px;
  min-width: 43%;
  display: inline-block;
  margin-left: -1px; }

.formSubmitButtonErrorsWrap a {
  width: 25%;
  text-align: center;
  padding: 8px 10px !important; }

.contactFormButton #contactSubmitButton {
  margin-bottom: 30px; }

.formValidationError {
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
  background-color: #c0392b;
  text-align: center;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 12px;
  border-radius: 10px;
  box-shadow: 0 10px 47px 0 rgba(0, 0, 0, 0.05), 0 5px 14px 0 rgba(0, 0, 0, 0.1); }
  .formValidationError p {
    line-height: 40px; }

.contactField {
  height: 40px;
  padding: 0px 10px 0px 10px;
  margin-bottom: 10px; }

.contactTextarea {
  margin: 0px 0px 20px 0px;
  padding: 9px 12px 9px 12px;
  margin-bottom: 20px;
  line-height: 18px;
  height: 80px; }

/*---Contact Icons---*/
.contact-information a {
  display: block;
  width: 100%;
  line-height: 40px;
  color: #000000; }
  .contact-information a i {
    display: inline-block;
    padding-right: 20px; }

.dark-skin .contact-information a {
  color: #FFFFFF; }

/*---Accordions---*/
/*----------------*/
.accordion a {
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  font-weight: 500;
  color: #000000; }
  .accordion a i:last-child {
    position: absolute;
    right: -15px;
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    transition: all 350ms ease; }
  .accordion a i:first-child {
    height: 100%;
    width: 40px;
    text-align: center;
    margin-left: -10px; }

.accordion-content {
  display: none;
  overflow: hidden; }

.accordion-style-2 a {
  padding: 0px 15px 0px 15px;
  height: 50px;
  line-height: 50px; }
  .accordion-style-2 a i:last-child {
    right: 0px;
    height: 50px;
    line-height: 50px; }

.accordion-style-2 .accordion-content {
  margin-top: 10px; }

.accordion-style-3 a {
  height: 80px;
  overflow: hidden;
  margin-bottom: 1px; }

.accordion-style-1 [data-accordion] i {
  font-size: 10px;
  transition: all 250ms ease; }

.accordion-style-1 [data-accordion] .fa-circle {
  font-size: 8px; }

.accordion-style-0 [data-accordion] {
  font-size: 13px !important; }
  .accordion-style-0 [data-accordion] i {
    font-size: 8px;
    transition: all 250ms ease; }
  .accordion-style-0 [data-accordion] .fa-circle {
    font-size: 5px; }

.accordion-style-0 .accordion-border {
  border: solid 1px rgba(0, 0, 0, 0.07);
  padding: 3px 15px;
  border-radius: 10px;
  margin-bottom: 10px; }

.rounded-top-accordion {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  overflow: hidden; }

.rounded-bottom-accordion {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  overflow: hidden; }

/*---Tabs---*/
/*----------*/
.tab-item {
  display: none; }

.active-tab-button {
  background-color: #FFFFFF !important;
  color: #000000 !important;
  border-bottom: solid 1px #A0D468 !important;
  transition: all 500ms ease;
  z-index: 9;
  font-weight: 900 !important; }

.tab-content {
  border-top-left-radius: 0px !important;
  border-radius: 15px; }

.tab-titles a {
  display: inline-block;
  padding: 5px 15px;
  background-color: rgba(0, 0, 0, 0.05);
  color: #666666;
  margin-right: -4px;
  transition: all 500ms ease;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  border-left: solid 1px rgba(0, 0, 0, 0.1);
  border-bottom: solid 1px transparent;
  z-index: 8;
  font-size: 12px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  .tab-titles a:last-child {
    border-right: solid 1px rgba(0, 0, 0, 0.1); }

.tab-content {
  margin-top: -1px;
  padding: 15px 15px;
  border: solid 1px rgba(0, 0, 0, 0.1); }

/*Tabs Pills*/
.tab-pill-titles {
  display: table;
  width: 100%;
  margin-bottom: 20px; }
  .tab-pill-titles a {
    color: #1f1f1f;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-left: solid 1px rgba(0, 0, 0, 0.1);
    border-top: solid 1px rgba(0, 0, 0, 0.1);
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
    height: 36px;
    transition: all 250ms ease; }

.active-tab-pill-button {
  color: #FFFFFF !important; }

.tab-pill-titles a:last-child {
  border-right: solid 1px rgba(0, 0, 0, 0.1);
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px; }

.tab-pill-titles a:first-child {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px; }

.header-tabs {
  position: fixed;
  left: 0px;
  right: 0px;
  padding: 8px 10px 0px 10px;
  height: 50px;
  top: 80px;
  z-index: 99;
  background-color: #FFFFFF;
  border-bottom: solid 1px rgba(0, 0, 0, 0.05); }
  .header-tabs a {
    float: left;
    font-size: 12px;
    text-align: center;
    border: solid 1px rgba(0, 0, 0, 0.06); }
    .header-tabs a:first-child {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .header-tabs a:last-child {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
    .header-tabs a:after {
      content: "";
      display: table;
      clear: both; }

.header-tabs-effect {
  transform: translateY(-30px); }

/*---Toggles---*/
/*-------------*/
.read-more-box {
  display: none; }

.toggle {
  clear: both; }
  .toggle .toggle-content {
    display: none; }

.toggle-trigger {
  float: right;
  margin-bottom: 15px; }

.toggle-title {
  float: left;
  cursor: pointer;
  line-height: 30px;
  width: 100%;
  position: absolute;
  font-size: 14px; }

.toggle-subtitle {
  padding-top: 20px;
  position: absolute; }

.toggle-content {
  clear: both; }

.toggle-trigger:after {
  content: "";
  display: table;
  clear: both; }

.toggle .bg-white {
  border: solid 1px rgba(0, 0, 0, 0.2);
  background-color: #f6f6f6 !important; }

.toggle span {
  border: solid 1px rgba(0, 0, 0, 0.2) !important; }

.toggle-1 * {
  transition: all 200ms ease;
  overflow: hidden; }

.toggle-1 i,
.toggle-1 span {
  position: absolute; }

.toggle-1 i {
  padding: 0px 8px 0px 8px;
  font-size: 10px; }

.toggle-active .toggle-1 i:last-child {
  opacity: 0 !important; }

.toggle-active .toggle-1 span {
  transform: translateX(24px) !important; }

.toggle-1 {
  width: 50px;
  height: 27px;
  border-radius: 26px;
  line-height: 26px;
  border: solid 1px transparent; }
  .toggle-1 i {
    width: 50px;
    height: 27px;
    border-radius: 26px;
    line-height: 26px;
    border: solid 1px transparent; }
  .toggle-1 span {
    width: 50px;
    height: 27px;
    border-radius: 26px;
    line-height: 26px;
    border: solid 1px transparent;
    width: 27px;
    background-color: #FFFFFF;
    border: solid 1px rgba(0, 0, 0, 0.2);
    z-index: 1;
    margin-top: 0px;
    left: -1px; }

.toggle-2 * {
  transition: all 200ms ease;
  overflow: hidden; }

.toggle-2 i,
.toggle-2 span {
  position: absolute; }

.toggle-2 i {
  padding: 0px 10px 0px 10px;
  font-size: 12px; }

.toggle-active .toggle-2 i:last-child {
  opacity: 0 !important; }

.toggle-active .toggle-2 span {
  transform: translateX(23px) !important; }

.toggle-2 {
  width: 50px;
  height: 27px;
  border-radius: 26px;
  line-height: 29px;
  border: solid 1px transparent; }
  .toggle-2 i {
    width: 50px;
    height: 27px;
    border-radius: 26px;
    line-height: 29px;
    border: solid 1px transparent; }
  .toggle-2 span {
    width: 50px;
    height: 27px;
    border-radius: 26px;
    line-height: 29px;
    border: solid 1px transparent;
    width: 23px;
    height: 23px;
    background-color: #FFFFFF;
    border: solid 1px transparent;
    z-index: 1;
    margin-top: 2px;
    left: 2px; }

.toggle-3 {
  margin-bottom: 20px;
  margin-top: 5px; }
  .toggle-3 * {
    transition: all 200ms ease; }
  .toggle-3 i,
  .toggle-3 span {
    position: absolute; }
  .toggle-3 i {
    padding: 0px 13px 0px 13px; }

.toggle-active .toggle-3 i:last-child {
  opacity: 0 !important; }

.toggle-active .toggle-3 span {
  transform: translateX(30px) !important; }

.toggle-3 {
  width: 50px;
  height: 15px;
  border-radius: 15px;
  line-height: 13px;
  font-size: 10px;
  border: solid 1px transparent; }
  .toggle-3 i {
    width: 50px;
    height: 15px;
    border-radius: 15px;
    line-height: 13px;
    font-size: 10px;
    border: solid 1px transparent; }
  .toggle-3 span {
    width: 22px;
    height: 22px;
    border-radius: 27px;
    background-color: #FFFFFF;
    border: solid 1px rgba(0, 0, 0, 0.15);
    z-index: 1;
    margin-top: -4px;
    left: -1px; }

.toggle-4 * {
  transition: all 200ms ease; }

.toggle-4 i,
.toggle-4 span {
  position: absolute; }

.toggle-4 i {
  padding: 0px 8px 0px 8px; }

.toggle-active .toggle-4 i:last-child {
  opacity: 0; }

.toggle-active .toggle-4 span {
  transform: translateX(25px); }

.toggle-4 {
  width: 50px;
  height: 25px;
  line-height: 23px;
  font-size: 10px;
  border: solid 1px transparent;
  border-radius: 3px; }
  .toggle-4 i {
    width: 50px;
    height: 25px;
    line-height: 23px;
    font-size: 10px;
    border: solid 1px transparent;
    border-radius: 3px; }
  .toggle-4 span {
    border-radius: 3px;
    width: 21px;
    height: 21px;
    background-color: #FFFFFF;
    z-index: 1;
    left: 2px;
    margin-top: 2px; }

.toggle-5 {
  margin-top: 5px;
  margin-bottom: 20px; }
  .toggle-5 * {
    transition: all 200ms ease; }
  .toggle-5 i,
  .toggle-5 span {
    position: absolute; }
  .toggle-5 i {
    padding: 0px 13px 0px 13px; }

.toggle-active .toggle-5 i:last-child {
  opacity: 0 !important; }

.toggle-active .toggle-5 span {
  transform: translateX(25px) !important; }

.toggle-5 {
  width: 50px;
  height: 20px;
  border-radius: 20px;
  line-height: 18px;
  font-size: 10px;
  border: solid 1px transparent; }
  .toggle-5 i {
    width: 50px;
    height: 20px;
    border-radius: 20px;
    line-height: 18px;
    font-size: 10px;
    border: solid 1px transparent; }
  .toggle-5 span {
    width: 10px;
    height: 30px;
    background-color: #FFFFFF;
    border: solid 1px rgba(0, 0, 0, 0.2);
    z-index: 1;
    margin-top: -5px;
    left: 10px;
    border-radius: 3px; }

.toggle-classic {
  width: 50px;
  height: 25px; }
  .toggle-classic * {
    transition: all 250ms ease;
    overflow: hidden; }
  .toggle-classic i {
    position: absolute;
    right: 0px;
    width: 20px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #1f1f1f; }
  .toggle-classic .fa-plus {
    font-size: 12px; }
  .toggle-classic .fa-chevron-down {
    font-size: 10px; }
  .toggle-classic .fa-circle {
    font-size: 8px;
    color: red; }

.toggle-active .toggle-classic .fa-plus {
  transform: rotate(45deg) !important;
  color: red; }

.toggle-active .toggle-classic .fa-chevron-down {
  transform: rotate(180deg) !important;
  color: red; }

.toggle-active .toggle-classic .fa-circle {
  transform: scale(1.6, 1.6) !important;
  color: limegreen; }

/*---FAQ---*/
/*---------*/
.faq-question {
  line-height: 14px;
  font-size: 14px;
  padding: 23px 0px 21px 50px; }
  .faq-question i {
    position: absolute;
    width: 20px;
    height: 61px;
    line-height: 61px;
    text-align: center;
    left: 13px;
    top: 0px;
    bottom: 0px;
    font-size: 10px;
    transition: all 250ms ease; }

.faq {
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-bottom: none;
  margin-bottom: -1px; }
  .faq p {
    margin-bottom: 0px;
    padding: 0px 15px 20px 15px; }

.faq-answer {
  display: none; }

.faq-question .rotate-45,
.faq-question .rotate-180 {
  color: #BF263C; }

.faq-wrapper .faq:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }

.faq-wrapper .faq:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1); }

/*---Snackbar---*/
/*--------------*/
.snackbar {
  position: fixed;
  bottom: 0px;
  z-index: 19; }

.notification-bar {
  top: 100px; }

.snackbar p {
  margin-top: 0px;
  margin-bottom: 0px;
  height: 50px;
  line-height: 50px;
  padding-left: 20px;
  font-size: 12px;
  height: 0px;
  opacity: 0;
  overflow: hidden;
  border-radius: 10px;
  transition: all 250ms cubic-bezier(0.1, 0.2, 0.1, 1);
  background-color: #242631;
  transform: translateY(50px);
  box-shadow: 0 15px 47px 0 rgba(0, 0, 0, 0.12), 0 5px 14px 0 rgba(0, 0, 0, 0.1); }

.snackbar-boxed {
  left: 10px;
  right: 10px; }

.snackbar-full {
  left: 0px;
  right: 0px;
  margin-right: 0px; }
  .snackbar-full p {
    border-radius: 0px;
    margin-right: 0px; }
  .snackbar-full .active-snack {
    margin-bottom: 0px !important;
    transform: translateY(0px) !important; }

.snackbar .bg-white {
  border: solid 1px rgba(0, 0, 0, 0.15); }
  .snackbar .bg-white a {
    color: red !important; }

.snackbar i {
  width: 35px; }

.active-snack {
  opacity: 1 !important;
  height: 50px !important;
  transform: translateY(-10px) !important;
  margin-bottom: 15px !important;
  transition: all 250ms cubic-bezier(0.1, 0.2, 0.1, 1); }

.snackbar a {
  color: #FFFFFF;
  position: absolute;
  right: 0px;
  width: 50px;
  top: 0px;
  text-align: center;
  font-size: 10px; }

.notification-bar {
  position: fixed;
  transform: translateY(-100px);
  z-index: 9;
  left: 0px;
  right: 0px;
  top: 55px;
  height: 100px;
  transition: all 350ms cubic-bezier(0.1, 0.2, 0.1, 1); }

.toggle-notification-bar {
  transform: translateY(0px); }
/*?????Toast Box--*/
.toast-cart {
  left: 10%;
  right: 10%;
  min-height: 0px;
  line-height: 40px;
  position: fixed;
  z-index: 99;
  text-align: center;
  background-color: rgb(0, 0, 0);
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  padding: 0px 20px 0px 20px;
  pointer-events: none;
  margin-bottom: 0px;
  opacity: 0;
  transition: all 350ms ease;
  border-radius: 10px; }

.toast-top-cart {
  top: 50%; }
/*---Toast Box---*/
/*---------------*/
.toast {
  left: 10px;
  right: 10px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  z-index: 99;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.95);
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  padding: 0px 20px 0px 20px;
  pointer-events: none;
  margin-bottom: 0px;
  opacity: 0;
  transition: all 350ms ease;
  border-radius: 10px; }

.toast-top {
  top: 10px; }

.toast-bottom {
  bottom: 10px; }

.toast i {
  position: absolute;
  left: 0px;
  width: 50px;
  line-height: 50px;
  text-align: center; }

.show-toast {
  opacity: 1 !important;
  transition: all 350ms ease; }

/*------------------*/
/*Notification Boxes*/
/*------------------*/
.notification-yellow {
  background-color: #F6BB42; }

.notification-green {
  background-color: #8fbf5b; }

.notification-blue {
  background-color: #2a87c4; }

.notification-red {
  background-color: #e05967; }

.notification-rounded {
  border-radius: 5px; }

.notification-round {
  border-radius: 250px; }

.notification-icon-transparent .notification-icon {
  background-color: transparent !important;
  padding-left: 0px; }

.notification-icon-transparent p {
  margin-left: -10px !important; }

.notification-has-icon {
  padding: 15px 40px 15px 80px !important;
  padding-left: 80px !important; }
  .notification-has-icon div {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 60px;
    background-color: rgba(0, 0, 0, 0.05); }
  .notification-has-icon .notification-icon i {
    position: absolute;
    width: 60px;
    height: 50px;
    top: 50%;
    margin-top: -25px;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    color: #FFFFFF; }

.notification-large {
  padding: 20px 15px 15px 15px;
  margin: 0px 0px 30px 0px;
  border-radius: 12px;
  overflow: hidden; }
  .notification-large h1 {
    font-size: 16px;
    color: #FFFFFF; }
  .notification-large p {
    opacity: 0.7;
    color: #FFFFFF;
    margin-bottom: 0px; }

.close-notification,
.close-fixed-notification {
  position: absolute;
  height: 50px;
  width: 55px;
  line-height: 43px;
  text-align: center;
  top: 6px;
  right: 0px;
  color: #FFFFFF;
  opacity: 0.6; }

.notification-small {
  padding: 15px 20px 10px 15px;
  margin: 0px 0px 30px 0px;
  border-radius: 12px;
  overflow: hidden; }
  .notification-small p {
    font-size: 13px;
    color: #FFFFFF;
    margin: 0px;
    margin-top: -4px; }
  .notification-small.notification-has-icon {
    height: 50px;
    padding-left: 65px !important; }
    .notification-small.notification-has-icon .notification-icon {
      height: 50px;
      width: 50px; }
    .notification-small.notification-has-icon i {
      font-size: 14px !important; }
  .notification-small .fa-times {
    margin-top: 13px;
    display: block; }

.notification-fixed {
  background-color: #e2e2e2;
  opacity: 0.99;
  position: fixed;
  z-index: 99;
  left: 10px;
  right: 10px;
  top: 15px;
  border-radius: 10px;
  box-shadow: 0 10px 47px 0 rgba(0, 0, 0, 0.05), 0 5px 24px 0 rgba(0, 0, 0, 0.2) !important;
  transition: all 300ms ease;
  transform: translateY(-150%); }

.notification-fixed-active {
  transform: translateY(0%); }

.notification-fixed .notification-icon {
  background-color: rgba(255, 255, 255, 0.15);
  padding-bottom: 3px; }
  .notification-fixed .notification-icon em {
    position: absolute;
    font-size: 11px;
    left: 15px;
    top: 5px; }
  .notification-fixed .notification-icon span {
    padding-left: 35px;
    font-weight: 500;
    padding-top: 5px;
    display: block;
    font-size: 11px; }

.notification-fixed a {
  position: absolute;
  right: 0px;
  top: 5px;
  right: 10px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px; }

.notification-fixed h1 {
  font-size: 16px;
  font-weight: 600;
  padding-left: 12px;
  margin-bottom: -10px;
  margin-top: 10px; }

.notification-fixed p {
  font-size: 12px;
  font-weight: 400;
  padding-left: 12px;
  margin-bottom: 10px;
  color: #FFFFFF; }

/*---Reading Bar---*/
/*-----------------*/
.reading-bar {
  left: 0;
  width: 100%;
  height: 4px;
  margin-bottom: 0px;
  position: fixed;
  z-index: 998;
  top: 0px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.2); }

.reading-line {
  width: 0%;
  float: left;
  height: 100%;
  z-index: 99;
  max-width: 100%;
  background-color: #4FC1E9;
  -webkit-transition: width 150ms ease; }

/*---Pagination---*/
/*----------------*/
.pagination-round a {
  border-radius: 35px !important; }

.pagination {
  width: 100%;
  text-align: center;
  margin: 0px 0px 30px 0px; }
  .pagination a {
    color: #1f1f1f;
    font-size: 11px;
    display: inline-block;
    width: 35px;
    line-height: 33px;
    height: 35px;
    margin: 0 5px 5px 0;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.06); }

/*---Progress Bar---*/
/*------------------*/
.progress-padding {
  padding: 20px 20px 20px 20px;
  border-radius: 20px;
  overflow: hidden; }

.progress-bar-wrapper {
  display: block;
  overflow: hidden; }
  .progress-bar-wrapper em {
    position: absolute;
    left: 0px;
    right: 0px;
    font-style: normal;
    display: block;
    padding: 0px 15px;
    animation: pbar 1000ms 1; }

@keyframes pbar {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.progress-bar {
  width: 0%;
  position: absolute;
  border-left: solid 0px #FFFFFF;
  border-right: solid 0px #FFFFFF;
  transition: width 500ms ease; }

/*---Media Pages---*/
/*-----------------*/
/*Filter*/
.gallery-filter-all {
  float: left !important;
  padding-left: 0px !important; }

.gallery-filter-controls {
  padding: 0px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  width: 100%; }
  .gallery-filter-controls li {
    list-style: none;
    cursor: pointer;
    float: right;
    padding-left: 15px;
    font-size: 13px;
    transition: all 350ms ease; }
    .gallery-filter-controls li:first-child {
      padding-right: 30px;
      font-weight: 800; }

.gallery-filter {
  transition: height 350ms ease;
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 30px; }
  .gallery-filter a {
    width: 33.3%;
    padding: 5px;
    display: block;
    transition: height 350ms ease; }
    .gallery-filter a img {
      display: block;
      width: 100%; }

/*Thumbs*/
.gallery-thumbs {
  margin-bottom: 20px; }
  .gallery-thumbs:after {
    content: "";
    display: table;
    clear: both; }

.gallery-filter-controls,
.gallery-collection:after,
.gallery-insta-controls:after {
  content: "";
  display: table;
  clear: both; }

.gallery-thumbs span {
  color: #1f1f1f;
  display: block;
  text-align: center;
  font-weight: 500;
  font-size: 12px; }

.gallery-wide a {
  position: relative; }

.gallery-wide h1,
.gallery-wide strong {
  position: absolute;
  bottom: 5px;
  height: 50px;
  font-size: 13px;
  line-height: 50px;
  padding: 0px 15px;
  z-index: 10;
  color: #c9c9c9; }

.gallery-wide h1 {
  margin-bottom: 25px;
  font-weight: 600;
  font-size: 22px; }

.gallery-wide img {
  margin-bottom: 0px; }

.gallery-wide-list a {
  margin-bottom: -20px;
  z-index: 10; }

.gallery-wide-list img,
.gallery-wide-list .overlay {
  border-top-left-radius: 25px;
  border-top-right-radius: 25px; }

.gallery-wide-list a h1 {
  padding-bottom: 55px !important; }

.gallery-wide-list a strong {
  padding-bottom: 60px !important; }

.gallery-thumbs .polaroid-effect {
  padding: 4px; }

.gallery-thumbs a {
  float: left; }
  .gallery-thumbs a img {
    margin-bottom: 0px;
    box-shadow: 0 10px 47px 0 rgba(0, 0, 0, 0.05), 0 5px 14px 0 rgba(0, 0, 0, 0.3); }

.gallery-round a img {
  border-radius: 100%;
  overflow: hidden; }

.gallery-square a img {
  border-radius: 13px;
  overflow: hidden; }

@media (min-width: 340px) {
  .gallery-thumbs a {
    width: 31.33333333%;
    margin-bottom: 4%; }
    .gallery-thumbs a:nth-child(3n+2) {
      margin-left: 3%;
      margin-right: 3%; } }

@media (max-width: 340px) {
  .gallery-filter a {
    width: 50%; }
  .gallery-thumbs a {
    width: 47% !important;
    margin-bottom: 6%; }
    .gallery-thumbs a:nth-child(odd) {
      margin-right: 6%; } }

/*---Full Page---*/
/*---------------*/
.full-page,
.full-page-content {
  position: absolute; }

.full-page-clear {
  position: relative; }

.box {
  padding: 30px 30px;
  margin: 30px 25px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.05);
  border-radius: 5px; }

/*---Page Box---*/
/*--------------*/
.content-round .overlay,
.content-round img {
  overflow: hidden;
  border-radius: 15px; }

.page-box {
  z-index: 19;
  position: absolute;
  padding: 0px 20px;
  left: 0px;
  right: 0px;
  top: 50%;
  transform: translateY(-50%); }

/*---Page Login---*/
/*----------------*/
.page-content-full .page-login .login-bg {
  width: 130%;
  margin-left: -15%; }

.page-login {
  min-width: 270px;
  max-width: 300px;
  margin: 0px auto 30px auto; }

.page-login-full {
  max-width: 100% !important;
  margin-left: 20px;
  margin-right: 20px; }

.cover-item .login-bg {
  margin-top: -17px; }

.page-login .login-bg {
  width: 100%;
  left: 0px;
  right: 0px;
  top: 0px;
  border-radius: 12px !important; }

.page-login .login-image {
  width: 90px;
  height: 90px;
  border-radius: 5px;
  position: absolute;
  margin-top: -60px;
  right: 10px;
  border-radius: 20px; }

.page-login .page-login-field {
  height: 45px;
  line-height: 45px;
  margin-bottom: 10px; }
  .page-login .page-login-field i {
    position: absolute;
    z-index: 2;
    height: 45px;
    line-height: 45px;
    width: 20px;
    text-align: center; }
  .page-login .page-login-field em {
    position: absolute;
    right: 0px;
    z-index: 2;
    top: 0px;
    font-size: 10px;
    color: #cacaca;
    transition: all 250ms ease; }
  .page-login .page-login-field input {
    font-size: 12px;
    height: 45px;
    line-height: 45px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.05);
    background-color: transparent;
    display: block;
    width: 100%;
    padding-left: 30px; }
    .page-login .page-login-field input:focus ~ em {
      color: #000000;
      opacity: 0; }
    .page-login .page-login-field input::placeholder {
      color: #aaaaaa; }

.page-login .page-login-links a {
  font-size: 10px;
  color: #aaaaaa; }

.page-login .forgot i {
  padding-left: 5px;
  display: none; }

.page-login .create i {
  padding-right: 10px;
  display: none; }

/*---Page Profile---*/
/*------------------*/
.profile-1 .profile-header {
  position: fixed;
  top: 50px;
  left: 0px;
  right: 0px;
  bottom: 0px; }

.profile-1-back {
  position: absolute;
  top: 0px;
  left: 5px;
  z-index: 2;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  color: #1f1f1f;
  z-index: 2; }

.profile-1-menu {
  position: absolute;
  top: 0px;
  right: 5px;
  z-index: 2;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  color: #1f1f1f;
  z-index: 2; }

.profile-logo {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1; }

.profile-header-clear {
  height: 350px;
  pointer-events: none; }

.profile-1 .profile-body {
  position: relative;
  border-radius: 15px;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
  border: solid 1px rgba(0, 0, 0, 0.1);
  display: block;
  margin: 0px 20px;
  padding: 0px 20px;
  z-index: 10; }

.profile-1 .profile-button {
  margin-top: -22px;
  letter-spacing: 1.1px; }

.profile-1 .profile-heading {
  font-size: 28px;
  text-align: center;
  margin-top: 25px; }

.profile-1 .profile-sub-heading {
  font-size: 14px;
  text-align: center;
  margin-top: -10px;
  color: #9d9d9d; }

.profile-1 .profile-stats {
  margin: 20px 30px 30px 20px; }

.profile-1 .profile-content {
  margin: 0px 20px 30px 10px; }

.profile-1 .profile-stats a {
  width: 33.3%;
  float: left;
  text-align: center;
  font-size: 14px;
  color: #1f1f1f; }
  .profile-1 .profile-stats a i {
    font-size: 24px;
    text-align: center;
    display: block; }

.profile-gallery a {
  width: 29%;
  margin: 0px 2% 0px 2%;
  float: left; }

/*---Homepage Slider---*/
/*---------------------*/
.caption-style-1 {
  position: absolute;
  z-index: 20;
  bottom: 0px;
  left: 20px;
  right: 20px; }

.caption-style-2 {
  background-color: #FFFFFF;
  position: absolute;
  z-index: 20;
  bottom: 15px;
  left: 15px;
  right: 15px;
  padding: 15px 15px 15px 15px;
  border-radius: 15px; }
  .caption-style-2 strong {
    font-family: 'IBM Plex Sans', sans-serif;
    letter-spacing: -0.8px;
    margin-bottom: -5px;
    display: block;
    font-weight: 700;
    font-size: 22px;
    color: #000; }
  .caption-style-2 span {
    display: block;
    font-size: 12px;
    color: #666666; }
  .caption-style-2 .image-details {
    margin-top: 10px;
    border-top: solid 1px rgba(0, 0, 0, 0.09);
    margin-bottom: 10px; }

.caption-style-3 {
  position: absolute;
  z-index: 20;
  bottom: 30px;
  left: 20px;
  right: 20px; }
  .caption-style-3 h1 {
    color: #FFFFFF;
    font-weight: 900;
    font-size: 34px;
    line-height: 36px;
    margin-bottom: 20px; }
  .caption-style-3 p {
    border-radius: 10px;
    padding: 15px;
    bottom: 0px;
    margin-bottom: -10px; }
  .caption-style-3 .button {
    position: absolute;
    right: 0px;
    margin-top: -55px;
    z-index: 10; }

@media (max-width: 330px) {
  .caption-style-3 h1 {
    font-size: 24px;
    line-height: 30px; } }

.caption-style-4 {
  position: absolute;
  z-index: 20;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  padding: 15px 20px 15px 20px; }
  .caption-style-4 strong {
    text-transform: uppercase;
    display: block;
    font-size: 13px;
    color: #acacac; }
  .caption-style-4 h1 {
    font-weight: 700;
    color: #FFFFFF; }
  .caption-style-4 p {
    position: absolute;
    padding-right: 20px;
    margin-bottom: 20px;
    bottom: 0px;
    color: #efefef;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px; }

@media (max-width: 330px) {
  .caption-style-4 {
    padding-top: 5px !important; } }

.caption-style-5 {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 20;
  left: 20px;
  right: 20px; }
  .caption-style-5 h1 {
    font-size: 28px;
    line-height: 32px;
    top: 50%;
    left: 0px;
    right: 0px;
    font-weight: 700;
    color: #FFFFFF; }
  .caption-style-5 .button {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%); }

.slider-margins *,
.slider-no-margins *,
.simple-slider {
  overflow-x: hidden !important;
  overflow: visible !important; }

.slider-no-margins .single-slider .item {
  margin: 0px 20px 0px 20px; }

.slider-no-margins .double-slider {
  padding: 0px 10px 0px 10px; }
  .slider-no-margins .double-slider .item {
    margin: 0px 5px 0px 5px; }

.slider-margins {
  margin: 0px;
  padding: 0px 20px 0px 20px; }
  .slider-margins .item {
    margin: 0px 10px 0px 10px; }
  .slider-margins .article-slider .item {
    margin: 0px; }

.product-slider {
  height: 300px;
  overflow: hidden;
  background: #F4F4F4; }
  .product-slider .item {
    border-radius: 0;
    height: 300px;
    position: relative; }
    .product-slider .item img {
      height: 300px;
      object-fit: contain;
      position: relative; }
    .product-slider .item::after {
      content: "";
      background: url(../images/icon-zoom.png) rgba(0, 0, 0, 0.4);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 50%;
      border-radius: 50%;
      width: 30px;
      height: 30px;
      position: absolute;
      top: 20px;
      right: 20px; }
    .product-slider .item .zoom-btn {
      width: 30px;
      height: 30px;
      position: absolute;
      top: -40%;
      right: 10%;
      z-index: 9999; }
  .product-slider .owl-dots {
    display: block !important;
    margin-top: -30px;
    bottom: 0 !important; }
  .product-slider .owl-dot.active {
    background-color: #8DC21F; }

.home-slider .item {
  border-radius: 0; }

.home-slider .owl-dots {
  display: block !important;
  margin-top: -30px;
  bottom: 0 !important; }

.home-slider .owl-dot.active {
  background-color: #8DC21F; }

.category-slider {
  background: #53C325;
  padding: 10px 0 0;
  margin-top: 12px; }
  .category-slider .item {
    text-align: center; }
    .category-slider .item .cate-item {
       color: #fff;
      display: block;
      width: 100%;
      text-align: center;
      word-break: break-word;
      /* margin-bottom: 10px;  */
    }
      /* .category-slider .item .cate-item .img {
        margin: 0 auto;
        background: #FFF;
        height: 0;
        padding-bottom: 90%;
        margin-bottom: 5px;
        width: 90%;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 90%; } */
        .category-slider .item .cate-item .img {
          margin: 0 auto;
          padding-bottom: 120%;
          width: 100%;
          background-repeat: no-repeat;
          background-position: center;
          background-size: 100%;
          margin-bottom: 5px;}

        .category-slider .item .cate-item .img.seafood {
          background-image: url(../images/cate/cate_seafood.png); }
        .category-slider .item .cate-item .img.grocery {
          background-image: url(../images/cate/cate_grocery.png); }
        .category-slider .item .cate-item .img.meat {
          background-image: url(../images/cate/cate_meat.png); }
        .category-slider .item .cate-item .img.drink {
          background-image: url(../images/cate/cate_beverage.png); }
        .category-slider .item .cate-item .img.veg {
          background-image: url(../images/cate/cate_veg.png); }
        .category-slider .item .cate-item .img.alcohol {
          background-image: url(../images/cate/cate_drinks.png); }
        .category-slider .item .cate-item .img.fruit {
          background-image: url(../images/cate/cate_fruit.png); }
        .category-slider .item .cate-item .img.snack {
          background-image: url(../images/cate/cate_snack.png); }
        .category-slider .item .cate-item .img.dairy {
          background-image: url(../images/cate/cate_dairy.png); }
        .category-slider .item .cate-item .img.personal {
          background-image: url(../images/cate/cate_personal.png); }
        .category-slider .item .cate-item .img.house {
          background-image: url(../images/cate/cate_household.png); }
        .category-slider .item .cate-item .img.frozen {
          background-image: url(../images/cate/cate_frozen.png); }
        .category-slider .item .cate-item .img.confectionary {
          background-image: url(../images/cate/cate_confectionary.png); }
        .category-slider .item .cate-item .img.babycare {
          background-image: url(../images/cate/cate_kids.png); }
        .category-slider .item .cate-item .img img {
          height: 60px;
          object-fit: contain;
          padding: 10px; }
      .category-slider .item .cate-item p {
        font-size: 10px;
        line-height: 1.1;
        display: block;
        color: #FFF;
        margin: 0 auto;
        text-align: center;
        text-transform: uppercase;
        width: 100%; }
      /*chen0721首页类别字体超两行隐藏*/
      .category-slider .item a span {
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        word-wrap:break-word;
        word-break:break-all;
      }

.daily-slider .owl-stage {
  padding-left: 15px !important; }

.daily-slider .store-slide {
  background: #FFF;
  border-radius: 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  padding: 10px;
  margin: 5px 0; }
  .daily-slider .store-slide.soldout {
    pointer-events: none; }
    .daily-slider .store-slide.soldout .name {
      filter: grayscale(10);
      opacity: .5; }
    .daily-slider .store-slide.soldout img {
      opacity: .5; }
    .daily-slider .store-slide.soldout .soldout-badge {
      display: block;
      filter: grayscale(0);
      opacity: 1; }
  .daily-slider .store-slide .soldout-badge {
    display: none;
    position: absolute;
    right: 5px;
    z-index: 99;
    width: 40%; 
    top: 75px;
    height: auto;}
  .daily-slider .store-slide .name {
    position: relative; }
    .daily-slider .store-slide .name span {
      line-height: 1.2;
      font-size: 16px;
      height: 39px;
      display: -webkit-box;
      overflow-wrap: break-word;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
    .daily-slider .store-slide .name .label {
      font-size: 9px;
      color: #53C325; }
    .daily-slider .store-slide .name .price {
      color: #CB2020;
      font-size: 18px; 
      margin-top: 8px;}
    .daily-slider .store-slide .name .org-price {
      color: #999999;
      font-size: 9px;
      text-decoration: line-through; }
    .daily-slider .store-slide .name .add-cart-btn {
      position: absolute;
      right: 7px;
      bottom: 7px;
      background: #53C325;
      color: #FFF;
      width: 30px;
      height: 30px;
      border-radius: 100px;
      line-height: 30px;
      text-align: center; }
      .daily-slider .store-slide .name .add-cart-btn img {
        width: 30px;
        height: 30px;
        padding: 6px;
        object-fit: contain; }

.history-slider .owl-stage {
  padding-left: 15px !important; }

.history-slider .store-slide {
  background: #FFF;
  border-radius: 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  padding: 10px;
  margin: 5px 0; }

/* .article-slider .owl-stage {
  padding-left: 15px !important; } */

.article-slider img {
  object-fit: cover; }

.article-slider .item,
.article-slider .overlay {
  border-radius: 7px !important;
  overflow: hidden !important; }

.single-slider .item,
.double-slider .item,
.single-slider .overlay,
.double-slider .overlay {
  border-radius: 15px !important;
  overflow: hidden !important; }

.single-slider .item img,
.double-slider .item img {
  border-radius: 15px; }

.banner {
  width: 100%;
  display: block; }
  .banner img {
    width: 100%;
    /* max-height: 100px; */
    max-height: 100%;
    /* object-fit: contain;  */
  
  }

.image-details {
  height: 30px !important;
  z-index: 99; }
  .image-details img {
    width: 20px !important;
    position: absolute;
    left: 0px;
    top: 12px;
    margin-top: 4px; }
  .image-details a:nth-child(1) {
    padding: 10px 0px 0px 30px;
    color: #a3a3a3; }
  .image-details a:nth-child(2) {
    color: #a3a3a3;
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 55px; }
  .image-details a:nth-child(3) {
    color: #a3a3a3;
    position: absolute;
    right: 60px;
    top: 0px;
    line-height: 55px; }
  .image-details a:nth-child(4) {
    color: #a3a3a3;
    position: absolute;
    right: 120px;
    top: 0px;
    line-height: 55px; }
  .image-details i {
    padding-right: 5px; }
  .image-details a {
    font-size: 12px; }

.call-to-action-1,
.call-to-action-2,
.call-to-action-3 {
  margin-bottom: 20px !important; }

.call-to-action-1 h1,
.call-to-action-2 h1,
.call-to-action-3 h1 {
  margin-bottom: 10px;
  font-weight: 700; }

.call-to-action-socials {
  width: 180px;
  margin: 0 auto 25px auto; }
  .call-to-action-socials a {
    float: left;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border-radius: 10px;
    margin: 0px 10px; }

/*---Coverpage---*/
/*---------------*/
.cover-back-buton {
  left: 0px; }

.cover-home-button {
  right: 0px; }

.cover-back-button,
.cover-home-button {
  position: absolute;
  top: 0px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  z-index: 12 !important; }

.cover-tag {
  font-size: 11px;
  padding: 3px 12px;
  font-weight: 700;
  line-height: 15px; }

.cover-small-text {
  font-size: 11px;
  color: #FFFFFF;
  display: block; }

.cover-item {
  background-size: cover;
  background-position: center center; }

.cover-content {
  z-index: 5 !important;
  position: absolute; }

.cover-overlay {
  z-index: 3 !important;
  position: absolute; }

.content-boxed .cover-content-center {
  padding: 0px 15px 0px 15px; }

.cover-content-center {
  position: absolute;
  width: 500px;
  top: 50%;
  left: 50%;
  z-index: 10; }

.cover-infinite-background {
  position: fixed;
  top: 0px;
  left: -30px;
  bottom: 0px;
  right: -20px;
  z-index: 2 !important;
  height: 100%;
  background-size: 90%;
  background-image: url(../images/infinite_bg.png);
  animation: 90s scroll infinite linear; }

@keyframes scroll {
  100% {
    background-position: 2000px 2000px; } }

@media (max-width: 350px) {
  .cover-content-center {
    width: 300px; } }

@media (min-width: 350px) and (max-width: 500px) {
  .cover-content-center {
    width: 320px; } }

.cover-content-center-full {
  top: 50%;
  left: 0px !important;
  margin-left: 0px !important;
  padding: 0px 20px; }

.cover-content-bottom {
  top: auto !important;
  margin-bottom: 0px; }

.cover-content-max-bottom {
  padding-bottom: 0px !important; }

.cover-content .content-round {
  margin: 0px !important; }

.cover-content-bottom,
.above-overlay-bottom {
  position: absolute;
  padding: 0px 15px 0px 15px;
  bottom: 0px;
  left: 0px;
  right: 0px; }

.cover-content-bottom,
.above-overlay-top {
  position: absolute;
  padding: 0px 20px 30px 20px;
  top: 0px;
  left: 0px;
  right: 0px; }

.cover-item .cover-icon {
  width: 158px !important;
  border-radius: 100%;
  margin: 0 auto 30px auto; }

.cover-slider .overlay-gradient {
  background: linear-gradient(to bottom, transparent 10%, transparent 20%, transparent 50%, rgba(168, 120, 34, 0.7) 70%, #a87822 100%); }

.walkthrough-buttons .owl-dot.active {
  background-color: #5D9CEC; }

.walkthrough-buttons .owl-dots {
  top: -40px; }

.walkthrough-buttons .next-slide-custom,
.walkthrough-buttons .prev-slide-custom,
.walkthrough-buttons .skip-slide-custom {
  position: absolute;
  bottom: 10px;
  width: 60px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  z-index: 9;
  color: #888888;
  font-size: 12px; }

.walkthrough-buttons .next-slide-custom {
  right: 0px !important; }

.walkthrough-buttons .skip-slide-custom,
.walkthrough-buttons .prev-slide-custom {
  left: 0px !important; }

.walkthrough-has-button .owl-dot,
.walkthrough-has-button .next-slide-custom,
.walkthrough-has-button .prev-slide-custom,
.walkthrough-has-button .skip-slide-custom {
  bottom: 60px; }

.get-started-custom {
  position: absolute;
  top: 100%;
  margin-top: -60px;
  z-index: 99999;
  left: 20px;
  right: 10px;
  width: auto !important; }

.walkthrough-slider .owl-dots {
  position: absolute;
  width: 100%;
  top: auto;
  bottom: 20px; }

/*---Map FullScreen---*/
/*--------------------*/
.map-full .cover-content,
.map-full .cover-overlay {
  transition: all 350ms ease; }

.hide-map {
  position: absolute;
  margin-top: -60px;
  width: 150px;
  left: 50%;
  margin-left: -75px;
  opacity: 0; }

.activate-map {
  opacity: 1;
  transition: all 250ms ease;
  transition: all 350ms ease; }

.deactivate-map {
  opacity: 0;
  pointer-events: none;
  transition: all 350ms ease; }

/*---Added to Home---*/
.add-to-home-ios {
  bottom: 20px; }
  .add-to-home-ios i {
    width: 40px;
    text-align: center;
    position: fixed;
    font-size: 30px;
    left: 50%;
    margin-left: -20px;
    transform: rotate(180deg);
    color: #0f1215; }

.add-to-home-android {
  top: 20px; }
  .add-to-home-android i {
    width: 40px;
    text-align: center;
    position: fixed;
    top: 3px;
    right: 15px;
    font-size: 30px;
    margin-left: -20px;
    color: #0f1215; }

.add-to-home {
  position: fixed;
  background-color: #0f1215;
  z-index: 999;
  left: 15px;
  right: 15px;
  border-radius: 20px;
  height: 80px; }
  .add-to-home h1 {
    position: absolute;
    padding-left: 80px;
    padding-top: 8px;
    color: #FFFFFF;
    font-size: 14px; }
  .add-to-home p {
    position: absolute;
    font-size: 11px;
    padding-right: 20px;
    padding-left: 80px;
    padding-top: 35px;
    line-height: 14px; }
  .add-to-home img {
    width: 60px;
    margin-top: 10px;
    margin-left: 10px; }

/*Targeting iPhone X Style*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3), only screen and (min-width: 414px) and (max-width: 767px) {
  .added-to-home .header-clear-small {
    padding-top: 120px !important; }
  .added-to-home .header-clear-medium {
    padding-top: 140px !important; }
  .added-to-home .header-clear-large {
    padding-top: 155px !important; }
  .added-to-home .header-clear-tabs {
    padding-top: 190px !important; }
  .added-to-home .menu-sidebar-left-push,
  .added-to-home .menu-sidebar-right-push,
  .added-to-home .menu-sidebar-left-over,
  .added-to-home .menu-sidebar-right-over,
  .added-to-home .menu-sidebar-left-full,
  .added-to-home .menu-sidebar-right-full,
  .added-to-home .menu-sidebar-left-parallax,
  .added-to-home .menu-sidebar-right-parallax {
    padding-top: 30px; }
  .added-to-home .header {
    margin-top: 30px; }
  .added-to-home .ioshome {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 32px;
    z-index: 100;
    background-color: #FFFFFF; }
  .added-to-home .page-content-full {
    /*
                  margin-top:25px!important;
                  padding-top:25px!important;
      */ }
    .added-to-home .page-content-full .cover-item {
      height: 101vh !important; } }

/*---Page Plugins---*/
/*------------------*/
/* Owl Carousel v2.2.1 Copyright 2013-2017 David Deutsch  Licensed under  ()*/
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden; }

.owl-dots {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden; }

.owl-carousel {
  -webkit-tap-highlight-color: transparent;
  position: relative;
  width: 100%;
  z-index: 1; }
  .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden; }
    .owl-carousel .owl-stage:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item,
  .owl-carousel .owl-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none; }
    .owl-carousel .owl-item img {
      display: block;
      width: 100%; }
  .owl-carousel .owl-dots.disabled,
  .owl-carousel .owl-nav.disabled {
    display: none; }

.no-js .owl-carousel {
  display: block; }

.owl-carousel.owl-loaded {
  display: block; }

.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-loading {
  opacity: 0;
  display: block; }

.owl-carousel.owl-hidden {
  opacity: 0; }

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden; }

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab; }

.owl-carousel.owl-rtl {
  direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.owl-height {
  transition: all 250ms ease !important; }

.owl-auto-height .owl-height {
  transition: all 250ms ease-in-out !important; }

.owl-carousel .owl-item .owl-lazy {
  z-index: 9;
  opacity: 0;
  transition: opacity .4s ease; }

.owl-carousel .owl-item img {
  transform-style: preserve-3d; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease; }
  .owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease; }

.owl-dot {
  transition: all 250ms ease; }
  .owl-dot.active {
    transition: all 250ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

.owl-no-dots .owl-dots {
  display: none !important; }

.owl-dots {
  text-align: center;
  bottom: 5px;
  width: 100%;
  backface-visibility: hidden; }

.owl-dot {
  border-radius: 50px;
  height: 8px;
  width: 8px;
  display: inline-block;
  background: rgba(101, 101, 101, 0.3);
  margin-left: 5px;
  margin-right: 5px; }
  .owl-dot.active {
    background: #b5b5b5; }

.owl-nav {
  position: absolute;
  top: 50%;
  z-index: 10;
  left: 0;
  right: 0; }

.owl-next {
  width: 40px;
  height: 50px;
  position: absolute;
  color: #FFF;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  margin-top: -25px; }

.owl-prev {
  width: 40px;
  height: 50px;
  position: absolute;
  color: #FFF;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  margin-top: -25px;
  left: 0; }

.owl-next {
  right: 0; }

.owl-has-dots .owl-dots {
  margin-top: 20px;
  margin-bottom: 0; }

.owl-has-dots-over .owl-dots {
  margin-top: -40px;
  margin-bottom: 10px; }

.owl-boxed {
  padding: 0px 20px; }

.owl-carousel {
  display: none; }
  .owl-carousel.owl-loaded {
    display: block; }

/*.owl-carousel {-ms-touch-action: pan-x; -webkit-touch-action: pan-x; touch-action: pan-x;}*/
.next-slide-arrow,
.prev-slide-arrow {
  position: absolute;
  bottom: 50%;
  z-index: 15;
  height: 50px;
  line-height: 50px;
  margin-bottom: -75px;
  width: 50px;
  text-align: center; }

.next-slide-arrow {
  right: 0px; }

.prev-slide-arrow {
  left: 0px; }

.next-slide-text {
  float: right;
  margin-top: -34px;
  z-index: 2; }

.prev-slide-text {
  float: left;
  margin-top: -34px;
  z-index: 2; }

/* @url https://github.com/feimosi/baguetteBox.js*/
#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: #222;
  background-color: black;
  -webkit-transition: opacity .35s ease;
  transition: opacity .35s ease; }
  #baguetteBox-overlay.visible {
    opacity: 1; }
  #baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center; }
    #baguetteBox-overlay .full-image figure {
      display: inline;
      margin: 0;
      height: 100%; }
    #baguetteBox-overlay .full-image img {
      display: inline-block;
      width: auto;
      height: auto;
      max-height: 100%;
      max-width: 100%;
      vertical-align: middle;
      -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
      -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
    #baguetteBox-overlay .full-image figcaption {
      display: block;
      position: absolute;
      top: 0;
      width: 100%;
      text-align: center;
      line-height: 1.8;
      white-space: normal;
      color: #FFFFFF;
      background-color: #000;
      background-color: black !important;
      font-family: sans-serif;
      height: 50px;
      margin-top: 20px;
      font-size: 12px; }
    #baguetteBox-overlay .full-image:before {
      content: "";
      display: inline-block;
      height: 50%;
      width: 1px;
      margin-right: -1px; }

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  -webkit-transition: left .4s ease, -webkit-transform .4s ease;
  transition: left .4s ease, -webkit-transform .4s ease;
  transition: left .4s ease, transform .4s ease;
  transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease; }
  #baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
    animation: bounceFromRight .4s ease-out; }
  #baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
    animation: bounceFromLeft .4s ease-out; }

@-webkit-keyframes "bounceFromRight" {
  0%,
  100% {
    margin-left: 0; }
  50% {
    margin-left: -30px; } }

@keyframes "bounceFromRight" {
  0%,
  100% {
    margin-left: 0; }
  50% {
    margin-left: -30px; } }

@-webkit-keyframes "bounceFromLeft" {
  0%,
  100% {
    margin-left: 0; }
  50% {
    margin-left: 30px; } }

@keyframes "bounceFromLeft" {
  0%,
  100% {
    margin-left: 0; }
  50% {
    margin-left: 30px; } }

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: 0;
  padding: 0;
  margin: 0;
  border: 0;
  -moz-border-radius: 15%;
  border-radius: 15%;
  background-color: #323232;
  background-color: rgba(50, 50, 50, 0.5);
  color: #ddd;
  font: 1.6em sans-serif;
  -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease; }
  .baguetteBox-button#next-button, .baguetteBox-button#previous-button {
    width: 50px;
    height: 60px;
    bottom: 0px;
    background-color: transparent; }
  .baguetteBox-button:focus, .baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, 0.9); }
  .baguetteBox-button#next-button {
    right: 0px;
    width: 33.3%;
    font-size: 16px;
    text-align: right;
    padding-right: 20px; }
  .baguetteBox-button#previous-button {
    width: 33.3%;
    left: 0px;
    font-size: 16px;
    text-align: left;
    padding-left: 20px; }
  .baguetteBox-button#close-button {
    font-size: 14px;
    bottom: 0px;
    width: 50px;
    left: 50%;
    margin-left: -16.7%;
    height: 60px;
    background-color: transparent;
    width: 33.3%; }
  .baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0; }

.baguetteBox-spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px; }

.baguetteBox-double-bounce1 {
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  opacity: .6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out; }

.baguetteBox-double-bounce2 {
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  opacity: .6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
  animation: bounce 2s infinite ease-in-out;
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

@-webkit-keyframes "bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes "bounce" {
  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1); } }

.baguetteBox-button {
  display: block !important; }

/*----Preloader----*/
/*-----------------*/
.preloader-dark {
  background-color: #1b1d26 !important; }
  .preloader-dark .cp1,
  .preloader-dark .cp2 {
    opacity: 0.05;
    background-color: #FFFFFF !important; }
  .preloader-dark em {
    color: rgba(255, 255, 255, 0.3); }

.preloader-light {
  background-color: #FFFFFF !important; }
  .preloader-light .cp1 {
    opacity: 0.05;
    background-color: #000000 !important; }

.preloader-dark .cp2 {
  opacity: 0.05;
  background-color: #000000 !important; }

.preloader-light em {
  color: rgba(0, 0, 0, 0.8); }

.spinner-yellow:after {
  box-shadow: inset #F6BB42 0 0 0 1px !important; }

.spinner-green:after {
  box-shadow: inset #27ae60 0 0 0 1px !important; }

.spinner-red:after {
  box-shadow: inset #D8334A 0 0 0 1px !important; }

.spinner-pink:after {
  box-shadow: inset #EC87C0 0 0 0 1px !important; }

.spinner-blue:after {
  box-shadow: inset #5D9CEC 0 0 0 1px !important; }

.spinner-teal:after {
  box-shadow: inset #A0CECB 0 0 0 1px !important; }

.spinner-magenta:after {
  box-shadow: inset #8067B7 0 0 0 1px !important; }

.spinner-black:after {
  box-shadow: inset #000000 0 0 0 1px !important; }

.spinner-brown:after {
  box-shadow: inset #8E8271 0 0 0 1px !important; }

.spinner-red:after {
  box-shadow: inset #BF263C 0 0 0 1px !important; }

.hide-preloader {
  pointer-events: none;
  opacity: 0 !important;
  transition: all 500ms ease; }

.page-change-preloader {
  opacity: 0;
  pointer-events: none;
  background-color: #1b1d26;
  position: fixed;
  background-size: 50px 60px;
  background-repeat: no-repeat;
  background-position: center center;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9999999;
  pointer-events: none;
  transition: all 250ms ease !important; }

.show-change-preloader {
  opacity: 1;
  transition: all 250ms ease !important; }

#preload-spinner,
.preload-spinner {
  animation: preload-spin1 1.2s ease infinite;
  clip: rect(0, 40px, 40px, 20px);
  height: 40px;
  width: 40px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  top: 50%;
  margin-top: -20px; }

#preload-spinner:after,
.preload-spinner:after {
  animation: preload-spin2 1.2s ease-in-out infinite;
  clip: rect(0, 40px, 40px, 20px);
  content: '';
  border-radius: 50%;
  height: 40px;
  width: 40px;
  position: absolute;
  box-shadow: inset #53C325 0 0 0 2px; }

@keyframes preload-spin1 {
  25% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(185deg); } }

@keyframes preload-spin2 {
  0% {
    transform: rotate(-175deg); }
  100% {
    transform: rotate(175deg); } }

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 999999999 !important;
  opacity: 1;
  transition: all 500ms ease; }
  #preloader h1 {
    width: 100%;
    margin-top: 150px; }
  #preloader em {
    position: fixed;
    width: 100%;
    bottom: 20px;
    font-style: normal;
    text-align: center;
    font-size: 10px;
    line-height: 22px; }
  #preloader p {
    text-align: center;
    font-size: 12px; }

/*---Header---*/
/*-------------*/
.header-clear-small {
  padding-top: 60px; }
  .header-clear-small.product-list {
    padding-top: calc(60px + 75px + 100px + 8px); }

.header-clear-medium {
  padding-top: 110px; }

.header-clear-large {
  padding-top: 125px; }

.header-clear-tabs {
  padding-top: 160px; }

.header {
  position: fixed;
  height: 60px;
  overflow: hidden;
  top: 0px;
  left: 0px;
  right: 0px;
  /* z-index: 101; */
  z-index: 120;
  
  box-shadow: 0 0 25px 2px rgba(0, 0, 0, 0.1); }
  .header .bar {
    width: 100%;
    height: 40px;
    background: #fff;
    position: absolute;
    top: 60px;
    padding: 5px 15px;
    z-index: 98; }
    .header .bar .search-bar {
      background: #F4F4F4;
      height: 30px;
      line-height: 30px;
      border-radius: 5px;
      padding-left: 40px;
      color: #CCCCCC; }
      .header .bar .search-bar img {
        height: 100%;
        padding: 5px;
        position: absolute;
        left: 0; }
    .header .bar .scan-icon {
      position: absolute;
      /* right: 15px; */
	  right: 25px;
      top: 0;
      padding: 10px;
      height: 40px; }
      .header .bar .scan-icon img {
        height: 100%; }
  .header .search {
    padding: 10px; }
    .header .search .search-icon {
      position: absolute;
      z-index: 98;
      padding: 10px;
      height: 40px; }
    .header .search input {
      width: calc(100% - 70px);
      height: 40px;
      padding: 0 40px;
      border-radius: 5px !important;
      background: #F4F4F4; }
      .header .search input::-webkit-input-placeholder {
        opacity: .5; }
    .header .search .scan {
      position: absolute;
      z-index: 98;
      padding: 10px;
      height: 40px;
       /* chen�޸�0703 */
      /* right: 60px; */
      right:70px;
      top: 10px; }
      .header .search .scan img {
        height: 100%; }
      .header .search .scan::before {
        content: "";
        display: none; }
    .header .search .cancel {
      position: absolute;
      right: 0;
      top: 0;
      height: 60px;
      line-height: 60px;
      width: 80px;
      color: #231F20;
      text-align: center;
      font-size: 14px; }

.search-result .content {
  padding: 50px;
  text-align: center; }
  .search-result .content #scanPhoto {
    margin: 0 auto;
    width: 250px;
    height: 250px;
    margin-bottom: 30px; }
  .search-result .content span {
    color: #666666; }
  .search-result .content h3 {
    margin-top: 20px; }

.search-result .btn-group {
  display: block;
  position: fixed;
  bottom: 15px;
  width: 100%; }
  .search-result .btn-group a {
    display: block;
    margin: 0 10px;
    border-radius: 5px;
    box-shadow: none !important;
    margin-bottom: 10px; }
    .search-result .btn-group a.btn-scanPhoto {
      border: 2px solid #53C325;
      color: #53C325; }
  .search-result .btn-group.load {
    display: block; }
  .search-result .btn-group.success {
    display: none; }

.header-fixed {
  position: fixed !important;
  z-index: 99;
  box-shadow: 0 10px 47px 0 rgba(0, 0, 0, 0.05), 0 5px 14px 0 rgba(0, 0, 0, 0.1); }

.header-effect {
  height: 60px; }
  .header-effect .header-line-2,
  .header-effect .header-line-1 {
    transform: translateY(-90px); }

.header-scroll-effect .header-line-1 {
  margin-top: 90px; }

.header-line-2 {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  background-color: #FFFFFF;
  height: 90px;
  z-index: 99;
  border-bottom: solid 1px rgba(0, 0, 0, 0.05); }
  .header-line-2 .header-title {
    font-size: 28px;
    padding: 0px 20px;
    font-weight: 700;
    letter-spacing: -1.2px;
    line-height: 0px;
    margin-top: -5px !important;
    text-align: left;
    transition: all 250ms ease;
    color: #231F20; }
  .header-line-2 .header-pretitle {
    padding: 13px 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #c3c3c3;
    font-size: 10px;
    letter-spacing: 0.4px; }
  .header-line-2 .header-icon {
    position: absolute;
    top: 25px;
    width: 35px;
    border-radius: 35px;
    text-align: center;
    line-height: 36px;
    box-shadow: 0 10px 47px 0 rgba(0, 0, 0, 0.05), 0 5px 14px 0 rgba(0, 0, 0, 0.1) !important; }
    .header-line-2 .header-icon i {
      color: #1f1f1f;
      font-size: 13px; }
    .header-line-2 .header-icon img {
      width: 30px;
      margin-top: 3px;
      position: absolute; }
  .header-line-2 .header-icon-1 {
    right: 20px; }
  .header-line-2 .header-icon-2 {
    right: 70px; }
  .header-line-2 .header-icon-3 {
    right: 120px; }

@media (max-width: 330px) {
  .header-line-2 .header-icon-3 {
    display: none; } }

.back-button-clicked .header-line-2 {
  transform: translateY(-105px) !important; }

.header-hidden {
  opacity: 1 !important; }

.header-line-1 {
  background-color: #FFFFFF;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  z-index: 98;
  height: 60px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.05); }
  .header-line-1 .header-icon {
    position: absolute;
    top: 0px;
    width: 50px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 13px; }
    .header-line-1 .header-icon img {
      height: 60px;
      padding: 18px 0;
      margin: 0 auto; }
  .header-line-1 a {
    color: #808080;
    line-height: 60px;
    font-weight: 600; }

.header-logo-app .header-logo-title {
  text-align: left;
  left: 30px;
  padding-left: 10px;
  font-size: 14px; }

.header-logo-app .header-logo-image {
  color: rgba(255, 255, 255, 0);
  left: 45px;
  padding-left: 10px;
  font-size: 14px; }

.header-logo-app .header-icon-1 {
  left: 0px;
  width: 45px; }

.header-logo-app .header-icon-2 {
  right: 95px; }

.header-logo-app .header-icon-3 {
  right: 50px; }

.header-logo-app .header-icon-4 {
  right: 5px; }

.header-logo-center .header-logo-image {
  color: rgba(255, 255, 255, 0);
  left: 50%;
  width: 120px;
  margin-left: -60px;
  text-align: center;
  padding-left: 10px;
  font-size: 14px;
  background-size: 90%; }

.header-logo-center .header-logo-title {
  text-align: center;
  color: #231F20;
  text-transform: uppercase;
  font-size: 18px; }
  .header-logo-center .header-logo-title b {
    color: #53C325; }

.header-logo-center .header-icon-1 {
  left: 0px;
  width: 45px; }

.header-logo-center .header-icon-2 {
  left: 45px; }

.header-logo-center .header-icon-3 {
  right: 50px; }

.header-logo-center .header-icon-4 {
  right: 5px; }

.header-logo-left .header-logo-image {
  color: rgba(255, 255, 255, 0);
  margin-left: 20px; }

.header-logo-left .header-logo-title {
  margin-left: 20px; }

.header-logo-left .header-icon-1 {
  right: 140px;
  width: 45px; }

.header-logo-left .header-icon-2 {
  right: 95px; }

.header-logo-left .header-icon-3 {
  right: 50px; }

.header-logo-left .header-icon-4 {
  right: 5px; }

.header-logo-right .header-logo-image {
  color: rgba(255, 255, 255, 0);
  margin-right: 20px;
  background-position: center right;
  right: 0px;
  position: absolute; }

.header-logo-right .header-logo-title {
  margin-right: 20px;
  text-align: right; }

.header-logo-right .header-icon-1 {
  left: 140px;
  width: 45px; }

.header-logo-right .header-icon-2 {
  left: 95px; }

.header-logo-right .header-icon-3 {
  left: 50px; }

.header-logo-right .header-icon-4 {
  left: 5px; }

/*---Menu---*/
/*----------*/
.menu-box {
  position: fixed;
  overflow: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background-color: #FFFFFF;
  z-index: 99999;
  display: none;
  border-radius: 15px;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  outline: none;
  border: none;
  text-decoration: none; }
  .menu-box .menu-wrapper {
    background-color: #FFFFFF;
    border-radius: 15px;
    overflow: auto; }
  .menu-box.bg-transparent {
    border-radius: 0px; }

.menu-bottom {
  position: fixed;
  left: 7px;
  right: 7px;
  bottom: 0px;
  border-radius: 15px;
  transform: translateY(110%); }

.menu-modal {
  position: fixed;
  top: 50% !important;
  left: 50% !important;
  background-color: #FFFFFF;
  z-index: 999;
  transform: scale(0.8, 0.8);
  opacity: 0;
  border-radius: 15px;
  pointer-events: none; }
  .menu-modal.menu-box-active {
    opacity: 1 !important;
    pointer-events: all !important;
    transform: scale(1, 1) !important; }

.hide-menu {
  transform: translateY(100%) !important;
  transition: all 350ms ease; }

.menu-sidebar-left-push,
.menu-sidebar-left-over,
.menu-sidebar-left-parallax,
.menu-sidebar-left-full {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 310px;
  border-radius: 0px !important;
  transform: translateX(-310px); }

.menu-sidebar-right-push,
.menu-sidebar-right-over,
.menu-sidebar-right-parallax,
.menu-sidebar-right-full {
  position: fixed;
  top: 0px;
  bottom: 0px;
  right: 0px;
  width: 310px;
  border-radius: 0px !important;
  transform: translateX(310px); }

.menu-sidebar-left-full {
  width: 100% !important;
  transform: translateX(-100%);
  border-radius: 0px !important; }

.menu-sidebar-right-full {
  width: 100% !important;
  transform: translateX(100%);
  border-radius: 0px !important; }

.menu-overlay-instant {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  pointer-events: none;
  transition: all 200ms ease !important; }

.move-contents-left {
  transform: translateX(310px) !important; }

.move-contents-right {
  transform: translateX(-310px) !important; }

.parallax-contents-left {
  transform: translateX(calc(100% - 80%)) !important; }

.parallax-contents-right {
  transform: translateX(calc(-100% + 80%)) !important; }

.menu-sidebar-left-push.menu-box-active,
.menu-sidebar-right-push.menu-box-active,
.menu-sidebar-left-over.menu-box-active,
.menu-sidebar-right-over.menu-box-active,
.menu-sidebar-left-parallax.menu-box-active,
.menu-sidebar-right-parallax.menu-box-active {
  transform: translateX(0px) !important; }

.menu-bottom.menu-box-active {
  transform: translateY(-20px); }

.menu-sidebar-left-full.menu-box-active,
.menu-sidebar-right-full.menu-box-active {
  transform: translateX(0%) !important; }

.menu-overlay-instant.menu-box-active {
  opacity: 1;
  pointer-events: all;
  transition: all 200ms ease !important; }

#menu-hider {
  position: fixed;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none; }

/*Search Bar*/
#menu-search-list {
  padding: 0px 20px; }

.search-header {
  background-color: #ebebec;
  border-radius: 10px;
  height: 45px;
  line-height: 45px;
  display: block;
  margin-top: 20px; }
  .search-header .fa-search {
    color: #8e8e93;
    position: absolute;
    height: 45px;
    left: 15px;
    line-height: 45px; }
  .search-header input {
    color: #8e8e93;
    font-size: 14px;
    padding-left: 40px;
    background-color: transparent;
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    overflow: hidden; }
  .search-header a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 12px;
    color: #ebebec;
    transition: all 350ms ease; }

.search-close-active {
  color: red !important; }

.menu-search-trending ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px; }
  .menu-search-trending ul li a {
    line-height: 40px;
    font-size: 14px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.05); }
  .menu-search-trending ul li:last-child a {
    border-bottom: none; }

.menu-search-trending h1 {
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -1px;
  margin-top: 20px;
  margin-bottom: 10px; }

.move-search-list-up {
  margin-top: -85px;
  transition: all 250ms ease !important; }

/*Search Result*/
.search-result-list {
  margin: 10px 0px 0px 0px;
  min-height: 68px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.05);
  padding-bottom: 15px; }
  .search-result-list img {
    width: 65px;
    position: absolute;
    border-radius: 12px;
    margin-top: 7px;
    box-shadow: 0 15px 47px 0 rgba(0, 0, 0, 0.12), 0 5px 14px 0 rgba(0, 0, 0, 0.03); }
  .search-result-list a {
    width: 65px;
    height: 28px;
    line-height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 9px;
    font-weight: 400;
    border-radius: 30px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    font-style: normal;
    font-weight: 600;
    box-shadow: 0 15px 47px 0 rgba(0, 0, 0, 0.12), 0 5px 14px 0 rgba(0, 0, 0, 0.03); }
  .search-result-list h1 {
    padding-left: 80px;
    font-size: 16px;
    font-weight: 600;
    display: block;
    padding-top: 5px; }
  .search-result-list p {
    max-width: 300px;
    font-size: 11px;
    padding-left: 80px;
    line-height: 20px;
    margin-bottom: 0px;
    margin-top: -9px;
    padding-right: 70px; }

/*Action Sheets*/
/*-------------*/
.sheet-share-horizontal {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  padding: 20px 10px 10px 10px; }
  .sheet-share-horizontal a {
    flex: 0 0 auto;
    flex-direction: column;
    width: 70px;
    float: left; }

.sheet-share-thumbnails a {
  width: 70px;
  float: left; }

.sheet-share-horizontal a span,
.sheet-share-thumbnails a span {
  font-size: 11px;
  text-align: center;
  display: block;
  color: #808080; }

.sheet-share-horizontal a i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: block;
  margin: 0 auto;
  font-size: 22px;
  border-radius: 10px; }

.sheet-share-thumbnails {
  width: 300px;
  margin: 0px auto 20px auto; }
  .sheet-share-thumbnails a {
    width: 100px;
    margin: 25px 0px 0px 0px; }
    .sheet-share-thumbnails a i {
      width: 50px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      display: block;
      margin: 0 auto;
      font-size: 22px;
      border-radius: 10px;
      width: 55px;
      height: 55px;
      line-height: 55px;
      border-radius: 15px; }

.sheet-share-list a {
  display: block;
  border-bottom: solid 1px rgba(0, 0, 0, 0.05);
  height: 47px;
  line-height: 46px; }

.sheet-share-list span {
  font-size: 14px; }

.sheet-share-list a i:first-child {
  margin-left: 20px;
  width: 25px;
  height: 25px;
  line-height: 23px;
  border-radius: 5px;
  text-align: center;
  margin-right: 17px;
  font-size: 12px; }

.sheet-share-list .fa-angle-right {
  font-size: 10px;
  position: absolute;
  right: 0px;
  height: 50px;
  line-height: 50px;
  width: 70px;
  text-align: center;
  color: #b1b1b1; }

.sheet-share-list a span {
  color: #808080; }

/*Menu Styles*/
.menu-hider-active {
  opacity: 1 !important;
  pointer-events: all !important; }

.menu-bottom,
.menu-bottom-active,
#menu-hider,
.menu-hider-active {
  transition: all 280ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.menu-page {
  padding-top: 5px; }

.menu-title {
  padding: 13px 20px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.05); }
  .menu-title h1 {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -1.5px; }
  .menu-title span {
    color: #c3c3c3;
    font-size: 10px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: -7px;
    display: block;
    padding-left: 2px; }

.menu-list {
  list-style: none;
  padding-left: 20px; }
  .menu-list li {
    line-height: 55px; }
  .menu-list .menu-active i:last-child {
    display: none; }
  .menu-list .menu-active::after {
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    font-weight: 800;
    font-size: 8px;
    position: absolute;
    height: 70px;
    line-height: 75px;
    margin-top: -58px;
    right: 33px;
    color: #8CC152; }
  .menu-list li a {
    color: #1f1f1f; }
  .menu-list li span {
    font-size: 15px;
    padding-left: 40px;
    font-weight: 600; }
  .menu-list li em {
    position: absolute;
    left: 0px;
    margin-top: 18px;
    padding-left: 40px;
    font-style: normal;
    font-size: 11px;
    color: #8c8c8c; }
  .menu-list li i:first-child {
    position: absolute;
    height: 70px;
    line-height: 73px;
    font-size: 18px; }
  .menu-list li i:last-child {
    position: absolute;
    right: 9px;
    height: 55px;
    line-height: 55px;
    width: 55px;
    text-align: center;
    font-size: 10px;
    color: #777777;
    margin-top: 10px; }

.menu-hide {
  position: absolute;
  right: -5px;
  top: 0px;
  height: 90px;
  line-height: 90px;
  width: 80px;
  text-align: center;
  font-size: 20px;
  color: #BF263C; }

.filter-title {
  padding: 0 20px;
  height: 60px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.05); }
  .filter-title h3 {
    font-size: 14px;
    line-height: 60px;
    color: #999999; }
  .filter-title span {
    color: #c3c3c3;
    font-size: 10px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: -7px;
    display: block;
    padding-left: 2px; }

.filtering {
  position: relative; }
  .filtering .range-container .input-box {
    width: calc(50% - 20px);
    display: inline-block; }
  .filtering .range-container .icon-box {
    display: inline-block;
    width: 30px;
    text-align: center;
    font-size: 25px;
    color: #231F20; }
  .filtering .radio-toolbar input[type="checkbox"] {
    opacity: 0;
    position: fixed;
    width: 0; }
  .filtering .radio-toolbar label {
    display: inline-block;
    margin: 0;
    width: calc(100% / 3.12);
    background-color: #F4F4F4;
    padding: 10px 0;
    text-align: center;
    font-size: 11px;
    border-radius: 5px;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    transition: all ease-in-out 0.2s; }
    .filtering .radio-toolbar label:active {
      transform: scale(0.9); }
  .filtering .radio-toolbar input[type="checkbox"]:checked + label {
    background-color: rgba(83, 195, 37, 0.7); }
  .filtering .action-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%; }
    .filtering .action-btn a {
      text-transform: uppercase;
      width: calc(50%);
      float: left;
      background: #EEEEEE;
      color: #999999;
      height: 60px;
      line-height: 60px;
      text-align: center; }
      .filtering .action-btn a.confirm {
        background: #53C325;
        color: #FFF;
        position: relative !important;
        font-size: inherit !important;
        right: inherit !important; }

.menu-list-boxed li {
  margin-right: 20px;
  padding-bottom: 18px;
  margin-bottom: 12px;
  border-radius: 10px;
  line-height: 40px;
  border: solid 1px rgba(0, 0, 0, 0.07); }
  .menu-list-boxed li i:last-child {
    right: -10px !important;
    top: -8px; }
  .menu-list-boxed li i:first-child {
    width: 20px;
    text-align: center;
    margin-left: 15px;
    font-size: 18px;
    margin-top: -6px; }

.menu-list-boxed span {
  padding-left: 57px !important; }

.menu-list-boxed em {
  padding-left: 57px !important;
  opacity: 0.76; }

/*---Footer---*/
/*------------*/
.footer {
  padding: 40px 30px 1px 30px;
  overflow: hidden;
  z-index: 11;
  box-shadow: 0 0 25px 2px rgba(0, 0, 0, 0.1);
  background-color: #FFFFFF; }
  .footer strong i {
    padding: 0px 5px; }
  .footer .footer-text {
    text-align: center;
    padding: 10px 10px 0px 10px;
    font-size: 11px; }
  .footer strong {
    font-size: 10px;
    display: block;
    text-align: center;
    color: #acacac;
    font-weight: 700;
    margin-top: 0px;
    text-transform: uppercase; }

@media (min-width: 330px) {
  .footer .footer-text {
    font-size: 13px !important; } }

.footer-socials {
  max-width: 247px;
  margin: 0 auto; }
  .footer-socials a {
    float: left;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
    margin-right: 1px; }
  .footer-socials:after {
    content: "";
    display: table;
    clear: both; }
  .footer-socials a i {
    width: 35px;
    height: 35px;
    line-height: 34px;
    text-align: center;
    font-size: 13px;
    border-radius: 5px; }

.footer-copyright {
  border-top: solid 1px rgba(0, 0, 0, 0.05);
  text-align: center;
  margin-top: 20px;
  padding-top: 15px;
  margin-bottom: 15px;
  padding-top: 15px;
  font-size: 11px;
  line-height: 24px; }

.footer .footer-logo {
  background-repeat: no-repeat;
  background-size: 155px 22px;
  background-position: center center;
  position: relative;
  width: 100%;
  min-height: 25px;
  left: auto;
  margin: 0 auto; }

/*Apptastic 2.0 Update*/
.header-clear-tiny {
  padding-top: 20px; }

.is-ios #footer-menu {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
  background-color: #EBEBEC;
  transition: all 250ms ease;
  min-height: calc(75px + (constant(safe-area-inset-bottom)));
  min-height: calc(75px + (env(safe-area-inset-bottom)));
  transition: all 250ms ease;
  box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.1) !important; }
  .is-ios #footer-menu a span {
    padding-top: 36px;
    line-height: 1; }

.is-not-ios #footer-menu {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
  background-color: #EBEBEC;
  transition: all 250ms ease;
  min-height: 65px;
  transition: all 250ms ease;
  box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.06) !important; }

.is-not-ios .footer {
  padding-bottom: 60px; }

.is-not-ios #footer-menu a i {
  padding-top: 13px; }

.is-not-ios #footer-menu a span {
  padding-top: 40px; }

.is-ios .footer {
  padding-bottom: calc(65px + (constant(safe-area-inset-bottom))) !important;
  padding-bottom: calc(65px + (env(safe-area-inset-bottom))) !important; }

.footer-no-padding {
  padding-bottom: 0px !important; }

#footer-menu a {
  color: #1f1f1f;
  float: left;
  text-align: center; }

.footer-menu-1-icons a {
  width: 100%; }

.footer-menu-2-icons a {
  width: 50%; }

.footer-menu-3-icons a {
  width: 33.3%; }

.footer-menu-4-icons a {
  width: 25%; }

.footer-menu-5-icons a {
  width: 20%; }

.footer-menu-6-icons a {
  width: 16.6666%; }

#footer-menu a {
  text-align: center; }
  #footer-menu a span {
    position: absolute;
    left: 0px;
    right: 0px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    padding-top: 60px;
    color: #808080; }
  #footer-menu a img {
    height: 25px;
    display: inline-block;
    margin-top: 10px; }
  #footer-menu a i {
    padding-top: 18px;
    font-size: 18px; }
  #footer-menu a.active-menu img {
    filter: invert(65%) sepia(89%) saturate(406%) hue-rotate(33deg) brightness(91%) contrast(91%); }
  #footer-menu a.active-menu span {
    color: #53C325 !important; }
  #footer-menu a.center {
    position: relative;
    margin-top: -20px; }
    #footer-menu a.center::before {
      content: "";
      display: block;
      position: absolute;
      left: calc(50% - 35px);
      height: 70px;
      width: 70px;
      border-radius: 100px;
      background: #FFF;
      border: 3px solid #808080;
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); }
    #footer-menu a.center span {
      display: none; }
    #footer-menu a.center img {
      padding-top: 5px;
      height: 44px; }

.dark-skin #footer-menu {
  background-color: #0a0c0f; }
  .dark-skin #footer-menu a i,
  .dark-skin #footer-menu a span {
    color: #FFF; }

/*chen0708*/
/* .notch-hider {
  background-color: #FFF;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 999;
  height: 30px; } */

/*---Skin Settings---*/
/*-------------------*/
.dark-skin {
  background-color: rgba(255, 255, 255, 0.04) !important; }
  .dark-skin h1,
  .dark-skin h2,
  .dark-skin h3,
  .dark-skin h4,
  .dark-skin h5,
  .dark-skin h6 {
    color: #FFFFFF; }
  .dark-skin .menu-title h1,
  .dark-skin .menu-title span {
    color: #FFFFFF; }
  .dark-skin .menu-page li span,
  .dark-skin .header-title,
  .dark-skin .header-line-1 a {
    color: #FFFFFF; }
  .dark-skin .header-line-2 a {
    color: #FFFFFF; }
    .dark-skin .header-line-2 a i {
      color: #FFFFFF; }
  .dark-skin .accordion a,
  .dark-skin .link-list a,
  .dark-skin .fac,
  .dark-skin .range-slider i,
  .dark-skin .pagination a,
  .dark-skin .blockquote-wrapper p {
    color: #FFFFFF; }
  .dark-skin .scroll-ad strong,
  .dark-skin .scroll-ad em {
    color: #FFFFFF; }
  .dark-skin .tab-titles a,
  .dark-skin .tab-pill-titles a,
  .dark-skin .formFieldWrap label,
  .dark-skin .formTextareaWrap label,
  .dark-skin .menu-list a span {
    color: #FFFFFF; }
  .dark-skin .decoration,
  .dark-skin .pricing-table {
    background-color: rgba(255, 255, 255, 0.04) !important; }
  .dark-skin .contact-form input[type="text"],
  .dark-skin .contact-form textarea {
    background-color: rgba(255, 255, 255, 0.04) !important; }
  .dark-skin .sortable-list li,
  .dark-skin .calendar {
    background-color: rgba(255, 255, 255, 0.04) !important; }

.timeline-deco {
  background-color: rgba(255, 255, 255, 0.04) !important; }

.dark-skin .classic-slider {
  background-color: rgba(255, 255, 255, 0.04) !important; }

.dark-skin .contact-form input,
.dark-skin .profile-1 .profile-stats a,
.dark-skin .system-box strong,
.dark-skin .vcard-field a {
  color: #FFFFFF !important; }

.dark-skin .calendar a,
.dark-skin .calendar strong,
.dark-skin .calendar em {
  color: #FFFFFF !important; }

.dark-skin .vcard-field i,
.dark-skin .contact-form textarea {
  color: #FFFFFF !important; }

.dark-skin .menu-title,
.dark-skin .link-list a,
.dark-skin .input-simple-1,
.dark-skin .input-box {
  border-bottom: solid 1px rgba(255, 255, 255, 0.04) !important; }

.dark-skin .menu-list-boxed li,
.dark-skin .header-tabs a,
.dark-skin .tab-content,
.dark-skin .tab-pill-titles a,
.dark-skin .tab-titles a {
  border: solid 1px rgba(255, 255, 255, 0.05) !important; }

.faq {
  border: solid 1px rgba(255, 255, 255, 0.05) !important; }

.dark-skin {
  background-color: #15181b; }
  .dark-skin .accordion-style-0 .accordion-border {
    border: solid 1px rgba(255, 255, 255, 0.05) !important; }
  .dark-skin .page-content,
  .dark-skin .fac-radio-round,
  .dark-skin .bg-transparent .menu-wrapper,
  .dark-skin .menu-box,
  .dark-skin .calendar,
  .dark-skin .timeline-item-content,
  .dark-skin .timeline-item-content-full {
    background-color: #15181b; }
  .dark-skin #menu-hider {
    background-color: rgba(0, 0, 0, 0.85); }
  .dark-skin .header-line-1,
  .dark-skin .header-line-2,
  .dark-skin .footer,
  .dark-skin .scroll-ad,
  .dark-skin .search-header,
  .dark-skin .header-tabs,
  .dark-skin .profile-1 .profile-body,
  .dark-skin .header-search,
  .dark-skin .timeline-body,
  .dark-skin .ioshome {
    background-color: #0f1215 !important; }

/*---Demo Content - Can Be Deleted---*/
/*-----------------------------------*/
.demo-buttons a {
  width: 30.6%;
  margin-right: 1% !important;
  margin-left: 1% !important;
  box-sizing: border-box; }

.demo-buttons .button-full {
  margin-left: 1% !important;
  width: 97.6% !important;
  margin-bottom: 00px; }

.demo-line {
  display: block;
  padding: 6px 16px;
  font-size: 12px; }

.demo-icon-font {
  width: 120%; }
  .demo-icon-font article {
    color: #7e7e7e;
    width: 50px;
    height: 50px;
    display: inline-block;
    transform: scale(1.41, 1.41); }

.demo-settings {
  position: absolute;
  right: 25px;
  top: 0px;
  height: 25px;
  width: 90px;
  line-height: 25px;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 600;
  color: #000000;
  text-align: center; }

.demo-settings-fixed {
  position: absolute;
  z-index: 999;
  top: 70px;
  right: 15px; }

.demo-header {
  box-shadow: none;
  border: solid 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  z-index: 1;
  position: relative;
  transform: translateX(0px) !important; }

.demo-back-to-top1 {
  width: 34px;
  margin: 0 auto;
  position: relative;
  transform: translateX(15px) !important;
  opacity: 1 !important; }

.demo-back-to-top2 {
  position: relative;
  transform: translate(0) !important;
  opacity: 1 !important; }

.center-demo-text {
  position: relative;
  float: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center; }

/*Demo Menu*/
.toggle-options {
  padding: 8px 0px 0px 0px;
  margin: 0px 20px -5px 20px; }
  .toggle-options .toggle-2 {
    transform: scale(0.75, 0.75); }

.demo-colors {
  padding: 7px 0px 10px 0px; }
  .demo-colors .color-highlight {
    position: absolute;
    right: 26px;
    margin-top: -27px; }

.demo-colors-select {
  width: 50%;
  float: right;
  margin-top: -35px;
  margin-right: 15px; }
  .demo-colors-select a {
    width: 16.6667%;
    float: left;
    text-align: center;
    font-size: 15px; }

.active-demo-color:after {
  font-family: "Font Awesome 5 Free";
  content: '\f058';
  font-weight: 900;
  margin-left: -15px;
  margin-top: 1px;
  z-index: 10;
  position: absolute; }

.active-demo-color .fa-circle {
  opacity: 0; }

.scan {
  padding: 0;
  margin: 0; }
  .scan::before {
    content: "";
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, #007846 0%, #53C325 100%);
    position: absolute;
    top: 0;
    left: 0; }
  .scan .scan-container {
    width: 85%;
    background: #FFF;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    height: auto;
    margin-bottom: 150px;
    left: calc(50% - 85% / 2);
    top: calc(60px + 25px); }
    .scan .scan-container .logo {
      width: 40%;
      padding: 6% 0 7%;
      margin: 0 auto; }
      .scan .scan-container .logo img {
        width: 100%; }
    .scan .scan-container .qrcode {
      width: 70%;
      margin: 0 auto; }
      .scan .scan-container .qrcode img {
        width: 100%; }
	.scan .scan-container #cumulativeContainer {
		display: none;
	}
	.scan .scan-container .cumulative {
		font-size: 14px;
		font-weight: 600;
		color: #9d2270;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.scan .scan-container .cumulative img{
		width: 15px;
		height: 15px;
		margin-right: 4px;
	}
	.scan .scan-container .cumulative-sum {
		font-size: 24px;
		font-weight: 600;
		color: #9d2270;
	}
	.scan .scan-container .cumulative-sum span{
		font-size: 14px;
	}
    .scan .scan-container .name {
      color: #F3811F;
      margin: 0; }
    .scan .scan-container .record {
      background: #53C325;
      color: #FFF;
      width: fit-content;
      padding: 3px 25px;
      margin: 0 auto;
      /* margin-bottom: 20px; */
      margin-bottom: 60px;
      border-radius: 5px; }
    .scan .scan-container .points {
      font-size: 400%;
      font-weight: bold;
      padding-bottom: 5px; }
      .scan .scan-container .points span {
        font-size: 18px; }
    .scan .scan-container .expiry {
      padding: 10px 0; }
    .scan .scan-container .id {
      /* position: absolute; */
      bottom: 0;
      width: 100%;
      text-align: center;
      padding: 12px 0;
      background: #E8E8E8; }

.tabs {
  background: #FFF;
  position: fixed;
  width: 100%;
  z-index: 100;
  /*chen0706
  top: 89px;*/  top: 60px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.05); }
  .tabs a {
    line-height: 40px;
    color: #666666; }
    .tabs a.active-tab-button {
      color: #53C325 !important; }

.history {
  padding-top: 100px;
  min-height: calc(100vh); }
  .history .item {
    width: 100%;
    border-radius: 5px;
    padding-bottom: 15px;
    background: #FFF;
    margin: 15px 0 0; }
    .history .item.completed h2 {
      color: rgba(35, 31, 32, 0.5); }
    .history .item.completed .status .badge {
      background: rgba(35, 31, 32, 0.5); }
    .history .item .status {
      height: 35px;
      line-height: 35px;
      font-size: 15px;
      padding: 0 15px;
      color: #F3811F;
      display: block;
      border-bottom: 1px solid #eee;
      width: 100%; }
      .history .item .status .badge {
        display: block;
        background: #53C325;
        color: #FFF;
        padding: 0 10px;
        font-size: 13px;
        height: 25px;
        line-height: 25px;
        float: right;
        margin: 5px;
        border-radius: 5px;
        margin-right: -10px; }
    .history .item h4 {
      margin-top: 15px;
      font-weight: normal;
      color: #231F20;
      padding: 0 15px; }
    .history .item h2 {
      color: #F3811F;
      padding: 0 15px; }
    .history .item .date {
      color: #999;
      padding: 0 15px;
      font-size: 13px;
      margin-top: 10px; }
    .history .item i {
      position: absolute;
      top: 50px;
      right: 15px;
      color: #999;
      font-size: 18px;
      line-height: 23px; }

.order-detail .top {
  padding: 15px 15px 0;
  text-align: center; }
  .order-detail .top .status {
    color: #F3811F;
    font-size: 15px; }
  .order-detail .top .earn {
    background: #F3811F;
    color: #FFF;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    font-size: 14px;
    text-align: center;
    margin: 10px 0; }
    .order-detail .top .earn span {
      display: inline-block;
      padding-left: 35px;
      background: url("../images/Icon_promo_badge.png") no-repeat left center;
      background-size: auto 25px; }
      .order-detail .top .earn span p {
        line-height: 1;
        display: inline;
        padding-left: 10px;
        color: #FFF;
        font-weight: bold; }

.order-detail .container {
  background: #FFF;
  margin: 15px;
  padding: 15px;
  border-radius: 5px; }
  .order-detail .container .content {
    padding: 0;
    margin: 0; }
    .order-detail .container .content .item {
      padding: 15px 0;
      display: flex;
      border-bottom: 1px solid #CCCCCC; }
      .order-detail .container .content .item .image {
        width: 50px;
        height: 50px;
        margin-right: 15px;
        display: inline-flex;
        vertical-align: top; }
        .order-detail .container .content .item .image img {
          width: 100%;
          border-radius: 10px; }
      .order-detail .container .content .item .content {
        width: calc(100% - 50px);
        display: block;
        padding-right: 0;
        margin-bottom: 0; }
        .order-detail .container .content .item .content .name {
          display: block;
          width: 100%;
          padding-right: 120px;
          position: relative;
          font-size: 15px;
          line-height: 1.2; 
          word-break: break-word;}
          .order-detail .container .content .item .content .name .remark {
            display: block;
            font-size: 13px;
            padding-top: 5px; }
          .order-detail .container .content .item .content .name .right {
            position: absolute;
            top: 0;
            right: 0;
            width: 110px;
            text-align: right; }
            .order-detail .container .content .item .content .name .right .qty {
              width: 35px;
              line-height: 20px;
              display: inline;
              color: #999999;
              float: left; }
              .order-detail .container .content .item .content .name .right .qty b {
                color: #F3811F;
                font-weight: normal; }
            .order-detail .container .content .item .content .name .right .price {
              width: 70px;
              font-size: 14px;
              line-height: 20px;
              color: #CB2020;
              display: inline; }
        .order-detail .container .content .item .content .sub-price {
          display: block;
          padding: 10px 0;
          color: #6F6F6F;
          font-size: 12px; }
          .order-detail .container .content .item .content .sub-price .org-price {
            float: right;
            text-decoration: line-through; }
        .order-detail .container .content .item .content .addon-item {
          display: block;
          width: 100%;
          padding: 5px 0; }
          .order-detail .container .content .item .content .addon-item .price {
            float: right;
            color: #CB2020; }
  .order-detail .container .coupon {
    padding: 15px 0;
    background: #FFF; }
    .order-detail .container .coupon .amount {
      float: right;
      color: #CB2020; }
    .order-detail .container .coupon table {
      margin-bottom: 0; }
    .order-detail .container .coupon tr {
      background: #FFF; }
      .order-detail .container .coupon tr td {
        text-align: left;
        padding: 12px 0 0; }
        .order-detail .container .coupon tr td.title {
          width: 70%;
          color: #999; }
  .order-detail .container .delivery {
    border-top: 1px solid #CCCCCC;
    padding: 15px 0;
    background: #FFF;
    min-height: auto; }
    .order-detail .container .delivery .amount {
      float: right;
      color: #CB2020; }
    .order-detail .container .delivery table {
      margin-bottom: 0; }
    .order-detail .container .delivery tr td {
      text-align: left;
      padding: 12px 0 0; }
      .order-detail .container .delivery tr td.title {
        width: 88px;
        color: #999; }
  .order-detail .container .subtotal {
    border-top: 1px solid #CCCCCC;
    margin-bottom: 0; }
    .order-detail .container .subtotal tr {
      background: #FFF; }
      .order-detail .container .subtotal tr.total td {
        border-top: 1px solid #707070;
        color: #F3811F;
        font-size: 18px; }
    .order-detail .container .subtotal td {
      background: transparent;
      font-size: 15px;
      text-align: left; }
      .order-detail .container .subtotal td.price {
        width: 140px;
        text-align: right;
        color: #CB2020;
        font-weight: bold; }

.coupon {
  padding-top:100px;
  -webkit-overflow-scrolling: touch; }
  .coupon .item {
    display: flex;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 10px; }
    .coupon .item .ribbon {
      width: 46px;
      height: 46px;
      overflow: hidden;
      position: absolute;
      z-index: 80; }
      /* .coupon .item .ribbon::before, .coupon .item .ribbon::after {
        position: absolute;
        z-index: -1;
        content: '';
        display: block;
        border: 3px solid #41981d; } */
      .coupon .item .ribbon span {
        position: absolute;
        display: block;
        width: 135px;
        padding: 5px 0;
        background-color: #53C325;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        color: #fff;
        font-size: 8px;
        font-weight: bold;
        line-height: 1;
        text-transform: uppercase;
        text-align: center; }
      .coupon .item .ribbon.ribbon-top-left {
        top: -4px;
        left: 0px; }
        .coupon .item .ribbon.ribbon-top-left img{
          width: 100%;
          height: 100%; }
        /* .coupon .item .ribbon.ribbon-top-left::before {
          border-top-color: transparent;
          border-left-color: transparent;
          top: 0;
          right: 0; } */
        .coupon .item .ribbon.ribbon-top-left::after {
          border-top-color: transparent;
          border-left-color: transparent;
          bottom: 0;
          left: 0; }
        .coupon .item .ribbon.ribbon-top-left span {
          right: -30px;
          top: 11px;
          transform: rotate(-45deg); }
    .coupon .item .value {
      display: table-cell;
      position: relative;
      background: rgba(83, 195, 37, 0.4);
      border-radius: 5px;
      width: 30%;
      min-height: 50px;
      padding: 10px;
      text-align: center;
      color: #53C325; }
      .coupon .item .value .num {
        padding-top: 5px;
        font-size: 35px;
        font-weight: bold; }
        .coupon .item .value .num span {
          font-size: 16px;
          margin-right: 5px; }
      .coupon .item .value .info {
        font-size: 14px; }
      .coupon .item .value::before {
        content: "";
        position: absolute;
        z-index: 100;
        top: -2px;
        right: -2px;
        border-right: #fff 7px solid;
        border-top: #fff 7px solid;
        -moz-border-radius: 0 0 0 20px;
        -webkit-border-radius: 0 0 0 20px;
        border-radius: 0 0 0 20px; }
      .coupon .item .value::after {
        content: "";
        position: absolute;
        z-index: 99;
        bottom: -2px;
        right: -2px;
        border-left: #fff 7px solid;
        border-top: #fff 7px solid;
        -moz-border-radius: 20px 0 0 0;
        -webkit-border-radius: 20px 0 0 0;
        border-radius: 20px 0 0 0; }
    .coupon .item .detail {
      display: table-cell;
      width: 70%;
      background: rgba(83, 195, 37, 0.2);
      border-radius: 5px;
      border-left: 1px dashed #53C325;
      overflow: hidden; }
      .coupon .item .detail .title {
        padding: 10px 15px 5px;
        font-size: 14px; }
      .coupon .item .detail .date {
        padding: 10px 3px 10px 15px;
        font-size: 12px; }
        .coupon .item .detail .date .btn {
          text-align: center;
          background: #53C325;
          color: #FFF;
          padding: 2px 10px;
          border-radius: 5px;
          width: 65px;
          position: absolute;
          top: 8px;
          right: 3px;
          margin-top: 0px;}
          
      .coupon .item .detail .intro {
        padding: 5px 15px;
        width: 100%;
        border-top: 1px dashed #53C325;
        color: #666666; }
        .coupon .item .detail .intro i {
          float: right;
          margin-top: 3px; }
      .coupon .item .detail .accordion-content {
        padding: 5px 15px 15px; }
        .coupon .item .detail .accordion-content p {
          line-height: 1.2; }
      .coupon .item .detail::before {
        content: "";
        position: absolute;
        z-index: 100;
        top: -2px;
        left: -2px;
        border-right: #fff 7px solid;
        border-bottom: #fff 7px solid;
        -moz-border-radius: 0 0 20px 0;
        -webkit-border-radius: 0 0 20px 0;
        border-radius: 0 0 20px 0; }
      .coupon .item .detail::after {
        content: "";
        position: absolute;
        z-index: 100;
        bottom: -2px;
        left: -2px;
        border-right: #fff 7px solid;
        border-top: #fff 7px solid;
        -moz-border-radius: 0 20px 0 0;
        -webkit-border-radius: 0 20px 0 0;
        border-radius: 0 20px 0 0; }

.coupon-details {
  margin: 0 5%;
  margin-top: 20px;
  padding: 20px;
  background: #FFF;
  border-radius: 5px;
  box-shadow: 0 2px 7px rgba(35, 31, 32, 0.2); }
  .coupon-details .qrcode {
    text-align: center;
    margin-bottom: 20px; }
    .coupon-details .qrcode img {
      width: 80%;
      margin: 0 auto; }
  .coupon-details .title {
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 1.1;
    font-weight: bold; }
  .coupon-details .value {
    font-size: 20px;
    color: #53C325;
    font-weight: bold;
    margin-bottom: 10px; }
  .coupon-details .btn {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    font-size: 18px;
    line-height: 2.2;
    text-align: center;
    background: #53C325;
    border-radius: 5px;
    color: #FFF; }
  .coupon-details .details {
    font-size: 14px;
    line-height: 1.5; }
    .coupon-details .details h4 {
      color: #F3811F; }

.event-list {
  margin: 15px 5% 0; }
  .event-list .event-item {
    width: 100%;
    display: block;
    border-radius: 5px;
    box-shadow: 0 2px 7px rgba(35, 31, 32, 0.2);
    overflow: hidden;
    margin-bottom: 15px;
    transition: all ease-in-out 0.2s; }
    .event-list .event-item img {
      overflow: hidden;
      width: 100%; }
    .event-list .event-item:active {
      transform: scale(0.95); }

.event-detail .event-cover {
  width: 100%; }
  .event-detail .event-cover img {
    width: 100%; }

.event-detail .details {
  padding: 20px; }

.event-detail .btn {
  margin: 20px 0;
  display: block;
  width: 100%; }

.news-detail .title {
  padding: 10px 20px;
  font-size: 22px;
  line-height: 1.2; }
  .news-detail .title .btn {
    margin-top: 5px;
    background: #53C325;
    color: #FFF;
    font-size: 13px;
    border-radius: 5px;
    padding: 3px 10px;
    display: block;
    width: fit-content; }
    .news-detail .title .btn i {
      font-size: 10px; }

.news-detail .event-cover {
  width: 100%; }
  .news-detail .event-cover img {
    width: 100%; }

.news-detail .details {
  padding: 20px; }

.profile .profile-card {
  background: #53C325;
  display: block;
  padding: 40px 20px; }
  .profile .profile-card .card-container {
    background: #FFF;
    border-radius: 5px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.06);
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative; }
    .profile .profile-card .card-container .profile {
      width: 60%;
      display: table-cell;
      vertical-align: top;
      padding: 20px 0 20px 20px; }
      .profile .profile-card .card-container .profile img {
        width: 50%; }
      .profile .profile-card .card-container .profile .point {
        padding: 20px 0;
        font-size: 36px;
        font-weight: bold; }
        .profile .profile-card .card-container .profile .point span {
          font-size: 14px; }
      .profile .profile-card .card-container .profile .info {
        font-size: 11px; }
    .profile .profile-card .card-container .code {
      width: 40%;
      display: table-cell;
      vertical-align: middle;
      background: #885F11;
      text-align: right; }
      .profile .profile-card .card-container .code img {
        width: 90%;
        margin-left: 3%; }
      .profile .profile-card .card-container .code::before {
        background: #885F11;
        height: 500px;
        width: 50px;
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: -22px;
        transform: rotate(5deg); }

.profile .menu-list {
  padding: 0;
  margin-bottom: 10px; }
  .profile .menu-list li {
    margin: 0;
    padding: 0;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #707070; }
    .profile .menu-list li:last-child {
      border-bottom: none; }
    .profile .menu-list li img {
      height: auto;
      margin-left: 20px;
      position: absolute;
      width: 20px;
      top: 15px; }
    .profile .menu-list li i {
      margin: 0;
      top: inherit;
      line-height: 50px;
      margin-left: 20px;
      height: 50px; }
    .profile .menu-list li span {
      height: 50px;
      line-height: 50px;
      text-transform: uppercase;
      color: #707070; }

.checkin .checkin-header {
  height: 250px;
  width: 100%;
  background: linear-gradient(#fff 5%, #cdcccb 95%); }
  .checkin .checkin-header .container {
    width: 100%;
    margin: 0 auto;
    padding: 15px;
         /*background: url(../images/checkin-bg.png) no-repeat;*/
	background: url() no-repeat;    
	background-position: right -15px bottom 25px;	
    background-size: 220px;
    height: 100%; }
    .checkin .checkin-header .container h2 {
      width: 60%;
      font-size: 24px;
      line-height: 1.3;
      color: #F3811F; }
    .checkin .checkin-header .container a {
      background: #53C325;
      color: #FFF;
      padding: 5px 15px;
      display: inline-block;
      border-radius: 100px;
       border-radius: 5px;
      margin-top: 104px;
      height: 32px;
       }
       /* chen0706  */
      .checkin .checkin-header .container a {
        background: #f3811f;
        color: #FFF;
        padding: 7px 15px;
        display: inline-block;
        border-radius: 5px;
        margin-top: 104px;
        height: 32px;
        display: none;
         }
	

.checkin .checkin-cal {
  width: calc(100% - 30px);
  max-width: 440px;
  margin: 15px;
  margin: 0 auto;
  background: #FFF;
  border-radius: 15px;
  overflow: hidden;
  margin-top: -60px; }
  .checkin .checkin-cal .top {
    height: 60px;
    line-height: 60px;
    background: #53C325;
    color: #FFF;
    font-size: 24px;
    padding: 0 20px;
    text-transform: uppercase;
    font-weight: bold; }
    .checkin .checkin-cal .top small {
      float: right;
      font-size: 13px;
      padding-top: 6px;
      font-weight: normal;
      text-transform: none; }
  .checkin .checkin-cal .cal {
    padding: 6px; }
    .checkin .checkin-cal .cal table {
      margin: 0; }
    .checkin .checkin-cal .cal td {
      padding: 6px;
      width: calc(100% / 7); }
      .checkin .checkin-cal .cal td .item {
        background: #F4F4F4;
        border-radius: 5px;
        height: 65px;
        text-align: center;
        padding-top: 5px; }
        .checkin .checkin-cal .cal td .item .circle {
          display: block;
          border-radius: 50%;
          width: 75%;
          height: 0;
          padding-bottom: 75%;
          margin: 0 auto;
          background: #E5E5E5; }
          .checkin .checkin-cal .cal td .item .circle i {
            color: #FFF;
            font-size: 20px;
            line-height: 32px;
            display: none; }
        .checkin .checkin-cal .cal td .item .date {
          color: #666666;
          margin-top: 5px;
          display: block;
          font-size: 10px; }
        .checkin .checkin-cal .cal td .item.pass {
          background: #D3D3D3; }
          .checkin .checkin-cal .cal td .item.pass.check .circle {
            background: #53C325; }
            .checkin .checkin-cal .cal td .item.pass.check .circle i {
              display: block; }
        .checkin .checkin-cal .cal td .item.today {
          background: #53C325; }
          .checkin .checkin-cal .cal td .item.today .circle {
            background: #FEBD00; }
          .checkin .checkin-cal .cal td .item.today .date {
            color: #FFF; }
          .checkin .checkin-cal .cal td .item.today.check .circle i {
            display: block; }
  .checkin .checkin-cal .bottom {
    width: 100%;
    text-align: center;
    height: 50px;
    line-height: 50px; }
    .checkin .checkin-cal .bottom a {
      padding: 5px 20px;
      background: #53C325;
      color: #FFF;
      display: inline;
      border-radius: 5px; }

.checkin .content {
  padding: 15px 30px; }
  .checkin .content p {
    line-height: 1.5; }

.checkin-success {
  background: transparent; }
  .checkin-success .menu-wrapper {
    background: transparent; }
    .checkin-success .menu-wrapper img {
      width: 100%;
      height: auto; }
    .checkin-success .menu-wrapper .close-menu {
      font-size: 20px;
      width: 30px;
      height: 30px;
      text-align: center;
      border-radius: 50%;
      line-height: 30px;
      background: #FFF;
      color: #53C325;
      position: absolute;
      top: 10px;
      right: 25px; }

.checkin-record ul {
  background: #FFF;
  margin: 15px;
  padding: 0 15px;
  list-style: none;
  border-radius: 5px; }
  .checkin-record ul li {
    padding: 7px 0;
    margin: 0;
    border-bottom: 1px solid #BFBFBF; }
    .checkin-record ul li:last-child {
      border-bottom: none; }
    .checkin-record ul li table, .checkin-record ul li tr {
      margin-bottom: 0;
      background: #FFF; }
    .checkin-record ul li td {
      text-align: left;
      background: #FFF;
      vertical-align: top; }
      .checkin-record ul li td.icon {
        width: 20px; }
        .checkin-record ul li td.icon img {
          width: 15px; }
      .checkin-record ul li td.sec {
        width: 60px; }
      .checkin-record ul li td.title {
        font-size: 15px; }
      .checkin-record ul li td.pt {
        width: 100px;
        text-align: right;
        font-size: 15px;
        color: #F3811F; }

.language {
   /* chen0706 
  padding-bottom: 70px;*/
  min-height: calc(100vh - 120px); }
  .language .item {
    margin: 10px 0;
    padding: 0 20px;
    background: #FFF;
    color: #231F20;
    font-weight: bold;
    line-height: 50px;
    font-size: 15px !important;
    position: relative; }
    .language .item .fac {
      position: absolute;
      top: 0;
      right: 0; }
      .language .item .fac label {
        width: 0px;
        overflow: hidden;
        padding-left: 20px; }

.logout-success {
  background: #53C325;
  border-radius: 10px;
  box-shadow: 0 15px 47px 0 rgba(0, 0, 0, 0.12), 0 5px 14px 0 rgba(0, 0, 0, 0.2) !important; }
  .logout-success .menu-wrapper {
    background: transparent;
    display: table-cell;
    vertical-align: middle;
    height: 320px;
    width: 320px; }
    .logout-success .menu-wrapper h4 {
      text-align: center;
      padding: 0 30px;
      color: #FFF; }
    .logout-success .menu-wrapper p {
      text-align: center;
      color: #FFF; }
    .logout-success .menu-wrapper .close-menu {
      font-size: 20px;
      width: 30px;
      height: 30px;
      text-align: center;
      border-radius: 50%;
      line-height: 30px;
      background: #FFF;
      color: #53C325;
      position: absolute;
      top: 10px;
      right: 10px; }

.wishlist {
   /* min-height: calc(100vh - 135px); } */
    min-height: calc(100vh - 180px); }
  .wishlist .product-header {
    /*chen0706
    top: 100px;*/ }
  .wishlist .content {
    background: #FFF;
    padding: 0;
    margin: 0;
    padding-top: 40px; 
    /*0822*/
    margin-bottom: 75px;
  }
    .wishlist .content .item {
      padding: 15px;
      display: flex;
      border-top: 1px solid #CCCCCC; }
      .wishlist .content .item .fac {
        width: 25px;
        padding-top: 40px; }
        .wishlist .content .item .fac label {
          width: 0px;
          color: transparent; }
      .wishlist .content .item .image {
        width: 100px;
        height: 100px;
        margin-right: 15px;
        display: inline-flex;
        vertical-align: top; }
        .wishlist .content .item .image img {
          width: 100%;
          border-radius: 10px; }
        .wishlist .content .item .image .soldout-badge {
          display: none;
          position: absolute;
          right: 5px;
          bottom: 5px;
          z-index: 99;
          width: 40%; }
      .wishlist .content .item .soldout-badge {
        display: none; }
      .wishlist .content .item .content {
        width: calc(100% - 110px);
        display: block;
        padding-top: 0;
        padding-right: 0;
        margin-bottom: 0; }
        .wishlist .content .item .content .name {
          display: block;
          width: 100%;
          padding-right: 25px;
          position: relative;
          font-size: 15px;
          line-height: 1.2; }
          .wishlist .content .item .content .name .remark {
            display: block;
            font-size: 13px;
            padding-top: 5px; }
          .wishlist .content .item .content .name .delete {
            position: absolute;
            width: 25px;
            right: 0;
            top: 0;
            text-align: left;
            font-size: 20px;
            color: #9F9F9F; }
        .wishlist .content .item .content .sub-price {
          display: block;
          padding: 10px 0;
          color: #6F6F6F;
          font-size: 12px;
          padding-right: 40px; }
          .wishlist .content .item .content .sub-price .org-price {
            float: right; }
        .wishlist .content .item .content .qty {
          height: 25px;
          padding-right: 40px; }
          .wishlist .content .item .content .qty .store-cart-qty {
            position: relative;
            top: 0;
            left: 0; }
            .wishlist .content .item .content .qty .store-cart-qty input {
              border-top: solid 1px #B9B9B9;
              border-bottom: solid 1px #B9B9B9;
              color: #F3811F; }
            .wishlist .content .item .content .qty .store-cart-qty i {
              background: #FFF;
              border: solid 1px #B9B9B9;
              color: #666666; }
              .wishlist .content .item .content .qty .store-cart-qty i.fa-minus {
                border-top-left-radius: 5px;
                border-bottom-left-radius: 5px; }
              .wishlist .content .item .content .qty .store-cart-qty i.fa-plus {
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px; }
          .wishlist .content .item .content .qty .price {
            float: right;
            font-size: 18px;
            color: #CB2020; }
        .wishlist .content .item .content .add-cart-btn {
          position: absolute;
          right: 0;
          bottom: 0;
          background: #53C325;
          color: #FFF;
          width: 30px;
          height: 30px;
          border-radius: 100px;
          line-height: 30px;
          text-align: center; }
          .wishlist .content .item .content .add-cart-btn img {
            width: 30px;
            height: 30px;
            padding: 6px;
            object-fit: contain; }
      .wishlist .content .item.soldout {
        pointer-events: none; }
        .wishlist .content .item.soldout .image {
          opacity: 0.9; }
          .wishlist .content .item.soldout .image::after {
            content: "";
            height: 100%;
            width: 100%;
            position: absolute;
            z-index: 100;
            top: 0;
            left: 0;
            background: rgba(255, 255, 255, 0.5); }
        .wishlist .content .item.soldout .soldout-badge {
          display: block; }
        .wishlist .content .item.soldout .fac, .wishlist .content .item.soldout .name, .wishlist .content .item.soldout .sub-price, .wishlist .content .item.soldout .qty, .wishlist .content .item.soldout .add-cart-btn {
          filter: grayscale(1);
          opacity: .5; }
  .wishlist .accordion {
    margin: 10px 0;
    padding: 5px 15px;
    background: #FFF; }
    .wishlist .accordion a {
      font-size: 15px !important;
      text-transform: uppercase; }
      .wishlist .accordion a b {
        color: #53C325; }
      .wishlist .accordion a i {
        color: #999999; }
  .wishlist .promo-code {
    padding: 0; }
    .wishlist .promo-code .input-box input {
      width: calc(100% - 50px);
      height: 40px;
      line-height: 40px;
      border-radius: 5px !important; }
   .wishlist .promo-code .input-box .add {
      width: 40px;
      height: 40px;
      border-radius: 5px;
      background: url(../images/icon-plus.png) no-repeat #53C325;
      background-size: 20px;
      background-position: center;
      position: absolute;
      top: 0;
      right: 0; }
    .wishlist .promo-code .item {
      padding: 15px 0;
      border-top: 1px solid #CCCCCC; }
      .wishlist .promo-code .item .label {
        background: #F3811F;
        border-radius: 5px;
        padding: 0 10px;
        color: #FFF;
        position: relative;
        margin-bottom: 10px;
        width: fit-content;
        height: 30px;
        line-height: 30px; }
        .wishlist .promo-code .item .label .close {
          position: absolute;
          top: -10px;
          right: -10px;
          width: 20px;
          height: 20px;
          line-height: 20px;
          background: #CB2020;
          text-align: center;
          font-size: 10px;
          border-radius: 50%; }
      .wishlist .promo-code .item .amount {
        position: absolute;
        right: 0;
        top: 10px;
        height: 30px;
        line-height: 30px;
        color: #CB2020;
        font-size: 18px; }
      .wishlist .promo-code .item .remark {
        color: #333;
        font-size: 13px; }
  .wishlist .delivery {
    margin: 10px 0;
    padding: 0 15px;
    background: #FFF;
    color: #231F20;
    font-weight: bold;
    min-height: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 15px !important;
    text-transform: uppercase; }
    .wishlist .delivery b {
      color: #53C325; }
    .wishlist .delivery i {
      color: #999999;
      position: absolute;
      font-size: 8px;
      top: 0;
      right: 0;
      height: 50px;
      line-height: 50px;
      width: 40px;
      text-align: center; }
  .wishlist .subtotal tr.total td {
    border-top: 1px solid #707070;
    color: #F3811F;
    font-size: 18px; }
  .wishlist .subtotal td {
    background: transparent;
    text-align: right;
    font-size: 15px; }
    .wishlist .subtotal td.price {
      width: 140px;
      color: #CB2020;
      font-weight: bold;
      padding-right: 15px; }

.cart .top {
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
  background: #EEEEEE; }
  .cart .top .fac label {
    padding-left: 25px; }
  .cart .top .right {
    float: right;
    opacity: .3; }

.cart .content {
  background: #FFF;
  padding: 0;
  margin: 0; }
  .cart .content .item {
    padding: 15px;
    border-top: 1px solid #CCCCCC; }
    .cart .content .item.soldout {
      pointer-events: none; }
      .cart .content .item.soldout .container .fac {
        filter: grayscale(10);
        opacity: .5; }
      .cart .content .item.soldout .container .image img {
        opacity: .5; }
      .cart .content .item.soldout .container .image .soldout-badge {
        display: block;
        filter: grayscale(0);
        opacity: 1; }
      .cart .content .item.soldout .container .content {
        filter: grayscale(10);
        opacity: .5; }
    .cart .content .item .container {
      display: flex;
      padding: 0;
      margin: 0; }
      .cart .content .item .container .fac {
        width: 25px;
        padding-top: 40px; }
      .cart .content .item .container .image {
        width: 100px;
        height: 100px;
        margin-right: 15px;
        display: inline-flex;
        vertical-align: top; }
        .cart .content .item .container .image .soldout-badge {
          display: none;
          position: absolute;
          right: 5px;
          bottom: 5px;
          z-index: 97;
          width: 40%; }
        .cart .content .item .container .image img {
          width: 100%;
          border-radius: 10px; }
      .cart .content .item .container .content {
        width: calc(100% - 140px);
        display: block;
        padding-right: 0;
        margin-bottom: 0; }
        .cart .content .item .container .content .name {
          display: block;
          width: 100%;
          padding-right: 25px;
          position: relative;
          font-size: 15px;
          line-height: 1.2; }
          .cart .content .item .container .content .name .remark {
            display: block;
            font-size: 13px;
            padding-top: 5px; }
          .cart .content .item .container .content .name .delete {
            position: absolute;
            width: 25px;
            right: 0;
            top: 0;
            text-align: right;
            color: #9F9F9F; }
        .cart .content .item .container .content .sub-price {
          display: block;
          padding: 10px 0;
          color: #6F6F6F;
          font-size: 12px; }
          .cart .content .item .container .content .sub-price .org-price {
            float: right;}
        .cart .content .item .container .content .qty {
          height: 25px; }
          .cart .content .item .container .content .qty .store-cart-qty {
            position: relative;
            top: 0;
            left: 0; }
            .cart .content .item .container .content .qty .store-cart-qty input {
              border-top: solid 1px #B9B9B9;
              border-bottom: solid 1px #B9B9B9;
              color: #F3811F; }
            .cart .content .item .container .content .qty .store-cart-qty i {
              background: #FFF;
              border: solid 1px #B9B9B9;
              color: #666666; }
              .cart .content .item .container .content .qty .store-cart-qty i.fa-minus {
                border-top-left-radius: 5px;
                border-bottom-left-radius: 5px; }
              .cart .content .item .container .content .qty .store-cart-qty i.fa-plus {
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px; }
          .cart .content .item .container .content .qty .price {
            float: right;
            font-size: 18px;
            color: #CB2020; }
        .cart .content .item .container .content .addon-item {
          display: block;
          width: 100%;
          padding: 5px 0; }
          .cart .content .item .container .content .addon-item .price {
            float: right;
            color: #CB2020; }

.cart .accordion {
  margin: 10px 0;
  padding: 5px 15px;
  background: #FFF; }
  .cart .accordion a {
    font-size: 15px !important;
    text-transform: uppercase; }
    .cart .accordion a b {
      color: #53C325; }
    .cart .accordion a i {
      color: #999999;
      font-size: 18px; }

.cart .promo-code {
  padding: 0; }
  .cart .promo-code .input-box input {
    width: calc(100% - 50px);
    height: 40px;
    line-height: 40px;
    border-radius: 5px !important; }
  .cart .promo-code .input-box .add {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: url(../images/icon-plus.png) no-repeat #53C325;
    background-size: 20px;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0; }
 .cart .promo-code .input-box .scan-add {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background: url(../images/icon_qr_code.png) no-repeat #53C325;
    background-size: 30px;
    background-position: center;
    position: absolute;
    top:0;
    left: calc(100% - 90px); }
  .cart .promo-code .item {
    padding: 15px 0;
    border-top: 1px solid #CCCCCC; }
    .cart .promo-code .item .label {
      background: #F3811F;
      border-radius: 5px;
      padding: 0 10px;
      color: #FFF;
      position: relative;
      margin-bottom: 10px;
      width: fit-content;
      height: 30px;
      line-height: 30px; }
      .cart .promo-code .item .label .close {
        position: absolute;
        top: -10px;
        right: -10px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        background: #BEBDBD;
        text-align: center;
        font-size: 10px;
        border-radius: 50%; }
    .cart .promo-code .item .amount {
      position: absolute;
      right: 0;
      top: 10px;
      height: 30px;
      line-height: 30px;
      color: #CB2020;
      font-size: 18px; }
    .cart .promo-code .item .remark {
      color: #333;
      font-size: 13px; }

.cart .delivery {
  margin: 10px 0;
  padding: 0 15px;
  background: #FFF;
  color: #231F20;
   /* font-weight: bold; */
  min-height: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 15px !important;
  text-transform: uppercase; }
  .cart .delivery b {
    color: #53C325; }
  .cart .delivery i {
    color: #999999;
    position: absolute;
    font-size: 18px;
    top: 0;
    right: 0;
    height: 50px;
    line-height: 50px;
    width: 40px;
    text-align: center; }

.cart .subtotal tr.total td {
  border-top: 1px solid #707070;
  padding-top: 15px;
  color: #F3811F;
  font-size: 18px; }

.cart .subtotal td {
  background: transparent;
  text-align: right;
  font-size: 15px; }
  .cart .subtotal td.price {
    width: 140px;
    color: #CB2020;
    font-weight: bold;
    padding-right: 15px; }

.confirm .top {
  padding: 0 15px;
  height: 50px;
  line-height: 50px; }
  .confirm .top .right {
    float: right;
    opacity: .3; }

.confirm .content {
  padding: 10px;
  margin: 0; }
  .confirm .content .item {
    background: #FFF;
    border-radius: 5px;
    margin-bottom: 10px;
    overflow: hidden; }
    .confirm .content .item.merchant .date {
      font-size: 10px;
      padding: 15px; }
    .confirm .content .item .item-header {
      background: #DDFFD2;
      color: #92C52C;
      height: 40px;
      line-height: 40px;
      font-size: 15px; }
      .confirm .content .item .item-header img {
        height: 40px;
        padding: 8px;
        float: left;
        margin-left: 10px; }
    .confirm .content .item .date {
      border-top: 1px solid #F4F4F4;
      padding: 5px 15px 15px; }
      .confirm .content .item .date .select-box {
        margin: 0; }
    .confirm .content .item .container {
      padding: 15px;
      margin: 0;
      display: flex;
      padding-left: 8px; }
      .confirm .content .item .container .image {
        width: 90px;
        height: 90px;
        display: inline-flex;
        vertical-align: top; }
        .confirm .content .item .container .image img {
          width: 100%;
          border-radius: 10px; }
      .confirm .content .item .container .content {
        width: calc(100% - 50px);
        display: block;
        padding-right: 0;
        margin-bottom: 0; }
        .confirm .content .item .container .content .name {
          display: block;
          width: 100%;
          padding-right: 130px;
          position: relative;
          font-size: 15px;
          line-height: 1.2; }
          .confirm .content .item .container .content .name .remark {
            display: block;
            font-size: 13px;
            padding-top: 5px; }
          .confirm .content .item .container .content .name .right {
            position: absolute;
            top: 0;
            right: 0;
            width: 120px;
            text-align: right; }
            .confirm .content .item .container .content .name .right .qty {
              width: 30px;
              line-height: 20px;
              display: inline;
              color: #999999;
              float: left; }
              .confirm .content .item .container .content .name .right .qty b {
                color: #F3811F;
                font-weight: normal; }
            .confirm .content .item .container .content .name .right .price {
              width: 70px;
              font-size: 14px;
              line-height: 20px;
              color: #CB2020;
              display: inline; }
        .confirm .content .item .container .content .sub-price {
          display: block;
          padding: 10px 0;
          color: #6F6F6F;
          font-size: 12px; }
          .confirm .content .item .container .content .sub-price .org-price {
            float: right;}
        .confirm .content .item .container .content .addon-item {
          display: block;
          width: 100%;
          padding: 5px 0; }
          .confirm .content .item .container .content .addon-item .price {
            float: right;
            color: #CB2020; }

.confirm .promo-code {
  border-top: 1px solid #CCCCCC;
  padding: 15px;
  background: #FFF; }
  .confirm .promo-code .amount {
    float: right;
    color: #CB2020; }

.confirm .coupon {
  border-top: 1px solid #CCCCCC;
  padding: 15px;
  background: #FFF; }
  .confirm .coupon .amount {
    float: right;
    color: #CB2020; }
  .confirm .coupon table {
    margin-bottom: 0; }
  .confirm .coupon tr td {
    text-align: left;
    padding: 5px 0 0; }
    .confirm .coupon tr td.title {
      width: 80px;
      color: #999; }

.confirm .delivery {
  border-top: 1px solid #CCCCCC;
  padding: 15px;
  background: #FFF;
  min-height: auto; }
  .confirm .delivery .amount {
    float: right;
    color: #CB2020; }
  .confirm .delivery table {
    margin-bottom: 0; }
  .confirm .delivery tr td {
    text-align: left;
    padding: 5px 0 0;
    word-break: break-all; }
    .confirm .delivery tr td.title {
      width: 85px;
      color: #999; }

.confirm .edit {
  display: inline-block;
  padding: 3px 25px;
  background: #53C325;
  color: #FFF;
  margin-top: 5px;
  font-size: 13px;
  border-radius: 5px; }

.confirm .payment {
  border-top: 1px solid #CCCCCC;
  padding: 15px;
  background: #FFF; }
  .confirm .payment .amount {
    float: right;
    color: #CB2020; }
  .confirm .payment .card-item .fac {
    padding: 10px 0; }
    .confirm .payment .card-item .fac label img {
      height: 18px;
      display: inline;
      padding-right: 5px; }

.confirm .subtotal tr.total td {
  border-top: 1px solid #707070;
  color: #F3811F;
  font-size: 18px; }

.confirm .subtotal td {
  background: transparent;
  text-align: right;
  font-size: 15px; }
  .confirm .subtotal td.price {
    width: 140px;
    color: #CB2020;
    font-weight: bold;
    padding-right: 15px; }

.confirmation {
  min-height: calc(100vh - 120px);
  padding-bottom: 70px; }
  .confirmation .content .btn {
    position: fixed;
    width: calc(100% - 40px) !important;
    bottom: 10px;
    left: 20px; }
  .confirmation .bar {
    width: calc(80% + 20px);
    height: 10px;
    border-radius: 20px;
    display: block;
    background: #53C325;
    margin: 0 auto;
    margin-top: 10%; }
  .confirmation .container {
    background: #FFF;
    width: 80%;
    margin: 10%;
    margin-top: -5px;
    padding: 15px; }
    .confirmation .container h1 {
      color: #53C325; }
    .confirmation .container h4 {
      font-size: 15px; }
    .confirmation .container table {
      margin-bottom: 0; }
    .confirmation .container tr td {
      vertical-align: top;
      text-align: left;
      padding: 10px 0 0;
      background: #FFF; }
      .confirmation .container tr td.title {
        width: 90px;
        color: #999; }
    .confirmation .container p {
      margin: 0;
      line-height: 1.3; }
    .confirmation .container .earn {
      background: #F3811F;
      color: #FFF;
      height: 50px;
      line-height: 50px;
      border-radius: 50px;
      font-size: 14px;
      text-align: center;
      margin-bottom: 10px; }
      .confirmation .container .earn span {
        display: inline-block;
        padding-left: 35px;
        background: url(../images/Icon_promo_badge.png) no-repeat left center;
        background-size: auto 25px; }
        .confirmation .container .earn span p {
          line-height: 1;
          display: inline;
          padding-left: 10px;
          color: #FFF;
          font-weight: bold; }
    .confirmation .container .wave {
      text-align: center;
      background: #FFF;
      height: 30px;
      position: absolute;
      width: 100%;
      bottom: -30px;
      left: 0; }
    .confirmation .container .wave::before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      background-repeat: repeat-x;
      height: 10px;
      background-size: 20px 20px;
      background-image: radial-gradient(circle at 10px -5px, transparent 12px, #F4F4F4 13px); }
    .confirmation .container .wave::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      background-repeat: repeat-x;
      height: 15px;
      background-size: 40px 20px;
      background-image: radial-gradient(circle at 10px 15px, #F4F4F4 12px, transparent 13px); }

.address {
  padding: 15px;
  padding-bottom: 70px;
  min-height: calc(100vh - 120px); }
  .address .btn {
    position: fixed;
    width: calc(100% - 40px) !important;
    bottom: 10px;
    left: 20px; }
  .address .item {
    background: #FFF;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px; }
    .address .item .name {
      font-size: 15px;
      font-weight: bold; }
      .address .item .name .edit {
        float: right;
        color: #999;
        font-weight: normal; }
        .address .item .name .edit i {
          padding-left: 5px;
          font-size: 17px;
          margin-bottom: -5px; }
    .address .item .description {
      padding: 15px 0;
      color: #999; 
      white-space:normal;
      word-break:break-all;
      word-wrap:break-word; }
    .address .item .bottom .remove {
      float: right;
      font-size: 15px;
      color: #999;
      font-weight: normal; }
      .address .item .bottom .remove i {
        padding-right: 5px; }

.method {
  padding: 15px;
  padding-bottom: 70px;
  min-height: calc(100vh - 120px); }
  .method .btn {
    position: fixed;
    width: calc(100% - 40px) !important;
    bottom: 10px;
    left: 20px; }
  .method .item {
    background: #FFF;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px; }
    .method .item .icon {
      height: 30px;
      width: auto;
      display: block;
      margin: 0; }
      .method .item .icon img {
        height: 30px;
        width: auto; }
    .method .item .description {
      padding: 15px 0;
      font-size: 15px;
      font-weight: bold; }
    .method .item .bottom .remove {
      float: right;
      font-size: 15px;
      color: #999;
      font-weight: normal; }
      .method .item .bottom .remove i {
        padding-right: 5px; }

.delivery {
  padding-bottom: 70px;
  min-height: calc(100vh - 120px); }
  .delivery .btn {
    position: fixed;
    width: calc(100% - 40px) !important;
    bottom: 10px;
    left: 20px; }
  .delivery .item {
    margin: 10px 0;
    padding: 0 15px;
    background: #FFF;
    color: #231F20;
    font-weight: bold;
    line-height: 50px;
    /**ji**/
    margin-bottom: 70px;
    
    font-size: 15px !important; }
    .delivery .item .address-item {
      background: #F4F4F4;
      border-radius: 5px;
      line-height: normal;
      padding: 15px;
      margin-left: 45px;
      margin-bottom: 15px;
      position: relative;
      font-weight: normal; }
      .delivery .item .address-item .fac {
        position: absolute;
        left: -25px; }
        .delivery .item .address-item .fac label {
          color: transparent; }
      .delivery .item .address-item .name {
        font-size: 15px;
        font-weight: bold; }
        .delivery .item .address-item .name .edit {
          color: #999;
          font-weight: normal; 
          position: absolute;
          right: 0px;
          top: 0px;}
          .delivery .item .address-item .name .edit i {
            padding-left: 5px; }
      .delivery .item .address-item .description {
        padding: 15px 0;
        color: #999;
        word-break: break-all; }
      .delivery .item .address-item .bottom .fac {
        position: relative;
        left: inherit; }
        .delivery .item .address-item .bottom .fac label {
          color: inherit; }
        .delivery .item .address-item .bottom .fac.fac-radio-round > input[type=radio] + label:before {
          background: #F4F4F4; }
      .delivery .item .address-item .bottom .remove {
        float: right;
        font-size: 15px;
        color: #999;
        font-weight: normal; }
        .delivery .item .address-item .bottom .remove i {
          padding-right: 5px; }

#cvnpopup .menu-title {
  height: 50px;
  line-height: 50px;
  padding: 0;
  text-align: center;
  font-size: 15px;
  border: none; }
  #cvnpopup .menu-title a {
    height: 50px;
    line-height: 50px;
    width: 50px;
    right: 0;
    color: rgba(35, 31, 32, 0.5); }

#cvnpopup .wrapper {
  width: 100%; }
  #cvnpopup .wrapper .phone-container {
    width: 100%; }
    #cvnpopup .wrapper .phone-container .cvninput {
      width: 210px;
      margin: 0 auto;
      margin-bottom: 20px;
      position: relative;
      padding: 1px;
      background: rgba(35, 31, 32, 0.1);
      border-radius: 5px; }
      #cvnpopup .wrapper .phone-container .cvninput input {
        height: 40px;
        line-height: 40px;
        width: 100%;
        font-size: 24px;
        letter-spacing: 56px;
        padding-left: 30px;
        border-radius: 4px !important;
        pointer-events: none; }
      #cvnpopup .wrapper .phone-container .cvninput .overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        display: flex;
        top: 0;
        left: 0;
        justify-content: space-between; }
        #cvnpopup .wrapper .phone-container .cvninput .overlay span {
          width: 33.333%;
          height: 41px;
          display: inline-block;
          border-right: 1px solid rgba(35, 31, 32, 0.1); }
          #cvnpopup .wrapper .phone-container .cvninput .overlay span:last-child {
            border: none; }
    #cvnpopup .wrapper .phone-container .keyboard {
      width: 100%;
      background: #F4F4F4;
      padding-top: 5px; }
      #cvnpopup .wrapper .phone-container .keyboard .menu-hide {
        position: relative;
        right: auto;
        line-height: inherit;
        height: inherit; }
      #cvnpopup .wrapper .phone-container .keyboard .number {
        width: 100%;
        font-size: 0;
        text-align: center; }
        #cvnpopup .wrapper .phone-container .keyboard .number.aling-right {
          text-align: right;
          width: 100%; }
        #cvnpopup .wrapper .phone-container .keyboard .number span {
          font-size: 24px;
          color: #231F20;
          display: inline-block;
          width: 33%;
          text-align: center;
          margin-bottom: 5px; }
          #cvnpopup .wrapper .phone-container .keyboard .number span.enter-button {
            opacity: 0;
            transition: 250ms; }
            #cvnpopup .wrapper .phone-container .keyboard .number span.enter-button i {
              background: #53C325;
              color: #FFF; }
            #cvnpopup .wrapper .phone-container .keyboard .number span.enter-button.show {
              opacity: 1; }
            #cvnpopup .wrapper .phone-container .keyboard .number span.enter-button img {
              display: inline-block;
              vertical-align: middle; }
          #cvnpopup .wrapper .phone-container .keyboard .number span i {
            display: inline-block;
            height: 50px;
            line-height: 50px;
            background: white;
            width: 95%;
            cursor: pointer;
            border-radius: 5px;
            transition: 250ms;
            font-style: normal;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none; }
            #cvnpopup .wrapper .phone-container .keyboard .number span i.delete {
              background: transparent;
              box-shadow: 0 0 0 0;
              -webkit-box-shadow: 0 0 0 0;
              -moz-box-shadow: 0 0 0 0;
              -ms-box-shadow: 0 0 0 0;
              color: #231F20; }
              #cvnpopup .wrapper .phone-container .keyboard .number span i.delete img {
                display: inline-block;
                vertical-align: middle; }
          #cvnpopup .wrapper .phone-container .keyboard .number span:hover i {
            color: black; }
          #cvnpopup .wrapper .phone-container .keyboard .number span:active i {
            transform: translateY(1px);
            -webkit-box-shadow: 5px 5px 24px 0px rgba(132, 132, 132, 0.18);
            -moz-box-shadow: 5px 5px 16px 0px rgba(132, 132, 132, 0.18);
            box-shadow: 5px 5px 16px 0px rgba(132, 132, 132, 0.18); }
            #cvnpopup .wrapper .phone-container .keyboard .number span:active i.delete {
              box-shadow: 0 0 0 0;
              -webkit-box-shadow: 0 0 0 0;
              -moz-box-shadow: 0 0 0 0;
              -ms-box-shadow: 0 0 0 0;
              transform: translateY(0px); }
              #cvnpopup .wrapper .phone-container .keyboard .number span:active i.delete img {
                transtiion: 250ms; }
              #cvnpopup .wrapper .phone-container .keyboard .number span:active i.delete:active img {
                transform: translateY(2px); }

.form {
  padding-top: 50px;
  min-height: calc(100vh - 120px); }
  .form .payment {
    margin: 20px;
    border-radius: 5px; }
    .form .payment h3 {
      color: #53C325;
      padding: 20px 0 0;
      margin: 0; }
    .form .payment .cvn {
      position: relative; }
      .form .payment .cvn .cvnpopup {
        height: 100%;
        width: 100%;
        background: transparent;
        position: absolute;
        top: 0;
        left: 0; }
  .form .btn {
    position: fixed;
    width: calc(100% - 40px) !important;
    bottom: 10px;
    left: 20px; }
 /**ji*/
  .form .btnAddress {
    width: calc(100% - 40px) !important;
    bottom: 10px;
    top:10px;
    left: 20px; }  .form .title {
    border-top: 5px solid rgba(35, 31, 32, 0.05);
    padding: 20px;
    width: calc(100% + 40px);
    margin-left: -20px; }
  .form .top-info {
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    background: #C3C3C3;
    color: #FFF;
    position: fixed;
    width: 100%;
    top: 60px;
    z-index: 97; }
  .form .top {
    padding: 0 15px;
    height: 50px;
    line-height: 50px;
    background: #EEEEEE;
    position: fixed;
    width: 100%;
    top: 60px;
    z-index: 97; }
    .form .top .right {
      float: right; }
      .form .top .right .delete {
        color: #999; }
        .form .top .right .delete i {
          padding-right: 5px; }
  .form .content {
    background: #FFF;
    margin-bottom: 15px; }
    .form .content .option {
      padding: 15px 0 0; }
      .form .content .option .switch-box {
        border: solid 1px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        padding: 15px;
        position: relative; }
        .form .content .option .switch-box p {
          padding-right: 50px;
          line-height: 1.3;
          font-size: 13px;
          color: #231F20;
          margin: 0; }
        .form .content .option .switch-box .ios-switch {
          position: absolute;
          top: 15px;
          right: 10px; }
    .form .content .container {
      padding: 15px 0;
      margin-bottom: 0; }
      .form .content .container .color-highlight {
        line-height: 30px;
        height: 30px;
        display: block; }
      .form .content .container .phone-number {
        position: relative; }
        .form .content .container .phone-number input {
          padding-left: 90px; }
        .form .content .container .phone-number .code {
          position: absolute;
          height: 50px;
          width: 80px;
          line-height: 50px;
          font-size: 18px;
          color: #53C325;
          top: 30px;
          left: 10px; }
          .form .content .container .phone-number .code select {
            color: #53C325;
            background: transparent;
            width: 80%; }
          .form .content .container .phone-number .code::after {
            content: "\f107";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            position: absolute; }
      .form .content .container .membership {
        position: relative; }
        .form .content .container .membership .bind {
          position: absolute;
          background: #53C325;
          color: #FFF;
          padding: 5px 10px;
          border-radius: 5px;
          bottom: 11px;
          right: 10px; }
      .form .content .container .creditcard {
        position: relative; }
        .form .content .container .creditcard .card-icon {
          height: 30px;
          position: absolute;
          padding: 5px 10px;
          border-radius: 5px;
          bottom: 11px;
          right: 10px; }
      .form .content .container .payment-note {
        position: relative; }
        .form .content .container .payment-note p {
          margin-bottom: 5px; }
        .form .content .container .payment-note img {
          height: 20px;
          display: inline-block;
          margin-right: 5px; }
      .form .content .container .one-half {
        margin-right: 10px; }
        .form .content .container .one-half:nth-child(odd) {
          margin-right: 10px; }
  .form .terms {
    padding: 0 15px; }
    .form .terms .fac label {
      padding-left: 30px;
      color: #53C325; }

.contact {
  padding-bottom: 70px;
  padding-top: 50px;
  min-height: calc(100vh - 120px); }
  .contact .btn {
    position: fixed;
    width: calc(100% - 40px) !important;
    bottom: 10px;
    left: 20px; }
  .contact .content {
    margin-bottom: 0; }
    .contact .content.enquiry {
      padding: 15px;
      margin-bottom: 0;
      background: #FFF; }
      .contact .content.enquiry h3 {
        margin-bottom: 15px; }
      .contact .content.enquiry input, .contact .content.enquiry textarea {
        font-size: 15px;
        border: 1px solid rgba(35, 31, 32, 0.2);
        background: #FFF;
        width: 100%;
        border-radius: 10px !important;
        text-indent: inherit;
        padding: 15px 20px; }
      .contact .content.enquiry .input-box {
        margin-bottom: 15px; }
      .contact .content.enquiry .phone-number {
        position: relative; }
        .contact .content.enquiry .phone-number input {
          padding-left: 90px; }
        .contact .content.enquiry .phone-number .code {
          position: absolute;
          height: 50px;
          width: 80px;
          line-height: 50px;
          font-size: 18px;
          color: #53C325;
          top: 0px;
          left: 10px; }
          .contact .content.enquiry .phone-number .code select {
            color: #53C325;
            background: transparent;
            padding-right: 20px; }
          .contact .content.enquiry .phone-number .code::after {
            content: "\f107";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            position: absolute; }
      .contact .content.enquiry .btn {
        margin-top: 20px;
        width: 100% !important;
        left: 0;
        position: relative; }
    .contact .content.about {
      padding: 15px; }
      .contact .content.about h3 {
        margin-bottom: 15px; }
      .contact .content.about p {
        line-height: 1.5; }
      .contact .content.about ul {
        margin: 0;
        padding: 0;
        list-style: none; }
        .contact .content.about ul li {
          padding-left: 35px;
          position: relative;
          margin-bottom: 15px; }
          .contact .content.about ul li img {
            position: absolute;
            left: -0px;
            top: 3px;
            height: 20px; }

.login {
  padding-bottom: 70px;
  padding-top: 50px;
  min-height: calc(100vh - 140px); }
  .login .btn {
    position: fixed;
    width: calc(100% - 40px) !important;
    bottom: 10px;
    left: 20px; }
  .login .content {
    margin-bottom: 0; }
    .login .content .container {
      padding: 15px 0;
      margin-bottom: 0; }
      .login .content .container input {
        font-size: 15px;
        border: none;
        background: #FFF; }
      .login .content .container .phone-number {
        position: relative; }
        .login .content .container .phone-number input {
          padding-left: 90px; }
        .login .content .container .phone-number .code {
          position: absolute;
          height: 50px;
          width: 80px;
          line-height: 50px;
          font-size: 18px;
          color: #53C325;
          top: 0px;
          left: 10px; }
          .login .content .container .phone-number .code select {
            color: #53C325;
            background: transparent;
            padding-right: 20px; }
          .login .content .container .phone-number .code::after {
            content: "\f107";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            position: absolute; }
      .login .content .container .verification {
        position: relative; }
        .login .content .container .verification .sms {
          position: absolute;
          color: #53C325;
          padding: 5px 10px;
          border-radius: 5px;
          bottom: 11px;
          right: 10px; }
      .login .content .container .password {
        position: relative; }
        .login .content .container .password i {
          position: absolute;
          color: #999;
          padding: 0;
          font-size: 20px;
          border-radius: 5px;
          bottom: 0;
          right: 0;
          height: 50px;
          line-height: 50px;
          width: 50px;
          text-align: center;}
  .login .terms {
    padding: 0 20px; }
    .login .terms .fac label {
      padding-left: 30px;
      color: #53C325; }
      .login .terms .fac label a {
        color: #53C325 !important;
        text-decoration: underline; }
    .login .terms .fac.error label {
      color: #CB2020; }
      .login .terms .fac.error label a {
        color: #CB2020 !important; }
    .login .terms .fac.error span::after {
      color: #CB2020; }

#login {
  height: 100vh;
  background: linear-gradient(180deg, #007846 30%, #53C325 70%); }
  #login .login {
    padding-bottom: 0;
    margin: auto;
    height: 100vh; }
    #login .login .reg {
      /*chen0706
      position: absolute;*/
      position: relative;
      /* margin-top: 20px; */
      margin-top: 40px;
      /* bottom: 30px; */
      bottom: 10px;
      width: 100%;
      text-align: center;
      color: #FFF;
      font-size: 18px;
    /* chen0704 */
      z-index: 1;
    }
    #login .login .close {
      position: absolute;
      top: 20px;
      right: 20px;
      color: #FFF;
      font-size: 30px; }
    #login .login .landing-content {
      height: 100%;
      padding-top: 40%; }
      #login .login .landing-content .logo {
        width: 60%;
        max-width: 300px;
        margin: 0 auto;
        margin-bottom: 10%; }
        #login .login .landing-content .logo img {
           width: 100%;
        /* chen0704 */
      z-index: 1; }
    #login .login .content {
       /*chen0706
      position: absolute;*/
      top: 40%;
      transform: translateY(-25%);
      width: 100%;
      margin-bottom: 0; }
      #login .login .content .logo {
        width: 60%;
        max-width: 300px;
        margin: 0 auto;
        margin-top: -20%;
        margin-bottom: 10%; }
        #login .login .content .logo img {
          width: 100%; }
      #login .login .content .container {
        padding: 15px 0;
        margin-bottom: 0; }
        #login .login .content .container input, #login .login .content .container button {
          font-size: 17px;
          border: none;
          background: #FFF;
          height: 60px;
          line-height: 60px; }
        #login .login .content .container .phone-number {
          position: relative; }
          #login .login .content .container .phone-number input {
            padding-left: 90px; }
          #login .login .content .container .phone-number .code {
            position: absolute;
            height: 60px;
            width: 80px;
            line-height: 60px;
            font-size: 18px;
            color: #53C325;
            top: 0px;
            left: 10px; }
            #login .login .content .container .phone-number .code select {
              color: #53C325;
              background: transparent; }
            #login .login .content .container .phone-number .code::after {
              content: "\f107";
              font-family: "Font Awesome 5 Free";
              font-weight: 900;
              position: absolute; }
        #login .login .content .container .password {
          position: relative; }
          #login .login .content .container .password i {
            position: absolute;
            color: #999;
            padding: 0;
            font-size: 20px;
            border-radius: 5px;
            bottom: 0;
            right: 0;
            height: 60px;
            line-height: 60px;
            width: 60px;
            text-align: center; }
        #login .login .content .container .remember {
          padding: 10px; }
          #login .login .content .container .remember label {
            color: #FFF;
            font-size: 14px; }
          #login .login .content .container .remember .fac span::after {
            color: #FFF; }
          #login .login .content .container .remember .right {
            float: right; }
            #login .login .content .container .remember .right a {
              color: #FFF; }
      #login .login .content .button {
        background: #FFF;
        color: #53C325;
        font-size: 17px;
        border: none;
        height: 60px;
        line-height: 60px; }
    #login .login .bottom {
      height: 60px;
      width: 100%;
      position: absolute;
      bottom: 100px;
      left: 0;
      text-align: center; }
      #login .login .bottom .enter {
        display: inline-block;
        margin: 0 5px;
        height: 60px; }
        #login .login .bottom .enter img {
          height: 100%; }
  #login .landing-popup {
    /*chen0721 landing-popup.html界面图片居中
    margin: 20%;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    overflow: hidden; }
    #login .landing-popup .close {
      position: absolute;
      top: 5px;
      right: 5px;
      width: 26px;
      height: 26px;
      line-height: 26px;
      text-align: center;
      font-size: 12px;
      border-radius: 50%;
      background: #53C325;
      color: #FFF;
	  /* opacity: 0; */
      z-index: 999; }
    #login .landing-popup img {
      width: 100%;
      border-radius: 15px; }

.text-area {
  padding: 15px; }
  .text-area p {
    line-height: 1.4; }

.notification ul {
  background: #FFF;
  margin: 15px;
  padding: 0;
  list-style: none;
  border-radius: 5px; }
  .notification ul li {
    padding: 15px 15px 15px 45px;
    margin: 0;
    border-bottom: 1px solid #BFBFBF;
    background-size: 15px;
    background-position: 20px 15px;
    background-repeat: no-repeat; }
    .notification ul li.read {
      background-image: url(../images/msg-read.png); }
    .notification ul li.unread {
      background-image: url(../images/msg-unread.png);
      background-position: 20px 19px; }
	.notification ul li.unread .unreadTitle{
		font-weight: 600;
		color: #000;
	}
    .notification ul li:last-child {
      border-bottom: none; }
    .notification ul li p {
      line-height: 1.4;
      padding-right: 30px;
      margin-bottom: 15px; }
    .notification ul li i {
      position: absolute;
      top: 7px;
      right: 7px;
      color: #999999;
      font-size: 15px; }
    .notification ul li .date {
      color: #999999; }
      .notification ul li .date span {
        padding-left: 10px; }

.buyathome-container {
  min-height: calc(100vh - 150px); }
  .buyathome-container .btn {
    position: fixed;
    width: calc(100% - 40px) !important;
    bottom: 10px;
    left: 20px;
    background-image: url(../images/icon_buyathome_home.png);
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: 95% center; }
  .buyathome-container .categories {
    background: #7E7E7E;
    display: table;
    padding: 10px;
    width: 100%;}
    .buyathome-container .categories h3 {
      color: #FFF;
      padding: 8px; }
    .buyathome-container .categories a {
      display: inline-block;
      width: 20%;
      text-align: center;
      /* margin-bottom: 10px;
      padding: 5px; */
      overflow: hidden;
      word-break: break-word;
      /**顶部对齐**/
      vertical-align: top;
    }
      .buyathome-container .categories a .img {
        margin: 0 auto;
        /* background: #FFF;
        height: 0; */
        padding-bottom: 110%;
        width: 90%;
        /* border-radius: 50%; */
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%; }
        .buyathome-container .categories a .img.seafood {
          background-image: url(../images/cate/cate_seafood.png); }
        .buyathome-container .categories a .img.grocery {
          background-image: url(../images/cate/cate_grocery.png); }
        .buyathome-container .categories a .img.meat {
          background-image: url(../images/cate/cate_meat.png); }
        .buyathome-container .categories a .img.drink {
          background-image: url(../images/cate/cate_beverage.png); }
        .buyathome-container .categories a .img.veg {
          background-image: url(../images/cate/cate_veg.png); }
        .buyathome-container .categories a .img.alcohol {
          background-image: url(../images/cate/cate_drinks.png); }
        .buyathome-container .categories a .img.fruit {
          background-image: url(../images/cate/cate_fruit.png); }
        .buyathome-container .categories a .img.snack {
          background-image: url(../images/cate/cate_snack.png); }
        .buyathome-container .categories a .img.dairy {
          background-image: url(../images/cate/cate_dairy.png); }
        .buyathome-container .categories a .img.personal {
          background-image: url(../images/cate/cate_personal.png); }
        .buyathome-container .categories a .img.house {
          background-image: url(../images/cate/cate_household.png); }
        .buyathome-container .categories a .img.frozen {
          background-image: url(../images/cate/cate_frozen.png); }
        .buyathome-container .categories a .img.confectionary {
          background-image: url(../images/cate/cate_confectionary.png); }
        .buyathome-container .categories a .img.babycare {
          background-image: url(../images/cate/cate_kids.png); }
        .buyathome-container .categories a .img img {
          height: 60px;
          object-fit: contain;
          padding: 10px; }
      .buyathome-container .categories a p {
        font-size: 8px;
        line-height: 1;
        color: #231F20;
        margin: 0;
        padding: 0;
        padding-top: 5px;
        text-align: center;
        text-transform: uppercase;
        width: 100%;
        transform: scale(0.9);
        letter-spacing: -.5px; }
  .buyathome-container .popup {
    padding: 15px; }
    /* .buyathome-container .popup::before {
      content: "";
      width: 20px;
      height: 20px;
      background: #8cc11d;
      top: 5px;
      right: 30px;
      transform: rotate(45deg);
      display: block;
      position: absolute; } */
    .buyathome-container .popup img {
      width: 100%; }
  .buyathome-container .history, .buyathome-container .topsearch {
    min-height: auto;
    padding: 15px; }
    .buyathome-container .history h4, .buyathome-container .topsearch h4 {
      margin-bottom: 20px; }
    .buyathome-container .history .item, .buyathome-container .topsearch .item {
      background: #F4F4F4;
      padding: 5px 15px;
      display: inline-block;
      width: auto;
      margin: 0;
      margin-right: 8px;
      margin-bottom: 10px;
      font-size: 15px; }

.search-container .result {
  margin: 0;
  padding: 0 10px;
  list-style: none; }
  .search-container .result li {
    padding: 0 5px;
    line-height: 45px;
    font-size: 15px;
    border-bottom: 1px solid rgba(35, 31, 32, 0.2); }
    .search-container .result li a {
      color: #231F20; }
    .search-container .result li i {
      line-height: 45px;
      color: rgba(35, 31, 32, 0.5);
      float: right; }

.search-container .popup {
  padding: 15px; }
  /* .search-container .popup::before {
    content: "";
    width: 20px;
    height: 20px;
    background: #8cc11d;
    top: 5px;
    right: calc(80px + 10px);
    transform: rotate(45deg);
    display: block;
    position: absolute; } */
  .search-container .popup img {
    width: 100%; }

.search-container .history, .search-container .topsearch {
  min-height: auto;
  padding: 15px; }
  .search-container .history h4, .search-container .topsearch h4 {
    margin-bottom: 20px; }
  .search-container .history .item, .search-container .topsearch .item {
    background: #F4F4F4;
    padding: 5px 15px;
    display: inline-block;
    width: auto;
    margin: 0;
    margin-right: 8px;
    margin-bottom: 10px;
    font-size: 15px; }

.scanngo .home-icon {
  padding: 15px 15px 0; }
  .scanngo .home-icon img {
    width: 100%; }

/* .scanngo #menu-hider {
  pointer-events: none !important; } */

.scanngo.cart .top {
  background: transparent; }
  .scanngo.cart .top .right {
    opacity: 1;
    color: #007846; }

.scanngo.cart .content .item {
  padding: 10px 15px 15px;
  border-top: 3px solid #E8F3D2; }

.scanngo.cart table {
  background: transparent; }

.scanngo.result .product {
  background: #FFF;
  margin: 15px;
  padding: 20px; }
  .scanngo.result .product .product-image {
    height: 300px;
    margin: 20px 0; }
    .scanngo.result .product .product-image img {
      height: 100%;
      margin: 0 auto; }
  .scanngo.result .product .name {
    font-size: 18px;
    margin-bottom: 10px; }
  .scanngo.result .product .price {
    font-size: 18px;
    color: #CB2020;
    font-weight: bold; }
  .scanngo.result .product .org-price {
    font-size: 13px;
    color: rgba(35, 31, 32, 0.5);
    text-decoration: line-through; }

.scanngo.result .btn-group {
  margin: 15px; }
  .scanngo.result .btn-group .button-full {
    border-radius: 5px !important; }
    .scanngo.result .btn-group .button-full img {
      position: absolute;
      right: 0;
      top: 0;
      height: 100%;
      padding: 10px; }
    .scanngo.result .btn-group .button-full.move {
      text-align: left;
      padding-left: 40px;
      background: transparent !important;
      overflow: hidden; }
      .scanngo.result .btn-group .button-full.move .icon-all {
        position: absolute;
        left: 0;
        top: -3px;
        height: 100%;
        padding: 10px; }
      .scanngo.result .btn-group .button-full.move span {
        z-index: 99;
        position: absolute; }
      .scanngo.result .btn-group .button-full.move::before {
        content: "";
        background: #F3811F;
        height:100%;
        width:77%;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0; }
      .scanngo.result .btn-group .button-full.move::after {
        content: "";
        background: #F3811F;
        height:100%;
        top:0px;
        width:51px;
        display: block;
        position: absolute;
        left: calc(77% - 23px);
        transform: rotate(45deg);}

.scanngo.result .content {
  background: #FFF;
  margin: 10px; }
  .scanngo.result .content h5 {
    padding-top: 30px; }
  .scanngo.result .content .item {
    padding: 5px 0;
    display: flex;
    border-bottom: 1px solid rgba(35, 31, 32, 0.1); }
    .scanngo.result .content .item .image {
      width: 50px;
      height: 50px;
      margin-right: 5px;
      margin-top: 10px;
      vertical-align: top; }
      .scanngo.result .content .item .image img {
        width: 100%;
        border-radius: 10px; }
    .scanngo.result .content .item .content {
      width: calc(100% - 50px);
      display: block;
      padding: 0;
      margin-bottom: 0; }
      .scanngo.result .content .item .content .name {
        display: block;
        width: 100%;
        padding-right: 100px;
        position: relative;
        font-size: 13px;
        line-height: 1.2; }
        .scanngo.result .content .item .content .name .remark {
          display: block;
          font-size: 11px;
          padding-top: 5px; }
        .scanngo.result .content .item .content .name .right {
          position: absolute;
          top: 0;
          right: 0;
          width: 100px;
          text-align: right; }
          .scanngo.result .content .item .content .name .right .qty {
            width: 30px;
            line-height: 20px;
            display: inline;
            color: #999999;
            float: left; }
            .scanngo.result .content .item .content .name .right .qty b {
              color: #F3811F;
              font-weight: normal; }
          .scanngo.result .content .item .content .name .right .price {
            width: 70px;
            font-size: 14px;
            line-height: 20px;
            color: #CB2020;
            display: inline; }
      .scanngo.result .content .item .content .sub-price {
        display: block;
        padding: 10px 0;
        color: #6F6F6F;
        font-size: 12px; }
        .scanngo.result .content .item .content .sub-price .org-price {
          float: right; }
      .scanngo.result .content .item .content .addon-item {
        display: block;
        width: 100%;
        padding: 5px 0; }
        .scanngo.result .content .item .content .addon-item .price {
          float: right;
          color: #CB2020; }
    .scanngo.result .content .item.not-available {
      filter: grayscale(1);
      opacity: .5; }

.scanngo .details {
  margin: 0 5%;
  margin-top: 20px;
  padding: 20px;
  background: #FFF;
  border-radius: 5px;
  box-shadow: 0 2px 7px rgba(35, 31, 32, 0.2); }
  .scanngo .details .qrcode {
    text-align: center;
    margin-bottom: 20px; }
    .scanngo .details .qrcode img {
      width: 80%;
      margin: 0 auto; }
  .scanngo .details .title {
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center;
    line-height: 1.1;
    font-weight: bold; }
  .scanngo .details .date {
    font-size: 13px;
    text-align: center;
    margin-bottom: 10px; }
  .scanngo .details .btn {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    font-size: 18px;
    line-height: 2.2;
    text-align: center;
    background: #53C325;
    border-radius: 5px;
    color: #FFF; }
  .scanngo .details .terms {
    font-size: 14px;
    line-height: 1.5; }

.alert-popup {
  background: #FFF;
  color: #231F20;
  height: auto !important;
  border-radius: 10px;
  box-shadow: 0 15px 47px 0 rgba(0, 0, 0, 0.12), 0 5px 14px 0 rgba(0, 0, 0, 0.2) !important;
  overflow: visible !important; }
  .alert-popup .menu-wrapper {
    background: transparent;
    width: 100%;
    text-align: center;
    padding: 30px;
    overflow: visible; }
    .alert-popup .menu-wrapper p {
      text-align: center;
      line-height: 1.5; }
    .alert-popup .menu-wrapper a {
      width: 50px;
      text-align: center;
      display: inline-block;
      font-size: 15px;
      color: #53C325; }
      .alert-popup .menu-wrapper a.menu-hide {
        position: relative;
        right: auto;
        height: auto;
        width: 50px;
        line-height: inherit;
        font-size: 15px;
        color: #53C325; }

.delivery-popup {
  background: #53C325;
  border-radius: 10px;
  box-shadow: 0 15px 47px 0 rgba(0, 0, 0, 0.12), 0 5px 14px 0 rgba(0, 0, 0, 0.2) !important;
  overflow: visible !important; }
  .delivery-popup .menu-wrapper {
    background: transparent;
    display: table-cell;
    vertical-align: middle;
    height: 320px;
    width: 320px;
    padding: 20px;
    overflow: visible; }
    .delivery-popup .menu-wrapper .graphic {
      margin-top: -70px; }
      .delivery-popup .menu-wrapper .graphic img {
        width: 50%;
        margin: 0 auto;
        margin-bottom: 20px; }
    .delivery-popup .menu-wrapper .button {
      width: 100%;
      margin: 0 auto;
      background: #F3811F; }
    .delivery-popup .menu-wrapper h4 {
      text-align: center;
      padding: 0 30px;
      color: #FFF; }
    .delivery-popup .menu-wrapper p {
      text-align: center;
      color: #FFF;
      line-height: 1.2; }
    .delivery-popup .menu-wrapper .close {
      font-size: 20px;
      width: 30px;
      height: 30px;
      text-align: center;
      border-radius: 50%;
      line-height: 30px;
      background: #FFF;
      color: #53C325;
      position: absolute;
      top: 10px;
      right: 10px; }

.scanngo-popup {
  background: #53C325;
  border-radius: 10px;
  box-shadow: 0 15px 47px 0 rgba(0, 0, 0, 0.12), 0 5px 14px 0 rgba(0, 0, 0, 0.2) !important; }
  .scanngo-popup .menu-wrapper {
    background: transparent;
    display: table-cell;
    vertical-align: middle;
    height: 320px;
    width: 320px; }
    .scanngo-popup .menu-wrapper h4 {
      text-align: center;
      padding: 0 30px;
      color: #FFF; }
    .scanngo-popup .menu-wrapper p {
      text-align: center;
      color: #FFF; }
    .scanngo-popup .menu-wrapper .close {
      font-size: 20px;
      width: 30px;
      height: 30px;
      text-align: center;
      border-radius: 50%;
      line-height: 30px;
      background: #FFF;
      color: #53C325;
      position: absolute;
      top: 10px;
      right: 10px; }
  .scanngo-popup .tutorial-slider {
    width: 320px;
    margin-top: 30px; }
    .scanngo-popup .tutorial-slider .owl-item {
      text-align: center;
      padding-bottom: 20px; }
      .scanngo-popup .tutorial-slider .owl-item h3, .scanngo-popup .tutorial-slider .owl-item span {
        color: #FFF; }
      .scanngo-popup .tutorial-slider .owl-item .graphic {
        margin-top: 25px;
        height: 200px;
        width: 320px;
        display: flex;
        align-items: flex-end; }
        .scanngo-popup .tutorial-slider .owl-item .graphic img {
          width: 100%;
          padding: 10px 20px; }
    .scanngo-popup .tutorial-slider .owl-dots .owl-dot {
      background: #5D5D5D;
      height: 10px;
      width: 10px; }
      .scanngo-popup .tutorial-slider .owl-dots .owl-dot.active {
        background: #007846; }

.scanngo-popup-home {
  background: #F3811F;
  border-radius: 10px;
  box-shadow: 0 15px 47px 0 rgba(0, 0, 0, 0.12), 0 5px 14px 0 rgba(0, 0, 0, 0.2) !important; }
  .scanngo-popup-home .menu-wrapper {
    background: transparent;
    display: table-cell;
    vertical-align: middle;
    height: 320px;
    width: 320px; }
    .scanngo-popup-home .menu-wrapper h4 {
      text-align: center;
      padding: 0 30px;
      color: #FFF; }
    .scanngo-popup-home .menu-wrapper p {
      text-align: center;
      color: #FFF; }
    .scanngo-popup-home .menu-wrapper .close {
      font-size: 20px;
      width: 30px;
      height: 30px;
      text-align: center;
      border-radius: 50%;
      line-height: 30px;
      background: #FFF;
      color: #53C325;
      position: absolute;
      top: 10px;
      right: 10px; }
  .scanngo-popup-home .tutorial-slider {
    width: 320px;
    margin-top: 30px; }
    .scanngo-popup-home .tutorial-slider .owl-item {
      text-align: center;
      padding-bottom: 20px; }
      .scanngo-popup-home .tutorial-slider .owl-item h3, .scanngo-popup-home .tutorial-slider .owl-item span {
        color: #FFF; }
      .scanngo-popup-home .tutorial-slider .owl-item .graphic {
        margin-top: 25px;
        height: 200px;
        width: 320px;
        display: flex;
        align-items: flex-end; }
        .scanngo-popup-home .tutorial-slider .owl-item .graphic img {
          width: 100%;
          padding: 10px 20px; }
    .scanngo-popup-home .tutorial-slider .owl-dots .owl-dot {
      background: #5D5D5D;
      height: 10px;
      width: 10px; }
      .scanngo-popup-home .tutorial-slider .owl-dots .owl-dot.active {
        background: #007846; }

.qrscanner {
  width: 100%;
  height: calc(100vh - 60px);
  margin-top: 60px; }
  .qrscanner .text {
    position: absolute;
    top: 60px;
    left: 10%;
    width: 80%;
    text-align: center;
    color: #FFF;
    z-index: 999999; }
    .qrscanner .text p {
      font-size: 16px;
      color: #FFF; }

.qrscanner-area {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden; }
  .qrscanner-area::after {
    content: '';
    position: absolute;
    left: 15%;
    top: 25%;
    border-radius: 5px;
    width: 70%;
    height: 0;
    padding-bottom: 70%;
    border: 2px solid #FFF;
    box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.5); }
  .qrscanner-area.scanned::after {
    border: 2px solid #F3811F; }

.through-line {
  top: 20%;
  left: 20%;
  width: 60%;
  height: 2px;
  border-radius: 5px;
  opacity: .2;
  background: #53C325;
  position: absolute;
  animation: scanline 5s ease-in-out infinite alternate; }

@keyframes scanline {
  0% {
    background: #53C325;
    top: 30%; }
  49% {
    background: #53C325;
    top: calc(30% + 55vw); }
  50% {
    background: #53C325;
    top: calc(30% + 55vw); }
  100% {
    background: #53C325;
    top: 30%; } }

.button-bottom {
  position: absolute;
  left: 25px;
  bottom: 25px; }
  .button-bottom a {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    background: rgba(255, 255, 255, 0.2);
    color: #fff; }

.label:checked + .label-check {
  color: #53C325; }


  
  /*chen0707*/
#product-list-page .page-content{
  padding-top: 180px;
}
#wishlist-page .page-content{
  padding-top: 100px;
}
#search-list-page .header{
  height: 100px;
}
#search-list-page .page-content{
  padding-top: 180px;
}
#news-list-page .page-content{
  padding-top: 100px;
}
#history-list-page .product-header{
  top: 60px;
}
#recommend-list-page .product-header{
  top: 60px;
}
#special-list-page .product-header{
  top: 60px;
}

/*chen0709*/
.wish-number,.cart-number{
  position: absolute;
  background-color: #cd0000;
  width: 60px;
  height: 60px;
  font-size: 32px;
  border-radius: 30px;
  transform: scale(0.23);
  left: -37%;
  top: -19%;
  z-index: 1;
  color: #fff;
}
.checkin .checkin-header .container a.already-check{
  background-color: rgb(153, 153, 153);
}
.checkin .checkin-header .container a.already-check .fa-check{
  margin-left: 5px;
}

/*chen0710*/
#wine-alert{
  position: initial;
  display: none;
}
#wine-message-modal{
  background-color: #fff;
}
#wine-message-modal .menu-wrapper{
  height: 90px;
  width: 340px;
}
#wine-message-modal .menu-wrapper h4{
  padding:0 15px;
  text-align: left;
  color: #666666;
  line-height: 26px;
}
#wine-message-modal .menu-button{
  text-align: right;
  font-size: 19px;
  font-weight: 600;
}
#wine-message-modal .menu-button a{
  display: inline;
  margin-right: 15px;
  color: #666666;
}
#wine-message-modal .menu-button a .time{
  font-size: 16px;
  margin-left: 3px;
}
.message-mask{
  width:100%;
  height:100%;
  background-color:#000;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
  position:absolute;
  left:0px;
  top:0px;
  display:block;
  z-index:99;
}

/*chen0721商品界面增加添加图标
background-size: 20px;width: 50px;height: 50px;border-radius: 5px;position: absolute;top: 0px;right: 0px; background-position: center;*/
.product-detail-select{
  display: none;
}
.product-detail-select .add{
  background: url(../images/icon-plus.png) no-repeat #53C325;
  width: 48px;
  height: 48px;
  border-radius: 5px;
  position: absolute;
  top: 1px;
  right: 0px;
  background-position: center;
  background-size: 20px;
}
.product-detail-select .select-box{
  width: 83%;
}
#product-detail-hr{
  display: none;
}
/*chen0723 扫码界面感叹号图标*/
.icon-exclamation{
  position: absolute;
  top: 11%;
  left: 85%;
  z-index: 1;width: 25px;
  height: 25px;
  background-color: #fff;
  border-radius: 25px;
}
.icon-exclamation i{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color:rgb(243 129 31);
}

#toast-network{
  line-height: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/*chen0924*/
.highlight-green .active-menu .msg-number{
  color: #fff !important;
}
.msg-number{
  position: absolute;
  background-color: #cd0000;
  width: 60px;
  height: 60px;
  font-size: 32px;
  border-radius: 30px;
  transform: scale(0.25);
  left: -24%;
  top: -25%;
  z-index: 1;
  padding-top: 6px;
  color: #fff;
}
.msg-number-not{
  position: absolute;
  background-color: #cd0000;
  width: 55px;
  height: 55px;
  font-size: 32px;
  border-radius: 27px;
  transform: scale(0.24);
  left: -2%;
  top: -25%;
  z-index: 1;
  padding-top: 6px;
  color: #fff;
  text-align: center;
  display: none;
  padding-right: 5px;
}

/*cheng 20201214*/
.header-logo-center .header-location-image{
    left: 60px;
    background-image: url(../images/icon-location.png);
    background-repeat: no-repeat;
    background-size: 100%;
    top: 11px;
    width: 35px;
    height: 35px;
}
.market .item{
  border-radius: 0px;
}
#market-list input[type=radio] {
  margin-right: 5px;
  cursor: pointer;
  font-size: 14px;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 2px;
  background-color: #fff;
}
#market-list input[type=radio]:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  content: " ";
  color: #fff;
  display: inline-block;
  visibility: visible;
  border-radius: 50%;
  border: 4px double #53C325;
  background-color: #fff;
}
#market-list input[type=radio]:checked:before {
  content: " ";
  display: block;
  position: relative;
  width: 60%;
  height: 60%;
  top: 20%;
  left: 20%;
  z-index: 1;
  background-color: #53C325;
  border: 50%;
  border-radius: 50%;
}
#market-list .description {
  padding: 15px 0px 10px 35px;
}
#market-list .description img {
  position: absolute;
  width: 20px;
  left: 0px;
}
/*cheng 20201214*/
.notification ul li img{
  width: 70px;
  height: 70px;
  border: 1px solid #53C325;
  position: absolute;
  right: 30px;
  top: 0;
}
.notification ul li .hasImage .p3{
  min-height: 53px;
  padding-right: 115px;
  word-break:break-word;
}
.filter-sub-but{
  height: 60px;
  bottom: 0px;
  top: auto;
}
.filter-sub-but a{
  text-transform: uppercase;
  width: 50%;
  background: #EEEEEE;
  color: #999999;
  height: 100%;
  line-height: 60px;
  text-align: center;
}
.filter-sub-but a.confirm{
  background: #53C325;
  color: #FFF;
  right: 0px;
  font-size: inherit !important;
}
.filtering input[type='checkbox']{
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translate(0%, -50%);
 }
 .filtering #brandList label{
   padding-left: 20px;
 }

 #sidebar-right-over{
    bottom: 30px;
 }
 .seasonal-promotion{
   display: none;
 }
 .seasonal-promotion img{
   width: 100%;
}

/* 20201230chen*/
.promotion-tag .scanngo.result{
  margin: -13px 10px 10px 10px;
}
.promotion-tag .upper-part{
  width: 100%;
  height: 10px;
}
.promotion-tag .upper-part img{
  height: 17px;
  position: absolute;
  left: 40px;top: -1px;
}
.promotion-tag .lower-part{
  background-color: #F3811F;
  padding: 3px 5px;
}
.promotion-tag .lower-part img{
  position: absolute;
  top: -3px;
  height: 30px;
  width: 30px;
  left: 0px;
}
.promotion-tag .lower-part span{
  margin-left: 27px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
.product-featured img.promotion-msg-icon{
  position: absolute;
  width: 25%;
  top: 50%;
  left: 50%;
  transform: translate(-180%, -45%);
}
#promotion-msg-modal .promotion-model{
  width: 90%;
  background-color: #F3811F;
  margin-left: 5%;
  color: #fff;
  line-height: 22px;
  margin-bottom: 10px;
  padding: 0px 5px 0px 7px;
}
#promotion-msg-modal .promotion-model span{
  margin-left: 25px;
  font-size: 15px;
}
#promotion-msg-modal .promotion-model img{
  position: absolute;
  top: -3px;
  height: 30px;
  width: 30px;
  left: 0px;
}

/* 20201231chen*/
.category-filtering{
  height: 45px;
  width: 100%;
  position: fixed;
  top: 100px;
  z-index: 108;
  background-color: #F4F4F4;
  padding: 2px 15px;
  touch-action: auto;
  display: none;
}
.category-filtering .shrink-icon{
  right: 15px;
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 102;
  padding-top: 3px;
  padding-bottom:5px;
}
.category-filtering .shrink-icon div{
  height: 40px;
  background-color: #fff;
  width: 37px;
  background-repeat: no-repeat;
  background-size: 65%;
  background-position-x: 7px;
  background-position-y: 7px;
}
.open .shrink-icon div{
  background-image: url(../images/up-icon.png)
}
.close .shrink-icon div{
  background-image: url(../images/down-icon.png)
}
.category-filtering .content-box{
  width: 100%;
  background-color: #fff;
  height: 100%;
  overflow: scroll;
  touch-action: auto;
}
.category-filtering .popup-box{
  top: 0px;
  width: 100%;
  padding-bottom: 10px;
  padding-top: 5px;
  max-height: calc(100vh - 155px);
  overflow: hidden;
}
.category-filtering .content-title{
  width: 30px;
  margin-left: 5px;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
}
.category-filtering .content-box ul{
  width: max-content;
  list-style: none;
  height: 100%;
  margin: 0;
  touch-action: auto;
  padding-top: 3px;
  padding-bottom: 7px;
  padding-left: 3px;
}
.category-filtering .popup-box ul{
  width: 100%;
  list-style: none;
  height: 100%;
  margin: 0;
  touch-action: auto;
  padding-bottom: 20px;
  padding-left: 3px;
  line-height: 37px;
  max-height: calc(100vh - 155px);
  overflow: scroll;
}
.category-filtering ul li{
  margin:0 3px;
  display: inline-block;
  touch-action: auto;
  background-color: #F4F4F4;
  height: 100%;
  padding: 4px 8px 0px 8px;
  border-radius: 5px;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
}
.category-filtering ul li a{
  color:rgb(8 124 113);
  touch-action: auto;
}
.category-filtering .popup-box ul li{
  padding: 2px 8px;
}
.open .popup-box,.open .content-title,.close .content-box ul{
  display: block;
}
.close .popup-box,.close .content-title,.open .content-box ul{
  display: none;
}
.separate{
  top: 142px;
  border-top: 2px solid #fff;
  position: fixed;
  width: 100%;
  z-index: 108;
  display: none;
}
.category-filtering .popup-box div{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: black;
  top: 0;
  z-index: -1;
  opacity: 0.75;
}
#selectStore{
  color: #999;
}
#selectStore option{
  color: black;
}
.input-title{
  color: #999;
  height: 22px;
  padding-left: 1px;
}
.member-card-header{
  width: 100%;
}
.member-card-title{
  font-size: 15px;
  padding: 0px 20px;
  margin-top: 15px;
  line-height: 20px;
  word-break: break-all;
}
.member-card-content{
  padding: 5px 30px 0px 30px;
}
.member-card-content ul{
  margin-bottom: 15px;
}
.member-card-button a{
  width: 60%;
  left: 20%;
}
.redeem-code-input-title{
  font-size: 15px;
  padding-left: 2px;
  padding-bottom: 5px;
}
#selectLind{
  color: black;
}
.redeem-code-input{
  padding: 5px 15px 0px 15px;
}
.redeem-code-err{
  padding: 10px 15px 0px 15px;
  color: #CB2020;
  display: none;
}
.redeem-code-button{
  position: absolute;
  bottom: 30px;
  width: 100%;
}
.redeem-code-button a{
  width: 90%;
  margin-left: 5%;
}
.link-member-card-page{
  background-color: #F4F4F4;
}
.link-member-card-header{
  padding: 8px;
  background-color: #fff;
}
.link-member-card-header img{
  width: 100%;
}
.link-member-card-tips{
  margin-top: 2px;
  padding: 10px;
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 4px;
}
.link-member-card-page .input-green{
  padding: 14px 12px 0px 12px;
  background-color: #fff;
}
.link-member-card-page .input-green img{
  position: absolute;
  top: 27px;
  width: 25px;
  right: 25px;
}
.link-member-card-upload{
  padding: 14px 12px 10px 12px;
  font-size: 18px;
  background-color: #fff;
}
.link-member-card-photo{
  padding: 0px 12px 10px 12px;
  background-color: #fff;
}
.link-member-card-photo .photo-window{
  border-radius: 5px;
  height: 180px;
  border: 1px solid #53C325;
  background-color: rgb(83 195 37 / 5%);
}
.link-member-card-photo .photo-window i{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  font-size: 50px;
  color: #fff;
  z-index: 1;
}
.link-member-card-photo .photo-circular{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-color: #53C325;
}
.link-member-card-photo .photo-text{
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 20px;
  font-size: 14px;
  color: #808080;
}
.link-member-card-bottom{
  padding: 10px 12px 20px 12px;
}
.link-member-card-bottom label{
  color: #53C325;
}
.link-member-card-bottom label a{
  color: #53C325 !important;
  text-decoration: underline;
}
.coupon .item .detail .date .btn.btn-expired{
  background-color: #808080;
}
.coupon .item .detail .date .btn.btn-used{
  background-color: #808080;
}
.coupon .item .detail .date .btn.btn-save{
  color: #f38322;
  border: 1px solid #f38322;
  background-color: #fff;
}
.coupon .item .detail .date .btn.btn-unavailable{
  background-color: #808080;
  padding: 2px 2px;
}
#limitedAllImg{
  width: 100%;
  max-height: 160px;
  display: none;
}
#limitedHeaderImg{
  width: 100%;
  max-height: 90px;
  display: none;
}
.limited-header{
  display: none;
  padding: 10px 20px 0px 20px;
}
.coupon .content{
  padding: 10px 20px 0px 20px;
}
.content-box ul li.active,.popup-box ul li.active{
  background-color: #8EC21F;
}
.content-box ul li.active a,.popup-box ul .active a{
  color: #fff;
}
.message-title{
  word-break: break-all;
}
.delivery .item .address-item.disable{
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
.delivery .item .address-item.disable>.fac{
  display: none;
}
.delivery .item .address-item.disable .name{
  color: #999;
}
.delivery .item .address-item.disable .phone{
  color: #999;
}
#market-list .item .border{
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid #53C325;
  top: 0;
  left: 0;
  display: none;
}
#market-list .item.active .border{
  display: block;
}
#market-list .item .name{
  color: #999;
}
#market-list .item.active .name{
  color: #000;
}
.filter-shrink-icon{
  background-image: url(../images/up-icon.png);
  width: 20px;
  height: 20px;
  position: absolute;
  right: 5px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.filter-shrink-icon.close{
  background-image: url(../images/down-icon.png);
}
.version-info{
  width: 100%;
  text-align: center;
  color: #fff;
  line-height:15px;
  margin-top: 5px;
}
#market-list .item .radio-div{
  width: 20px;
  height: 20px;
  border: 1px solid #53C325;
  border-radius: 50%;
  padding: 2px;
  position: absolute;
  top: 2px;
  right: 10px;
}
#market-list .item .radio-div div{
  width: 100%;
  height: 100%;
  border: 1px solid #53C325;
  border-radius: 50%;
}
#market-list .item.active .radio-div div{
  background-color: #53C325;
}
.coupon .item.graying .value{
  background: #CCCCCC;
}
.category-filtering .content-box ul{
  padding-right: 40px;
}
.product-featured .name .add-cart-btn.promotion-msg-icon{
  right:45px;
  background: none;
}
.product-featured .name .add-cart-btn.promotion-msg-icon img{
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
}
#promotion-msg-modal{
  background: #F3811F;
}
#promotion-msg-modal.logout-success .menu-wrapper .close-menu{
  color: #F3811F;
}
.register-info-but{
  width: 90%;
  margin-left: 5%;
  margin-bottom: 20px;
  margin-top: 10px;
}
.register-but{
  width: 90%;
  margin: 0 0 0 5%;
}
.address-name{
  word-break:break-all;
  width:80%;
}

.promotag.promotion-tag .upper-part img {
  left: 65px;
}
.promotag.promotion-tag .lower-part .promotion-name{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 27px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

#market-switch-modal .title{
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 25px;
}
#market-switch-modal #alertMsg{
  margin-left: 15px;
  margin-right: 15px;
  line-height: 21px;
}
#market-switch-modal .menu-wrapper{
  padding-top: 25px;
  height: auto;
}
#market-switch-modal .modal-buttons{
  width: 100%;
  text-align: center;
  margin-bottom: 25px;
}
#market-switch-modal .modal-buttons button{
  width: 38%;
  background-color: #F3811F;
  border-radius: 5px;
  height: 35px;color: #fff;
  font-size: 15px;
  font-weight: 600;
}
#market-switch-modal #leftButton{
  margin-right: 10px;
}
.event-detail #regInfo{
  display: none;
}

.search-hashtag {
	background: #F4F4F4;
	color: #FFFFFF;
	text-align: left;
	font-size: 10px;
	padding: 0 15px;
	display: flex;
	align-items: center;
	height: 44px;
}

.search-hashtag-item {
	background: #007846;
	border-radius: 5px;
	box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
	display: inline-block;
	padding: 8px;
	font-size: 13px;
	box-sizing: border-box;
}