@charset "utf-8";
/* CSS Document */
html {max-width: 1920px;width: 100%!important;margin: 0 auto;overflow-x: hidden;}
html.breakScrollSmooth {
      scroll-behavior: auto !important;
    }
body {font-size: 20px; position: relative; color: #fff; max-width: 1920px; font-family: "Mitr", sans-serif;
margin: 0 auto;overflow-x: hidden;}
div {font-family: "Mitr", sans-serif;}
p {font-size: 20px; font-family: "Mitr", sans-serif; color: #fff;line-height: 30px}
*, *:before, *:after {box-sizing: border-box;}
*:before, *:after {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
img {max-width: 100%;height: auto;}
ul,ol {font-family: "Mitr", sans-serif;}
a * {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
a, div a, p a {color: #fff; text-decoration: none!important;outline: none;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
a:hover, div a:hover, p a:hover {color: #fff;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
header {position: fixed;z-index: 999;top: 0;left: 50%; width: 100%;max-width:1920px; transform: translate(-50%, 0) !important;padding: 10px 0;
  background: rgba(0, 0, 0, 0.9);border-bottom-right-radius: 30px;border-bottom-left-radius: 30px;}
h1 {margin-bottom: 0;font-family: "Mitr", sans-serif; font-size: 30px;line-height: 1.2;}
.section-box-inner h1 {display: none;font-weight: 400}
h2 {font-size: 30px;font-family: "Mitr", sans-serif;line-height: 1.2;font-weight: 400}
h3, h4 {font-size: 25px;font-family: "Mitr", sans-serif;line-height: 1.2;font-weight: 400}
.clear {clear: both;}
.content-wrap {width:90%; margin: 0 auto; max-width: 1200px;position: relative;overflow: hidden;}
.content-wrap-1366 {width:90%; margin: 0 auto; max-width: 1366px;position: relative;overflow: hidden;}
#mainmenu-button-mb {display: none;}
.wrap-menumain {display: flex;align-items: center;width: 70%;justify-content: center;}
.wrap-menumain-other {display: flex;align-items: center;justify-content: end;width: 15%;}
.content-wrap-header {width:97%; max-width: 1850px; margin: 0 auto;overflow: visible;position: relative;}
.logo-main {width: 15%;display: flex;
  align-items: center;justify-content: flex-start;}
.logo-main img {width: 145px;}
.logo-main span {padding: 0 15px}
#main-menulist {padding: 0;display: inline-block;width: auto;}
.menu-wrapmain {padding: 0;}
#main-menulist ul {list-style: none;display: flex;flex-wrap: wrap;padding: 0;margin: 0;justify-content: center;}
#main-menulist ul li {font-family: "Mitr", sans-serif, sans-serif;color: #fff; display: inline-block;margin: 0 25px;position: relative;}
#main-menulist ul li a {position: relative;color:#fff;font-size: 18px;text-transform: uppercase; padding: 5px 0;display: block;}
#main-menulist ul li a:hover {color: #00AA69}
#main-menulist ul ul {display: none;}
.wrap-content-menu {display: flex;flex-wrap: wrap; width: 100%;vertical-align: top;position: relative;justify-content: center;}
.switch-lang {width: 20%;
  display: flex;
  justify-content: flex-end;
  align-items: center;margin-left: 7px;}
.switch-lang div {margin-left: 10px;
  outline: none;
  display: flex; justify-content: center; align-items: center;
}
.switch-lang a {width: 40px;
  border-radius: 10px;
  border: 1px solid #fff;
  background: #FFF;
  height: 40px;
  font-family: "Mitr", sans-serif, sans-serif;
  font-size: 20px;
  text-align: center;
  color: #00AA69 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: unset;-moz-transition: unset;
-o-transition: unset;-ms-transition: unset;transition: unset;
}
.switch-lang div.lang-active a {cursor: default!important;}
.switch-lang div.lang-active a,.switch-lang div:hover a {border: 1px solid #00AA69;background: #00AA69!important;color: #fff!important}
.menu-list-item {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  justify-content: flex-end;
}
.menu-list-item li {
  font-family: "Mitr", sans-serif, sans-serif;
  color: #000;
  display: inline-block;
  margin: 0 0 0 40px;
  position: relative;
}
.menu-list-item li a {
  position: relative;
  color: #000;
  font-size: 26px;
  text-transform: uppercase;
  padding: 5px 0 9px 0;
  display: block;
}
.menu-list-item li a:hover,.menumain-active a {color: #00AA69!important}
.wrap-menumain-row {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.mn-border {border-radius: 21px;border: 2px solid #00AA69;min-width: 140px;text-align: center;}
.menu-list-item li a.mn-border:after {width: 0!important}
.mn-border:hover {background: #00AA69}
.head-order-1 {order: 1}
.head-order-2 {order: 2}
.head-order-3 {order: 3}
.mn-show-mb {display: none!important;}
footer {padding: 20px 0;background: url(../../assets/images/common/footer-bg.webp) no-repeat fixed top center;background-size: cover;position: relative;
  z-index: 998;border-top-right-radius: 50px;
  border-top-left-radius: 50px;}
footer *, footer a {color: #fff;font-family: "Mitr", sans-serif;}
footer a:hover {color: #fff}
/*.copyright-wrap {
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.7);
}*/
.copyright-wrap * {
  color: #fff;font-size: 14px;font-weight: 300;
}
.copyright-wrap a:hover {
  color: #000!important;
}
.menu-footer-social {display: flex;justify-content: flex-end;align-items: center;padding: 0;list-style: none;margin: 0}
.menu-footer-social a {margin: 0 0 0 12px;}
.menu-footer-social a svg .a{fill:#fff;}
.menu-footer-social a:hover svg .a{fill:#00AA69}
.menu-footer-policy {display: flex;justify-content: flex-end;align-items: center;list-style: none;padding: 0;margin: 0}
.menu-footer-policy li {margin-left: 20px;padding-left: 20px;}
.menu-footer-policy li:last-child {border-left: 1px solid rgba(255, 255, 255, 0.22);}
.menu-footer-policy a:hover {color: #000}
.ct-social .menu-footer-social {list-style: none;}
.ct-social .menu-footer-social a svg .a{fill:#000;}
.ct-social .menu-footer-social a:hover svg .a{fill:#00AA69}
.footer-menuwrap {display: flex; flex-wrap: wrap;width: 100%;justify-content: flex-end;}
.footer-menuwrap .menu-footer {width: 105%; list-style: none; padding: 0; margin: 25px 0;display: flex;
  flex-wrap: wrap;align-content: baseline;}
.menu-footer li {width: 20%; padding-right: 20px;padding-bottom: 70px}
.menu-footer li a {color: #fff!important;display: inline-block;position: relative;padding: 0 0 5px 0;margin-bottom: 5px;
  text-align: left;text-transform: uppercase;font-size: 18px;}
.menu-footer li ol {list-style-type: "-"; padding: 0 0 0 10px; margin: 0;}
.menu-footer li ol li {padding-left: 7px;width: auto; padding-right: 0;padding-bottom: 0}
.menu-footer li ol li a {margin: 0;display: inline-block;position: relative;padding: 0;background: unset!important;font-size: 14px!important;font-weight: 300!important}
.menu-footer li a:hover {color: #000!important}
.ft-address {margin-top: 15px}
.address-ft p {text-transform: uppercase;}
.address-ft .tel-ft p {display: flex;align-items: baseline;text-transform: unset;}
.tel-ft p {padding: 0 12px;display: inline-block}
.tel-ft p a {display: flex;align-items: center;padding-bottom: 10px;position: relative;}
.tel-ft span {width: 90%;padding-left: 10px}
.tel-ft i {display: flex;align-items: center;}
.tel-ft svg .a {fill:#fff;}
.tel-ft a::after {
  content: '';
  width: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  background: #00AA69;
}
.tel-ft a:hover:after {width: 100%;}
.gototop {display: none;}
#scrollTop {position:fixed;right:100px;bottom:30px;cursor:pointer;width:45px;background-color:#fff;
    display:none;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; border: 2px solid #D8001A; text-align: center;}
.gototop a {display: block; padding: 10px}
.banner-mb {display: none!important;}
.txt-center {text-align: center;}
.scrollBg {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
a svg * {-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;}
.scrollBg .logo-main img {vertical-align: top;height: auto;}
html.lenis{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.lenis.lenis-scrolling iframe,.lenis.lenis-scrolling video{pointer-events:none!important}
.section-wrap {padding: 130px 0;position: relative;z-index: 2;}
.section-wrap-inner {padding: 30px 0 0 0;position: relative;z-index: 2;}
.homewrap,.main-bg {background: url(../../assets/images/common/bg-home-main.webp) no-repeat fixed top center #000;background-size: 100%}
.bg-s-wrap {position: relative;}
.sec-home-wheel .col-lg-8 {width: 63%}
.sec-home-wheel .col-lg-4 {width: 37%}
.sec-sustainability-home {background: rgba(0, 0, 0, 0.5);}
.btn-defualt a {display: inline-block;border-radius: 21px;text-transform: uppercase;text-align: center;
  color: #fff!important;border: 2px solid #00AA69;min-width: 160px;padding: 5px 30px 10px 30px;position: relative;}
.btn-defualt a:hover {background: #00AA69;color: #434343!important}
.btn-defualt-icon {display: inline-block;}
.btn-defualt-icon a {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;border-radius: 30px;
  text-transform: uppercase;text-align: center;color: #fff!important;border: 2px solid #00AA69;padding: 5px 30px 10px 30px;position: relative;}
.btn-defualt-icon a:hover {background: #00AA69;color: #434343!important}
.btn-defualt-icon a span {padding-right: 7px}
.btn-defualt-icon a svg {margin-bottom: -10px;}
.btn-defualt-icon a svg .a{fill:#fff;}
.btn-defualt-icon a:hover svg .a{fill:#434343;}
.btn-defualt-back {margin: 10px auto;}
.btn-defualt-back a {display: inline-block;border-radius: 21px;text-transform: uppercase;text-align: center;
  color: #fff!important;border: 2px solid #00AA69;min-width: 160px;padding: 5px 30px 10px 30px;position: relative;}
.btn-defualt-back a:hover {background: #00AA69;color: #434343!important}

.main-title {font-family: "Mitr", sans-serif;position: relative;display: inline-block;font-size: 70px;
  line-height: 75px;}
.main-title-sub {font-family: "Mitr", sans-serif;position: relative;display: inline-block;font-size: 40px;
  line-height: 47px;}
.txt-30 {font-size: 30px;line-height: 35px}
.txt-20 {font-size: 20px!important;line-height: 25px;font-family: "Mitr", sans-serif}
.txt-40 {font-size: 40px!important;line-height: 45px;}
.txt-50 {font-size: 50px!important;line-height: 55px;}
.main-title span {font-size: 40px;color: #000;padding-right: 20px;text-transform: uppercase;}
.main-title span em {font-style: unset!important;}
.title-doubleshardow {font-family: "Mitr", sans-serif;font-size: 35px;line-height: 47px;color: #951C1F;
text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97999px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.51361px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;}
.main-title-normal {font-family: "Mitr", sans-serif;position: relative;display: block;font-size: 35px}
.txt-bold {font-family: "Mitr", sans-serif;}
.txt-normal {font-family: "Mitr", sans-serif;}
.txt-red {color: #D8001A!important}
.subsub-title {font-size: 22px!important;}
.txt-white {color: #fff!important}
.txt-black {color: #000!important}
.txt-grey {color: #717171!important}
.txt-right {text-align: right!important;}
.txt-left {text-align: left!important;}
.img-cover {position: relative;overflow: hidden;border-radius: 10px;}
#navbreadcrumbs {font-size: 15px!important;text-align: left; padding: 0 35px 50px 0;position: relative;
display: flex;justify-content: flex-end;align-items: center;flex-wrap: wrap;z-index: 3}
#navbreadcrumbs * {font-size: 16px!important;}
#navbreadcrumbs a {display: inline-block; color: #717171}
#navbreadcrumbs a:hover {color: #717171;}
#navbreadcrumbs span {margin: 0 10px;color: #717171}
.breadcrumbsdefault {display: inline-block; margin: 0;color: #717171!important;font-family: "Mitr", sans-serif;}
.overflowvisible {overflow: visible!important;}
ul.list-circle {list-style: none;padding-left: 15px;}
ul.list-circle li,.sec-content ul li {margin-bottom: 15px;}
ul.list-circle li:before {content: "\2022"; color: #88DAFF;display: inline-block; width: 15px;
  margin-left: -15px;
  font-size: 40px;
  line-height: 25px;vertical-align: top;
}
.blurimage{
  width: 100%;
  transition-property: filter,opacity, transform;
  animation: blur-anim 0.7s ease-in-out;
}
@keyframes blur-anim {
  0% {filter: blur(10px);transform: scale(1.1);}
  100% {filter: blur(0);transform: scale(1);}
}
.blurimage-short{
  width: 100%;
  transition-property: filter,opacity, transform;
  animation: blur-animshort 0.5s ease-in-out;
}
@keyframes blur-animshort {
  0% {filter: blur(10px);transform: scale(1.1);}
  100% {filter: blur(0);transform: scale(1);}
}
main {padding-top: 100px}
.order-sec-1 {order: 1}
.order-sec-2 {order: 2}
.img-border {border-radius: 5px;overflow: hidden;}
.section-banner {width:98%; margin: 0 auto;border-radius: 50px;overflow: hidden;}
#banner-main .owl-nav.disabled + .owl-dots {z-index: 99;position: absolute;bottom: 15px;left: 50%;transform: translate(-50%,0);}
#banner-main .owl-dots .owl-dot span {
  zoom: unset;
  width: 20px;
  height: 20px;
  border: 3px solid #fff;
  border-radius: 25px;
  text-align: center;
  margin-right: 10px;
  background: #fff;
}
#banner-main .owl-dot.active span, #banner-main .owl-dot:hover span {background: #00A968}
#banner-main .owl-item.active .blurimagebanner {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
#banner-main .item a {position: relative;display: block;}
#banner-main.item {
  height: 100vh;
  position: relative;
}
#banner-main .item .cover {
  padding: 75px 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
}
#banner-main .item .cover .cover-container {position: absolute;top: 40%;left: 50%;
  width: 50%;
  padding: 0;
  z-index: 99;}
#banner-main .item .cover .header-content {
  position: relative;
  overflow: hidden;
}
#banner-main .owl-item.active .move-trans-1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.5s;
}
#banner-main .owl-item.active .move-trans-2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.5s;
}
#banner-main .owl-item.active .blurimagebanner {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn;
}

.overflowcontent {overflow: visible!important;}
.form_col {display: inline-block;flex: 0 0 auto;}
.form_col_select {width: 27%;padding: 0 50px 0 0;}
.form_col_selectnew {width: 50%;padding: 0 50px 0 0;}
.form_col_search {width: 100%;padding: 20px 0;}
.form_col_checklist {width: 23%;padding: 0 0 0 50px;}
.form_col_submit {width: auto;
  padding: 0 !important;
  position: absolute;
  bottom: 35px;
  left: 35px;}
.form_col select {font-size: 20px;color: #4E4E4E!important;padding: 7px 25px 7px 25px;width: 100%;font-weight: 300;
    -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;border-radius: 25px;
    background: url("../../assets/images/icon/arrow-distributor.svg") right 20px center no-repeat;border: 1px solid #B7B7B7;}
.bg_form input[type="submit"],.btn-submit {background: #00AA69;font-size: 20px;min-width: 160px;margin: 10px auto;
    color: #4E4E4E!important;padding: 7px 25px 7px 25px;cursor: pointer;border: unset;border-radius: 25px;border: 1px solid #B7B7B7;
box-shadow: unset;display: inline-block;fborder-radius: 25px;font-weight: 300;}
.form_col .inputsearch {font-size: 18px;color: #4E4E4E!important;padding: 7px 25px 7px 25px;width: 100%;font-weight: 300;
   border: 1px solid #B7B7B7;border-radius: unset;background: unset;border-radius: 25px;}
.btn-submit-back {background: #D8001A;font-size: 18px;width: auto;min-width: 170px;margin: 10px 10px 0 0;
    color: #fff;display: inline-block;padding: 2px 26px;height: 45px;cursor: pointer;border: unset;border-radius: 50px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
.btn-submit:hover,.btn-submit-change:hover {
  background: #00AA69 !important;
  color: #fff !important;
}
.btn-submit-back:hover {background:#E9152F !important;}
.form_col label {display: block;
  color: #7D7D7D;
  font-size: 15px;
  margin-bottom: 5px;}
.form_col_checklist .form-check {margin-bottom: 10px}
.form_col_checklist .form-check-input,.storetype-box .form-check-input {margin-top: 0!important}
.form_col .form-check-label {font-size: 15px;color: #7D7D7D;padding: 0 !important;margin-bottom: 0!important}
.form_col input::placeholder {
  color: #4E4E4E!important;
  opacity: 1!important; /* Firefox */
}

.page-list svg .a{fill:none;stroke:#000;stroke-linecap:round;stroke-width:2px;}
.page-list svg .b{fill:#000;}
.page-list-wrap {text-align: center;
  margin: 35px auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;}
.page-list {display: inline-block;margin: 0 7px;}
.page-list a {text-align: center;
  color: #000!important;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;border-radius: 100%}
.page-list a:hover, .page-active a {background: #00AA69 !important;color: #fff!important}
.page-prev a,.page-next a {color: #000!important}
.page-prev a:hover,.page-next a:hover {background: #00AA69!important;color: #fff!important}
.page-prev {margin-right: 15px;}
.page-next {margin-left: 15px}

.system-mobile {display: none!important;}
.box-pd-filter label {margin-bottom: 7px}
.box-pd-filter .col-3 {width: auto}
.box-pd-filter .col-3 .dropdown-menu-selectsubcate-wrap {width: 180px}
/*.box-pd-filter .col-md-5 .dropdown-menu-selectsubcate-wrap {min-width: 263px;width:auto}*/
.dropdown-menu-selectsubcate-wrap {
  text-align: left;
  display: flex;
  justify-content: center;
  width: 100%;
}
.dropdown-menu-selectsubcate {
  display: inline-block;
  width: 100%;
  margin: 0;
}
.dropdown-menu-selectsubcate-model {
  display: inline-block;
  width: 100%;
}
.wrapper-dropdown {
  position: relative;
  margin: 0 auto;
  padding: 4px 20px 7px 20px;
  position: relative;
  cursor: pointer;
  outline: none;
  font-size: 18px;
  color: #fff;
  background: #fff;
  background-size: 10px;
  border-radius: 50px;
}
.wrapper-dropdown:after {
  position: absolute;
  display: block;
  content: '';
  width: 17px;
  height: 17px;
  top: 50%;
  right: 20px;
  margin-top: -5px;
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg) translateY(-50%);
transition: all .3s ease-in-out;
  transform-origin: 50% 0;
}
.wrapper-dropdown .dropd {
  text-align: center;
  z-index: 991;
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  min-width: 100%;
  margin: 10px 0;
  padding: 0;
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  background: #fff;
transition: all .3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-15px);border-radius: 10px;
  padding: 5px 20px;
}
.wrapper-dropdown .dropd li {
  display: block;
  text-decoration: none;
  width:100%;
  padding: 10px 0;
  font-size: 18px;
  color: #000000;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.wrapper-dropdown .dropd li:last-child {border-bottom:unset!important;}
.wrapper-dropdown .dropd li a {
  display: block;text-align: left;
}
.wrapper-dropdown .dropd li i {
  margin-right: 5px;
  color: inherit;
  vertical-align: middle;
}
.wrapper-dropdown .dropd li:hover a {
  color: #00AA69;
}
.wrapper-dropdown.active:after {
  margin-top: 3px;
  transform: rotate(-135deg) translateY(-50%);
}
.wrapper-dropdown.active .dropd {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  transform: translateY(0);
}
.no-opacity .wrapper-dropdown .dropd, .no-pointerevents .wrapper-dropdown .dropd {
  display: none;
  pointer-events: auto;
}
.no-opacity .wrapper-dropdown.active .dropd, .no-pointerevents .wrapper-dropdown.active .dropd {
  display: block;
}

.bg-home-vmbfixed,.bg-home-vmbfixed-inner,.bg-home-vmbfixed-tb {display: none!important;}
.btn-defualt-green {display: inline-block;min-width: 208px}
.btn-defualt-green a {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width: 100%;
  outline: none;
  border: 1px solid #00AA69;
  background: #00AA69;padding: 7px 10px;
  border-radius: 25px;color: #fff}
.btn-defualt-green a span {font-size: 18px;font-family: "Mitr", sans-serif;text-align: left;}
.btn-defualt-green a:hover {background: #fff; border: 1px solid #fff;color: #000000}

.bg-s-object {position: absolute;top: -20%;right: 0;z-index: -1;}
.cookie-btn {background: rgba(0,0,0,0.65);text-align: center;width: 130px;display: inline-block;color: #fff;padding: 5px 0 9px 0;font-size: 24px;font-weight: bolder;
  border: 2px solid #00AA69;}
.cookie-btn a, .cookie-btn a:hover {color: #fff!important;}
.cookie-btn:hover {background: #00AA69;}
.alert-cookie { text-align: left; position:fixed; bottom:0; width:100%; right:0; background:rgba(0,0,0,0.65);
  padding: 20px 7% 20px 7%; box-shadow:4px 1px 10px #000; z-index:999;display: flex;align-items: center;flex-wrap: wrap;}
.cookiehead {display: block; margin: 0 0 5px 0; vertical-align: middle; color: #fff;font-size: 20px}
.alert-cookie p { margin: 0; padding:0; display: inline-block; color: #dedede; vertical-align: middle;font-size: 24px;line-height: 20px;font-weight: bolder;}
.alert-cookie p a{color: #00AA69;text-decoration: underline;}
.alert-cookie p a:hover {color: #00AA69}
.btn-cookies { margin: 35px 0 0 20px; text-align: center; display: inline-block; color: #dedede;}
.cookie-l {width: 88%;float: left;display: flex;
  align-items: center;}
.cookie-r {width: 11%;float: left;text-align: right;}
.btn-cookies a { position: relative; letter-spacing: 1px; margin: 0 10px;
  display: inline-block; border: none; padding: 5px 20px;
  background-color: #fff; text-transform: uppercase; vertical-align: middle;
-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out; overflow: hidden;}
.btn-cookies a:hover { background:#666; color:#fff;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;}
.btn-cookies a.accept { position: relative; letter-spacing: 1px; margin: 0 10px 15px 10px;
  display: inline-block; color: #fff; background:#c08f2c; border: 2px solid #c08f2c; padding: 10px 8px;
   vertical-align: middle;border-radius: 5px;text-decoration: none;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out; overflow: hidden;}
.btn-cookies a.accept:hover { color: #fff; background:#c08f2c; border: 2px solid #c08f2c;-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;}
.close { background: #ccc; width: 25px; height: 22px; color: #fff; float: right;
display: block; border-radius: 100%; padding-top: 3px; text-align: center; font-size: 14px!important}
.close:hover { background: #c08f2c;color: #fff }
.cookies-btn-top {margin-top: 25px;text-align: center;}
.linefont-box {position: relative;padding: 0 115px;text-align: center;margin-bottom: 25px}
.linefont-box:before {width: 100px;background: #00AA69;position: absolute;top: 40px;left: 0;
height: 5px;content: '';}
.linefont-box:after {width: 100px;background: #00AA69;position: absolute;top: 40px;right: 0;
height: 5px;content: '';}
.main-bg-white {background: #F5F5FB}
.inner-wrapper-box.head-black header * {
  color: #000 !important;
}
.inner-wrapper-box.head-black .switch-lang a {
  border: 1px solid rgba(35, 31, 32, 0.37);
}
.inner-wrapper-box.head-black .switch-lang div.lang-active a,.inner-wrapper-box.head-black .switch-lang div:hover a {
  border: 1px solid #00AA69;
}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {border-color: #00AA69!important}
.pd-cate-box {padding-top: 100px;position: relative;}
#pdlist-cate-box, #pdlist-rec-box {padding: 35px 0}
.pd-cate-box-wrap {}
.pd-cate-box-wrap a {position: relative;
  overflow: hidden;border: 5px solid #fff;
  display: block;
  border-radius: 30px;background: #000}
.pd-cate-box-bd-inner {position: absolute;
  border: 2px solid #fff;
  border-radius: 15px;
  height: 95%;
  width: 80%;
  display: block;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;z-index: 1;padding: 20px}
.pd-cate-name {font-size: 40px;text-align: center;line-height: 35px;}
.pd-cate-name span {font-size: 30px;display: block;}
.pd-cate-box-img {position: relative;
  z-index: 2;}
.pd-cate-box-smil-object {position: absolute;right: 0;top: 120px;z-index: 0;}
.pd-cate-box-smil-object svg .a {fill:#fff;}

.bx-cl-blue {border-color: #154396 !important;background-color: #154396 !important}
.bx-cl-orange {border-color: #F68B1F !important;background-color:#F68B1F !important}
.bx-cl-grey {border-color: #A7A9AC!important;background-color:#A7A9AC!important}
.bx-cl-green {border-color: #6FC7B6!important;background-color:#6FC7B6!important}
.bx-cl-lightorange {border-color: #FED09E!important;background-color:#FED09E!important}
.bx-cl-blue svg .a {fill:#154396!important;}
.bx-cl-orange svg .a {fill:#F68B1F!important;}
.bx-cl-grey svg .a {fill:#A7A9AC!important;}
.bx-cl-green svg .a {fill:#6FC7B6!important;}
.bx-cl-lightorange svg .a {fill:#FED09E!important ;}


.pd-cate-box-wrap a:hover {border-color: #00AA69!important;}
.bx-cl-blue:hover {background: #154396!important}
.bx-cl-orange:hover {background: #F68B1F!important}
.bx-cl-grey:hover {background: #A7A9AC!important}
.bx-cl-green:hover {background: #6FC7B6!important}
.bx-cl-lightorange:hover {background: #FED09E!important}
.pd-cate-box-wrap a:hover svg .a {fill: rgba(255, 255, 255, 0.3) !important;}
.pd-cate-box-btn {transform: translate(-50%, 0);
  bottom: 25px;
  left: 50%;
  z-index: 3;
  position: absolute;}
.pdlist-rec-box-wrap {position: relative;overflow: hidden;}
.pdlist-rec-box-wrap a {display: block;border-radius: 20px;border: 5px solid #fff;background: #fff;padding: 7px}
.label-cate-pd {background: #00833E;color: #fff!important;font-size: 12px;text-transform: uppercase;text-align: center;
padding: 4px 12px;border-radius: 25px;line-height: 15px;float: right;}
.label-cate-clean {background: #154396!important}
.label-cate-fix {background: #F68B1F!important}
.label-cate-home {background: #A7A9AC!important}
.label-cate-safety {background: #6FC7B6!important}
.label-cate-pet {background: #FED09E!important}
.pdlist-rec-box-top {padding-bottom: 10px;}
#pdlist-rec-box img {width: auto;}
.sec-home-smile-object {position: absolute;top: 0;right: -25%;z-index: -1}
.sec-home-smile-object-2 {position: absolute;bottom: 5%;left: -25%;z-index: -1}
.pdlist-box-btn {
  background: #000;
  border-radius: 20px;
  overflow: hidden;
  padding: 10px 10px 10px 15px;
  min-height: 80px;
  display: flex;justify-content: space-between;align-items: center;
  margin-top: 10px;
}
.pdlist-box-btn span {width: 70%}
.pdlist-box-btn svg .a{fill:#00aa69;}
.pdlist-box-btn svg .b, .pdlist-box-btn svg .c {fill:none;stroke:#fff;stroke-linecap:round;stroke-width:3px;}
.pdlist-box-btn svg .b {stroke-linejoin:round;}
.pdlist-rec-box-wrap a:hover {
  border-color: #00AA69;
}
.pdlist-rec-box-wrap a:hover .pdlist-box-btn {background: #00AA69}
.pdlist-rec-box-wrap a:hover .pdlist-box-btn svg .a{fill:#fff;}
.pdlist-rec-box-wrap a:hover .pdlist-box-btn svg .b, .pdlist-rec-box-wrap a:hover .pdlist-box-btn svg .c {fill:none;stroke:#00aa69;}
.pdlist-rec-box-img {background: #E5E5E5;border-radius: 20px;overflow: hidden;}
.pdlist-rec-box-img img {width: 100%;display: block;margin: 0 auto;}
#pdlist-rec-box .owl-nav {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;width: 100%}
#pdlist-rec-box .owl-nav .owl-prev {margin-left: -70px;float: left;}
#pdlist-rec-box .owl-nav .owl-next {margin-right: -70px;float: right;}
#pdlist-rec-box .owl-nav [class*="owl-"]:hover {background: unset;}
.icn-guid-touch {display: none!important;}
#banner-review-home .slick-slide {
    padding: 0 20px !important;
}
#banner-review-home .slider-item {position: relative;display: block;border-radius: 10px;
  overflow: hidden;}
#banner-review-home .slider-item a {position: relative;display: block;overflow: hidden;}
#banner-review-home .slider-item a:after {position: absolute;width: 100%;height: 100%;
  background: rgba(255, 255, 255, 0.8);top: 0;left: 0;z-index: 99;content: '';opacity: 1}
#banner-review-home .slick-slide img {
    opacity: 1;
    border-radius: 10px;
  overflow: hidden;width: 100%;
}
#banner-review-home .slick-slide.slick-center img {
    opacity: 1 !important;
}
#banner-review-home .slick-slide.slick-center .slider-item a:after,#banner-review-home .slick-slide.slick-active .slider-item a:after {opacity: 0!important}
#banner-review-home .slick-arrow {
    z-index: 9;
}
#banner-review-home .slick-next::before,
#banner-review-home .slick-prev::before {
    color: #000 !important;
    font-size: 55px !important;
    content: "" !important;
    display: block;
  height: 72px !important;
}
#banner-review-home .slick-prev:before {
    background: url(../../assets/images/icon/arrow-prev-banner-bgreen.svg) left center no-repeat !important;
}
#banner-review-home .slick-next:before  {
    background: url(../../assets/images/icon/arrow-next-banner-bgreen.svg) right center no-repeat !important;
}
#banner-review-home .slick-prev, #banner-review-home .slick-next {
  width: 100px;
  height: 100%;
}
#banner-review-home .slick-prev {
    left: 280px !important;
    z-index: 999;
}
#banner-review-home .slick-next {
    right: 280px !important;
    z-index: 999;
}
.review-box-btn {transform: translate(-50%, 0);
  bottom: 15px;
  left: 50%;
  z-index: 3;
  position: absolute;border: 3px solid #fff;
  border-radius: 100%;}
.review-box-wrap {position: relative;overflow: hidden;}
.review-box-wrap a {display: block;border-radius: 20px;border: 5px solid #fff;background: #fff;padding: 20px 25px 40px 25px;color: #000!important;}
.review-box-txt-wrap {position: relative;}
.review-box-txt {margin-bottom: 15px;text-align: center;text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;margin-top: -10px;}
.review-box-txt-icn {font-size: 60px;line-height: 60px;text-align: center;color: #00AA69}
.review-box-img {}
.review-box-wrap a:hover {
  border-color: #00AA69;
}
.sec-home-review {/*background: rgba(46, 46, 46, 0.7)*/background: url(../../assets/images/common/sec-home-reviewbg.webp) no-repeat fixed left top;padding: 0!important}
.sec-home-review-smile {display: block;width: 100%;text-align: right;}
.sec-home-review-smile-1 {display: block;width: 100%;}
.sec-home-lifestyle {padding: 150px 0 0 0;position: relative;overflow: hidden;}
.sec-home-lifestyle-smileobjectwrap {text-align: right;position: relative;padding-right: 15%;padding-bottom: 70px}
.sec-home-lifestyle-object {position: absolute;right: 0;bottom: 0}

.sec-home-lifestyle-smile-2 {position: absolute;top: 100px;right: 0;z-index: -1}
.content-lifestyle-wrap {padding-right: 25px}
.lifestyle-icon {display: flex;flex-wrap: wrap;justify-content: center;align-content: baseline;padding-top: 35px}
.lifestyle-icon img {display: block;margin: 0 auto;}
.lifestyle-icon span {padding-top: 20px;text-align: center;font-size: 20px;font-weight: 300;width: 100%;}
.box-sec-pd {padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #00AA69;}
.pd-dt-txt * {font-size: 16px!important;font-weight: 300}
.box-sec-pd-wrap .box-sec-pd:last-child {border-bottom: unset!important;}
.main-title-sub-sub {font-size: 20px;}

.sec-buy-list {list-style: none;display: flex;flex-wrap: wrap;padding: 25px 0 0 0;}
.sec-buy-list li {width: 19%;padding-right: 15px}
.sec-buy-list li a {
  display: inline-block;
  border-radius: 100%;
  border: 3px solid #fff;background: #fff;position: relative;
}
.sec-buy-list li a:hover {
  border-color: #00AA69;
}
.sec-buy-list-arrow {position: absolute;right: 0;bottom: 0}

.btn-defualt-dlw {display: inline-block;min-width: 208px}
.btn-defualt-dlw a {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width: 100%;
  outline: none;
  border: 1px solid #00AA69;
  background: #00AA69;padding: 7px 10px;
  border-radius: 25px;color: #fff}
.btn-defualt-dlw a span {font-size: 18px;font-family: "Mitr", sans-serif;text-align: center;padding-left: 10px}
.btn-defualt-dlw a svg .a,.btn-defualt-dlw a svg .b{fill:none;stroke:#fff;stroke-linecap:round;stroke-width:3px;}
.btn-defualt-dlw a svg .a{stroke-linejoin:round;}
.btn-defualt-dlw a:hover {background: #fff; border: 1px solid #fff;color: #000000}
.btn-defualt-dlw a:hover svg .a,.btn-defualt-dlw a:hover svg .b {stroke:#000000;}
.pd-gallery-wrap {padding-right: 15px}
.pd-gallery-wrap img {display: block;overflow: hidden;border-radius: 20px; margin-bottom: 15px;}
.box-sec-pd-wrap {padding-left: 35px}
#banner-main-pd .owl-dots .owl-dot span {
  zoom: unset;
  width: 20px;
  height: 20px;
  border: 3px solid #fff;
  border-radius: 25px;
  text-align: center;
  margin-right: 6px;
  background: #fff;
}
#banner-main-pd .owl-dot.active span, #banner-main-pd .owl-dot:hover span {background: #00A968}
#banner-main-pd .owl-item.active .blurimagebanner {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn;
}
.pd-gallery-wrap.system-mobile {padding-bottom: 35px}
.pd-review-wrap {margin-top: -25px}
.review-pd-list-row {border-top: 1px solid rgba(255, 255, 255, 0.14);padding: 35px 0}
.review-pd-list-wrap {border-bottom: 1px solid rgba(255, 255, 255, 0.14);padding: 35px 0 0 0;margin-bottom: 35px}
.review-pd-list-wrap * {font-size: 16px;font-weight: 300}
.review-date {color: #8A8A8A;padding-bottom: 15px}

.anim-dmenu-5ss {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.anim-dmenu-10s {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.anim-dmenu-15s {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.anim-dmenu-20s {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.anim-dmenu-25s {
 -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.anim-dmenu-30s {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.anim-dmenu-35s {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
:root {--animate-repeat: 0!important;}
.sidebar-fix-style .content-wrap {overflow: unset;}
.sidebar-fix-style .box-content-main, .sidebar-fix-style .box-content-menu {width: 100%;}
.sidebar-fix-style .box-content-menu {padding-top: 45px;}
.sidebar-section {position: absolute;height: 100%;width: 100%;}
.sidebar-item {position: absolute;top: 0;left: 0;width: 100%;}
.has-2-items {position: relative;margin-bottom: 200px;}
.has-2-items .sidebar-item {height: 75%;}
.make-me-sticky {position: -webkit-sticky;position: sticky;top: 0;}
.sticky-blog .box-sec-pd-wrap {padding-top: 50px;}
.box-sec-pd-wrap {-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;}
.pd-wrapper-dt {padding-bottom: 70px}
.box-login svg .a{fill:#00aa69;}
.box-login:hover svg .a{fill:#fff;}

.pd-cate-box-bg-object {
  position: absolute;
  top: 0;left: 0;width: 100%;
  height: 100%;
  margin:  0 auto;z-index: 1;
}

.pd-cate-box-bg-object img {
  position: absolute;
  top:0;
  left:0;
  overflow: hidden;
}
.pd-cate-box-bg-object .pd-cate-box-bg-object__front-image {
  z-index: 9999;
  transition: opacity .5s linear;
  cursor: pointer;
}
.pd-cate-box-wrap a:hover .pd-cate-box-bg-object > .pd-cate-box-bg-object__front-image{
  opacity: 0;
}







@media only screen and (max-width: 1600px) {
body, p {font-size: 20px!important;line-height: 25px;}
.main-title {
    font-size: 50px;
    line-height: 60px;
  }
footer *, footer a,.box-pd-option-detail span {
  font-size: 15px;
}
.main-section-inner {
  background-size: cover;
}
.page-list a {
  width: 100%;
}
.switch-lang {
  width: 25%;
  margin-left: 0;
}
.btn-defualt-green a span {
  font-size: 20px;
}
.menu-footer li a {
  font-size: 18px;
}
.footer-logo {max-width: 285px;}
.btn-defualt-green a {
  border-radius: 50px;
}
.sec-home-smile-object {
  right: -170px;
}
.sec-home-smile-object-2 {
  left: -170px;
}
#banner-review-home .slick-next {
  right: 80px !important;
}
#banner-review-home .slick-prev {
  left: 80px !important;
}
.linefont-box:before,.linefont-box:after {
  top: 28px;
}
}

@media only screen and (max-width: 1470px) {
.btn-defualt-green a span {
  font-size: 20px;
}
.switch-lang {
    width: 28%;
  }
}

@media only screen and (max-width: 1366px) {
body, p,.lifestyle-icon span {
    font-size: 18px !important;
    line-height: 23px;
}
.btn-defualt-green a span {
    font-size: 18px;
  }
#navbreadcrumbs * {
    font-size: 14px!important;
  }
.menu-list-item li {
  margin: 0 0 0 30px;
}
.menu-list-item li a {
  padding: 3px 0 6px 0;
}
.mn-border {
  min-width: 120px;
}
.switch-lang a {
  margin-left: 0;
}
#navbreadcrumbs {
  padding: 0 0 35px 0;
}

.wrapper-dropdown {
  padding: 15px 20px 15px 20px;
}
.wrapper-dropdown #show-cate-name img {max-height: 33px;}
#main-menulist ul li a, .menu-list-item li a {
    font-size: 18px;
  }
#main-menulist ul li {
  margin: 0 30px 0 0;
}
.switch-lang div {height: 30px;}
.content-wrap {
    max-width: 1100px;
  }
.linefont-box::before, .linefont-box::after {
    top: 23px;
  }
.main-title-sub {
  font-size: 35px;
}
.pd-cate-box {
  padding-top: 60px;
}
.pd-cate-name {
  font-size: 35px;
  line-height: 30px;
}
.pd-cate-name span {
  font-size: 25px;
}
.review-box-txt-icn {
  line-height: 50px;
}
#banner-review-home .slick-slide {
  padding: 0 10px !important;
}
.linefont-box:before,.linefont-box:after {
  top: 30px;
}
}

@media only screen and (max-width: 1280px) {
.sec-home-lifestyle-smile-2 {
  width: 200px;
}
.sec-home-review-smile img,.sec-home-review-smile-2 img {
  width: 285px;
}
}



@media only screen and (max-width: 1200px) {
#mainmenu-button-mb {display: inline-block;color: #434343; border-radius: 100px;width: 75px;position: relative;
  cursor: pointer;transition: all linear .3s;z-index: 999;padding: 0;text-align: right; vertical-align: middle;
  float: right;margin-left: 20px;}
#mainmenu-button-mb span {display: inline-block;padding: 0;text-align: right; margin-left: 0;font-size: 15px;text-transform: uppercase;}
#main-menulist {max-width: 1920px;background: url(../../assets/images/common/bg-home-main.webp) no-repeat center #232323;background-size: cover;width: 100%;padding: 0;color:#fff;display: none;position: fixed;top: 0;overflow: hidden;
   z-index: 99;overflow-y: auto;top: 0; left: 0;height: 100vh;margin: 0;}
/*#main-menulist {display: block;max-width: 100%;width: 100%;padding: 100px 0 20px 0;color:#fff;display: none;position: fixed; overflow: hidden;
  z-index: 1;overflow-y: auto;top: 0;left: 0;height: 100vh;background: #fff;}*/
#main-menulist ul {padding: 0 0 145px 0; display: block;width: 100%}
#main-menulist ul li {text-align: left;width: 100%;margin: 0;padding: 0;line-height: initial; position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.34);}
#main-menulist ul li a {font-weight: 400;padding: 15px 0;margin: 0; display: block;color: #fff;font-size: 18px !important;}
#main-menulist .submenu-button-mb {position: absolute;z-index: 99;right: 0;top: 0;display: block;height: 46px;width: 70%;cursor: pointer;}
#main-menulist .submenu-button-mb:before {position: absolute;top: 15px;right: 15px;display: block;
  background: url(../../assets/images/icon/arrow-menu-up.svg) no-repeat right center;content: '';width: 100%;height: 15px;}
#main-menulist ul ul {position: relative !important;display: none;margin: 0;padding: 0 0 10px 0;}
.submenu-opened:before {background: url(../../assets/images/icon/arrow-menu-up.svg) no-repeat right center!important;}
#main-menulist ul li li {padding-left: 0;font-size: 16px !important;border-bottom: none!important;}
#main-menulist ul li li a {color: #fff;padding: 7px 0;border-bottom: unset !important;
  background: url(../images/icon/arrow-list.svg) no-repeat center left;font-weight: 300;font-size: 14px !important;}
#main-menulist ul li a:hover {color: #00AA69}
.menu-list-item {padding: 100px 5% 25px 5%!important;}
#navline-1, #navline-2, #navline-3 {height: 3px;
    margin: 10px 0 0 0;
    transition: all linear .3s;
    display: block;
    float: left;
    border-radius: 50px;
    background: #fff;
    width: 100%;}
#navline-1 {margin-top: 0;}
#navline-2.active {opacity: 0;}
#navline-1.active {-webkit-transform: translate(0px,16px) rotate(45deg);transform: translate(0px,16px) rotate(45deg);width: 100%;}
#navline-3.active {-webkit-transform: translate(0px, -10px) rotate(-45deg);transform: translate(0px, -10px) rotate(-45deg);}
.submenulist {display: none;opacity: unset;visibility: unset;position: relative;top: unset;left: unset;background: unset;width: 100%;box-shadow: unset;}
.submobile #arrow-mobile {display: inline-block;position: absolute; content: " "; width: 20%; height: 40px; right: 20%; cursor: pointer; text-align: left;padding-top: 20px;}
#arrow-mobile img {width: 15px;}
#main-menulist ul.submenulist li a {color: #fff!important;font-size: 15px !important;}
.submenulist {height: unset!important;}
.submenulist li a {background: unset!important;color: #fff;}
[data-aos="fade-right"], [data-aos="fade"], [data-aos="fade-left"], [data-aos="fade-up"], [data-aos="fade-down"], [data-aos="slide-up"] {
animation-name: none !important;animation-duration: unset!important;transform: unset!important;transition-duration: unset!important;
transition-timing-function: unset!important;transition-property: unset!important;opacity: 1!important;transform: unset!important;}
#main-menulist .submenu-button-mb {position: absolute;z-index: 99;right: 0;
top: 0;display: block;height: 46px;width: 100%;cursor: pointer;}
#main-menulist ul li a.button-menu {margin-left: 0;margin: 0;padding: 7px !important;background-color: #003865 !important;color: #fff !important;font-size: 14px !important}
.logo-main {
  width: 50%;justify-content: flex-start;position: relative;
    z-index: 999;
}

.menu-wrapmain-sub {display: none!important;}
.head-order-1 {position: absolute;}
.head-order-2 {order: 1;}
.head-order-2 {order: 2;}
 #mainmenu-button-mb {
    display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;
  }
#mainmenu-button-mb span {width: 45%;}
#mainmenu-button-mb .wrap-menu-btn {width: 55%;padding-left: 12px;margin-top: 3px;}
.mn-show-mb {display: block!important;}
.switch-lang {position: relative;z-index: 999}
.switch-lang a {
  font-size: 15px;
}
.label-mn-close {display: none!important;}
#mainmenu-button-mb.active .label-mn-close {display: inline-block!important;color: #fff}
#mainmenu-button-mb.active .label-mn-open {display: none!important;}
#main-menulist ul li a::after {
  display: none!important;
}
.hide-box-mb {display: none!important;}
.system-pc {display: none;}
.system-mobile {display: block!important;}
.order-sec-2 {order: 1;}
.order-sec-1 {order: 2;}
 #main-menulist ul li.langbar a {
    font-size: 21px !important;
    line-height: 20px;
    height: auto;
    margin-left: 0;
}
.switch-lang div {margin: 0 10px;}
.switch-lang {
  width: 100%;
  justify-content: center;
  margin-left: 0;
  padding-top: 25px;
}
#navline-1.active,#navline-3.active {
    background: #fff;
  }
.section-wrap {
    padding: 70px 0;
  }
.ft-address p {justify-content: center;display: flex;
    flex-wrap: wrap;}
.tel-ft p {padding-right: 0;margin: 15px 0 15px 0;}
.ft-address .row {justify-content: center;}
.ft-address .row .col-auto {width: 100%;display: block;}
.tel-ft p a {flex-wrap: wrap;}
.tel-ft i {width: auto;margin-bottom: 10px;    justify-content: center;}
.tel-ft span {
  width: auto;
}
.footer-menuwrap {
  width: 100%;
  justify-content: center;
}
.menu-footer li {
    padding-right: 0;
  }
 .menu-footer-social a {
    margin: 0 15px;
  }
.menu-footer {
  margin: 0 0 25px 0;
}
.alert-cookie {
  padding: 15px;
}
.cookie-l {
  width: 100%;
  padding-bottom: 15px;
}
.hide-tablet {display: none!important;}
.menu-footer li ol li {
    padding: 0 15px 0 0;
  }
.icn-guid-touch {display: block!important;margin: 30px auto 15px auto;text-align: center;}
.content-wrap-header {width:90%;}

.wrap-menumain-other {
  width: 50%;
}
.wrap-menumain {
  width: 50%;
}
.wrap-menumain {
  width: 0;
}
.switch-lang {
    padding-top: 0;
  }
 #mainmenu-button-mb .wrap-menu-btn {
    width: 100%;
  }
.switch-lang {
    width: auto;
  }
#mainmenu-button-mb {width: 50px;}
#mainmenu-button-mb .wrap-menu-btn {
    margin-top: 0;
  }
#mainmenu-button-mb {
    margin-left: 5px;
  }
.switch-lang div {
    margin: 0 0 0 10px;
  }
.footer-copyrigh-menu {
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  padding: 0 0 25px 0;
  margin-bottom: 25px;
}
.copyright-wrap {
  border-top: unset;text-align: center;
}
footer {
  padding: 25px 0 0 0;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
}
.menu-footer-social {
  justify-content: center;
}
.lenis.lenis-smooth [data-scroll-section],.lenis.lenis-smooth [data-scroll],.lenis.lenis-smooth.lenis-scrolling [data-scroll-section],.lenis.lenis-smooth.lenis-scrolling [data-scroll] {
  transform: unset!important;
}
}

@media only screen and (max-width: 1024px) {
#navbreadcrumbs * {
  font-size: 13px !important;
}
#navbreadcrumbs {
  padding: 0 0 25px 0;
}
.main-title {
    font-size: 40px;line-height: 27px;
  }
.pd-gallery-wrap {
  max-height: unset;
  padding-right: 0;
}
.sec-home-smile-object,.sec-home-smile-object-2,.sec-home-lifestyle-smile-2 {
    display: none;
  }
.pd-cate-box {
    padding-top: 20px;
  }
.linefont-box::before, .linefont-box::after {
    top: 8px;width: 190px;
  }
.main-title-sub {
    font-size: 30px;line-height: 20px;
  }
 .pd-cate-name {
    font-size: 29px;
    line-height: 24px;
  }
.pd-cate-name span {
    font-size: 22px;
  }
.pd-cate-box-img {
  margin-top: -70px;
}
#pdlist-cate-box, #pdlist-rec-box {
  padding: 35px 0 0 0;
}
.pd-sec-reccomment {padding-top: 50px}
.sec-home-lifestyle {
    width: 90%;
    margin: 0 auto;padding: 70px 0 0 0;
  }
.content-lifestyle-wrap {
  padding-right: 0;
  text-align: center;padding-bottom: 70px;
}
.box-sec-pd-wrap {
  padding-left: 0;
}

}

@media only screen and (max-width: 576px) {
.switch-lang {
  margin-left: 10px!important;
}
#mainmenu-button-mb {
    margin-left: 10px;
  }
.content-wrap {
  width: 90%;
}
.tel-ft p {
  padding-right: 0;
  display: inline-block;width: 100%;
}
#banner-main .owl-nav.disabled + .owl-dots {
  width: 100%;
}
.pdlist-box-btn svg,.pd-cate-box-btn img {
  max-width: 33px;}
.pdlist-box-btn span {font-size: 14px;line-height: 18px}
.pdlist-box-btn,.pdlist-rec-box-img {
  border-radius: 10px;
}
.sec-buy-list li {
  width: 33%;
  margin-bottom: 25px;
}
.sec-home-review-smile img, .sec-home-review-smile-2 img {
    width: 60%;
  }
}

@media only screen and (max-width: 480px) {
.form_col .inputsearch {
  font-size: 15px;
  color: #fff;
  padding: 7px 40px 10px 20px;
}
.logo-main {
    width: 40%;
  }
.switch-lang a {
  width: 34px;
  height: 34px;
  margin-left: 0;
}
#banner-main .owl-nav.disabled + .owl-dots {
  bottom: 15px;
}
.bg-home-vmbfixed-tb {display: none!important;}
.bg-home-vmbfixed {display: block!important;position: fixed;z-index: -1;top: 0;left: 0;width: 135%;}
.bg-home-vmbfixed-inner {display: block!important;position: fixed;z-index: -1;top: 0;left: 0;width: 135%;}
#navbreadcrumbs {
    display: none;
  }
.linefont-box {
  padding: 0;
}
.linefont-box::before, .linefont-box::after {
  top: 15px;
    width: 22%;
  }
.pd-cate-box-img {
    margin-top: 0;
  }
.pd-cate-box-smil-object {
  width: 45%;top: 50p
}
.pd-cate-box-smil-object svg {
  width: 100%;
}
.main-title-sub {
    font-size: 30px;
    line-height: 48px;
  }
.box-sec-pd {
  padding-bottom: 30px;
  margin-bottom: 35px;
}
}

@media only screen and (max-width: 420px) {
.main-title {
    padding-bottom: 0;
    margin-bottom: 0;
  }
.ft-address p br {display: none;}
.ft-address .row .col-auto {
    text-align: center;
  }
.pdlist-rec-box-top .col-6 {width: 100%!important;text-align: center;}
.label-cate-pd {
    font-size: 8px;
    padding: 2px 10px;
    margin: 10px auto 0 auto;
    float: unset;
    display: inline-block;
  }
#pdlist-rec-box img {
  margin: 0 auto;
}
.pdlist-box-btn {
  padding: 5px 5px 5px 10px;
  min-height: 71px;
}
.pdlist-box-btn span {
  width: 78%;
}
}

@media only screen and (max-width: 395px) {
.main-title {
    font-size: 35px;
    line-height: 22px;
  }
}

@media only screen and (max-width: 360px) {
}

@media only screen and (max-width: 320px) {
}