/** Shopify CDN: Minification failed

Line 1271:27 Expected identifier but found "767px"
Line 1271:35 Unexpected "{"

**/
/*  all  */

html {
	scroll-behavior: smooth;
}

#content .btn.btn--secondary,
#content .overlay-text__button.button {
  border:1px solid #2fcab0 !important;
}

.slick-prev svg.feather, .slick-next svg.feather {
  stroke-width: 1.65;
}

.slick-prev svg, .slick-next svg {
  width:65px;
  height:65px;
  opacity: 1;
  filter: drop-shadow(0px 1px 1px rgba(0,0,0,.1));
  transition:all .3s;
}

.slick-prev svg.feather:hover,
.slick-next svg.feather:hover {
  stroke: #2fcab0;
}

@media (max-width: 767px){
  
  .product-detail .slideshow-controls,
  .product-detail .slideshow-controls__arrows {
    position:unset;
  }
  
  .product-detail .slideshow-controls__arrows .slick-arrow {
    position: absolute;
    top:50%;
  }
  
  .product-detail .slick-product-prev:after,
  .product-detail .slick-product-next:after {
    background:none;
  }
  
  .product-detail .slick-prev svg,
  .product-detail .slick-prev,
  .product-detail .slick-next svg,
  .product-detail .slick-next {
    width:44px;
    height:44px;
  }
  
  #content .product-detail .slideshow-controls__arrows button {
    opacity:1 !important;
  }
}


/*  header  */
.logo-area {
  border-bottom: 1px solid #eeeeee;
}

.section-header .navigation .navigation__tier-1>.navigation__item>.navigation__link {
  text-transform: uppercase;
  font-weight:500;
}

.logo-area__right__inner a span {
  text-transform:uppercase;
  font-size: .8rem;
}

.logo-area__right__inner {
  position: relative;
}

.section-header .tab-cont {
  display: block;
  position: absolute;
  top: 100%;
  left: -22%;
  background: #fff;
  padding: 10px 15px;
  margin: 2px 0;
  border:1px solid #dfe3e8;
}

.section-header .tab-cont {
  display:none;
}

.section-header .tab-cont li {
  list-style:none;
  font-size: .8rem;
}

.section-header .tab-cont a {
  display:block;
  padding: 5px 0;
  line-height: 1.2em;
  font-size: .8rem;
  color:#6F7173;
  cursor:pointer;
}

.section-header .tab-cont a:hover {
  color: #000;
}

.header-global-link {
  font-size: .8rem;
}

.header-global-link__text {
  cursor:pointer;
}

.header-global-link .tab-cont a img {
  border-radius:50%;
  border: 1px solid #ddd;
  display:block;
  margin-right:5px;
}

.mobile-navigation-drawer .header-global-link .tab-cont {
  border: 1px solid #ddd;
  margin: 0 20px;
  width: 110px;
}

.mobile-navigation-drawer .header-global-link .tab-cont li {
  padding: 8px 10px;
}

.mobile-navigation-drawer .header-global-link .tab-cont a {
  display:flex;
  align-items:center;
}

@media (min-width: 768px){
  .header-global-link {
    margin-right:10px;
  }
  .section-header .tab-cont {
    margin: 20px 0 0;
    padding: 7px 14px;
  }
  .section-header .tab-cont li {
    font-size: 1rem;
  }
  .section-header .tab-cont a {
    font-size: 1rem;
    display:flex;
    align-items:center;
  }
  .navigation__tier-1-container .header-global-link {
    display:none;
  }
}


@media (max-width: 767px){
  .section-header .header-global-link {
    display:none;
  }
}


/*  index section  */

.shopify-section .pc {
  display:none;
}


@media (min-width: 768px){
  .shopify-section .mobile {
    display:none;
  }
  .shopify-section .pc {
    display:block;
  }
}

/*  Slide Banner  */
.image-overlay--bg-full:after {
  background: none;
}

.slideshow .overlay-text__text p {
  margin-bottom:0;
}

.slick-dots li button.custom-dot circle.circle-one {
  stroke: #31cab0 !important;
}

.slick-dots li button.custom-dot circle {
  fill: #31cab0;
}


@media (min-width: 768px){
  .slideshow  .overlay-text--for-banner .overlay-text__inner {
    max-width:65%;
  }
}

@media (max-width: 767px){
  .overlay--v-top-mobile .overlay-text__inner {
    padding: 55px 30px 50px;
  }
  .overlay-text__title {
    margin-bottom: 1rem;
  }

  .overlay--h-left-mobile {
    text-align: left;
  }

  .overlay--h-right-mobile {
    text-align: right;
  }

  .overlay--v-top-mobile {
    align-items: flex-start;
  }

  .overlay--v-bottom-mobile {
    align-items: flex-end;
  }
}

/* section margin */

.section-featured-collection .collection-slider-row {
  margin-top:75px;
}

.gallery-canopy .fully-spaced-row--medium {
  margin-top: 40px;
}

.overlay-text__button-row--primary {
  margin-top: 0;
}

.gallery .overlay-text__title:not(:last-child) {
  margin-bottom: 5px;
}

