/** Shopify CDN: Minification failed

Line 1086:19 Expected ":"
Line 1271:0 All "@import" rules must come first
Line 1272:0 All "@import" rules must come first
Line 1715:16 Expected identifier but found whitespace

**/
html{
  scroll-behavior: smooth;
}
.custom_liquid img{
  width: 100%;
  height: auto;
}
#bwpFrame{
    margin-top: 5px;
}
.fit-details-img{
    margin: auto;
    max-width: 759px;
    width: 100%;
    height: auto;
}
.container:has(.fit-details-img){
    text-align: center;
}

/* popover */
.popover-main{
  text-align: center;
}
.product-page-msg{
  padding: 8px;
  border: 1px solid #d7d6d6;
  margin: 8px 0px!important;
  text-align: center;
  border-radius: 10px;
  color: black;
}
.popover__wrapper img{
  width: 100%;
  max-width: 479px;
  height: auto;
}
.popover__title {
  font-size: 24px;
  line-height: 36px;
  text-decoration: none;
  color: rgb(228, 68, 68);
  text-align: center;
  padding: 15px 0;
}

.popover__wrapper {
  margin: auto;
  position: relative;
  margin-top: 2px;
  display: inline-block;
}
.popover__content {
  opacity: 0;
  bottom: calc(80%);
  visibility: hidden;
  position: absolute;
  left: 0px;
  transform: translate(0, 10px);
  background-color: #d4ff3b;
  padding: 15px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  width: auto;
}
.popover__content:before {
  position: absolute;
  z-index: -1;
  content: "";
  right: 10;
  rotate: 180deg;
  bottom: -10px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #d4ff3b transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}
.popover__wrapper:hover .popover__content {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transform: translate(0, -20px);
  transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__message {
  text-align: center;
}

/*  */
.section_details_and_fit .grid__item {
    max-width: 100%!important;
}
/* #gorgias-chat-container #chat-button{
  display: none;
} */
@media screen and (min-width: 767px){
.hide-desktop {
    display: none!important;
}
}
.product-form__buttons:has(.prescription-btn){
    padding-bottom: 1px;
}
.sust-items.video-section-wrap-ivy .image_before_video_section{
  height: 100%;
}
.sust-items.video-section-wrap-ivy{
  display: flex;
}
.vwi-desktop video{
    padding-right: 1px;
    width: 100%;
}
.vwi-mobile video{
    width: 100%;
}
section:has(.suslink){
    position: relative;
}
#bwpFrame{
  margin-bottom: 20px;
}
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.page-pre-order span.badge.price__badge-sold-out, .page-pre-order .product-form__error-message-wrapper{
    display: none !important;
}
.template-Sunglasses-content .img-text-section .img-text .img_content_div{
    max-width: 500px;
    text-align: center!important;
    margin: 0 auto;
    padding: 0 20px;
}
.sust-items{
position: relative;
}

.suslink{
position: absolute;
width: 100%;
display: block!important;
height: 100%;
z-index: 1;
}
section.hero-slider {
    position: relative;
}
span.nav-link.carticonn {
    cursor: pointer;
    position: relative;
    z-index: 9;
}
section.header-fixeds.headerfixed {
    position: fixed;
    left: 0px;
    right: 0px;
    z-index: 999;
}
.template-Sunglasses-content .img-text-section .img-text .img_content_div p.text-gray{text-align: center!important;}
.no-padding {
    padding: 0px;
}.grid__item.col-2.md-down--d-none.desktoplanguage {
    padding: 5px 0 5px 25px;
}
.wg-drop.country-selector {
    background-color: #fff;
    border-radius: 4%!important;
}
.wg-drop.country-selector .wgcurrent {
    border: none!important;
}
nav#main-nav ul li.salestart a {
    color: #b72322;
}
/* store locater*/
h2#store-locator-title {
    width: 100%;
    text-align: center;
    margin: 50px 0 50px 0;
}
.search_bar .main_search_bar {
    margin: 20px!important;
}
.search_bar .main_search_bar input {

    padding: 8px 28px 8px 10px!important;
 
}
.search_bar #submitBtn {
    margin-top: 20px!important;
}
/* end store locater*/
.my-ourmission.Searchhide {
    display: none!important;
}
.hide {
  display: none !important;
}
p.cart_msg {
  border: 1px solid #e2e0e0;
  padding: 15px;
  border-radius: 5px;
  margin: 17px 0px 25px 0;
  background-color: black;
  color: white;
}
.hide_widget #rebuy-widget-1719 {
  display: none;
}
span.money {
  font-weight: 100;
}
span.discount_code {
  font-weight: 100;
  font-size: 13px;
  color: #717171;
}
span.cross_content {
  color: #717171;
  text-decoration: line-through;
  font-size: 0.8571428571em;
  display: block;
  font-weight: 100;
}
.rebuy-product-actions button.rebuy-button span {
  width: 100%;
  display: inline-block;
}
.rebuy-product-block .rebuy-product-actions button.rebuy-button {
  /* max-width: 80px; */
  margin: auto;
  padding: 3px 3px;
}
#rebuy-widget-4817 h4.super-title{
  font-family: 'Sweet Sans Pro';
}
.drawer.drawer--right {
  overflow-y: hidden;
  height: 100vh;
}
.MiniCartContainer {
  height: 90vh;
  overflow: scroll;
  padding-bottom: 15em;
  display: flex;
  flex-direction: column;
}
.MiniCartContainer .rebuy-product-grid.large-style-line {
  padding: 0 15px 0px!important;
}
.MiniCartContainer .rebuy-product-grid.large-style-line .rebuy-product-block {
  padding-bottom: 12px !important;
}
.MiniCartContainer .ajaxcart__footer {
  display: none;
}
.MiniCartContainer .mymini.ajaxcart__footer {
  display: block;
}
.MiniCartContainer .ajaxcart__inner {
  max-height: 100%;
}
.shg-box-vertical-align-wrapper .shogun-mobile-video {
  display: none;
}
.ourmission-data {
  max-width: 800px;
  margin: 0 auto !important;
}
.ourmission-three-column .shg-rich-text.shg-theme-text-content {
  max-width: 360px;
  margin: 0 auto;
}
.ourmission-partner .shogun-image-container {
  margin: 0 auto !important;
}
.ourmission-partner .shg-rich-text.shg-theme-text-content {
  max-width: 800px;
  margin: 0 auto;
}
.ourmission-column-2 .shg-row .shg-c {
min-height: unset!important;
width: 100%!important;;
}
.mb-20 {
    margin-top: 20px;
}
.ourmission-column-2 .shg-c-lg-6.shg-c-md-6.shg-c-sm-6.shg-c-xs-12 {
  display: flex;
  text-align: center;
  justify-content: center;
  flex-wrap: wrap;
}
.ourmission-column-2 .shg-c-lg-6.shg-c-md-6.shg-c-sm-6.shg-c-xs-12:first-child{
  align-items: center;
}
.learnmorepadding-bottom {
  margin-top: -47px;
  margin-bottom: 50px;
}
.ourmission-column-2 .shogun-image-container,
.ourmission-column-seo .shogun-image-container{
  width: 100%;
  height: 100%;
}
.ourmission-column-2 .shg-row .shg-c img,
.ourmission-column-seo .shg-row .shg-c img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wistia_placebo_close_button {
    opacity: 1 !important;
  	outline: none !important;
}
.grecaptcha-badge {
    display: none !important;
}

