.w-embed-youtubevideo {
  width: 100%;
  position: relative;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-size: cover;
  background-position: 50% 50%;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

body {
  background-color: #131313;
  font-family: Oswald, sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 2px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  line-height: 44px;
  letter-spacing: 2px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 36px;
  line-height: 46px;
  font-weight: 400;
}

p {
  margin-bottom: 0px;
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
  text-align: left;
  letter-spacing: 2px;
}

.section-content {
  padding-top: 80px;
  padding-bottom: 80px;
}

.container {
  max-width: 1280px;
  padding-right: 40px;
  padding-left: 40px;
}

.section-heading-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.section-heading-b.product {
  margin-bottom: 30px;
}

.section-heading-txt {
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-right: 5px;
  padding-left: 5px;
  font-weight: 300;
  text-transform: none;
}

.section-heading-deco {
  display: inline-block;
  width: 40px;
  height: 2px;
  max-width: 55px;
  margin-top: 13px;
  margin-right: 10px;
  margin-left: 10px;
  background-color: #ffa300;
}

.img-full {
  display: block;
  width: 100%;
}

.news-load-b {
  margin-right: -30px;
  margin-bottom: 50px;
  margin-left: -30px;
}

.news-item-b {
  width: 33.333333333333336%;
  margin-bottom: 30px;
  padding-right: 30px;
  padding-left: 30px;
  float: left;
}

.news-item-link-b {
  width: 100%;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #fff;
  text-decoration: none;
}

.news-item-link-b:hover {
  color: #ffa300;
}

.news-item-img-wrapper {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  border-radius: 20px;
  background-color: #131313;
}

.news-item-img {
  width: 100%;
}

.inner-frame-b {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  padding: 6px;
}

.inner-frame-b.product {
  padding: 5px;
}

.inner-frame {
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 2px;
  border-color: #252525;
  border-radius: 15px;
}

.inner-frame.product {
  border-width: 2px;
}

.ribbon-small {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  margin-top: 15px;
  margin-left: -2px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #9e282a;
}

.font-size-17 {
  font-size: 17px;
  line-height: 22px;
}

.ribbon-small-txt {
  margin-top: 0px;
  padding-right: 15px;
  padding-left: 15px;
  color: #fff;
  font-size: 17px;
  line-height: 34px;
}

.news-item-txt-wrapper {
  padding-left: 10px;
  letter-spacing: 0.5px;
}

.pages-b {
  text-align: center;
}

.page-link-b {
  width: 35px;
  height: 35px;
  margin-right: 15px;
  margin-left: 15px;
  border-radius: 100px;
  background-color: #fff;
  -webkit-transition: background-color 200ms ease, color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease;
  font-family: 'Gillsans 02', sans-serif;
  color: #131313;
  line-height: 35px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.page-link-b:hover {
  background-color: #252525;
  color: #fff;
}

.page-link-b.w--current {
  background-color: #252525;
  color: #fff;
}

.btn-arrow {
  width: 10px;
  margin-right: 20px;
  margin-left: 20px;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.btn-arrow:hover {
  opacity: 0.7;
}

.section-footer {
  position: relative;
  padding-top: 100px;
  padding-bottom: 35px;
}

.footer-logo-b {
  max-width: 200px;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.footer-logo-b:hover {
  opacity: 0.7;
}

.footer-wrapper {
  position: relative;
  margin-right: -25px;
  margin-left: -25px;
  text-align: center;
}

.footer-social-wrapper {
  padding-top: 50px;
  padding-bottom: 70px;
}

.footer-social-item-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 30px;
  margin-left: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  font-family: 'Gillsans 01', sans-serif;
  color: #444445;
  text-decoration: none;
}

.footer-social-item-link:hover {
  color: #9e282a;
}

.footer-social-icon {
  display: inline-block;
  width: 50px;
}

.footer-social-txt {
  display: block;
}

.footer-social-item-b {
  display: inline-block;
}

.line-top {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  height: 30px;
  background-image: url('../images/line-top.svg');
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: repeat-x;
}

.line-top.deeppink {
  background-image: url('../images/lace-22x_1lace-2@2x.png');
  background-position: 0px -6px;
  background-size: auto 30px;
  background-repeat: repeat-x;
}

.nav-wrapper {
  padding-top: 80px;
}

.brand {
  display: inline-block;
  max-width: 200px;
  float: none;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.brand:hover {
  opacity: 0.7;
}

.nav-top {
  position: relative;
  text-align: center;
}

.all {
  overflow: hidden;
}

.header {
  background-color: transparent;
}

.nav-bg {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  height: 100%;
  background-color: #131313;
  opacity: 0;
}

.nav-link {
  margin-right: 20px;
  margin-left: 20px;
  padding: 0px;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #fff;
  font-size: 20px;
  line-height: 34px;
}

.nav-link:hover {
  color: #7a7a7a;
}

.nav-link.w--current {
  color: #ffa300;
}

.nav-social {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  margin-right: -5px;
  margin-left: -5px;
  float: right;
  line-height: 0px;
}

.nav-social.mobile {
  display: none;
}

.nav-social-icon {
  width: 30px;
  margin-right: 5px;
  margin-left: 5px;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  line-height: 0px;
}

.nav-social-icon:hover {
  opacity: 0.5;
}

.nav-lang {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  display: inline-block;
  margin-top: -40px;
}

.nav-lang-txt {
  display: block;
  padding: 5px 10px;
  float: left;
  border-style: solid;
  border-width: 2px;
  border-color: #444445;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #fff;
  line-height: 20px;
  font-weight: 400;
  text-decoration: none;
}

.nav-lang-txt:hover {
  color: #848484;
}

.nav-lang-txt.left {
  border-style: none;
  border-width: 1px;
}

.nav-lang-txt.right {
  border-style: none none none solid;
  border-width: 1px;
  border-left-color: #fff;
}

.nav-menu {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 40px;
  float: left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 300;
}

.menu-btn {
  padding: 0px;
}

.nav-menu-icon {
  width: 25px;
  height: 25px;
}

.blog-wrapper {
  margin-right: -3%;
  margin-left: -3%;
}

.blog-wrapper.home {
  margin-bottom: 50px;
}

.lesson-item-b {
  width: 50%;
  padding-right: 3%;
  padding-left: 3%;
  float: left;
}

.lesson-img-wrapper {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  margin-bottom: 15px;
  border-style: solid;
  border-width: 2px;
  border-color: #ffa300;
}

.lesson-item-img {
  width: 100%;
  text-align: center;
}

.ribbon-big-txt {
  margin-top: -1px;
  padding: 5px 15px;
  color: #fff;
  font-size: 23px;
  line-height: 36px;
  font-weight: 300;
  letter-spacing: 4px;
}

.ribbon-big {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  margin-top: -2px;
  margin-left: -2px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #9e282a;
}

.ribbon-big.home {
  margin-top: 3%;
}

.lesson-inner-banner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.lesson-item-link {
  display: block;
  width: 100%;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #fff;
  text-decoration: none;
}

.lesson-item-link:hover {
  color: #ffa300;
}

.lesson-item-txt-wrapper {
  font-family: 'Gillsans 01', sans-serif;
  letter-spacing: 0.5px;
}

.desktop-bottom-margin-90 {
  position: relative;
  margin-bottom: 90px;
}

.promotion-wrapper {
  margin-right: -20px;
  margin-bottom: 80px;
  margin-left: -20px;
  padding-right: 45px;
  padding-left: 45px;
}

.promotion-wrapper.home {
  margin-bottom: 10px;
}

.promotion-item-img-wrapper {
  position: relative;
  overflow: hidden;
  border-style: solid;
  border-width: 2px;
  border-color: #ffa300;
}

.promotion-item-link-b {
  display: block;
  width: 100%;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #fff;
  text-decoration: none;
}

.promotion-item-link-b:hover {
  color: #ffa300;
}

.promotion-item-b {
  width: 33.333333333333336%;
  margin-bottom: 40px;
  padding-right: 20px;
  padding-left: 20px;
  float: left;
}

.promotion-item-img {
  display: block;
  width: 100%;
}

.canvas-wrapper {
  overflow: hidden;
}

.canvas-wrapper.concept {
  margin-right: 45px;
  margin-left: 45px;
}

.canvas-middle-b {
  padding: 60px 5%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 10px;
  background-color: #000;
}

.canvas-content-b {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.font-size-25 {
  font-size: 25px;
  letter-spacing: 1px;
}

.font-bold {
  font-weight: 700;
}

.lesson-intro-img {
  width: 50%;
  float: left;
}

.lesson-intro-txt {
  overflow: hidden;
  width: 50%;
  padding-left: 30px;
  float: left;
}

.ribbon-parts-b {
  margin-bottom: 30px;
  color: #fff;
  letter-spacing: 0.5px;
}

.ribbon-part-tip {
  height: 52px;
  float: left;
}

.ribbon-part-middle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 20px;
  float: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px 100px 100px 0px;
  background-color: #9e282a;
}

.desktop-bottom-margin-30 {
  margin-bottom: 30px;
}

.font-face-gill {
  font-family: 'Gillsans 01', sans-serif;
}

.lesson-detail-100 {
  width: 100%;
  float: left;
  clear: left;
}

.lesson-detail-100.video {
  padding-right: 18%;
  padding-left: 18%;
}

.black-block {
  position: relative;
  padding: 80px;
  border-radius: 10px;
  background-color: #000;
}

.inner-frame-b-big {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  padding: 20px;
}

.detail-info-b {
  position: relative;
}

.detail-info-date {
  padding-right: 10px;
  padding-left: 10px;
  float: left;
  background-color: #252525;
  letter-spacing: 1px;
}

.detail-info-category {
  padding-right: 20px;
  padding-left: 20px;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #9e282a;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  background-color: #9e282a;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  text-decoration: none;
}

.detail-info-category:hover {
  opacity: 0.7;
}

.font-color-white {
  color: #fff;
}

.desktop-bottom-margin-60 {
  position: relative;
  margin-bottom: 45px;
}

.detail-title {
  position: relative;
}

.detail-img {
  position: relative;
}

.btn-transparent {
  height: 50px;
  padding-right: 30px;
  padding-left: 30px;
  border-radius: 1000px;
  background-color: hsla(0, 0%, 100%, 0.2);
  -webkit-transition: background-color 500ms ease, box-shadow 500ms ease, color 200ms ease;
  transition: background-color 500ms ease, box-shadow 500ms ease, color 200ms ease;
  color: #fff;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: 4px;
  text-decoration: none;
}

.btn-transparent:hover {
  background-color: hsla(0, 0%, 100%, 0.3);
}

.btn-transparent.small {
  height: 50px;
  padding-right: 30px;
  padding-left: 30px;
  font-size: 17px;
  line-height: 24px;
}

.btn-transparent.small.dark {
  background-color: #131313;
}

.btn-transparent.small.dark:hover {
  background-color: rgba(19, 19, 19, 0.5);
}

.btn-pink-txt {
  display: inline-block;
}

.btn-pink-arrow {
  width: 15px;
  margin-left: 15px;
}

.btn-pink-arrow.small {
  width: 15px;
  margin-left: 10px;
}

.btn-pink-content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.align-center {
  position: relative;
  text-align: center;
}

.product-cat-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 2px solid #252525;
}

.product-cat-b.first {
  border-top: 2px solid #252525;
}

.product-cat-img {
  width: 20%;
}

.product-cat-title {
  width: 20%;
  padding-top: 45px;
  padding-bottom: 45px;
  padding-left: 30px;
}

.product-cat-title-txt {
  font-family: 'Gillsans 01', sans-serif;
  line-height: 24px;
  text-transform: uppercase;
}

.product-cat-filters {
  width: 60%;
  padding-top: 45px;
  padding-bottom: 45px;
}

.btn-viewall {
  display: inline-block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #ddd;
  border-radius: 20px;
  -webkit-transition: color 500ms ease, border-color 500ms ease;
  transition: color 500ms ease, border-color 500ms ease;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.btn-viewall:hover {
  color: #ffa300;
}

.filter-icon-tick {
  position: relative;
  width: 15px;
  height: 15px;
  border-radius: 20px;
  background-color: #ddd;
  background-image: url('../images/icon-filter-tick.svg');
  background-position: 50% 50%;
  background-size: 10px;
  background-repeat: no-repeat;
}

.filter-icon-tick.filter {
  margin-top: 15px;
}

.btn-viewall-txt {
  padding-right: 10px;
  padding-left: 10px;
  float: left;
}

.btn-icon-arrow {
  width: 10px;
}

.btn-viewall-content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-cat-filter-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #fff;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 1.5px;
  text-decoration: none;
}

.product-cat-filter-link:hover {
  color: #ffa300;
}

.product-cat-filter-content-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 10px;
  padding: 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-bottom: 2px solid #ddd;
}

.product-filter-link-txt {
  padding-right: 15px;
}

.filter-icon-tick-hover {
  position: relative;
  width: 15px;
  height: 15px;
  border-radius: 20px;
  background-color: #9e282a;
  background-image: url('../images/icon-filter-tick.svg');
  background-position: 50% 50%;
  background-size: 10px;
  background-repeat: no-repeat;
  opacity: 0;
}

.filter-icon-tick-hover.current {
  opacity: 1 !important;
}

.product-cat-filter-border-hover {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: none;
  height: 100%;
  margin-left: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 2px solid #ffa300;
  opacity: 0;
}

.product-cat-filter-content-wrapper {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.product-cat-filter-item {
  width: 50%;
  margin-bottom: 25px;
  padding-right: 3%;
  padding-left: 3%;
  float: left;
}

.item-inner-banner {
  padding-top: 45px;
  padding-bottom: 45px;
  background-image: url('../images/home-slide-12x.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}

.item-inner-banner-content-b {
  position: relative;
  width: 620px;
  margin-right: auto;
  margin-left: auto;
  padding: 8px;
  border-radius: 20px;
  background-color: #9e282a;
  color: #fff;
  font-weight: 300;
}

.item-inner-banner-content-frame {
  width: 100%;
  height: 100%;
  padding: 40px 20px;
  border: 3px solid #fff;
  border-radius: 14px;
}

.item-inner-title {
  margin-bottom: 30px;
  font-size: 31px;
  font-weight: 400;
}

.item-inner-filter-b {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #000;
}

.filter-title-b {
  width: 12%;
  padding-right: 10px;
  float: left;
}

.filter-title-txt {
  display: inline-block;
  padding: 5px 22px;
  border-radius: 5px;
  background-color: #252525;
  font-size: 17px;
  line-height: 20px;
  text-align: center;
}

.filter-items-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 88%;
  margin-bottom: -10px;
  float: left;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.filter-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #fff;
  font-size: 17px;
  line-height: 20px;
  letter-spacing: 1px;
  text-decoration: none;
}

.filter-item:hover {
  color: #ffa300;
}

.filter-item.w--current {
  color: #ffa300;
}

.filter-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.filter-item-txt {
  padding-right: 15px;
  padding-left: 5px;
  float: left;
}

.item-inner-content-wrapper {
  padding-top: 70px;
}

.item-load {
  margin-right: -25px;
  margin-left: -25px;
}

.item-b {
  width: 25%;
  margin-bottom: 80px;
  padding-right: 25px;
  padding-left: 25px;
  float: left;
}

.item-link-b {
  display: block;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #fff;
  text-decoration: none;
}

.item-link-b:hover {
  color: #ffa300;
}

.item-img-wrapper {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  padding-top: 75%;
  border-radius: 20px;
  background-color: #fff;
}

.item-img {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: block;
  width: 100%;
}

.product--item-txt-wrapper {
  font-weight: 300;
  letter-spacing: 0.5px;
}

.item-price-txt {
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: 'Gillsans 01', sans-serif;
  color: #ffa300;
  letter-spacing: 1px;
}

.item-tag {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 6px;
  padding: 2px 8px;
  float: left;
  border-radius: 20px;
  background-color: #252525;
}

.font-size-14 {
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 1px;
}

.icon-dropdown {
  display: none;
}

.product-detail-wrapper {
  margin-right: -20px;
  margin-left: -20px;
}

.product-detail-left {
  width: 40%;
  padding-right: 20px;
  padding-left: 20px;
  float: left;
}

.product-detail-right {
  width: 60%;
  padding-right: 20px;
  padding-left: 20px;
  float: left;
}

.product-detail-img-wrapper {
  position: relative;
  margin-bottom: 40px;
}

.product-detail-img {
  display: block;
  width: 100%;
}

.product-detail-title {
  margin-bottom: 20px;
}

.product-detail-feature {
  margin-bottom: 20px;
  line-height: 26px;
}

.product-attributes-b {
  margin-bottom: 25px;
  border-top: 2px solid #ddd;
}

.product-attribute-item {
  padding-top: 25px;
  padding-bottom: 25px;
  border-bottom: 2px solid #ddd;
}

.product-attribute-title {
  width: 28%;
  float: left;
  letter-spacing: 1px;
}

.product-attribute-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 72%;
  float: left;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.product-detail-price {
  display: inline-block;
  font-family: 'Gillsans 01', sans-serif;
  font-size: 30px;
}

.product-detail-color-item {
  display: inline-block;
  width: 50px;
  margin-right: 5px;
  margin-bottom: 10px;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #fff;
  text-align: center;
  letter-spacing: 0px;
  text-decoration: none;
}

.product-detail-color-item:hover {
  color: #ffa300;
}

.produuct-detail-color-img {
  overflow: hidden;
  width: 50px;
  margin-bottom: 5px;
  padding-right: 13px;
  padding-left: 13px;
  border-style: solid;
  border-width: 1px;
  border-color: #ddd;
}

.produuct-detail-color-img.current {
  border-color: #9e282a;
}

.font-size-10 {
  font-size: 10px;
  line-height: 14px;
}

.relative {
  position: relative;
}

.produuct-detail-color-border-hover {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: #ffa300;
  opacity: 0;
}

.product-detail-p {
  margin-bottom: 30px;
}

.product-detail-padding-sides {
  padding-right: 20px;
  padding-left: 20px;
}

.product-detail-img-thumbnails-b {
  margin-right: -4px;
  margin-left: -4px;
}

.thumbnail-btn {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  padding-top: 100%;
  -webkit-transition: border-color 500ms ease;
  transition: border-color 500ms ease;
}

.thumbnail-btn:hover {
  border-color: #9e282a;
}

.product-thumb-img {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: block;
  width: 100%;
}

.product-detail-left-wrapper {
  width: 100%;
}

.div-block {
  max-width: 1280px;
}

.slide-nav {
  position: static;
  display: none;
}

.thumbnail-slider-arrow {
  display: none;
}

.thumbnail-slider-mask {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.thumbnail-slide {
  display: inline-block;
  width: 25%;
  height: auto;
  margin-bottom: 18px;
  padding-right: 4px;
  padding-left: 4px;
}

.thumbnail-slider {
  width: 100%;
  height: auto;
  background-color: transparent;
}

.thumbnail-slider-arrow-img {
  display: block;
  width: 100%;
}

.store-info-b {
  margin-right: -40px;
  margin-left: -40px;
}

.store-info {
  width: 40%;
  padding-right: 40px;
  padding-left: 40px;
  float: left;
  letter-spacing: 1px;
}

.store-img {
  width: 60%;
  padding-right: 40px;
  padding-left: 40px;
  float: right;
}

.store-info-name {
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 15px;
  background-color: transparent;
  color: #fff;
}

.store-info-detail {
  padding: 20px 15px;
  border-style: none;
  border-width: 1px;
  border-color: #5d5c5d;
  background-color: #131313;
}

.store-detail-item {
  display: block;
  margin-bottom: 20px;
  border-bottom: 2px solid #fff;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  color: #fff;
  text-decoration: none;
}

.store-detail-item:hover {
  opacity: 0.5;
}

.font-color-orange {
  color: #ffa300;
}

.store-detail-address {
  margin-bottom: 15px;
  line-height: 24px;
}

.store-detail-time {
  margin-bottom: 20px;
}

.store-detail-time-title-b {
  display: inline-block;
  margin-bottom: 15px;
  padding: 2px 15px;
  background-color: #ffa300;
  color: #fff;
  line-height: 28px;
  letter-spacing: 2px;
}

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

.store-location-b {
  margin-right: -12px;
  margin-left: -12px;
}

.store-location-detail {
  width: 45%;
  margin-bottom: 30px;
  padding-right: 12px;
  padding-left: 12px;
  float: left;
}

.store-location-detail.sasa {
  width: 100%;
}

.store-location-col {
  width: 50%;
  padding-right: 20px;
  padding-left: 20px;
  float: left;
}

.store-location-col.sasa {
  width: 45%;
}

.store-spot-heading {
  margin-bottom: 20px;
  color: #ffa300;
}

.store-location-col-wrapper {
  position: relative;
  margin-right: -20px;
  margin-left: -20px;
}

.store-location-select.sasa {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.store-location-select-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
}

.store-select-icon {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background-color: #ddd;
}

.store-select-icon-hover {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: inline-block;
  width: 10px;
  height: 10px;
  max-height: 100%;
  max-width: 100%;
  border-radius: 20px;
  background-color: #9e282a;
  opacity: 0;
}

.store-select-txt {
  display: inline-block;
  width: 90%;
  padding-left: 10px;
}

.store-location-select-sub {
  overflow: hidden;
  height: 0px;
  padding-left: 30px;
}

.detail-60 {
  width: 60%;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}

.detail-40 {
  width: 40%;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
}

.detail-divided {
  margin-right: -15px;
  margin-left: -15px;
}

.section-content-home {
  position: relative;
  overflow: hidden;
  padding-top: 120px;
  padding-bottom: 120px;
}

.section-content-home.bg-grey {
  background-color: #252525;
}

.promotion-item-txt-wrapper {
  margin-top: 10px;
  padding-left: 10px;
  font-family: 'Gillsans 01', sans-serif;
  letter-spacing: 0.5px;
}

.home-product-all {
  padding-right: 12%;
  padding-left: 12%;
}

.home-product-b {
  width: 33.333333333333336%;
  margin-bottom: 4%;
  padding-right: 2%;
  padding-left: 2%;
  float: left;
}

.home-product-link {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 2%;
  border-style: none;
  border-width: 2px;
  border-color: #deba5c;
  border-radius: 50%;
  background-color: #131313;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #fff;
  text-decoration: none;
}

.home-product-link:hover {
  color: #ffa300;
}

.home-product-img-wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}

.home-product-txt-wrapper {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  margin-bottom: 15%;
  font-size: 25px;
  line-height: 28px;
  text-align: center;
  letter-spacing: 1px;
}

.home-product-wrapper {
  margin-right: -20px;
  margin-left: -20px;
}

.home-product-link-frame {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-top: 100%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.4);
}

.home-banner-wrapper {
  margin-bottom: 130px;
}

.home-banner-video {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}

.home-banner-right {
  width: 25%;
  padding-left: 27px;
  float: right;
}

.search-input {
  width: 100%;
  height: 40px;
  margin-bottom: 0px;
  padding-left: 15px;
  border: 1px none #fff;
  border-radius: 20px;
  background-color: #292929;
  font-family: 'Gillsans 01', sans-serif;
  color: #fff;
  font-size: 17px;
  line-height: 23px;
}

.search-input:focus {
  background-color: #252525;
}

.search-input::-webkit-input-placeholder {
  color: #696969;
}

.search-input:-ms-input-placeholder {
  color: #696969;
}

.search-input::-ms-input-placeholder {
  color: #696969;
}

.search-input::placeholder {
  color: #696969;
}

.search {
  position: relative;
}

.search-button {
  display: none;
}

.icon-search {
  position: absolute;
  left: 0%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: 22px;
  margin-left: 20px;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.home-banner-cloud-container {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 400px;
  height: 400px;
  margin-right: -167px;
  margin-bottom: -80px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transform: translate3d(0px, 0px, 300px);
  transform: translate3d(0px, 0px, 300px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.home-banner-cloud-content {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.home-banner-cloud-img {
  display: inline-block;
  max-width: 230px;
  margin-bottom: 10px;
}

.home-banner-slider-b {
  margin-bottom: 45px;
  text-align: center;
}

.home-banner-slider {
  display: inline-block;
  width: 70%;
  height: auto;
  max-width: 1240px;
  background-color: transparent;
}

.home-banner-slider-mask {
  overflow: visible;
  height: auto;
}

.home-banner-slide {
  width: 100%;
  padding-right: 39px;
  padding-left: 39px;
}

.home-banner-slider-arrow {
  width: 40px;
  margin-right: -25px;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.home-banner-slider-arrow:hover {
  opacity: 0.5;
}

.home-banner-slider-arrow.left {
  margin-right: 0px;
  margin-left: -25px;
}

.home-arrow-icon {
  position: absolute;
  left: auto;
  top: 50%;
  right: 0%;
  bottom: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.home-youtube {
  -webkit-transform: perspective(1118px);
  transform: perspective(1118px);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.home-banner-slider-link {
  display: block;
}

.home-banner-btn-wrapper {
  display: inline-block;
  width: 250px;
}

.btn-nav-search {
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  background-image: url('../images/icon-search.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.nav-search {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  z-index: 1000;
  display: none;
  width: 300px;
  margin-top: 50px;
  margin-bottom: 0px;
  margin-left: 40px;
  opacity: 0;
}

.btn-top {
  position: fixed;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -10px;
  margin-bottom: 20px;
  padding: 10px 25px 10px 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  background-color: #9e282a;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
}

.btn-top:hover {
  -webkit-filter: brightness(120%);
  filter: brightness(120%);
}

.btn-top-icon {
  display: block;
  width: 15px;
  margin-right: 10px;
  float: left;
}

.btn-top-txt {
  float: left;
  line-height: 20px;
}

.div-top {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
}

.home-banner-slider-nav {
  position: absolute;
  margin-bottom: -44px;
}

.btn-map {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px 10px;
  float: left;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  background-color: hsla(0, 0%, 100%, 0.2);
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  text-decoration: none;
}

.btn-map:hover {
  opacity: 0.7;
}

.store-map-btn-wrapper {
  padding-top: 10px;
  padding-bottom: 20px;
}

.footer-left {
  width: 25%;
  padding-right: 25px;
  padding-left: 25px;
  float: left;
}

.footer-right {
  width: 75%;
  margin-top: -20px;
  margin-left: -3%;
  float: right;
}

.footer-right-col {
  width: 33.333333333333336%;
  padding-right: 25px;
  padding-left: 25px;
  float: left;
}

.footer-right-col.right {
  width: 50%;
  float: left;
}

.footer-link {
  position: relative;
  display: block;
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid hsla(0, 0%, 51.8%, 0.3);
  -webkit-transition: color 500ms ease, border-color 500ms ease;
  transition: color 500ms ease, border-color 500ms ease;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  text-decoration: none;
}

.footer-link:hover {
  color: #ffa300;
}

.footer-sublink-b {
  opacity: 0.6;
}

.footer-sublink {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  text-align: left;
  text-decoration: none;
}

.footer-sublink:hover {
  color: #ffa300;
}

.footer-social-icon-b {
  display: block;
  margin-top: 30px;
  margin-right: -5px;
  margin-left: -5px;
  padding-top: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid hsla(0, 0%, 51.8%, 0.3);
  border-bottom: 1px solid hsla(0, 0%, 51.8%, 0.3);
}

.footer-social-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.footer-social-link:hover {
  color: #ffa300;
}

.footer-social-circle {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  padding: 5px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 20px;
  background-color: #000;
}

.footer-social-item {
  width: 50%;
  margin-bottom: 10px;
  padding-right: 5px;
  padding-left: 5px;
  float: left;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.footer-social-circle-hover {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background-color: #9e282a;
  opacity: 0;
}

.img-social {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
}

.footer-banner-img {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: block;
}

.footer-copyright-b {
  margin-top: 30px;
  font-size: 12px;
  line-height: 18px;
}

.footer-right-floatright-b {
  width: 66.66666666666667%;
  float: right;
}

.copyright {
  float: left;
}

.footer-privacy {
  padding-top: 20px;
  padding-bottom: 20px;
}

.footer-privacy-link {
  display: block;
  margin-bottom: 10px;
  float: left;
  clear: left;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  text-decoration: none;
}

.footer-privacy-link:hover {
  color: #ffa300;
}

.privacy-separator {
  display: none;
}

.footer-link-arrow {
  position: absolute;
  left: auto;
  top: 50%;
  right: 0%;
  bottom: auto;
  display: block;
  width: 10px;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.store-sasa-result {
  width: 55%;
  margin-bottom: -20px;
  padding-right: 20px;
  padding-left: 20px;
  float: left;
}

.store-sasa-result-col {
  width: 65%;
  padding-right: 30px;
  float: left;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 1px;
}

.store-sasa-result-col.col2 {
  width: 35%;
  padding-right: 0px;
}

.store-sasa-result-row {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.store-sasa-result-heading-mobile {
  display: none;
}

.store-location-item-b {
  width: 33.333333333333336%;
  padding-right: 2%;
}

.contact-info-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  padding: 30px 90px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #252525;
  border-radius: 10px;
}

.contact-info-phone-b {
  width: 90%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #9e282a;
  font-weight: 500;
}

.contact-info-r-b {
  width: 45%;
  float: left;
  color: #fff;
}

.contact-info-heading-s-b {
  margin-bottom: 5px;
  color: #ffa300;
}

.contact-info-email-b {
  width: 90%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #9e282a;
  font-size: 36px;
  font-weight: 500;
}

.contact-link {
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  color: #fff;
  text-decoration: none;
}

.contact-link:hover {
  opacity: 0.5;
}

.contact-info-phone-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 55%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.member-recruit-heading {
  color: #ffa300;
  text-align: center;
}

.member-recruit-box-b {
  margin-bottom: 30px;
  padding: 6px;
  background-color: #131313;
}

.member-recruit-box-inner-b {
  padding: 30px;
  border-style: solid;
  border-width: 2px;
  border-color: #252525;
  color: #fff;
}

.member-recruit-line {
  height: 2px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #fff;
}

.member-terms-b {
  color: #848484;
}

.list {
  font-size: 16px;
  line-height: 20px;
}

.list.ordered {
  margin-bottom: 0px;
  padding-left: 20px;
  list-style-type: decimal;
}

.list-item.ordered {
  margin-bottom: 15px;
  padding-left: 5px;
}

.faq_menu-b {
  margin-bottom: 30px;
  border-bottom: 1px none #ddd;
}

.faq-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.faq-menu-item-b {
  padding-right: 15px;
  padding-left: 15px;
}

.faq-menu-item-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color 500ms ease;
  transition: color 500ms ease;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}

.faq-menu-item-link:hover {
  color: #ffa300;
}

.icon-goto-img {
  width: 10px;
  margin-right: 5px;
}

.faq-section-b {
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #ddd;
}

.faq-section-title-b {
  width: 40%;
  float: left;
  color: #ffa300;
}

.faq-section-content-b {
  width: 60%;
  float: left;
}

.faq-section-row-b {
  padding: 20px 15px 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-bottom: 1px solid #ddd;
}

.faq-qa {
  width: 10%;
  max-width: 30px;
  margin-top: -7px;
  padding-right: 10px;
  color: #ffa300;
}

.faq-q-txt {
  width: 90%;
  font-size: 16px;
  line-height: 20px;
}

.faq-btn-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 10%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: right;
}

.faq-btn-link {
  width: 20px;
  height: 20px;
  background-image: url('../images/icon-collapse.svg');
  background-position: 50% 50%;
  background-size: contain;
}

.faq-btn-link.collapsed {
  background-image: url('../images/icon-expand.svg');
}

.faq-section-row-q {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #fff;
  text-decoration: none;
}

.faq-section-row-q:hover {
  color: #ffa300;
}

.raq-section-row-a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 20px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-style: solid;
  border-width: 1px;
  border-color: #5d5c5d;
  border-radius: 10px;
}

.faq-a-b {
  width: 90%;
  float: left;
  color: #848484;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
}

.faq-q-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.faq-section-row-a-b {
  overflow: hidden;
}

.contact-icon-b {
  width: 10%;
}

.contact-icon-img {
  display: inline-block;
  width: 100%;
  max-width: 35px;
}

.contact-icon-img.email {
  max-width: 40px;
}

.search-content-b {
  margin-bottom: -30px;
  font-size: 16px;
  line-height: 18px;
}

.search-keyword-b {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 24px;
}

.search-section-b {
  margin-bottom: 30px;
}

.search-section-top-b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom: 1px solid #ffa300;
}

.search-section-title {
  width: 80%;
}

.search-num-result-b {
  width: 20%;
  margin-bottom: 10px;
  text-align: right;
}

.search-result-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #252525;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #ddd;
  text-decoration: none;
}

.search-result-row:hover {
  opacity: 0.7;
}

.search-result-txt {
  width: 80%;
  padding-right: 30px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.search-result-arrow-b {
  width: 10%;
  max-width: 10px;
}

.hide {
  display: none;
}

.web-design {
  float: right;
}

.copyright-link {
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  color: #fff;
  text-decoration: none;
}

.copyright-link:hover {
  opacity: 0.5;
}

.home-menu-item-img {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.home-menu-item-img.menu-1 {
  background-image: url('../images/home-menu-soup2x.jpg');
}

.home-menu-item-img.menu-2 {
  background-image: url('../images/home-menu-salad2x.jpg');
}

.home-menu-item-img.menu-3 {
  background-image: url('../images/home-menu-pasta2x.jpg');
}

.home-menu-item-img.menu-4 {
  background-image: url('../images/home-menu-side2x.jpg');
}

.home-menu-item-img.menu-5 {
  background-image: url('../images/home-menu-dessert2x.jpg');
}

.home-menu-item-img.menu-6 {
  background-image: url('../images/home-menu-beverage2x.jpg');
}

html.w-mod-js *[data-ix="common-fadein-from-bottom"] {
  opacity: 0;
  -webkit-transform: translate(0px, 50px);
  -ms-transform: translate(0px, 50px);
  transform: translate(0px, 50px);
}

html.w-mod-js *[data-ix="common-slide-from-left"] {
  opacity: 0;
  -webkit-transform: translate(-50px, 0px);
  -ms-transform: translate(-50px, 0px);
  transform: translate(-50px, 0px);
}

html.w-mod-js *[data-ix="common-slide-from-left-2"] {
  opacity: 0;
  -webkit-transform: translate(50px, 0px);
  -ms-transform: translate(50px, 0px);
  transform: translate(50px, 0px);
}

html.w-mod-js *[data-ix="common-pop-out"] {
  opacity: 0;
  -webkit-transform: scale(0.01, 0.01);
  -ms-transform: scale(0.01, 0.01);
  transform: scale(0.01, 0.01);
}

html.w-mod-js *[data-ix="home-banner-slider-arrow-animation"] {
  opacity: 0;
  -webkit-transform: scale(0.01, 0.01);
  -ms-transform: scale(0.01, 0.01);
  transform: scale(0.01, 0.01);
}

html.w-mod-js *[data-ix="deco-jewel-animation-l"] {
  opacity: 0;
  -webkit-transform: scale(0.01, 0.01);
  -ms-transform: scale(0.01, 0.01);
  transform: scale(0.01, 0.01);
}

html.w-mod-js *[data-ix="deco-jewel-animation-r"] {
  opacity: 0;
  -webkit-transform: scale(0.01, 0.01);
  -ms-transform: scale(0.01, 0.01);
  transform: scale(0.01, 0.01);
}

html.w-mod-js *[data-ix="home-store-bg-animation"] {
  opacity: 0;
  -webkit-transform: translate(0px, 50px);
  -ms-transform: translate(0px, 50px);
  transform: translate(0px, 50px);
}

html.w-mod-js *[data-ix="home-bg-animation"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="home-banner-video-animation"] {
  opacity: 0;
  -webkit-transform: rotateX(-73deg) rotateY(0deg) rotateZ(-37deg);
  transform: rotateX(-73deg) rotateY(0deg) rotateZ(-37deg);
}

html.w-mod-js *[data-ix="home-banner-cloud-animation"] {
  opacity: 0;
  -webkit-transform: translate3d(0px, 0px, 300px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
  transform: translate3d(0px, 0px, 300px) rotateX(0deg) rotateY(90deg) rotateZ(0deg);
}

html.w-mod-js *[data-ix="common-load-0"] {
  height: 0px;
}

@media screen and (max-width: 991px) {
  .section-content {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .container {
    padding-right: 5%;
    padding-left: 5%;
  }

  .section-heading-b {
    margin-bottom: 50px;
  }

  .news-load-b {
    margin-right: -3%;
    margin-left: -3%;
  }

  .news-item-b {
    width: 50%;
    padding-right: 3%;
    padding-left: 3%;
  }

  .section-footer {
    padding-bottom: 30px;
  }

  .footer-social-wrapper {
    padding-bottom: 50px;
  }

  .footer-social-icon {
    width: 40px;
  }

  .line-top {
    background-position: 0px 3px;
    background-size: 25px;
  }

  .nav-wrapper {
    position: relative;
    padding-top: 50px;
    padding-bottom: 20px;
  }

  .brand {
    z-index: 1000;
    width: 150px;
    max-width: 200px;
    padding-left: 0px;
  }

  .all {
    margin-top: 0px;
  }

  .nav-link {
    margin-bottom: 10px;
    text-align: center;
  }

  .nav-social {
    display: none;
  }

  .nav-social.mobile {
    position: relative;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    float: none;
  }

  .nav-lang {
    position: relative;
    width: auto;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .nav-menu {
    position: absolute;
    display: block;
    overflow: auto;
    min-height: 100vh;
    margin-top: 0px;
    margin-bottom: 40px;
    padding-top: 0px;
    padding-bottom: 40px;
    background-color: #131313;
  }

  .menu-btn {
    position: absolute;
    left: auto;
    top: 50%;
    right: 0%;
    bottom: auto;
    z-index: 1000;
    margin-top: -10px;
    padding: 0px;
    background-image: url('../images/icon-menu.svg');
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
  }

  .menu-btn.w--open {
    background-color: transparent;
    background-image: url('../images/icon-menu-close.svg');
    background-size: contain;
  }

  .nav-menu-icon {
    width: 60px;
    height: 60px;
  }

  .blog-wrapper {
    margin-right: -2%;
    margin-left: -2%;
  }

  .blog-wrapper.home {
    margin-bottom: 30px;
  }

  .lesson-item-b {
    padding-right: 2%;
    padding-left: 2%;
  }

  .ribbon-big-txt {
    font-size: 20px;
    line-height: 30px;
  }

  .ribbon-big.home {
    margin-top: -2px;
  }

  .desktop-bottom-margin-90 {
    margin-bottom: 50px;
  }

  .promotion-wrapper {
    margin-right: -3%;
    margin-bottom: 50px;
    margin-left: -3%;
    padding-right: 3%;
    padding-left: 3%;
  }

  .promotion-item-b {
    width: 50%;
    padding-right: 3%;
    padding-left: 3%;
  }

  .nav-bg-mobile {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    z-index: 999;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #131313;
    opacity: 0;
  }

  .canvas-wrapper.concept {
    margin-right: 3%;
    margin-left: 3%;
  }

  .canvas-wrapper.first {
    margin-top: -25px;
  }

  .font-size-25 {
    font-size: 22px;
  }

  .lesson-content-intro {
    margin-right: 0px;
    margin-left: 0px;
    text-align: center;
  }

  .lesson-intro-img {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    float: none;
  }

  .lesson-intro-txt {
    display: inline-block;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    float: none;
  }

  .ribbon-parts-b {
    display: block;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 28px;
  }

  .lesson-detail-100.video {
    padding-right: 0%;
    padding-left: 0%;
  }

  .black-block {
    padding: 60px 8%;
  }

  .inner-frame-b-big {
    padding: 3%;
  }

  .product-cat-img {
    width: 40%;
  }

  .product-cat-title {
    width: 50%;
    padding-left: 0px;
  }

  .product-cat-filters {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .product-cat-filter-item {
    padding-right: 2%;
    padding-left: 2%;
  }

  .item-inner-banner-content-b {
    width: 100%;
  }

  .filter-title-b {
    width: 20%;
  }

  .filter-items-b {
    width: 80%;
  }

  .filter-item-txt {
    padding-right: 20px;
  }

  .item-load {
    margin-right: -2%;
    margin-left: -2%;
  }

  .item-b {
    width: 33.333333333333336%;
    padding-right: 2%;
    padding-left: 2%;
  }

  .product-attribute-title {
    width: 100%;
  }

  .product-attribute-content {
    width: 100%;
  }

  .product-detail-color-item {
    width: 16.666666666666668%;
    margin-right: 0px;
    padding-right: 3px;
    padding-left: 3px;
  }

  .produuct-detail-color-img {
    width: 100%;
    padding-right: 25%;
    padding-left: 25%;
  }

  .product-detail-p {
    margin-bottom: 20px;
  }

  .thumbnail-slide {
    width: 33.333333333333336%;
  }

  .store-info-b {
    margin-right: 0px;
    margin-left: 0px;
  }

  .store-info {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    float: none;
  }

  .store-img {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    float: none;
  }

  .store-location-detail {
    width: 100%;
    float: none;
  }

  .store-location-col.sasa {
    width: 100%;
  }

  .section-content-home {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .home-product-all {
    padding-right: 4%;
    padding-left: 4%;
  }

  .home-product-txt-wrapper {
    font-size: 2vw;
    line-height: 2.02vw;
  }

  .home-product-wrapper {
    margin-right: -2%;
    margin-left: -2%;
  }

  .home-product-link-frame {
    border-width: 2px;
  }

  .home-banner-wrapper {
    margin-bottom: 30px;
  }

  .home-banner-video {
    z-index: 1;
    width: 100%;
    margin-bottom: 26px;
    padding-right: 0px;
  }

  .home-banner-right {
    width: 100%;
    padding-left: 0px;
  }

  .search {
    display: none;
    margin-bottom: 0px;
  }

  .home-banner-cloud-container {
    width: 300px;
    height: 300px;
    margin-right: -2%;
    margin-bottom: 0%;
  }

  .home-banner-cloud-img {
    max-width: 150px;
    margin-bottom: 0px;
  }

  .home-banner-slider {
    width: 100%;
  }

  .home-banner-slide {
    padding-right: 55px;
    padding-left: 55px;
  }

  .home-banner-slider-arrow {
    margin-right: 8px;
  }

  .home-banner-slider-arrow.left {
    margin-left: 8px;
  }

  .home-banner-btn-wrapper {
    display: inline-block;
    width: 90%;
  }

  .btn-nav-search {
    position: absolute;
    left: 0%;
    top: 50%;
    right: auto;
    bottom: auto;
    z-index: 100;
    display: block;
    background-image: url('../images/icon-search.svg');
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
  }

  .btn-nav-search:hover {
    opacity: 0.5;
  }

  .nav-search {
    margin-top: 65px;
    margin-left: 5%;
    opacity: 0;
  }

  .btn-map {
    padding: 5px 10px;
  }

  .store-map-btn-wrapper {
    padding-top: 20px;
    text-align: center;
  }

  .footer-link {
    font-size: 16px;
    line-height: 20px;
  }

  .footer-sublink {
    font-size: 14px;
    line-height: 18px;
  }

  .footer-social-circle {
    border-radius: 1000px;
  }

  .footer-social-item {
    width: 100%;
  }

  .footer-social-circle-hover {
    border-radius: 1000px;
  }

  .store-sasa-result {
    width: 100%;
  }

  .store-sasa-result-wrapper {
    padding-top: 20px;
    border-top: 2px solid #fff;
  }

  .contact-info-b {
    display: block;
    padding-right: 3%;
    padding-left: 3%;
    text-align: center;
  }

  .contact-info-phone-b {
    width: auto;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
  }

  .contact-info-r-b {
    width: auto;
    float: none;
  }

  .contact-info-email-b {
    width: auto;
    padding-right: 0px;
    padding-left: 0px;
  }

  .contact-info-phone-wrap {
    display: inline-block;
    width: auto;
    margin-bottom: 20px;
  }

  .member-recruit-b {
    margin-top: -30px;
  }

  .member-recruit-box-inner-b {
    padding: 20px 3%;
  }

  .faq-section-title-b {
    width: 30%;
  }

  .faq-section-content-b {
    width: 70%;
  }

  .contact-icon-b {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
    line-height: 20px;
  }

  h1 {
    font-size: 25px;
    line-height: 34px;
  }

  h2 {
    font-size: 20px;
    line-height: 26px;
  }

  p {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 2px;
  }

  .section-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section-heading-b {
    margin-bottom: 30px;
  }

  .section-heading-b.product {
    margin-bottom: 30px;
  }

  .section-heading-deco {
    max-width: 36px;
  }

  .news-load-b {
    margin-bottom: 25px;
  }

  .font-size-17 {
    font-size: 15px;
    line-height: 18px;
  }

  .ribbon-small-txt {
    font-size: 14px;
  }

  .page-link-b {
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
  }

  .section-footer {
    padding-top: 70px;
    padding-bottom: 0px;
  }

  .footer-logo-b {
    width: 150px;
  }

  .footer-wrapper {
    font-size: 16px;
    line-height: 21px;
  }

  .footer-social-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .footer-social-item-link {
    margin-right: 20px;
    margin-bottom: 15px;
    margin-left: 20px;
  }

  .footer-social-icon {
    width: 30px;
  }

  .line-top {
    background-position: 0px 5px;
    background-size: 20px;
  }

  .nav-wrapper {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .nav-link {
    margin-bottom: 5px;
  }

  .nav-menu {
    font-size: 16px;
  }

  .nav-menu-icon {
    width: 45px;
    height: 45px;
  }

  .lesson-item-b {
    padding-right: 2%;
    padding-left: 2%;
  }

  .lesson-img-wrapper {
    margin-bottom: 5px;
  }

  .ribbon-big-txt {
    font-size: 16px;
  }

  .ribbon-big {
    margin-top: -2px;
  }

  .desktop-bottom-margin-90 {
    margin-bottom: 30px;
  }

  .promotion-wrapper {
    margin-bottom: 36px;
  }

  .promotion-wrapper.home {
    margin-bottom: 30px;
    padding-right: 0%;
    padding-left: 0%;
  }

  .promotion-item-b {
    margin-bottom: 20px;
  }

  .canvas-wrapper.first {
    margin-top: 0px;
  }

  .canvas-middle-b {
    padding: 46px 8%;
  }

  .font-size-25 {
    font-size: 20px;
    line-height: 24px;
  }

  .lesson-intro-img {
    margin-bottom: 20px;
  }

  .lesson-intro-txt {
    overflow: visible;
  }

  .ribbon-part-tip {
    display: none;
  }

  .ribbon-part-middle {
    width: 100%;
    height: auto;
    padding: 4px 3%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #9e282a;
    background-image: none;
    box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.55);
  }

  .desktop-bottom-margin-30 {
    margin-bottom: 20px;
  }

  .black-block {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .detail-info-b {
    font-size: 16px;
    line-height: 28px;
  }

  .detail-info-date {
    padding-right: 10px;
  }

  .desktop-bottom-margin-60 {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 24px;
  }

  .btn-transparent {
    height: 40px;
    padding-right: 25px;
    padding-left: 25px;
    font-size: 20px;
    line-height: 28px;
  }

  .btn-transparent.small {
    height: 40px;
  }

  .btn-pink-txt {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 16px;
    line-height: 20px;
  }

  .btn-pink-arrow {
    width: 10px;
    margin-left: 10px;
  }

  .product-cat-b {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom-width: 2px;
  }

  .product-cat-b.first {
    border-top-width: 2px;
  }

  .product-cat-img {
    width: 50%;
  }

  .product-cat-title {
    padding-left: 30px;
  }

  .product-cat-title-txt {
    margin-bottom: 20px;
    font-size: 25px;
  }

  .filter-icon-tick {
    width: 15px;
    height: 15px;
  }

  .btn-viewall-txt {
    font-size: 12px;
  }

  .btn-icon-arrow {
    width: 8px;
  }

  .product-cat-filter-link {
    font-size: 14px;
  }

  .filter-icon-tick-hover {
    width: 15px;
    height: 15px;
  }

  .product-cat-filter-item {
    width: 100%;
    margin-bottom: 15px;
  }

  .item-inner-banner-content-frame {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .item-inner-title {
    margin-bottom: 20px;
    font-size: 25px;
  }

  .filter-title-b {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    padding-right: 0px;
  }

  .filter-title-txt {
    display: block;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
  }

  .filter-items-b {
    width: 100%;
  }

  .filter-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .filter-item-txt {
    font-size: 14px;
  }

  .item-inner-content-wrapper {
    padding-top: 30px;
  }

  .item-b {
    width: 50%;
    margin-bottom: 40px;
  }

  .item-price-txt {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .font-size-14 {
    font-size: 12px;
    line-height: 16px;
  }

  .icon-dropdown {
    position: absolute;
    left: auto;
    top: 50%;
    right: 0%;
    bottom: auto;
    width: 20px;
    margin-right: 10px;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
  }

  .product-detail-wrapper {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 3%;
    padding-left: 3%;
  }

  .product-detail-left {
    width: 100%;
    margin-bottom: 30px;
    padding-right: 0px;
    padding-left: 0px;
    text-align: center;
  }

  .product-detail-right {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }

  .product-detail-img-wrapper {
    margin-bottom: 0px;
  }

  .product-detail-feature {
    line-height: 20px;
  }

  .product-attribute-item {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .product-attribute-title {
    margin-bottom: 10px;
  }

  .product-detail-price {
    font-size: 25px;
  }

  .product-detail-color-item {
    width: 16.666666666666668%;
    margin-right: 0px;
    padding-right: 4px;
    padding-left: 4px;
  }

  .produuct-detail-color-img {
    width: 100%;
  }

  .product-detail-p {
    font-size: 16px;
    line-height: 20px;
  }

  .product-detail-padding-sides {
    padding-right: 0px;
    padding-left: 0px;
  }

  .product-detail-left-wrapper {
    display: inline-block;
    margin-bottom: 30px;
  }

  .thumbnail-slider-arrow {
    display: block;
    width: 10px;
    margin-top: -20px;
    -webkit-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
  }

  .thumbnail-slider-arrow:hover {
    opacity: 0.5;
  }

  .thumbnail-slider-mask {
    display: block;
  }

  .thumbnail-slide {
    width: 25%;
  }

  .thumbnail-slider {
    padding-right: 20px;
    padding-left: 20px;
  }

  .thumbnail-slider-arrow-img {
    position: absolute;
    left: auto;
    top: 50%;
    right: 0%;
    bottom: auto;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
  }

  .store-info-detail {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .store-detail-item {
    margin-bottom: 15px;
  }

  .store-detail-time {
    margin-bottom: 10px;
  }

  .store-detail-time-title-b {
    margin-bottom: 10px;
  }

  .margin-bottom-10 {
    margin-bottom: 5px;
  }

  .store-spot-heading {
    margin-bottom: 10px;
  }

  .store-location-select.sasa {
    display: block;
  }

  .home-product-b {
    width: 50%;
    margin-bottom: 6%;
    padding-right: 3%;
    padding-left: 3%;
  }

  .home-product-txt-wrapper {
    font-size: 3vw;
    line-height: 3.1vw;
  }

  .home-product-wrapper {
    margin-right: -3%;
    margin-left: -3%;
  }

  .home-banner-wrapper {
    margin-bottom: 10px;
  }

  .home-banner-video {
    padding-right: 0%;
    text-align: center;
  }

  .search-input {
    font-size: 14px;
    line-height: 20px;
  }

  .home-banner-cloud-container {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 200px;
    height: 200px;
    max-width: none;
    margin-top: -25%;
    margin-right: 0%;
    float: right;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: none;
  }

  .home-banner-cloud-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .home-banner-cloud-img {
    display: none;
  }

  .home-banner-slide {
    padding-right: 8%;
    padding-left: 8%;
  }

  .home-banner-slider-arrow {
    width: 30px;
    margin-right: 2%;
  }

  .home-banner-slider-arrow.left {
    margin-left: 2%;
  }

  .home-banner-btn-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    right: auto;
    bottom: auto;
    width: 80%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .btn-nav-search {
    width: 35px;
    height: 35px;
    margin-top: 0px;
  }

  .nav-search {
    width: 90vw;
  }

  .store-map-btn-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .footer-left {
    width: 100%;
    float: none;
  }

  .footer-right {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 0%;
    float: none;
    border-top: 1px solid #fff;
  }

  .footer-right-col {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }

  .footer-right-col.right {
    width: 100%;
  }

  .footer-link {
    margin-top: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom-color: #fff;
    background-image: none;
    font-size: 20px;
    text-align: center;
    letter-spacing: 2.5px;
  }

  .footer-link:hover {
    border-bottom-color: #fff;
  }

  .footer-sublink-b {
    display: none;
  }

  .footer-social-icon-b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -3%;
    margin-left: -3%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top-style: none;
    border-bottom-style: none;
  }

  .footer-social-link {
    display: block;
  }

  .footer-social-circle {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-right: 0px;
    padding: 12px;
  }

  .footer-social-item {
    display: block;
    width: 25%;
    margin-bottom: 20px;
    padding-right: 3%;
    padding-left: 3%;
    float: none;
  }

  .footer-banner-img {
    width: 100%;
  }

  .footer-copyright-b {
    padding-top: 30px;
    padding-bottom: 30px;
    color: #fff;
    text-align: center;
  }

  .footer-right-floatright-b {
    width: 100%;
    float: left;
  }

  .copyright {
    float: none;
  }

  .footer-privacy {
    padding-right: 10%;
    padding-left: 10%;
  }

  .footer-privacy-link {
    display: block;
    margin-bottom: 0px;
    padding-right: 20px;
    padding-left: 20px;
    float: none;
    clear: none;
    text-align: center;
  }

  .footer-privacy-frame {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #444445;
    border-radius: 12px;
  }

  .privacy-item {
    width: 50%;
  }

  .privacy-separator {
    position: absolute;
    left: 50%;
    top: 0%;
    right: auto;
    bottom: auto;
    display: block;
    width: 1px;
    height: 100%;
    background-color: #444445;
  }

  .footer-link-arrow {
    display: none;
  }

  .store-sasa-result-col {
    width: 55%;
  }

  .store-sasa-result-col.col2 {
    width: 45%;
  }

  .store-location-item-b {
    width: 100%;
  }

  .contact-info-b {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .contact-info-phone-b {
    width: auto;
    margin-bottom: 10px;
    background-image: none;
  }

  .contact-info-r-b {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .contact-info-heading-s-b {
    width: 100%;
  }

  .contact-info-r-time-b {
    padding-right: 20px;
    padding-left: 20px;
  }

  .contact-info-email-b {
    background-image: none;
  }

  .contact-info-phone-wrap {
    margin-bottom: 10px;
  }

  .member-recruit-b {
    margin-top: 0px;
  }

  .list {
    font-size: 14px;
  }

  .list-item.ordered {
    margin-bottom: 10px;
  }

  .faq-menu {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    float: left;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }

  .faq-menu-item-b {
    width: 50%;
    padding-right: 2%;
    padding-left: 2%;
    float: left;
  }

  .faq-menu-item-link {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 16px;
  }

  .faq-section-b {
    padding-bottom: 0px;
    border-top-style: none;
  }

  .faq-section-title-b {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px none #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
  }

  .faq-section-content-b {
    width: 100%;
  }

  .faq-section-row-b {
    padding-top: 10px;
    padding-right: 2%;
    padding-left: 2%;
  }

  .faq-qa {
    margin-top: 0px;
  }

  .faq-q-txt {
    font-size: 14px;
    line-height: 16px;
  }

  .faq-btn-link {
    width: 16px;
    height: 16px;
  }

  .faq-section-row-q {
    font-size: 14px;
    line-height: 16px;
  }

  .raq-section-row-a {
    margin-bottom: 10px;
    padding: 10px 2%;
  }

  .search-section-b {
    font-size: 14px;
  }

  .search-section-title {
    padding-right: 20px;
  }

  .search-result-row {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .web-design {
    float: none;
  }
}

@media screen and (max-width: 479px) {
  .news-load-b {
    margin-right: 0%;
    margin-left: 0%;
  }

  .news-item-b {
    width: 100%;
    padding-right: 0%;
    padding-left: 0%;
  }

  .section-footer {
    padding-top: 80px;
  }

  .footer-logo-b {
    display: block;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
  }

  .footer-social-wrapper {
    display: inline-block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
  }

  .footer-social-item-link {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .footer-social-item-b {
    display: block;
  }

  .menu-btn {
    margin-top: -7px;
  }

  .nav-menu-icon {
    width: 40px;
    height: 40px;
  }

  .lesson-item-b {
    width: 100%;
  }

  .promotion-wrapper {
    margin-right: 0%;
    margin-left: 0%;
    padding-right: 0%;
    padding-left: 0%;
  }

  .promotion-item-b {
    width: 100%;
  }

  .canvas-wrapper.concept {
    margin-right: 0%;
    margin-left: 0%;
  }

  .canvas-middle-b {
    background-position: 100% 0%, 0% 0%;
    background-size: 35px, 35px;
  }

  .lesson-intro-img {
    margin-bottom: 10px;
  }

  .ribbon-part-middle {
    padding-right: 2%;
    padding-left: 2%;
  }

  .btn-transparent.small {
    padding-right: 30px;
    padding-left: 30px;
  }

  .btn-pink-txt {
    font-size: 17px;
    letter-spacing: 3px;
  }

  .product-cat-b.first {
    display: block;
  }

  .product-cat-img {
    width: 100%;
    margin-bottom: 20px;
    padding-right: 0px;
    padding-left: 0%;
  }

  .product-cat-title {
    width: 100%;
    padding: 0px 1%;
    text-align: center;
  }

  .product-cat-title-txt {
    font-size: 22px;
  }

  .product-cat-filters {
    padding-right: 2%;
    padding-left: 2%;
  }

  .item-inner-title {
    margin-bottom: 15px;
  }

  .filter-items-b {
    overflow: hidden;
    height: 0px;
  }

  .item-b {
    width: 100%;
  }

  .font-size-14 {
    letter-spacing: 0.5px;
  }

  .icon-dropdown {
    display: block;
  }

  .product-detail-left {
    margin-bottom: 10px;
  }

  .product-detail-color-item {
    width: 20%;
    padding-right: 1%;
    padding-left: 1%;
  }

  .produuct-detail-color-img {
    padding-right: 20%;
    padding-left: 20%;
  }

  .thumbnail-slide {
    width: 33.333333333333336%;
  }

  .store-location-col {
    width: 100%;
  }

  .store-location-select {
    margin-bottom: 16px;
  }

  .detail-60 {
    width: 100%;
    margin-bottom: 15px;
  }

  .detail-40 {
    width: 100%;
    margin-bottom: 15px;
  }

  .home-product-all {
    padding-right: 0%;
    padding-left: 0%;
  }

  .home-product-txt-wrapper {
    margin-bottom: 19%;
    font-size: 4vw;
    line-height: 4.1vw;
  }

  .home-product-wrapper {
    margin-right: -2%;
    margin-left: -2%;
  }

  .home-product-link-frame {
    border-width: 1px;
  }

  .home-banner-wrapper {
    margin-bottom: 0px;
  }

  .search-input {
    height: 30px;
  }

  .home-banner-cloud-container {
    margin-top: -30%;
  }

  .home-banner-cloud-content {
    display: block;
    padding-top: 5%;
    padding-bottom: 5%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .home-banner-cloud-img {
    margin-bottom: 10px;
    float: none;
  }

  .home-banner-slider-arrow {
    width: 15px;
    margin-right: 1%;
  }

  .home-banner-slider-arrow.left {
    margin-left: 1%;
  }

  .home-banner-btn-wrapper {
    display: inline-block;
  }

  .btn-nav-search {
    width: 30px;
    height: 30px;
  }

  .nav-search {
    margin-top: 70px;
  }

  .store-map-btn-wrapper {
    padding-top: 0px;
  }

  .footer-social-icon-b {
    margin-right: 0%;
    margin-left: 0%;
  }

  .footer-social-circle {
    width: 45px;
    height: 45px;
  }

  .footer-social-item {
    width: 33.333333333333336%;
    padding-right: 2%;
    padding-left: 2%;
  }

  .footer-privacy-link {
    padding-right: 0px;
    padding-left: 0px;
  }

  .privacy-item {
    padding-right: 5px;
    padding-left: 5px;
  }

  .store-sasa-result-col {
    width: 80%;
    margin-bottom: 10px;
    padding-right: 0px;
    font-size: 15px;
    line-height: 19px;
  }

  .store-sasa-result-col.col2 {
    width: 80%;
  }

  .store-sasa-result-row {
    padding-bottom: 0px;
  }

  .div-block-2 {
    display: none;
  }

  .store-sasa-result-heading-mobile {
    display: block;
    width: 20%;
    float: left;
  }

  .contact-info-b {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .contact-info-phone-b {
    background-image: none;
  }

  .contact-info-r-time-b {
    padding-right: 0px;
    padding-left: 0px;
  }

  .contact-info-email-b {
    padding-left: 0px;
    background-image: none;
    letter-spacing: 1px;
  }

  .contact-link {
    font-size: 14px;
    line-height: 16px;
    white-space: pre-wrap;
  }

  .text-block {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

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

  .list-item.ordered {
    padding-left: 0px;
  }

  .raq-section-row-a {
    padding-right: 4%;
    padding-left: 4%;
  }

  .search-section-title {
    width: 70%;
  }

  .search-num-result-b {
    width: 30%;
  }

  .hide {
    display: none;
  }
}

@font-face {
  font-family: 'Gillsans 01';
  src: url('../fonts/GillSans-01.woff') format('woff'), url('../fonts/GillSans-01.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Gillsans 02';
  src: url('../fonts/GillSans-Bold-02.woff') format('woff'), url('../fonts/GillSans-Bold-02.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Myriad Pro';
  src: url('../fonts/MyriadPro-Regular_0.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}