@media (max-width: 767px){
  .section-featured-collection .collection-slider-row {
    margin-top:45px;
  }
  
  .section-featured-collection .collection-slider .collection-listing .product-block .product-info,
  .section-featured-collection .product-block .block-inner,
  .section-featured-collection .collection-slider .product-list.carousel.carousel--fixed-grid-mode .product-block{
    margin-bottom:0;
  }
  
  .instagram-feed .fully-spaced-row--medium {
    margin-bottom:0px;
  }
  
  .covet-pics-gallery-item.grid-item {
    margin-bottom:0 !important;
  }
  
  covet-pics-gallery-item.grid-item:nth-child(4),
  covet-pics-gallery-item.grid-item:nth-child(5),
  covet-pics-gallery-item.grid-item:nth-child(6) {
    margin-bottom:0px !important;
  }
}

/* gallery-canopy */

.gallery-canopy .gallery__item {
  position:relative;
  overflow:hidden;
}

.gallery-canopy .cc-gallery {
  margin:0;
}

.gallery-canopy .gallery__row {
  display:flex;
  justify-content:space-between;
}

.gallery-canopy .gallery__item .video {
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  min-width:100%;
  min-height:100%;
  max-width:110%;
}

.gallery--with-margins .image-overlay__image-link {
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
}

.slick-dots li button.custom-dot circle {
  stroke: #31cab0;
}

.gallery-canopy .overlay-text__inner {
   background: linear-gradient( rgba(0,0,0,0) , rgba(0,0,0,0.2));
}

@media (max-width: 767px){
  
  .gallery-canopy .gallery__row {
    flex-direction:column;
  }
  
  .gallery-canopy .overlay-text__button-row--primary {
    margin-top:0;
  }
  
  .gallery-canopy .gallery .overlay-text__title:not(:last-child) {
    margin-bottom: 7px;
  }  
  
  .gallery-canopy .gallery--with-margins {
    padding-top:0;
    padding-bottom:0;
  }
  
}

/* Sharing list */

.sharing a svg, .sharing a svg g {
  color:#2fcab0;
  fill: #2fcab0;
}

/*  Featured collection  */
.collection-slider .prev svg,
.collection-slider .next svg {
  display:none;
}

/*  section-editors-pick  */
.section-editors-pick .column.column--half {
  position:relative;
}

.section-editors-pick .feature-text-paired {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}

.section-editors-pick .feature-text-paired {
  margin-left:0;
  margin-right:0;
}

.section-editors-pick .flexible-layout .column {
  padding-left: 0;
  margin-bottom: 0;
}

.section-editors-pick .flexible-layout {
  border: 1px solid #eee;
}

.Review-custom strong {
  display: block;
  margin-bottom: 0.5rem;
}

@media (min-width: 768px){
  .section-editors-pick .pick-text {
    width: 50%;
  }

  .section-editors-pick .flexible-layout {
    margin-left: 0;
    margin-bottom: 0;
  }

  .section-editors-pick .flexible-layout .pick-product {
    width: 50%;
    padding: 0 13%;
  }

  .section-editors-pick .image-overlap {
    max-width:none !important;
  }

  .section-editors-pick .feature-text-paired {
    max-width:90%;
    width:60%;
    z-index:1;
  }

  .section-editors-pick .feature-text-paired {
    margin-left:10%;
  }

  .section-editors-pick .product-block .block-inner {
    margin-bottom:0;
  }

  .section-editors-pick .image-overlap .image-overlap__image-1:not(:last-child) {
    margin-top:0;
  }
  
  .section-editors-pick,
  .section-gallery,
  .section-testimonials .container,
  .section-apps .container,
  .Review-custom .container {
    padding:0 40px;
    max-width: 1480px;
    margin: 0 auto;
  }
  
}

@media (min-width: 768px) and (max-width: 1300px){
  .section-editors-pick {
    padding:0 40px;
  }
}

@media (max-width: 999px){
  .section-editors-pick .majortitle {
    font-size: 24px;
  }
  .section-editors-pick .feature-text-paired {
    max-width: 80%;
  }
}