.mobile-currency .ultimate-currency {
    display: none;
}
.currencyDropWrapperContainer {
    top: 0px !important;
    z-index: 99999999 !important;
}
.bg-black.klaviyo-formdata {
    clear: both;
width: 100%;
float: left;
margin: 0 auto;
}

.kl-private-quill-wrapper-Lkqws1.kl-private-quill-wrapper-Lkqws1.kl-private-quill-wrapper-Lkqws1 .ql-editor p {
    font-size: 14px;
    color: #fff;
    font-family: 'Arial';
}
button.needsclick.Button__FormStyledButton-sc-1of1qh3-0.dpJQDx.kl-private-reset-css-Xuajs1 {
    padding: 11px 0px !important;
}
@media(min-width:1400px){
  .ourmission-column-2 .shg-rich-text.shg-theme-text-content {
    max-width: 700px;
    margin: 0 auto !important;
  }
  .ourmission-column-2 .shogun-image-container{
    width: 100%;
  }
  .ourmission-column-2 .shg-row .shg-c img {
    width: 100%;
  }
}
a.acocunt-btn.btn.btn-primary {
    min-width: 230px;
    max-width: 230px;
}

@media(max-width:1049px){
  .image-sec-wrap {
    background-position: right -40px center !important;
  }
}
@media(max-width:990px){
  .search_bar .main_search_bar {
    margin: 20px 0 0 0px!important;
}
  .shipping-text {
 font-size: 10px!important;
}
.mobile-currency .ultimate-currency {
    display: block!important;
}

  
  .c-top-header {
  padding: 10px;
}
  .mobile-currency {
    width: 20%;
}
  .shipping-text {
    text-align: left;
}
}
@media(max-width:767px){
div#rebuy-cart .rebuy-cart__flyout-recommendations h3.primary-title{
margin-bottom: 20px !important;
padding-top: 20px !important;
}
  .mpadding {
    padding: 0 20px 0 20px;
}
  .search_bar .main_search_bar input {

    width: 100%!important;
}
  .grid__item.md-up--col-7.shipping-text {
    width: 70%!important;
}
.mobile-currency{
    float: left;
    width: 20%!important;
}.mobilelang .weglot-container {
    width: 98px;
    float: right !important;
}
  .mobilelang{width: 100%!important;padding: 0px 0px 5px 0px!important;}
.mobile-currency .ultimate-currency {
    width: 100%!important;padding: 0px 0 0 0!important;
}
.ultimate-currency div {
    float: right;
    margin: 1px 1px 2px 6px;
}
  .mobile-currency .ultimate-currency {
    display: block!important;
}
  .wg-drop.country-selector a {
   height: 26px!important;
    line-height: 26px!important;
    padding: 0 5px!important;
}
.country-selector .wg-li {
    font-size: 12px!important;
    font-family: Overpass!important;
}
.wg-drop.country-selector .wgcurrent a {
    padding-right: 30px!important;
}
   .mobile-currency  .wg-flags.flag-2 a:before{    height: 20px!important;}
.wg-drop.country-selector .wgcurrent:after{
 height: 26px!important;
}
  
.ultimate-currency .jWaUvM {
    padding: 0px!important;

} 
  .ultimate-currency .dmhppJ {
    font-size: 12px;
}
  .c-top-header {
    padding: 10px;
}
  .image-sec-wrap {
    background-position: center center !important;
  }
  .shg-box-vertical-align-wrapper .shogun-mobile-video {
    display: block;
  }
  .shogun-desktop-video {
    display: none !important;
  }
  video#bgvid {
    width: 100%;
    max-height: 100%;
  }
  .shg-c address {
    margin: 0 auto !important;
    text-align: center;
    padding: 0 !important;
  }
  
 .women-productdetail-main .included-purchase.purchase-inc-custom {
    padding-bottom: 20px;
  }
  
  .women-productdetail-main .included-purchase h2 {
    margin-bottom: 10px;
  }
  
   .productdetail-main.women-productdetail-main {
    padding-top: 0;
  }
}