@media (max-width: 767px){
  .section-editors-pick .wrapper {
    margin: 20px;
  }

  .section-editors-pick .pick-text {
    order:1;
  }

  .section-editors-pick .pick-product {
    order:2;
    margin:20px 0;
  }

  .section-editors-pick .product-block {
    padding: 0 10%;
  }

  .section-editors-pick .product-block .image-cont {
    padding: 0 20%;
  }

  .section-editors-pick .block-inner {
    margin:0;
  }

  .section-editors-pick .feature-text-paired {
    margin:0;
    padding:30px 35px;
    position:relative;
    width:100%;
    top: unset;
    transform: none;
    max-width: unset;
  }

  .section-editors-pick .feature-text-paired.mobile {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .section-editors-pick .feature-text-paired.mobile .block-link {
    max-width:80%;
  }
  
  .section-editors-pick .lightly-spaced-row-above {
    margin-top: 1.2rem;
  }

  .section-editors-pick .flexible-layout .column.pick-product {
    margin:30px 0;
  }

  .section-editors-pick .majortitle {
    font-size: 20px;
  }

  .section-editors-pick .image-overlap__image.mobile {
    width: 100%;
    min-height: 300px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .section-editors-pick pc {
    display:none;
  }
  
  .section-editors-pick mobile {
    display:block;
  }
  
  .section-editors-pick .image-overlap {
    display:none;
  }
}

/*  PAGE About  */
.about .majortitle {
  margin: 50px 0 60px;
  font-size: 52px;
  line-height: 64px;
  letter-spacing: -0.01em;
  font-weight: 600;
}

.about .flickity-page-dots .dot {
  background: #2FCAB0;
  display:none;
}

.about .page-header {
  padding:0;
}

.about .page-header .nav {
  max-width: 1480px;
  margin:0 auto;
  display:flex;
  justify-content:center;
}

.about .page-header .nav .menuItem {
  list-style:none;
  width:33.3333%;
}

.about .page-header .nav .menuItem a {
  display:block;
  width:100%;
  height:100%;
}

.about .page-header .nav .menuItem a span {
  display: block;
  padding:20px;
  border-bottom:2px solid #fff;
  font-weight:600;
  color: #888888;
  text-transform: uppercase;
}

.about .page-header .nav .menuItem.active {
  border-bottom:2px solid #2FCAB0;
}

.about .page-header .nav .menuItem.active a span {
  color:#2FCAB0;
}

.about .mobile {
  display:none;
}

.about .main-carousel .slide {
  width:100%;
  height: 561px;
  background-size: cover;
  background-position: center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  
}

.about .main-carousel .slide h2 {
  max-width:60%;
  padding: 50px 0 20px;
  font-weight: 700;
  font-size: 34px;
  margin: 0 10%;
}

.about .main-carousel .slide p {
/*  기존 max-width:31% 변경 width값 px로 줌 */
  width:655px;
  font-weight: 500;
  font-size: 14px;
  margin: 0 10%;
  letter-spacing:0.5%;
}

/* 신규 지선 ver css */
#desktop .view{
  width:1200px;
  
  margin:0 auto 200px;
}

#desktop .view .left_section{
  width:50%;
  
  float:left;
  text-align:right;
  padding-right:5%;
}


#desktop .view .right_section{
  width:50%;
  
  float:left;
  text-align:left;

  margin-top:385px;
  padding-left:5%;
}

#desktop .view:after{

  content:"";
  clear:both;
  display:block;
  background-color:gold;
  
}


.about .flickity-button {
  background: unset !important;
}

.about .flickity-page-dots {
  bottom: 20px;
}

.about .text-center {
  width:100%;
  text-align:center;
  padding: 100px 10px 10px;
}

.about .text-center p {
  max-width:1200px;
  margin:0 auto;
}

.about .text-center h3 {
  max-width:1000px;
  margin: 20px auto 0;
  font-size: 32px;
  font-weight: bold;
  line-height:1.4;
}

.about .bg-wrap {
  width:100%;
  height: 800px;
  background-size: cover;
  background-position: center;
  padding: 10%;
}

.about .bg-wrap .text-left-top {
  max-width: 60%;
}

.about .bg-wrap h3 {
  font-size: 32px;
  font-weight: bold;
}

.about .bg-wrap h4 {
  margin-top: 10px;
  font-size: 24px;
  line-height: 1.3;
}

.about .bg-wrap p {
  margin-top: 30px;
  font-size: 14px;
  color: #666666;
  max-height: 70px;
  overflow: hidden;
}

.about .bg-wrap p.active {
  max-height: none;
}

.about .bg-wrap .arrow-box {
  display:flex;
  align-items:center;
  cursor:pointer;
}

.about .bg-wrap .arrow-box span {
  display:block;
}

.about .bg-wrap .arrow-box .arrow {
  width:30px;
  height:30px;
  margin-right:10px;
  background-image:url('https://cdn.shopify.com/s/files/1/0635/3076/2492/files/btn_icon_arrow.svg?v=1649654873');
  background-size: cover;
  background-position: center;
}

.about .bg-wrap .arrow-box .arrow.active {
  transform: rotate(180deg);
}

.about .row-box {
  max-width:1200px;
  margin:0 auto;
  display:flex;
  justify-content:center;
  margin-bottom:30px;
  background: #fafafa;
}

.about.history .row-box {
  display:block;
}

.about.story .row-box {
  max-width:1320px;
}

.about .row-box .image {
  width:100%;
}

.about.rule .row-box .image {
  width:40%;
}

.about .row-box .image img {
  width:100%;
  object-fit: cover;
  height: 100%;
}

.about.story .row-box .image {
  width:40%;
}

.about.story .row-box .text {
  width: 60%;
}

.about .row-box .text {
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:100%;
}
.about .row-box .text h3{
  font-size:26px;
  font-weight:700;
  line-height: 1.4;
  letter-spacing:-0.5%;
}

.about.history .row-box .text h3{
  font-size: 20px;
}

.about .row-box .text span{
  font-size:14px;
  font-weight:300;
  
}

.about .row-box .text .margin{
  margin-bottom:30px;
}


.about .row-box .text .text_desc{
  margin-bottom:30px;
}


.about .row-box.no-bg {
  background:transparent;
}

.about .row-box.no-bg .image {
  width:55%;
}
.about .row-box.no-bg .text {
  width:45%;
}

.about .row-box.order .image {
  order:2;
}

.about .row-box.order .text {
  order:1;
}

.about .routine {
  display:flex;
  justify-content:center;
  max-width:1200px;
  margin:0 auto 30px;
}

.about .routine .item {
  position:relative;
  margin-right:20px;
  box-shadow: 0 0 10px rgb(0 0 0 / 6%);
  text-align:center;
  padding:60px 20px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
}

.about .routine .item:last-child {
  margin-right:0;
}

.about .routine .item figure {
  padding: 20px 40px;
}

.about .routine .item .step {
  position:absolute;
  top:0;
  left:0;
  background:#2fcab0;
  color:#fff;
  text-align:center;
  line-height: 2.5rem;
  padding: 0 20px;
}

.about .routine a {
  display:inline-block;
}

.about .row-box.no-bg .text {
  justify-content: space-between;
  align-items: flex-start;
  padding: 5% 2%;
}

.about .row-box .image {
  position:relative;
}

.about .row-box.no-bg .btn {
  position: absolute;
  right: 80px;
  bottom: 80px;
  background:#fff;
  border-radius:50px;
  border:1px solid #2FCAB0;
  color:#2FCAB0;
  min-width: 180px;
}

.about .row-box.no-bg .btn:hover {
  background:#2fcab0;
  color:#fff;
  border:1px solid #2fcab0;
  transition: background-color .1s,color .1s,border-color .1s,opacity .1s;
}

.about .row-box.no-bg .text .row-box {
  margin:0;
  background:none;
  justify-content:space-between;
  align-items: center;
  width: 100%;
}