@media(max-width:480px){
  .search_bar .main_search_bar {
    margin: 0px !important;
}
.search_bar button#submitBtn {
    width: 100%;
}
  .mobile-currency .ultimate-currency {
    display: block!important;
}
.ultimate-currency .jWaUvM {
    padding: 0px!important;

}
   .ultimate-currency .dmhppJ {
    font-size: 12px;
} 
  .c-top-header {
   padding: 10px;
}
  .drawer.drawer--right{
    height: 90vh;
  }
  .MiniCartContainer{
    height: 90vh;
  }
  #CartDrawer .rebuy-product-block {
    position: static !important;
  }
  #CartDrawer .flickity-slider {
    position: static !important;
    transform: translateX(0) !important;
  }
  #CartDrawer .flickity-viewport {
    height: auto !important;
  }
  #CartDrawer button.flickity-button {
    display: none;
  }
  #CartDrawer .rebuy-product-block {
    position: static !important;
    padding-bottom: 15px;
  }
  #CartDrawer .flickity-slider {
    position: static !important;
    transform: translateX(0) !important;
  }
  #CartDrawer .flickity-viewport {
    height: auto !important;
  }
  #CartDrawer button.flickity-button {
    display: none;
  }
  #CartDrawer  ol.flickity-page-dots {
    display: none;
  }
  #CartDrawer .ajaxcart__inner {
    padding: 16px 10px 16px;
  }
  #CartDrawer .widget-type-cart {
    padding-top: 0;
  }
}


@media(max-width:400px){
  .mobile-currency .ultimate-currency {
    display: block!important;
}
.ultimate-currency .jWaUvM {
    padding: 0px!important;

}
 .ultimate-currency .dmhppJ {
    font-size: 12px;
} 
  .c-top-header {
    padding: 10px;
}
  
  #CartDrawer .rebuy-product-info {
    width: 29% !important;
    flex: 0 0 37% !important;
  }
  #CartDrawer .rebuy-product-actions {
    flex: 0 0 33% !important;
  }
}
/*added a new class for template-sustainable-sunglasses.liquid
  class css is added below
*/
.custom-sustainable-top-section-icons {
 		 display: flex;
 		 flex-direction: row;
 		 flex-wrap: wrap;
		 width: 65%;
         margin-bottom: 1em;
         align-self:center;
      }
      
.custom-sustainable-top-icons{
         width: 25%;
         display:flex;
         flex-flow:column wrap;
      }
.custom-sustainable-top-icons img{
         width:50%;
         height:auto;
         position:relative;
         align-self:center;
      }
.custom-sustainable-top-icons div{
         width:50%;
         float:right;
         position:relative;
         padding-top: 4em;
      }
.custom-sustainable-top-icons p{
         text-align: center;
         font-weight: bold;
         align-self:center;
         width:50%;
         padding-top: 8px;
      }
@media screen and (max-width: 999px){
.custom-sustainable-top-section-icons {
        width:90%;
}
.custom-sustainable-top-icons{
         width:25%;
         margin-bottom: 1em;
      }
.custom-sustainable-top-icons img{
         width:90%;
      }
.custom-sustainable-top-icons div{
         width:60%;
         padding-top: 2em;
         font-size: 0.6rem;
      }
.custom-sustainable-top-icons p{
         max-width:9em;
         font-weight: bold;
         font-size: 10px;
         align-self:center;
         text-align:center;
         width:85%;
      }
}



/*added a new class for template-sustainable-sunglasses.liquid
  class css is added above
*/

.women-promo-icon-wrap .img-box {
  width: 94px;
  height: 94px;
  background: #CDE0F6;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.women-promo-icon-wrap .kids-coll-icons span {
  text-align: left;
  margin: 0 0 0 15px;
}

.img-box-top img {
  margin-top: 0px;
  margin-left: -10px;
}

.bluelight-icon-heading {
  font-family: Sweet Sans Pro !important;
  font-weight: normal !important;
  letter-spacing: 7px !important;
}
/*.shipping-details {
  margin: 30px 0 0;
}*/


.purchase-women-inc-custom .purchase-inc-custom-inner .part-img h4{
  opacity:1;
}


.included-purchase.purchase-inc-custom.purchase-women-inc-custom {
    padding: 50px 0;
}

.template-product .video-section-wrap.megan-sec .megan-text {
    width: 46%;
}

.also-available.women-light-also-available {
    padding: 14px 0 0;
    max-width: 100%;
}

.also-available.women-light-also-available h5{
  position: relative;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  border-bottom: 1px solid #e6e6e6;
  margin: 0;
  padding: 0 0 15px;
}

.also-available.women-light-also-available .slick-track {
    margin: 0;
}

.women-know-you-product{
	background:#F8F8F8;
}

.pro-description-block .accordionStyle.product-detail-tabs .accordian-header {
    font-weight: 600;
}

.icons_grid {
    display: flex;
    flex-direction:row;
    flex-wrap:wrap;
    width: 100%
    margin-bottom:1em;
}


.bluegrid-img .img-wrp .img-box {
    padding: 0;
}

.bluegrid-img {
    background:;
}

.template-product .img-wrp .grid .grid__item.slay-wrap {
    padding-left: 50px;
}

.bluegrid-img .img-txt {
    padding: 40px 20px;
}

.bluegrid-img.template-blue-img .megan-text {
    padding: 0 20px;
    margin: 0 0 10px;
}



@media(min-width:767px){
  #product-main .md-up--col-10.right {
    width: 83.333%;
  }
  .md-up--col-2 {
    width: 16.666%;
  }
}

@media(max-width:1279px){
  
  .bluegrid-img.template-blue-img .megan-text .d-flex.megan-icn.justify-content-center {
    flex-wrap: wrap;
  }
  
  .bluegrid-img.template-blue-img .img-wrp .grid .icn-box{
    flex: 0 0 50%;
    max-width: 50%;
    padding: 20px;
  }
  
  .bluegrid-img .img-txt p {
    margin: 0;
  }
  .bluegrid-img .img-txt {
    margin: 0;
  }

}

@media(max-width:1023px){
  .container.fullwidth-mobile-wrap {
    max-width: 80%;
    margin: 0 auto 0 0;
  }
  
  .template-product .img-wrp .grid .grid__item.slay-wrap {
    padding-left: 50px;
    padding-right: 23px;
  }
  
  .bluegrid-img .img-txt p {
    margin: 0px;
  }
}

@media(max-width:991px){
.mobilelang {
    position: relative;
    right: 96px;
}
}