.about .row-box.no-bg .text .row-box figure {
  display: block;
  width: 110px;
  height: 110px;
  border-radius: 55px;
  box-shadow: 0 10px 25px 0 rgb(0 0 0 / 3%);
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.about .row-box.no-bg .text .row-box figure img {
  display:block;
  width:45%;
}

.about .row-box.no-bg .text .row-box p {
  width: 70%;
  color:#1d1d1f;
}

.about .text-center.green {
  padding-top:0;
  padding-bottom:50px;
}

.about .text-center.green.top {
  padding-top:0;
}

.about .text-center.green h3 {
  color:#2FCAB0;
  line-height: 1.2;
}
  
  .story .white .row-box{
    background:#fff;
    margin:50px auto 0;
  justify-content:space-between;
    display:flex;
  }


/* .about .white .row-box .text {
  padding:3%;
} */

@media (max-width: 767px) {

  .about.history .row-box .text h3{
    font-size: 16px;
  }
  
  .about .mobile {
    display:block;
  }

  .about .pc {
    display:none;
  }

  .about .page-header {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-start;
  }

  .about .majortitle {
    text-align:left;
    margin:0 auto;
    padding: 10px 20px 10px;
    font-size:8.5333333333vw;
    order:2;
  }

  .about .page-header .nav {
    flex-direction: column;
    width:100%;
    order:1;
  }

  .about .page-header .nav .menuItem {
    width:100%;
    text-align: left;
  }

  .about .page-header .nav .menuItem a span {
    padding: 5px 20px;
  }

  .about .page-header .nav .menuItem:last-child a span {
    border-bottom: 1px solid #eeeeee;
  }
  
  .about .main-carousel .slide {
    justify-content: flex-start;
  }

  .about .main-carousel .slide h2 {
    padding: 50px 0 250px;
    max-width: 70%;
    font-size: 25px;
  }

  .about .text-center {
    padding: 30px 30px 40px;
    text-align:left;
  }

  .about .text-center h3 {
    font-size: 22px;
  }

  .about .bg-wrap {
    padding:0px;
    height:500px;
  }
  
  .about .bg-wrap.active {
    height:950px;
  }

  .about .bg-wrap .text-left-top {
    max-width:100%;
    padding: 10%;
  }
  
  .about .bg-wrap .text-left-top.blur {
    backdrop-filter:blur(4px);
  }
  
  .about .bg-wrap .text-left-top h4,
  .about .bg-wrap .text-left-top h3 {
    max-width:80%;
  }

  .about .bg-wrap h3 {
    font-size: 26px;
    margin-bottom:20px;
  }

  .about .bg-wrap h4 {
    margin-top: 10px;
    font-size: 16px;
  }

  .about .row-box {
    flex-direction: column;
    padding:0;
    margin: 0 40px 20px;
  }

  .about .row-box .image,
  .about .row-box .text,
  .about .row-box.no-bg .image,
  .about .row-box.no-bg .text,
  .about.contribute .row-box .image,
  .about.contribute .row-box .text {
    width:100% !important;
  }

  .about .row-box .text h4 {
    font-size: 3.73333333vw;
  }

  .about .routine .item {
    margin:0 20px 20px;
  }

  .about .routine .item:last-child {
    margin:0 20px;
  }

  .about .routine {
    width:100%;
    flex-direction: column;
  }

  .about .text-center.green.top {
    padding-top:20px;
  }

  .about .text-center.green h3 {
    text-align: center;
  }

  .about .row-box.no-bg .text {
    padding:0;
  }

  .about .row-box.no-bg .text .row-box {
    padding:0;
    flex-direction:row;
    margin-bottom:22px;
  }

  .about .row-box.no-bg .image {
    margin-bottom:20px;
  }

  .about .row-box.no-bg .text .row-box p {
    margin:0 0 0 20px;
  }

  .about .row-box.order .image {
    order:1;
  }

  .about .row-box.order .text {
    order:2;
  }

  .about .row-box.no-bg .btn {
    right: 15px;
    bottom: 15px;
  }
}


/*  PAGE About - Story  */
.about.story .slide:nth-child(1) {
  background-image:url('https://cdn.shopify.com/s/files/1/0635/3076/2492/files/story-about-slide-1.jpg?v=1649652706');
}
.about.story .slide:nth-child(2) {
  background-image:url('https://cdn.shopify.com/s/files/1/0635/3076/2492/files/story-about-slide-2.jpg?v=1649652706');
}
.about.story .slide:nth-child(3) {
  background-image:url('https://cdn.shopify.com/s/files/1/0635/3076/2492/files/story-about-slide-3.jpg?v=1649652706');
}

.about.story .bg-wrap.first {
  background-image:url('https://cdn.shopify.com/s/files/1/0635/3076/2492/files/about-story-bg-1.jpg?v=1649653997');
}

.about.story .bg-wrap.second {
  background-image:url('https://cdn.shopify.com/s/files/1/0635/3076/2492/files/about-story-bg-2.jpg?v=1649655805');
}

.about.story h3.smaller {
  font-size:20px;
}

.about.story h3.normal {
  font-weight:normal;
}

.about.story .drahn {
  padding:0 5%;
}

.about.story .col-box {
  padding:0 5%;
}

.about.story .col-box:not(.drahn) .text {
  padding-right:5%;
}

.about.story .drahn .image {
  width:30%
}

.about.story .drahn .text {
  width:70%;
  padding-right:0;
}

@media (max-width: 767px) {
  .about.story .slide:nth-child(1) {
    background-image:url('https://cdn.shopify.com/s/files/1/0635/3076/2492/files/about-story-slide-mobile-1.jpg?v=1649728363');
  }
  .about.story .slide:nth-child(2) {
    background-image:url('https://cdn.shopify.com/s/files/1/0635/3076/2492/files/about-story-slide-mobile-2.jpg?v=1649728363');
  }
  .about.story .slide:nth-child(3) {
    background-image:url('https://cdn.shopify.com/s/files/1/0635/3076/2492/files/about-story-slide-mobile-3.jpg?v=1649728363');
  }

  .about.story .bg-wrap.first {
    background-image:url('https://cdn.shopify.com/s/files/1/0635/3076/2492/files/Dr.G_Brand_Image_mobile_bg.jpg?v=1652849988');
  }

  .about.story .bg-wrap.second {
    background-image:url('https://cdn.shopify.com/s/files/1/0635/3076/2492/files/Dr.G_Brand_Image_mobile_bg2.jpg?v=1652849829');
  }
  .about.story .row-box .text {
    order:2;
  }

  .about.story .row-box .image {
    order:1;
  }
  
  .about.story .col-box {
    padding:0;
  }
  
  .about.story .drahn .text {
    padding-right:5%;
  }
  
  .about.story .col-box:not(.drahn) .text {
    padding:5%;
  }
}

/*  PAGE About - Rule  */

.about.rule .slide:nth-child(1) {
  background-image:url('https://cdn.shopify.com/s/files/1/0635/3076/2492/files/about-rule-bg-1.jpg?v=1649656415');
  background-position: center center;
}

.about.rule .row-box.no-bg.order {
  margin-bottom:0;
}

.about.rule .text-center {
  padding: 70px 0 0;
}

.about.rule .text-center.padded {
  padding: 100px 10px 100px;
}

.about.rule .text-center.green h3 {
  margin: 100px auto 40px;
}

@media (max-width: 767px) {
  .about.rule .slide:nth-child(1) {
    background-image:url('https://cdn.shopify.com/s/files/1/0635/3076/2492/files/MK_0236.png?v=1654214005');
    background-position: center center;
  }
  
  .about.rule .text-center {
    padding: 5% 30px 10%;
  }
  
  .about.rule .text-center.padded {
    padding: 5% 5% 10%;
  }
  
  .about.rule .text-center.green h3 {
    margin: 10% 5% 10%;
  }
  
  .about.rule .text-center.green.top {
    padding:0;
  }
}



/*  PAGE About - Contribute  */

.about.contribute .slide:nth-child(1) {
  background-image:url('https://cdn.shopify.com/s/files/1/0635/3076/2492/files/drg-brand-image-3-pc.jpg?v=1652851532');
  background-position: 27% center;
}

@media all and { max-width:767px } {
  .about.contribute .text-center h3 {
    font-size: 4.26666667vw;
  }
}

.about.contribute .bg-wrap {
  background-image:url('');
}

.about.contribute .text-center h3 {
  max-width: 1000px;
  font-size: 32px;
  font-weight: 700;
  padding-bottom:0;
}

.about.contribute .text-center p {
  margin: 20px auto 0;
  max-width: 1000px;
}

.about.contribute .row-box .image {
  width:40%;
}

.about.contribute .row-box .text,
.about.rule .row-box .text {
  width:60%;
  padding-left:50px;
}

.about.contribute .col-box {
  margin-bottom:50px;
}

@media (max-width: 767px) {
  .about.contribute .row-box .text,
  .about.rule .row-box .text {
    padding:20px;
  }
}

/* About - history */

.about.history .slide {
  background-image:url('https://cdn.shopify.com/s/files/1/0635/3076/2492/files/Rectangle_1794.png?v=1659068593');
}

@media (max-width: 767px) {
  .about.history .slide {
    background-image:url('https://cdn.shopify.com/s/files/1/0635/3076/2492/files/img_story_visual02_2x_1.png?v=1659069002');
  }
}

/* BLOG */

.article-list .article-image {
  border-radius: 16px;
  overflow:hidden;
}

.article-list .article__inner h2 {
  font-size: 18px;
  margin-bottom:0;
}

.article-list .article .meta {
  margin-top:8px;
}

.article-list .article .meta .time {
  display: block;
  font-size: 13px;
  line-height: 18px;
  color: #888888;
}

.article-list.article-layout--columns .article__inner>.rte {
  display:none;
}

@media (min-width: 1024px) {
  .article-list .article-list.article-layout--columns .article {
    width: 25%;
    flex-direction:column;
  }
}

@media (min-width: 767px){
  .article-list.article-layout--columns .article {
    border-right:0;
  }
  .article-list.article-layout--columns .article {
    width:25%;
  }
}



/* video blog */

.drg-video .vLayout .main:not(:first-child) {
  display:none;
}

.vidNav .title {
  font-size: 20px;
  margin: 0 0 20px;
}

.vidNav .article {
  display:flex;
  padding:0;
  border:0;
  margin:10px 0;
}

.vidNav .article:first-child {
  padding:0;
}

.vidNav .article-image {
  margin:0;
  border-radius: 15px;
  overflow: hidden;
}

.vidNav .vid-aside h2 {
  font-size: 15px;
  padding-left:1rem;
}

.vidNav .article-image,
.vidNav .vid-aside h2 {
  flex:1 1;
}

.vidNav .rimage-outer-wrapper  {
  max-width:none !important;
}

.video-blog-post .page-header {
  padding:0;
}

.video-blog-post .page-header .majortitle {
  margin: 0 0 2rem;
}

.video-blog-post .article,
.drg-video .article {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  max-width: 1242px;
  margin:0 auto;
}

.video-blog-post .cont,
.drg-video .cont {
  min-width:60%;
}

.video-blog-post .cont .spaced-row,
.drg-video .user-content {
  margin-bottom: 15px;
}

.video-blog-post .player {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.video-blog-post .player iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.video-blog-post .vidNav {
  margin-left:40px;
}

.video-blog-post .vidNav .article {
  margin: 10px 0;
}

.video-blog-post .container.container--reading-width,
.video-blog-post #comments.container {
  max-width: 1170px;
}

.video-blog-post #template form,
.video-blog-post #comments .comment {
  max-width: 700px;
}

.video-blog-post .social .majortitle,
.drg-video .lightly-spaced-row .majortitle {
  padding: 0 0 40px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 0px;
  color: #444444;
  text-align:left;
}

.video-blog-post .social,
.drg-video .lightly-spaced-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom: 20px;
  padding: 0 0 15px;
  border-bottom: 1px solid #eeeeee;
}

.video-blog-post .social .btn,
.drg-video .lightly-spaced-row .btn {
  background: #fff;
  border-radius:50px;
  color:#2fcab0;
  font-weight:bold;
  border:1px solid #2fcab0;
}

.video-blog-post .social .btn a,
.drg-video .lightly-spaced-row .btn a {  
  color:#2fcab0;
}

.video-blog-post .social .btn:hover,
.drg-video .lightly-spaced-row .btn:hover {
  background: #2fcab0;
  border:1px solid #2fcab0;
}

.video-blog-post .social .btn:hover a,
.drg-video .lightly-spaced-row .btn:hover a {  
  color:#fff;
}

@media ( max-width:1051px ) {
  .video-blog-post .article,
  .video-blog-post .cont,
  .drg-video  .article,
  .drg-video .cont {
    width:100%;
    justify-content:left;
  }
  
  .video-blog-post .vidNav,
  .video-blog-post .vidNav {
    margin:40px 0 0;
    max-width: 500px;
    width: inherit;
  }
}

/* Wish List */

.wk-button__icon {
  color:#2fcab0 !important;
}

.wk-button.wk-button--floating {
  display:none;
}

.product-block:hover .wk-button.wk-button--floating {
  display:block;
}


/* product */