@media(max-width:767px){
  .women-promo-icon-wrap .kids-coll-icons:nth-child(3){
  	    order: 4;
  }
 .grid__item.md-up--col-7.shipping-text {
    text-align: center;
    padding-left: 2rem; 
} 
  .template-megan-sec h2, .right-content-wrap h3 {
	font-size:18px;  
  }
  .mobilelang {
    right: -9px;
}
  .women-icon-section{
  	display:none;
  }
  
  .pro-description-block.women-pro-description-block{
  	padding:0;
  }
  
  .bluegrid-img .img-wrp {
    position: relative;
    background: none !important;
  }
  
  .women-mobile-hide{
  	display:none !important;
  }
  
  .img-wrp .grid .icn-box .icn{
    background: #d7e8ff;
  }
  
  .bluegrid-img {
    background: none;
  }
  
.women-mobile-white-bg .icn {
    background: #cde1f5 !important;
    flex: 0 0 90px !important;
    height: 90px !important;
    margin: 0 !important;
}
  
  .template-product .video-section-wrap.megan-sec .megan-text {
    width: 100%;
  }
  .video-section-wrap {

    flex-wrap: wrap;
  }
  .video-section-wrap-ivy {

    flex-wrap: wrap;
  }

  .megan-sec__video.wistia_embed {
    height: auto;
  }
  
  .wistia_click_to_play, .wistia_click_to_play > div {
    width: 100% !important;
    height: 100% !important;
    max-height: 530px;
  }
  .wistia_click_to_play > div img  {
    position: static !important;

  }

  .container.fullwidth-mobile-wrap {
    max-width: 95%;
    margin: 0 auto;
    width: 100%;
    text-align: center;
  }
  
  .bluegrid-img.template-blue-img .megan-text {
    max-width: 95%;
    margin: 0px auto 30px;
  }
  
  .fullwidth-mobile-wrap p{
	text-align:center !important;
  }
  
  .bluegrid-img .img-txt {
    max-width: 95%;
    margin: 30px auto;
    color: #060c56;
  }
  
  .bluegrid-img .img-txt p {
    margin: 0;
  }
  
  .women-mobile-white-bg {
    flex-wrap: wrap;
  }

  .women-mobile-white-bg .icn-box {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    align-items: center;
    padding: 10px !important;
  }

  .bluegrid-img.template-blue-img .img-wrp .grid .women-mobile-white-bg .icn-box p{
    text-align: left;
    padding-left: 10px;
    font-size:14px; 
  }

  .desktp-video {
    margin: 0 auto;
  }
  
}

@media(max-width:479px){

  .women-promo-icon-wrap .img-box {
    width: 60px;
    height: 60px;
    padding: 10px;
  }

  .women-promo-icon-wrap .kids-coll-icons span {
    font-size: 10px;
  }

  .women-promo-icon-wrap .kids-coll-icons img {
    max-width: 50px;
  }

  .kids-coll-icons {
    padding: 10px 17px;
  }
  
  #blue-light-blockers .shopify-product-form .btn--small {
    padding: 4px 0;
    font-size: 14px;
    width: 100%;
  }

  .women-mobile-white-bg .icn {
    flex: 0 0 60px !important;
    height: 60px !important;
  }

  .wistia_placebo_close_button img {
    height: 27px !important;
    right: 5px !important;
    top: 0 !important;
}
  
}



@media(min-width:1024px){
 
  
  #blue-light-blockers .megan-sec .right-content-wrap .megan-text {
    margin: 0 auto;
  }
}
/*** Edit By EcoCart ***/
.ajaxcart__footer { z-index:9 }
/*** Edit By EcoCart ***/

/* Bottom sustainable style*/