.product-description {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.section-main-product .gallery--layout-columns-1 {
  display:flex;
  
}

.section-main-product .Product__SlideshowNav--thumbnails {
  width: 70px;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: var(--theme-header-height);
  
}

.Product__SlideshowNavImage img.is-selected {
  border: 1px solid #666;
}


@media (min-width: 767px){
  .section-main-product .gallery--layout-columns-1 .sticky-content-container {
    padding-left: 50px;
  }
}


@media (max-width: 767px){
  .section-main-product .Product__SlideshowNav--thumbnails {
    display:none;
  }
}


/* product-tap, product-faqs */

.product-faqs {
  margin-top: 80px;
  margin-bottom: 80px;
}

.product-tap {
  margin-bottom:2rem;
}

.product-tap ul {
  margin: 0;
}

.product-tap ul li {
  list-style:none;
}

.product-tap .tap-btn b,
.product-description strong {
  display:block;
  font-weight: bold;
  font-size:1rem;
  margin: 1rem 0;
}

.product-tap .tap-btn b,
.product-faqs .toggle {
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  position:relative;
}

.product-tap .tap-btn b .plus,
.product-faqs .plus {
  display:block;
}

.product-tap .tap-btn b .plus.rotate {
  transform:rotate(-45deg);
}

.product-tap .tap-btn {
  margin:2rem 0;
}

.product-tap .ingredients,
.product-faqs .hide {
  margin: 0 0 1.5rem;
  display:none;
}

.product-faqs .menu {
  font-weight: 700;
  padding: 1rem 0;
  border-top: 1px solid #e2e2e2;
}

.product-faqs .hide p {
  margin-top:1rem;
  font-weight:normal;
}

.product-faqs .toggle .plus {
  font-size: 1.2rem;
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
}

.product-faqs .plus.rotate {
  transform:translateY(-50%) rotate(-45deg);
}

.product-faqs .toggle .text {
  padding-right:30px;
}

.product-faqs .menu:last-child {
  border-bottom: 1px solid #e2e2e2;
}

.product-faqs h3 {
  font-size: 1rem;
  color: #637381;
  font-weight: bold;
}

.product-detail .gallery .slick-dots li {
  flex: 0 1 20px;
}

.product-detail .gallery .slick-dots li button:before {
  width: 8px;
  height: 8px;
  border-radius:50%;
  left: 50%;
  transform:translateX(-50%);
}

.product-detail .gallery .slick-dots .slick-active button:before {
  background-color:#2fcab0;
  color:#2fcab0;
}

.product-detail .slideshow-controls__arrows button {
  opacity: .45!important;
}

.product-detail .column-display.mobile-only {
  display:block !important;
}

@media (max-width: 766px){
  .product-faqs {
    margin-top:60px;
    margin-bottom:60px;
  } 
  .product-faqs .toggle .text {
    font-family: Poppins,sans-serif;
    display: block;
    font-weight: 600;
    font-size: 14px;
  }
  
  .product-faqs .menu {
    padding: 0.8rem 0;
  }
  
  .product-faqs .hide p {
    font-size: 14px;
    line-height: 1.6;
  }
}

/* okendo */



.okeReviews.oke-w .oke-is-large .oke-w-controls-nav .oke-poweredBy, .okeReviews.oke-w .oke-is-medium .oke-w-controls-nav .oke-poweredBy {
  display:none !important;
}

.okeReviews.oke-w {
  max-width:none !important;
}

.shopify-app-block .oke-reviewCarousel-slider .oke-product-thumbnail {
  width:145px;
  height:145px;
}

.shopify-app-block .oke-reviewCarousel-header {
  margin-bottom: 10px !important;
}

.shopify-app-block .oke-reviewCarousel-slider .oke-product-details {
  max-width: 200px;
  min-height:45px;
}

.shopify-app-block .oke-reviewCarousel-slider .oke-reviewCardMinimalCentered-content {
  margin-top: 8px;
}

.shopify-app-block .oke-reviewCarousel-slider .oke-reviewContent-body {
  margin-top:0;
}

.shopify-app-block .oke-reviewCarousel-slider .oke-reviewContent-date {
  display:none;
}

.shopify-app-block .oke-reviewCarousel-slider .oke-reviewContent--center {
  padding-bottom:0;
}

.shopify-app-block .oke-reviewCarousel-slider .oke-reviewCardMinimalCentered-contentContainer {
  padding-bottom:10px;
}

.shopify-app-block .oke-reviewCarousel-slider .oke-w-review-helpful,
.oke-reviewCarousel-header .okeReviews {
  display:none;
}

.section-apps .oke-reviewCarousel {
  max-width: none !important;
}

.okeReviews svg {
  width: 110px;
}

.product-info .oke-sr-count {
  display:none;
}

.product-info .oke-sr-stars {
  margin:0;
}

.oke-reviewContent-readMore span {
  border-bottom: 1px solid #676986;
}

@media (max-width: 767px){

  .okeReviews svg {
    height: 15px !important;
  }

}

/* collection list */

.cc-price-range__bar-active {
  background: #2fcab0;
}

.cc-price-range__control:after {
  border: 1px solid #999;
}


/* Track order */

.eNTjWs:not([disabled]):hover {
  border-color: #34a5f8 !important;
  background: #34a5f8 !important;
}

.djJYyS {
  font-size: 12px !important;
  line-height: 1em !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  border-radius: 3px !important;
  border-radius: 3px !important;
  transition: background-color .1s,color .1s,border-color .1s,opacity .1s;
  padding: 1.2em 25px !important;
}

.kmJOfZ {
  text-transform: uppercase !important;
  font-family: Poppins,sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 15px !important;
}

.jgMACA {
  text-transform: uppercase !important;
  font-family: Poppins,sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 15px !important;
}

.kmJOfZ:hover,
.jgMACA:hover {
  background: transparent !important;
}

._row_qppw3_20 ul li {
  list-style:none;
}

.standalone .sc-3808rg-2 {
  font-size: 24px;
  color: #222b37;
  line-height: 1.2;
  font-family: Poppins,sans-serif;
  font-weight: 500;
  font-style: normal;
}

.standalone .sc-3808rg-1 {
  padding: 0 0 30px !important;
}


/* section-product-video */

.section-product-video .container {
  display:flex;
  justify-content:flex-start;
  box-sizing: border-box;
  margin:0 auto;
}

.section-product-video .vid-cont,
.section-product-video .text-cont {
  flex:0 1 100%;
  width: 50%;
}

.section-product-video .vid-cont {
  object-fit: cover;
}

.section-product-video .text-cont {
  padding: 40px 0 40px 40px;
}

.section-product-video .boldtext {
  display: block;
  font-weight: 700;
  font-size: 1rem;
  margin: 0 0 1rem;
}

@media (max-width: 767px){
  .section-product-video {
    margin-top:60px;
    margin-bottom:60px;
  } 
  
  .section-product-video .container {
    flex-direction: column;
    height:auto;
    width:100%;
  }
  
  .section-product-video .vid-cont,
  .section-product-video .text-cont {
    width:100%;
  }
  
  .section-product-video .text-cont {
    margin:1rem 0;
  }
  
  .section-product-video .text-cont {
    padding: 0;
  }
  
}

/* Login */

.h_facebook_button,
.h_google_button {
  background-color: #2fcab0 !important;
}

/* wishlist */

.wk-button--add .wk-icon__svg {
  fill: transparent !important;
}


/* Membership */

.membership .mobile {
  display:none;
}

.membership .ways-to {
  text-align:center;
}

.membership .ways-to .cont {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
}

.membership .ways-to .cont .item {
  width:30%;
  position: relative;
  margin-bottom: 3%;
  box-shadow: 0 0 10px #0000000f;
  text-align: center;
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.membership .ways-to h3 {
  margin-bottom: 20px;
  font-size: 26px;
  color: #2fcab0;
  max-width: 1000px;
  margin: 20px auto 0;
  font-size: 32px;
  font-weight: 700;
  margin-bottom:50px;
}

.membership .ways-to .cont .item h4 {
  font-size: 22px;
  margin-bottom: 10px;
}

.membership .ways-to .cont .item figure {
  width:100%;
  margin:20px auto 0;
}

.membership .ways-to .cont .item img {
  width:100px;
}

.membership .ways-to .cont .item figure figcaption {
  margin-top:20px;
}

@media (max-width: 767px) {

  .membership .mobile {
    display:block;
  }

  .membership .pc {
    display:none;
  }

  .membership .ways-to .cont {
    flex-direction:column;
  }
  .membership .ways-to .cont .item {
    width:100%;
    margin-bottom:5%;
    padding: 20px 30px;
  }

  .membership .ways-to h3 {
    font-size: 28px;
    margin-bottom: 30px;
  }

  .membership .ways-to .cont .item h4 {
    font-size: 16px;
  }

  .membership .ways-to .cont .item figure {
    display:flex;
    width: 100%;
    justify-content:flex-start;
    align-items:center;
    margin: 0;
    text-align:left;
  }
  .membership .ways-to .cont .item figure img {
    width: 45px;
  }

  .membership .ways-to .cont .item figure figcaption {
    margin-left:30px;
    font-size: 14px;
    margin-top:0;
  }
}


/* stocklist */


  .stocklist h1 {
    text-align:center;
    margin-bottom: 30px;
  }
  
  .stocklist h1,
  .stocklist h2 {
    margin-bottom: 10px;
    text-transform:uppercase;
  }
  .stocklist h1 {
    font-size: 36px;
    margin-bottom:2em;
  }

  .stocklist h2 {
    font-size: 28px;
  }
  
  .stocklist .container {
    max-width: 980px;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  
  .stocklist section {
    margin-bottom:80px;
  }
  
  .stocklist table {
    width:100%;
  }
  
  .stocklist tr {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .stocklist th,
  .stocklist td {
    padding: 12px;
    width:25%;
  }
  
  .stocklist th {
    border-bottom:0;
  }
  
  .stocklist a {
    display:block;
    text-decoration:underline;
    color: #888;
    line-height: 2rem;
  }
  
  .stocklist a:hover {
    color: #222b37;
  }
    

/* instagram-feed */

.instagram-feed .mobile {
  display:none;
}

@media (max-width: 767px) {

  .instagram-feed .pc {
    display:none;
  }

  .instagram-feed .mobile {
    display:block;
  }
}

/* footer */

.section-footer .social-links.social-links--large,
.section-footer__payment-icons {
  margin-bottom: calc(3.8em - 30px);
}

.section-footer .social-links a {
  margin:0;
}

.section-footer .social-links.social-links--large a svg {
  margin: 0 3px 0.5em;
  width: auto;
  height: 25px;
  text-align: right;
}