.sustain-bottom-text {
  text-align: center !important;
  width: 40%;
  padding: 240px 30px;
}
.container-text-sustain {
  width : 100%;
  
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
 .sustain-bottom-text {
    padding: 80px 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
 .sustain-bottom-text {
    padding: 45px 20px;
    width: 40%;
    background-image: radial-gradient(farthest-corner at 3rem 9rem, #daff15 5%, transparent 75%) !important;
  }
}
@media screen and (max-width: 767px) {
 .sustain-bottom-text {
    width: 100%;
    padding: 30px 0;
  }
}
.sustain-bottom- .sustain-bottom-text .logo-image {
  max-width: 180px;
  margin: 0 auto 20px;
}
.sustain-bottom-text ul {
  list-style: none;
  text-align: left;
  display: inline-block;
}
.sustain-bottom-text ul li {
  position: relative;
  letter-spacing: 0;
  padding-left: 40px;
  margin-bottom: 20px;
  margin-left: 10px;
}
.sustain-bottom-text ul li:before {
  content: '';
  background-image: url(/cdn/shop/files/leaves_png_256x256_crop_center.png?v=1651873694);
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  background-size: cover;
}
.sustain-bottom.template-sustain-bottom-sec .sustian-bottom-text {
  padding: 180px 0;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .sustain-bottom.template-sustain-bottom-sec .sustian-bottom-text {
    padding: 100px 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .sustain-bottom.template-sustain-bottom-sec .sustian-bottom-text {
    padding: 55px 0;
    width: 40%;
  }
}
@media screen and (max-width: 767px) {
  .sustain-bottom.template-sustain-bottom-sec .sustian-bottom-text {
    width: 100%;
    padding: 35px 0;
  }
}
@media screen and (min-width: 768px) {
  .sustain-bottom-mobile {
    display: none;
  }
}
.sustain-bottom-mobile {
  background: none;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
 .sustain-bottom  .sustain-bottom-mobile {
    padding: 40px 0;
  }
}
.sustain-bottom .sustain-bottom-mobile  img {
  display: block;
}
@media screen and (max-width: 767px) {
  .sustain-bottom-sec {
    background-image: radial-gradient(farthest-corner at 3rem 9rem, #daff15 5%, transparent 75%) !important;
  }
}

/* gift page custom css*/

.custom-gift-message{
         padding: 1em;
      }
      .custom-gifts-icons {
 		 display: flex;
 		 flex-direction: row;
 		 flex-wrap: wrap;
		 width: 100%;
         margin-bottom: 1em;
         background
      }

      .custom-gift-icon {
         flex: 33%;
      }
      
      .custom-gift-icon img{
         width: 80%;
         height: auto;
         padding: 10px;
         margin: 5px;
      }
/* sustainable top banner style*/

.sustainable-ul-container {
  height: 2.5rem;
  overflow: hidden;
}

ul.sustainable-ul {
  background-color: #daff15;
  width: 100%;
  display: inline-flex;
  justify-content: space-around;
  flex-wrap: wrap;
  animation: fade-in 5s infinite;
}
ul.sustainable-ul li {
  display: inline-block;
  padding-left: 2.5rem;
  position: relative;
  margin-right: 1rem;
  
}
ul.sustainable-ul h5 {
  letter-spacing: 0.25rem;
  font-size: 1.7rem;
  margin: 0;
  font-family: sweet-sans-pro;
}

ul.sustainable-ul li:before {
  content: '';
  display: block;
  height: 2rem;
  width: 2rem;
  background-image: url(/cdn/shop/files/leaves_png_256x256_crop_center.png?v=1651873694);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: -0.25rem;
}


ul.charity-ul {
  background-color: #1d1d1b;
  
  width: 100%;
  position: relative;
  top: -75px;
  padding: 0.5rem;
  animation: fade-out 5s infinite;
}
ul.charity-ul li {
  display: inline-block;
  padding-left: 15rem;
  margin-right: 1rem;
}
ul.charity-ul h5 {
  letter-spacing: 0.25rem;
  font-size: 1.5rem;
  margin: 0;
  font-family: sweet-sans-pro;
  color: #ffffff;
}

@keyframes fade-out {
  0% {opacity: 0;}
  50% {opacity: 1;}
  100% {opacity: 0;}
}
@keyframes fade-in{
  0% {opacity: 1;}
  50% {opacity: 0;}
  100% {opacity: 1;}
}


/*Blue light blocker page renewal*/
#background-video {
  width: 100vw;
  height: 100vh;
  
  position:absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

/*Bottom banner collections css*/
.new-arrivals-sec-template-new-arrivals-sec {
  background-size: cover; 
  background-position: center center;
}
.new-arrivals-text {
  text-align: left !important;
  width: 40%;
  padding: 240px 30px;
}

.text-uppercase-new-arrivals-sec {
  text-align: center !important
}
.container-text-new-arrivals{
  width : 100%;
  
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
 .new-arrivals-text {
    padding: 80px 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
 .new-arrivals-text{
    padding: 45px 20px;
    width: 40%;
  }
}
@media screen and (max-width: 767px) {
 .new-arrivals-text {
    width: 100%;
    padding: 30px 0;
  }
}
.new-arrivals-sec .new-arrivals-text .logo-image {
  max-width: 180px;
  margin: 0 auto 20px;
}
.new-arrivals-text ul {
  list-style: none;
  text-align: left;
  display: inline-block;
}
.new-arrivals-text ul li {
  position: relative;
  letter-spacing: 0;
  padding-left: 40px;
  margin-bottom: 20px;
  margin-left: 10px;
}
.new-arrivals-text ul li:before {
  content: '';
  background-image: url(/cdn/shop/files/leaves_png_256x256_crop_center.png?v=1651873694);
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .new-arrivals-mobile {
    display: none;
  }
}
.new-arrivals-mobile {
  background: none;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
 .new-arrivals .new-arrivals-mobile{
    padding: 40px 0;
  }
}
.new-arrivals .new-arrivals-mobile  img {
  display: block;
}
@media screen and (max-width: 767px) {
  .new-arrivals-sec {
    background-image: url(/cdn/shop/files/mobile_baanner_733x6074_0e969f3d-4e90-4145-b416-29f089c2e09e_256x256_crop_center.png?v=1654091118) !important;
  }
}
/*importing sweet sans pro*/
@import url(http://db.onlinewebfonts.com/c/4fdae58bbe59b0a9bd3ee50f8fb3e693?family=Sweet+Sans+Light);
@import url(//db.onlinewebfonts.com/c/304efff9f3963a0ded6c244c0c9a941e?family=Sweet+Sans+Pro);

/*sustainability Page styling */

.sustainable-materials-section {
}

.sustainable-materials-title {
     text-transform:uppercase;
}
.sustainable-materials-title h1 {
     font-size: 30px;
     text-align: center;
}
.sustainable-materials-text {
    flex:1;
    align-self:center;
  padding-right:8rem;
  padding-left:8rem;
}
.sustainable-materials-photo {
    flex:1;
}
.sust-point-title {
    display:flex;
    flex-direction:column;
    width: 700px;
    justify-content:center;
    margin-left: 2rem;
}
.icon-leaves {
    width: 80px;
    align-self:center;
}
.icon-leaves img {
    color: #daff15;
}
.redeem_details h5 {
    font-weight: 300;
}
.redeem_details h6 {
    font-weight: 300;
    text-align:justify;
}
.our-process-section {
   display:flex;
   flex-direction:column;
   width: 700px;
   justify-content: center;
   align-items:center;
   text-align: center;
   margin-left: 2rem;
}
.sust-point-title h5 {
   font-weight: 500;
}
.sust-point-title h6 {
   font-weight: 300;
}
.our-process-section h6 {
   font-weight:300;
}
.main-sustainability-container {
  display:flex;
  flex-direction: column;
  text-align:center;
  align-items:center;
}
.icon-text {
   text-align:center;
   text-transform: capitalize;
   font-family: 'Sweet Sans Pro';
   font-size: 8px;
   font-weight: 600;

}
.accordian-header img {
   width: 50px;
}
.accordian-header h5 {
   margin-left:15px;
}
.custom-sustainable-icons {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   width: 50%;
   margin-bottom: 1em;
   text-align:center;
}
.custom-sustainable-icon1, .custom-sustainable-icon2, .custom-sustainable-icon3 ,.custom-sustainable-icon4{
   flex: 25%;
}
.custom-sustainable-icon1 img {
   width: 80%;
   height: auto;
   padding-left: 15px;
   padding-right:15px;
   padding-top: 21px;
   margin: 5px;
   text-align:center;
      }
.custom-sustainable-icon2 img {
   width: 80%;
   height: auto;
   padding-left: 15px;
   padding-right:15px;
   padding-top: 21px;
   margin: 5px;
   text-align:center;
      } 
.custom-sustainable-icon3 img {
   width: 80%;
   height: auto;
   padding-left: 15px;
   padding-right:15px;
   padding-top: 21px;
   margin: 5px;
   text-align:center;
      }
.custom-sustainable-icon4 img {
   width: 80%;
   height: auto;
   padding-left: 15px;
   padding-right:15px;
   padding-top: 21px;
   margin: 5px;
   text-align:center;
      }
.image-and-copy-materials {
   display:flex;
   flex-direction: row-reverse;
   gap:35px;
} 
.our-impact-section {
   align-items:center;
   padding-top:2rem;
}
 .our-impact-title {
    text-align:center;
}
 .our-impact-icons-section {
    display: flex;
    flex-direction:row;
    padding:4rem;
    margin-right: 8rem;
    margin-left: 8rem;
}
 .icon1 , .icon2, .icon3, .icon4, .icon5 {
     flex: 15%;
     display:flex;
     flex-direction:column;
     align-items:center;
}
 .icon-sustainabletext {
     text-align:center;
     text-transform:capitalize;
     font-family: 'Sweet Sans Pro';
     font-size:16px;
     font-weight: 600;
     padding-top:0.5rem;
}
 .icon-subtext {
    font-family: 'Sweet Sans Pro';
    font-size: 14px;
    text-align: center;
    font-weight:400;
    padding-top:0.5rem;
 }
.castor-beans-section {
    padding:2rem;
}
.beans-to-sunglasses-section {
    padding:1rem;
}
.beans-to-sunglasses-title {
   padding-bottom:1rem;
   text-align: center;
}
.beans-to-sunglasses-title h1 {
   font-size:30px;
}
.beans-to-sunglasses-mobile-photo {
   display:none;
}
.beans-to-sunglasses-photo{
   display: block;
}
@media  (max-width: 806px) {
 .sust-point-title {
   margin-left:0rem;
   max-width:fit-content;
   padding-left:2rem;
   padding-right:2rem;
 }
 .icon-leaves {
   width:30px;
}
 .sust-point-title h5 {
   font-size:15px; 
}
 .sust-point-title h6 {
   font-size:12px;
}
 .custom-sustainable.icons {
  width:fit-content;
  padding-right: 1rem;
  padding-left: 1rem;
}  
 .our-process-section {
   margin-left:0rem;
   max-width:fit-content;
   padding-left:2rem;
   padding-right:2rem;
}
 .our-process-section h6 {
   font-size:12px;
}
 .sustainable-materials-section {
   flex-direction:column;
   max-width: fit-content;
   padding-left:2rem;
   padding-right: 2rem;
   text-align:center;
}
 .sustainable-materials-title h1 {
   font-size:21px;  
   text-align:center;
}
 .sustainable-materials-text {
   padding-right:0rem;
   padding-left:0rem;
}
 .sust-materials-text-section {
   padding-left:1.5rem;
   padding-right:0.5rem;
}
 .accordian-header h5 {
  font-size:13px;
  font-weight:300;
}
  .accordian-header img {
   width:30px;
}
  .custom-sustainable-icon4 {
   display:none;
}
 .custom-sustainable-icons {
   width:fit-content;
 }
 .icon-text {
  font-size: 9px;     
}
 .our-impact-section {
   align-items:center;
   padding-top:2rem;
}
 .our-impact-title {
    text-align:center;
}
 .our-impact-icons-section {
    display: flex;
    flex-direction:row;
    padding:0rem;
    margin-right: 0rem;
    margin-left: 0rem;
    justify-content:space-evenly;
}
 .icon1 , .icon2, .icon3, .icon4, .icon5 {
     flex: 15%;
     display:flex;
     flex-direction:column;
     align-items:center;
     justify-content:space-evenly;
     flex-wrap:wrap;
}
 .icon-sustainabletext {
     text-align:center;
     text-transform:capitalize;
     font-family: 'Sweet Sans Pro';
     font-size:13px;
     font-weight: 600;
     padding-top:0.5rem;
}
 .icon-subtext {
    font-family: 'Sweet Sans Pro';
    font-size: 10px;
    text-align: center;
    font-weight:400;
    padding-top:0.5rem;
    padding-bottom: 3rem;
 }
 .accordionStyle .box-accordian .level-box {
    margin-top: 10px;
    padding-bottom: 20px;
    text-align:center;
}
 .image-and-copy-materials {
   display:contents;
} 
 .beans-to-sunglasses-mobile-photo {
   display:block;
}
.beans-to-sunglasses-photo{
   display: none; 
}
.castor-beans-section {
    padding:0rem;
}
.beans-to-sunglasses-section {
    padding:0rem;
}
.beans-to-sunglasses-title {
   padding-bottom:1rem;
   text-align: center;
   padding-top:2rem;
}
.beans-to-sunglasses-title h1 {
   font-size: 21px;
}
}

.why_join_us {
  padding-right:9rem;
  padding-left: 9rem;
}
p.stamped-rewards-widget-title {
    color: black;
    font-weight: 600;
}

li.stamped-rewards-widget-item{
  display:none;
}

collection-titles {
  padding-left:2rem;
  padding-right:2rem;
}
p.title-main-collections-homepage{
  text-align: center;
  margin:0;
}
a.font-family-heading.h5.collection-titles {
font-weight:400;
}


/* sustainable banner product page style */
       
      .sustainable-banner {
         display:flex;
                        
      }
      .sustainable-banner-text{
         background-color: #1b1b1d;
         padding: 3.5rem;
         flex: 50%;
}
      .s-title-we-do {
         align-items: center;
         text-align: center;
}
      .s-title-we-do h1{
         color:#daff15;
         font-family: "sweet sans pro";
         font-size:25px;
}
      .s-title-we-do p {
         color: white;
}
      .sust-charity-section {
         display:grid;
         grid-template-columns: 50% 50%;
         column-gap:4rem;
}
      .sustainability-title {
         display: grid;
         grid-template-columns: 50px 200px;
         align-items:center;
         grid-template-rows: 30px;
}
      .sustainability-title {
         color: white;
         font-family: "Sweet sans pro";
}
      .sust-copy {
        width: 250px;
      }
      .sust-copy p {
         color: white;
         font-family: "Sweet sans pro";
         font-size:13px;
}

      .charity-title {
         display: grid;
         grid-template-columns: 50px 200px;
         align-items:center;
         grid-template-rows:30px;
}
      .charity-title {
         color: white;
         font-family: "Sweet sans pro";
}
      .charity-copy {
         width:250px;      
}
      .charity-copy p {
         color: white;
         font-family: "Sweet sans pro";
         font-size: 13px;
}
      .custom-checkout-icons {
 		 display: flex;
 		 flex-direction: row;
 		 flex-wrap: wrap;
		 width: 100%;
         margin-bottom: 1em;
         text-align:center;
      }

      .custom-checkout-icon {
         flex: 25%;
      }
      
      .custom-checkout-icon img{
         width: 60%;
         height: 70%;
         padding-left: 15px;
         padding-right:15px;
         padding-top: 15px;
         margin: 5px;
         text-align:center;
         font-family: "sweet sans pro"
      }
      .sustainable-banner-photo {
       
        border:solid;
        border-color:#1b1b1d;
        border-width: thin;
        flex: 50%;
      }
      .sust-img: {
       height: 100%;
     }
     .sustainable-banner-photo img {
        height: auto;
        width: auto;
      }
     .btn-primary-sustainable {
        color:white;
        border-color:white;
        border-radius:16px;
        font-size:13px;
        font-family:"Sweet Sans Pro";
     }
     .learn-more-button {
       text-align: center;
       padding: 1.5rem;
}    
    

.join-the-tribe .three-img-box.text-center a {
    position: relative;
    display:block;
}
@media  (max-width: 767px) {
 .afterpay-paragraph {
      margin:0px;
  }
  .sustainable-banner {
     display:flex;
     flex-direction: column-reverse ;
  }
  .s-title-we-do h1 {
     font-size:21px;
  }
  .s-title-we-do p {
     padding-bottom: 2rem;
     font-size: 13px;
  }  
  .sust-charity-section {
     display: flex;
     flex-direction: column-reverse;
  }
  .sustainability-title {
     column-gap: 0.4rem;  
  }
  .sust-copy {
     width: 100%;
  }
  .charity-title {
     column-gap: 0.5rem;
  }
  .charity-copy {
     width: 100%;
     padding-bottom: 2rem;
  }
  .s-title-we-do p {
     padding-bottom: 2rem;
  }
  .custom-checkout-icons {
     display:none;
  }
}


/* insta feed hover animation */
.join-the-tribe .three-img-box a:hover::after {
    background-image:url('data:image/png;base64,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');
    content:"";
    background-position: center;
    background-repeat: no-repeat;
  background-color:rgba(255,255,255,.5);
    display: inline-block;
    position:absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    animation-name : threebox;
    animation-duration: .5s;
}

.join-the-tribe .three-img-box img {
    border-radius: 10%;
}

@keyframes threebox {
    from     {background-color:rgba(0,0,0,0);}
    to  {background-color:rgba(255,255,255,.5);}
}


/* red lens landing page CSS */
/* three video section */

.three-videos-red-lenses {
   display: flex;
   justify-content: space-between;
} 

.video_1 { 
    width: 300px;
}

.video_2 { 
    width: 300px;
}
.video_3 { 
    width: 300px;
}

/* single review dots carrousel

#carousel {
  position: relative;
  width: 100%;
  height: 200px;
}

.slide {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
}

.slide.active {
  opacity: 1;
}

#dots {
  position: relative;
  bottom: 10px;
  left: 50%;
  display: flex;
}

.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #bbb;
  margin: 0 5px;
  cursor: pointer;
}

.dot.active {
  background-color: #555;
}
*/

/* carousel container */
.single-review-dots-carrousel-section-01 {
  position: relative;
  overflow: hidden;
  padding: 2rem;
  border: 0.2rem solid #daff15;
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}


.single-review-dots-carrousel-section-01 .slide {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.single-review-dots-carrousel-section-01 .slide.active {
  display: block;
}

.single-review-dots-carrousel-section-01 .dot {
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.single-review-dots-carrousel-section-01 .dot.active {
  background-color: #717171;
}

.cr-strat{
  text-align: center;
  padding-top: 2rem;
}

.cr-text h5 {

  font-weight:500;
  font-style: italic;
}

.cr-name {
  font-size: 18px;
}
.cr-text {
  text-align: center;
  padding-bottom: 2rem;
}
.cr-image-mobile {
   display: none; 
}

div#dots {
  text-align:center;
}

div#shopify-section-template--16037850284201__c0eeb5fb-9889-420e-a535-0d96166536bd {
  padding-bottom:5rem;
  padding-top:3rem;
}

.red-lens-video-top-mobile {
  display:none;
}
.desktop-full-banner {
 max-width:100%;
}
.mobile-full-banner {
  display:none;
}
.black-and-green-button {
    text-align: center;
    padding-top: 4rem;
    padding-bottom: 3rem;
}
.btn.btn-primary-green-black{
  background-color: #1b1b1d;
  color: #daff15;
  border-color: #1b1b1d;
  border-radius: 15px;
  font-size: 22px;
}

@media  (max-width: 767px) {
.single-review-dots-carrousel-section-01 {
   padding:0rem;
}
  .red-lens-video-top-mobile {
  display: block; 
  }

  .red-lens-video-top {
  display:none;
  }
  .mobile-full-banner {
  display:block;
  }
  .desktop-full-banner{
  display:none;
  }
  .black-and-green-button {
    padding-top: 3rem;
}
.btn.btn-primary-green-black{
  font-size: 18px;
}
 .cr-image-desktop {
   display:none;
}
.cr-image-mobile {
   display: block; 
}


}

/*newsletter section syling*/
.subscribe-section-form {
   height:auto;
   padding:8rem;
   display:flex;
   align-items:center;
   justify-content:center;
}
.subscribe-newsletter-form {
   padding:2rem 8rem;
   width: auto;
   height:auto;
   margin:auto;
}
.heading-sign-up-form {
   text-align:center;
   font-size: 30px;
   font-weight:600;
}
.subheading-sign-up-form {
   text-align: center;
   font-size:22px;
   padding-bottom:1rem;
}

  form {
 text-align:center;
}

  input#Email {
    text-align: center;
    font-size: 18px;
    padding: 1em;
}
  button#Subscribe {
    background: #1b1b1d;
    padding: 14px;
    color: #daff15;
    font-size: 18px;
    border-radius: 20px;
}
@media (max-width:992px) {
.subscribe-section-form {
    height: auto;
    padding: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.subscribe-newsletter-form {
   padding:4rem 1rem;
   width: auto;
   height:auto;
   margin:auto;
}
.heading-sign-up-form {
  font-size: 18px;
}
.subheading-sign-up-form {
  font-size:14px;
}
}

.buy-with-prime-icon {
    display: block;
    position: absolute;
    width: 20%;
}

.right-image-icon {
    display: block;
    position: absolute;
    width: 170%;
}

.sticky-button {
  display: block;
/*   position: fixed; */
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
}



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

@media screen and (max-width: 767px){

section.section-content.included-purchase {
    padding-top: 5px;

}
}

/* second header for detils and fit*/
h6.accordian-header.font-family-base.details_and_fit.open {
    position: relative;
}
.details_and_fit_button .accordian-header:after,
.details_and_fit_button .accordian-header:before {
  content: '';
  position: absolute;
  top: 40%;
  right: 0;
  margin: 0 0 -8px;
  background: #000;
  border-radius: 2px;
}
.details_and_fit_button .accordian-header:before {
  right: 8px;
  width: 2px;
  height: 15px;
  transition: all 0.3s;
  margin-top: -7.5px;
  background: #000;
}
.details_and_fit_button .accordian-header:after {
  right: 1px;
  width: 16px;
  height: 3px;
  margin-top: -1.5px;
  background: #000;
}
.details_and_fit_button .accordian-header.open:before {
  height: 0;
  margin-top: 0;
} 
 .know-you-product.details_and_fit_button:first-child .accordian-header {
  border-top: 0;
}

/* PRESCRIPTION ICONS COLLECTION CSS */
.section-head.text-center {
         display:flex;
         flex-flow:column;
}

.custom-prescription-top-section-icons {
 		 display: flex;
 		 flex-direction: row;
 		 flex-wrap: wrap;
		 width: 85%;
         margin-bottom: 1em;
         align-self:center;
      }
      
.custom-prescription-top-icons{
         width: 20%;
         display:flex;
         flex-flow:column wrap;
      }
.custom-prescription-top-icons img{
         width:50%;
         height:auto;
         align-self:center; 
         position:relative;
      }
.custom-prescription-top-icons div{
         width:50%;
         float:right;
         position:relative;
         padding-top: 4em;
      }
.custom-prescription-top-icons p{
         text-align: center;
         font-weight: bold;
         align-self:center; 
         width:50%;
         padding-top:1em;

      }
@media screen and (max-width: 999px){
.custom-prescription-top-section-icons { 
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        width:85%;
        margin-bottom: 0em;
        align-self:center;
        justify-content: space-evenly;
} 
.custom-prescription-top-icons{
         width:33%;
         margin-bottom: 1em;
         font-size: 10px;
      }
.custom-prescription-top-icons img{
         width:90%;
      }
.custom-prescription-top-icons div{
         width:60%;
         padding-top: 2em;
         font-size: 0.6rem;
      }
.custom-prescription-top-icons p{
         max-width:9em;
         font-weight: bold;
         text-align:center;
         align-self:center; 
      }
}

.image_before_video_section {
    flex: auto;
    width: 50%;
}

.accordionStyle.product-detail-tabs .accordian-header {  
  position: relative;
  font-size: 16px;  
  font-weight: 300;
  text-transform: uppercase; 
  font-family: Sweet Sans Pro; 
  border-top: 0;
}

.accordionStyle.product-detail-tabs .accordian-header:after { 
  content: '+'; 
  right: 10px; 
  position: absolute; 
  font-size: 35px; 
  top: 0;
}

.accordionStyle.product-detail-tabs .accordian-header.open:after { 
  content: ''; 
  width: 19px;  height: 2px;
  background: #000000;
  top: 24px;
}

.accordion-block-box p {
  font-size: 14px;
  color: #000;
  line-height: 22px;
}
.custom-add-to-cart{
  display: none;
}
.custom-add-to-cart:hover{
  background: #373636;
}
.sust-title{
  margin-top: 30px;
  text-align:center;
}
 #rebuy-widget-4817 .rebuy-button{
    background: none!important;
    border: 1px solid #121212!important;
    border-radius: 3px!important;
    color: #121212!important; 
} 
.rebuy-widget .flickity-page-dots .dot, .rebuy-recommended-products .flickity-page-dots .dot {
    height: 2px!important;
}
#rebuy-widget-4817 .rebuy-widget-content{
        box-shadow: none!important;
}
#rebuy-widget-4817 .rebuy-product-media{
    border: 1px solid lightgrey;
}
#rebuy-widget-4817 .flickity-button{
    top: 60%!important;
    background: none!important;
}
.also-available.d-block .slick-next {
    right: 0px;
}
.also-available.d-block .slick-prev {
    left: 0px;
}
.product-case{
    background: #f6f6f6;
    padding: 5px;
    border-radius: 3px;
}
.product-case label{
    font-size: 12px!important;
}
#rebuy-widget-4817 .is-hidden{
  display: block!important;
}
#rebuy-widget-50768 .rebuy-product-actions{
  max-width: unset!important:
}
.custom_liquid{
  text-align:center;
}
.tangle-free:after{
    border:none;
    box-shadow: none;
}
.tangle-free{
    background: #e7f27c;
    color: #121212;
    border: none;
    text-transform: uppercase;
}