html { height:100%; }

.meta-rubber-about-container-bg { width:100%; background:#fff; position:relative; margin-top:-80px} 
        .meta-rubber-about-container { width:900px; margin:0 auto; min-height:450px;  }
        .meta-rubber-about-left-column { float:left; width:240px; margin-right:100px; font-family: 'Barlow Semi Condensed', sans-serif; text-transform:uppercase; font-size:22px;  line-height:34px; margin-top:90px; letter-spacing:2px; z-index:2;}
        .meta-rubber-about-right-column {float:left; width:560px; font-size:22px; margin-top:90px; line-height:32px; z-index:2;}
        .meta-rubber-about-bg { background:url('../img/product/hairstyling/meta-rubber/about_bg.jpg');
         background-attachment: fixed;
         background-position: center;
         background-repeat: no-repeat;
         background-size: cover;
            width:100%;
            height:100%;
			min-height:900px;
        }
        .about-bg-faded { opacity:0.025; position:absolute; z-index:1; width:70%; height:auto; left:25%; top:110px}
        .meta-rubber-about-feature-title { margin-left: 60px; margin-top:45px; color:#fff; font-weight:bold; font-size:26px; line-height:34px; letter-spacing:2px; font-family: 'Barlow Semi Condensed', sans-serif; text-transform:uppercase; }
        .meta-rubber-about-feature-container-bg { bottom:-160px; width:90%; background:#000; position:absolute; margin-left:10%; min-height:330px; z-index:2}
         .meta-rubber-about-feature-container { width:1200px; margin-left:60px;}
        .meta-rubber-about-feature-column {float:left; margin:20px 60px; min-height:185px; color:#fff; font-size:22px; width:280px; padding-top:10px;}
.right-desktop-line { border-right:1px solid #444; }
        .meta-rubber-feature-container-bg { width:100%; min-height:400px; background: linear-gradient(15deg, #c7e4e8 0%, #f7bfc8 50%, #efefdb 100%); position:relative}
        
        .meta-rubber-feature-container { width:1000px; margin:0 auto; padding-top:60px; padding-bottom:80px; z-index:2}
        
        .feature__bg {
	    position: absolute;
	    top: 30%;
	    left: 35%;
	    transform: translate(-50%, -50%);
	    z-index: 1;
	    color: #fff;
	    filter: blur(7px);
	    font-family: "Barlow Semi Condensed",sans-serif;
	    font-weight: 700;
	    font-style: normal;
	    font-size: 14rem;
	    letter-spacing: .1em;
	    letter-spacing: 0;
	    opacity: .2;
        }
        
        .feature-title { font-family: 'Barlow Semi Condensed', sans-serif; text-transform:uppercase; font-size:22px;  line-height:34px; margin-bottom:30px; letter-spacing:2px; text-align:center; z-index:2; font-weight:bold; }

		.product-positioning-title {  font-family: 'Barlow Semi Condensed', sans-serif; text-transform:uppercase; font-size:22px;  line-height:34px; padding-top:50px; margin-bottom:10px; letter-spacing:2px; text-align:center; z-index:2; font-weight:bold; }
        
        .feature__lead {
	        width: auto;
	        display: flex;
	        align-items: center;
	        justify-content: flex-start;
            z-index:2

        }

        .feature__no {
	       font-family: 'Barlow Semi Condensed', sans-serif;
	        font-weight: 700;
	        font-style: normal;
	        font-size: 20px;
	        letter-spacing: .1em;
	        display: flex;
	        align-items: center;
	        padding-right: 15px;
            z-index:2
            }

        .feature__no::after {
	            content: "";
	            width: 50px;
	            height: 1px;
	            background-color: rgba(0,0,0,.12);
	            margin-left: 15px;
            z-index:2
            }
        
        .feature__text { font-size:22px; line-height:30px; z-index:2}
        
        .feature_margin_left_20px { margin-left:20px;}
        .feature_margin_left_40px { margin-left:40px;}
        .mr_products__model {
	    position: relative;
	    width: 600px;
        height:500px;
	    -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 75% 100%);
	    clip-path: polygon(100% 0, 0 0, 0 100%, 75% 100%);
	    z-index: 1;
        }
        
        .mr_products__model_right {
            position: relative;
	    width: 600px;
        height:500px;
            -webkit-clip-path: polygon(100% 0, 0 0, 25% 100%, 100% 100%);
            clip-path: polygon(100% 0, 0 0, 25% 100%, 100% 100%);
            z-index: 1;
            
        }
        
* panel styles */
.panel {
  /* min height incase content is higher than window height */
  min-height: 100vh;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-family: sans-serif;
  /* outline: 10px solid hotpink; */
  /* turn above on to see the edge of panels */
}

/* colours */
        
.color-hardwaxbg { 
    background-color:#f88f9c;
    transition:1s;
}
    
.color-balmsmartbg { 
    background-color:#96c3ba;
    transition:1s;
}
.color-clayflexbg { 
    background-color:#7a94cc;
    transition:1s;
} 
.color-glosshardbg { 
    background-color:#e7e4ac;
    transition:1s;
}     
.color-gelplayfulbg { 
    background-color:#e4e8ef;
    transition:1s;
}            
.color-bubblepermstylecreatorbg { 
    background-color:#94805c;
    transition:1s;
}          
        
.color-white {
  background-color: #fff;
    transition:1s;
}
   
        
.meta-rubber-product-container { width:1200px; min-height:500px; margin:0 auto;  padding-top:100px; padding-bottom:100px;}
        
.meta-rubber-product-column-model-img { width:600px; position:relative; float:left; margin-right:200px;} 
.meta-rubber-product-column-model-img-right { width:600px; position:relative; float:left; margin-left:200px;} 
        
.meta-rubber-product-column-product-img img { position:absolute; top:20px; right:-250px; width:500px; height:534px; z-index:1}   
.meta-rubber-product-column-product-img-right img { position:absolute; top:20px; left:-250px; width:500px; height:534px; z-index:1}  
        
.meta-rubber-product-column-description { width:400px; float:left;}   
 
.meta-rubber-product-description-type { font-family: 'Barlow Semi Condensed', sans-serif; font-weight:bold; font-size:100px; margin-top:95px; margin-bottom:20px; text-align:center; }    
        
.meta-rubber-product-description-info { font-size:18px; line-height:22px; margin-bottom:20px; text-align:center;}          

.meta-rubber-product-description-label-container { width:600px; margin-top:10px; margin-bottom:10px; margin-left:35px;}
.meta-rubber-product-description-label { float:left; margin-right:20px; }
.meta-rubber-product-description-parameter { float:left; }
        
 .mr_products__label {
	width: 10em;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	display: flex;
	justify-content: space-between;
	padding-right: 15px;
}
        
.mr_products__label::before {
	content: "[";
}

.mr_products__label::after {
	content: "]";
}

.mr_products__parameters {
	display: flex;
}

.mr_products__parameter {
	width: 14px;
	height: 20px;
	background-color: #000;
	text-indent: -999px;
	overflow: hidden;
	transform: skew(-20deg);
	opacity: .1;

}

.mr_products__parameter:not(:last-child) {
	margin-right: 7px;
}

.mr_products__parameter--active {
	opacity: 1;
}

        
/* Accordion */
        
.accordion-container { width:1100px; margin:0 auto}
.accordion-column-left { float:left; width:500px; margin-right:100px; padding-top:20px; padding-bottom:40px;}
.accordion-column-right { float:left; width:400px; padding-top:40px; padding-bottom:40px;}
        
.accordion {
  background-color: #000;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 20px;
  line-height:24px;
  transition: 0.4s;
   position:relative;
   border-bottom:1px solid #000;
       font-family: 'Optima', serif;
    z-index:2;
    margin-top:30px;
}
.accordion::after {
    
  content: "";
  position:absolute;
  top:20px;
  right:15px;
  font-size:18px;
  border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition:0.3s
    
}

.accordion-active, .accordion:hover {
    
  opacity:0.6
}

.accordion-active::after {

  content: "";
  position:absolute;
  top:25px;
  right:15px;
  font-size:18px;
  border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
     transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);

}

.accordion-panel {
  padding: 20px;
  display: none;
  background-color: #fff;
  box-shadow:none;
    z-index:2;
  
}        
.responsive { width:100%; max-width:100%;}
        
.thumbnails, .thumbnails2, .thumbnails3, .thumbnails4, .thumbnails5, .thumbnails6 {
  display: flex;
  margin: 1rem auto 0;
  padding: 0;
  justify-content: center;
}

.thumbnail, .thumbnail2, .thumbnail3, .thumbnail4, .thumbnail5, .thumbnail6 {
  width: 70px;
  height: 70px;
  overflow: hidden;
  list-style: none;
  margin: 0 0.2rem;
  cursor: pointer;
}

.thumbnail img, .thumbnail2 img, .thumbnail3 img, .thumbnails4 img, .thumbnails5 img, .thumbnails6 img {
  width: 100%;
  height: auto;
}

.meta-rubber-product-detail-type { font-family: 'Barlow Semi Condensed', sans-serif; font-size:60px; margin-bottom:20px; text-align:center;line-height:70px; }  
  
/* BUY */
img {
    vertical-align: middle;
}
    .cart-icon {
    height: 20px;
    width: 20px;
    margin-left: -3px;
    margin-right: 5px;
    margin-bottom: 5px;
        }
.shop-now-line { color:#ccc; margin-left:10px; margin-right:10px; display:inline-block; font-size:20px; }
        
.shop-img {float:left; padding:5px; max-width:100%; opacity:1;}

.shop-img:hover {opacity:0.6;}

.buy {
  position: relative;
  display: inline-block;
}

.buy .buy-text {
  visibility: hidden;
  width: 636px;
  background-color: #fff;
  border:1px solid #000;
  text-align: center;
  padding: 10px;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -318px;
  opacity: 0;
  transition: opacity 1s;
}

.buy .buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 312px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

.buy:hover .buy-text {
  visibility: visible;
  opacity: 1;
}

.buy-last {
  position: relative;
  display: inline-block;
}

.buy-last .buy-text {
  visibility: hidden;
  width: 636px;
  background-color: #fff;
  border:1px solid #000;
  text-align: center;
  padding: 10px;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -318px;
  opacity: 0;
  transition: opacity 1s;
}

.buy-last .buy-text::after {
  content: " ";
  position: absolute;
  bottom: 100%;  /* At the top of the tooltip */
  left: 312px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}

.buy-last:hover .buy-text {
  visibility: visible;
  opacity: 1;
}

.buy-button { padding:5px 41px 5px 25px; font-size:18px; color:#fff; background:#000; display:inline-block; position: relative; transition:0.3s; cursor:pointer;font-family: 'Oswald', sans-serif;
    
}

.buy-button:hover { opacity:0.6; }

.buy-button::before { content: " "; position:absolute;  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 4px;
  right:18px;
  top:14px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); 
  color:#fff; }
  
.buy-button:hover::before { opacity:0.6; }

.select-text { padding-top:10px;  }

.bubble-container { width:880px; margin:0 auto; }

.bubble__head {
    border-top: 2px solid #000;
    padding: 30px 0;
    display: flex;
    justify-content: center;
    position: relative;
	margin:40px auto 20px auto;
}
.bubble__head-line {
    border-top: 2px solid #000;
	border-bottom: 2px solid #000;
    padding: 30px 0;
    display: flex;
    justify-content: center;
    position: relative;
	margin:40px auto 20px auto;
}
.bubble__subtitle {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -60%);
    font-family: "Barlow Semi Condensed",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    letter-spacing: .1em;
    background-color: #fff;
    padding: 0 15px;
	color:#000;
	text-align:center;
}

.bubble__prepend {
    background-color: #000;
    color: #fff;
    font-family: "Barlow Semi Condensed",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    letter-spacing: .1em;
    padding: 8px 10px;
    margin-right: 10px;
    text-align: center;
	
}
.bubble__text { font-size:16px; }

.bubble__subhead {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 20px;
}

.bubble__item .bubble__prepend {
    width: 24px;
    height: 24px;
    border: 2px solid #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Barlow Semi Condensed",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.3rem;
    letter-spacing: .1em;
    margin-right: 10px;
}
.bubble__item {
    display: flex;
    align-items: center;
	margin-bottom:10px;
}

.bubble__group--step {
    justify-content: space-between;
}
.bubble__group {
    display: flex;
    position: relative;
}

.bubble__group--step .bubble__text {
    flex: 1;
    font-size: 1.4rem;
}

.bubble__group--before-after {
	padding-top: 20px;
	padding-bottom: 20px;
	justify-content: space-between;
}

.bubble__group--before-after::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 15px;
	border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #000;
	order: 2;
	margin: auto 0;
}
.bubble__annotation {
	font-size: 14px;
	margin:10px auto;
}

.bubble__group--before-after .bubble__prepend {
    font-family: "Barlow Semi Condensed",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.6rem;
    letter-spacing: .1em;
    padding-bottom: 15px;
	color:#000;
	background:none
}
.bubble__image { width:100%; height:auto; }

.bubble__block--before {
    order: 1;
    width: 30.5555555556%;
}
.bubble__block--after {
    order: 3;
    width: 61.8055555556%;
}
.bubble__block {
    text-align: center;
}
.note-info { display:block; margin-bottom:20px; }
.youtube-video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom:60px;
}

.youtube-video-container::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.youtube-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.collaboration-with-fifth-container-bg {
    position: relative;
    background: linear-gradient(15deg, #c7e4e8 0%, #f7bfc8 50%, #efefdb 100%);
	width:100%;
}

.salon {
	display: flex;
	justify-content: space-between;
	position: relative;
	width: 1200px;
	max-width: 1366px;
	margin: 0 auto;
	padding-top: 120px;
	padding-bottom: 120px;
}
.salon p { font-size:14px; line-height:26px; margin-bottom:10px; }
.salon__title {
	display: flex;
	align-items: center;
	padding-bottom: 60px;
}

.salon__label {
	font-family: "Barlow Semi Condensed",sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.8rem;
	letter-spacing: .1em;
	padding-right: 25px;
	letter-spacing: .2em;
}

.salon__column--left {
	width: 57.1678321678%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.salon__column--right {
	width: 37.4125874126%;
	padding-top: 50px;
}

.salon__copy {
	font-family: "Noto Sans JP",sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 26px;
	padding-top: 40px;
}

.salon__bottom {
	padding-top: 30px;
	display: flex;
}

.salon__link {
	display: flex;
	align-items: center;
	text-decoration: none;
	transition: all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.salon__link:not(:last-child) {
	margin-right: 30px;
}

.salon__icon {
	position: relative;
	width: 40px;
	height: 40px;
	background-color: #fff;
	-webkit-clip-path: circle(50% at 50% 50%);
	clip-path: circle(50% at 50% 50%);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 12px;
}

.salon__text {
	color: #000;
	font-family: "Barlow Semi Condensed",sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.6rem;
	letter-spacing: .1em;
}

.salon__image {
	width: 100%;
	height: auto;
}

.salon__title .salon__image {
	width: 120px;
	transform: translateY(-5%);
}

.salon__link--link .salon__image,
.salon__link--instagram .salon__image {
	width: 20px;
}

strong { font-weight:bold!important; }

.shop-img { width:190px; height:auto;}

.position-map-container { width:100%; background:#fff; min-height:465px;}
.position-map { width:650px; height:405px; margin:60px auto;}

.sample-container-bg { background:#fff; width:100%; padding-top:60px; padding-bottom:60px; }

.footer-bg-container { background:#fff; width:100%; padding-top:30px; padding-bottom:50px; border-top:1px solid #ccc;}
.where-to-get { font-size:20px; display:block; margin:20px auto; text-align:center; }

.sampling-banner-img { max-width:100%; width:800px; position:relative; transition:0.3s; margin:50px auto 30px auto}
.sampling-banner-img:hover { opacity:0.6; }

.desktop-move-left { margin-left:-15px!important; }

.footer-img-container { width:1020px; margin:0 auto; min-height:70px; }
.footer-img-container img { float:left; margin:10px; width:150x; height:51px; }

.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.video-container-background { background:#eee;width:100%;padding-top:50px;padding-bottom:50px; }
.video-container-title {  font-family: 'Barlow Semi Condensed', sans-serif; text-transform:uppercase; font-size:22px;  line-height:34px;  margin-bottom:30px; letter-spacing:2px; text-align:center; z-index:2; font-weight:bold; } 
.video-container-content { max-width:100%; width:800px; margin:0 auto }
.video-container-bottom-text {   font-size:22px; margin-top:10px; text-align:center} 

/* Responsive about bg */

@media all and (max-width: 499px) {
	
.meta-rubber-about-bg { background:url('../img/product/hairstyling/meta-rubber/about_bg_mobile.jpg');
         background-attachment: scroll;
         background-position: center;
         background-repeat: no-repeat;
         background-size: cover;
            width:100%;
            height:100%;
			min-height:360px;
	        
        }
}

@media all and (min-width: 500px) and (max-width: 600px) {
	
.meta-rubber-about-bg { background:url('../img/product/hairstyling/meta-rubber/about_bg_mobile.jpg');
         background-attachment: scroll;
         background-position: center;
         background-repeat: no-repeat;
         background-size: cover;
            width:100%;
            height:100%;
			min-height:450px;
	        
        }
}

@media all and (min-width: 601px) and (max-width: 768px) {
	
.meta-rubber-about-bg { background:url('../img/product/hairstyling/meta-rubber/about_bg_mobile.jpg');
         background-attachment: scroll;
         background-position: center;
         background-repeat: no-repeat;
         background-size: cover;
            width:100%;
            height:100%;
			min-height:634px;
	
        }
}

/* Tablet and smaller laptop */

/* Mobile */

@media all and (min-width: 1251px) {
.mobile { display:none; }
}

@media all and (max-width: 1250px) {

	.desktop { display:none; }
	.meta-rubber-about-container-bg { width:100%; background:#fff; position:relative; margin-top:40px} 
        .meta-rubber-about-container { width:100%; margin:0 auto; min-height:auto;  }
        .meta-rubber-about-left-column { float:none; width:90%; margin:20px auto; font-family: 'Barlow Semi Condensed', sans-serif; text-transform:uppercase; font-size:22px;  line-height:34px; letter-spacing:2px; z-index:2;}
        .meta-rubber-about-right-column {float:none; width:90%; font-size:18px; margin:20px auto -30px auto; line-height:26px; z-index:2;}
	
      
        .about-bg-faded { opacity:0.025; position:absolute; z-index:1; width:70%; height:auto; left:25%; top:20px}
        .meta-rubber-about-feature-title { margin-left:10%; margin-top:30px; color:#fff; font-weight:bold; font-size:26px; line-height:34px; letter-spacing:2px; font-family: 'Barlow Semi Condensed', sans-serif; text-transform:uppercase; }
        .meta-rubber-about-feature-container-bg { bottom:-70px; width:90%; background:#000; position:relative; margin-left:10%; z-index:2; padding-top:5px; margin-top:0; margin-bottom:0}
         .meta-rubber-about-feature-container { width:100%; margin:0 auto; padding-bottom:30px;}
        .meta-rubber-about-feature-column {float:none; margin:10px auto; color:#fff; font-size:22px; line-height:26px; width:80%; padding-top:10px; min-height:auto;}
	.bottom-faded-line { padding-bottom:20px; border-bottom:1px solid #444; }
        .meta-rubber-feature-container-bg { width:100%; min-height:400px; background: linear-gradient(15deg, #c7e4e8 0%, #f7bfc8 50%, #efefdb 100%); position:relative}
        
        .meta-rubber-feature-container { width:90%; margin:0 auto; padding-top:40px; padding-bottom:40px; z-index:2}
	
.feature__bg {
	    position: absolute;
	    top: 20%;
	    left: 35%;
	    transform: translate(-50%, -50%);
	    z-index: 1;
	    color: #fff;
	    filter: blur(7px);
	    font-family: "Barlow Semi Condensed",sans-serif;
	    font-weight: 700;
	    font-style: normal;
	    font-size: 12rem;
	    letter-spacing: .1em;
	    letter-spacing: 0;
	    opacity: .2;
        }
        
        .feature-title { font-family: 'Barlow Semi Condensed', sans-serif; text-transform:uppercase; font-size:26px;  line-height:34px; margin-bottom:30px; letter-spacing:2px; text-align:center; z-index:2; font-weight:bold; }
        
        .feature__lead {
	        width: auto;
	        display: flex;
	        align-items: center;
	        justify-content: flex-start;
            z-index:2

        }

        .feature__no {
	       font-family: 'Barlow Semi Condensed', sans-serif;
	        font-weight: 700;
	        font-style: normal;
	        font-size: 20px;
	        letter-spacing: .1em;
	        display: flex;
	        align-items: center;
	        padding-right: 15px;
            z-index:2
            }

        .feature__no::after {
	            content: "";
	            width: 50px;
	            height: 1px;
	            background-color: rgba(0,0,0,.12);
	            margin-left: 15px;
            z-index:2
            }
        
        .feature__text { font-size:18px; line-height:26px; z-index:2}
        
        .feature_margin_left_20px { margin-left:20px;}
        .feature_margin_left_40px { margin-left:40px;}
        .mr_products__model {
	    position: relative;
	    width: 600px;
        height:500px;
	    -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 75% 100%);
	    clip-path: polygon(100% 0, 0 0, 0 100%, 75% 100%);
	    z-index: 1;
        }
        
        .mr_products__model_right {
            position: relative;
	    width: 600px;
        height:500px;
            -webkit-clip-path: polygon(100% 0, 0 0, 25% 100%, 100% 100%);
            clip-path: polygon(100% 0, 0 0, 25% 100%, 100% 100%);
            z-index: 1;
            
        }
	
.position-map-container { width:100%; background:#fff; min-height:259px;}
.position-map { width:320px; height:199px; margin:30px auto;}
	
.meta-rubber-product-container { width:90%; min-height:auto; margin:0 auto;  padding-top:60px; padding-bottom:60px;}
        
.meta-rubber-product-column-model-img { width:90%;; position:relative; float:none; margin:0 auto;} 
.meta-rubber-product-column-model-img-right { width:90%; position:relative; float:none; margin:0 auto;} 
        
.meta-rubber-product-column-product-img img { position:relative; top:-100px; bottom:auto; right:auto; left:auto; margin:0 auto -170px auto; width:320px; height:342px; z-index:1; display: flex; justify-content: center; }   
	
.meta-rubber-product-column-product-img-right img { position:relative; top:-100px; bottom:auto; right:auto; left:auto; margin:0 auto -170px auto; width:320px; height:342px; z-index:1; display: flex; justify-content: center; }    
        
.meta-rubber-product-column-description { width:90%; float:none; margin:0 auto}   
 
.meta-rubber-product-description-type { font-family: 'Barlow Semi Condensed', sans-serif; font-weight:bold; font-size:75px; margin-top:0; margin-bottom:0; text-align:center; }    
        
.meta-rubber-product-description-info { font-size:18px; line-height:22px; margin-bottom:20px; text-align:center;}          

	
.meta-rubber-product-description-label-container { width:320px; margin:0 auto}
.meta-rubber-product-description-label { float:left; margin-right:10px; }
.meta-rubber-product-description-parameter { float:left; }
        
 .mr_products__label {
	width: 10em;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	display: flex;
	justify-content: space-between;
	padding-right: 15px;
}
        
.mr_products__label::before {
	content: "[";
}

.mr_products__label::after {
	content: "]";
}

.mr_products__parameters {
	display: flex;
}

.mr_products__parameter {
	width: 14px;
	height: 20px;
	background-color: #000;
	text-indent: -999px;
	overflow: hidden;
	transform: skew(-20deg);
	opacity: .1;

}

.mr_products__parameter:not(:last-child) {
	margin-right: 7px;
}

.mr_products__parameter--active {
	opacity: 1;
}	

.mr_products__model {
    width: 100%;
	height:auto;
    -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 75%);
    clip-path: polygon(100% 0, 0 0, 0 100%, 100% 75%);
	}	
.mr_products__model .mr_products__image {
    position: absolute;
    top: -5%;
    left: 0;
    -o-object-position: 50% 0%;
    object-position: 50% 0%;
    height: 100%;
	}
	
.accordion-container { width:100%; margin:0 auto}
.accordion-column-left { float:none; width:100%; margin:0 auto padding-top:20px; padding-bottom:20px;}
.accordion-column-right { float:none; width:100%; margin:0 auto padding-top:20px; padding-bottom:20px;}	

.meta-rubber-product-detail-type { font-family: 'Barlow Semi Condensed', sans-serif; font-size:45px; margin-bottom:20px; text-align:center;line-height:50px; }  
	
.bubble-container { width:100%; margin:0 auto; }

.bubble__head {
    border-top: 2px solid #000;
    padding: 30px 0;
    display: flex;
    justify-content: center;
    position: relative;
	margin:40px auto 20px auto;
}
.bubble__head-line {
    border-top: 2px solid #000;
	border-bottom: 2px solid #000;
    padding: 30px 0;
    display: flex;
    justify-content: center;
    position: relative;
	margin:40px auto 20px auto;
}
.bubble__subtitle {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -60%);
    font-family: "Barlow Semi Condensed",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    letter-spacing: .1em;
    background-color: #fff;
    padding: 0 15px;
	color:#000
}

.bubble__prepend {
    background-color: #000;
    color: #fff;
    font-family: "Barlow Semi Condensed",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    letter-spacing: .1em;
    padding: 8px 10px;
    margin-right: 10px;
    text-align: center;
	
}
.bubble__text { font-size:16px; }

.bubble__subhead {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 20px;
}

.bubble__item .bubble__prepend {
    width: 24px;
    height: 24px;
    border: 2px solid #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Barlow Semi Condensed",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.3rem;
    letter-spacing: .1em;
    margin-right: 10px;
}
.bubble__item {
    display: flex;
    align-items: center;
	margin-bottom:10px;
}

	
.bubble__group--step {
    justify-content: space-between;
}
.bubble__group {
    display: flex;
    position: relative;
}

.bubble__group--step .bubble__text {
    flex: 1;
    font-size: 1.4rem;
}

.bubble__group--before-after {
	padding-top: 20px;
	padding-bottom: 20px;
	justify-content: space-between;
}

.bubble__group--before-after::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 15px;
	border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #000;
	order: 2;
	margin: auto 0;
}
.bubble__annotation {
	font-size: 14px;
	margin:10px auto;
}

.bubble__group--before-after .bubble__prepend {
    font-family: "Barlow Semi Condensed",sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.6rem;
    letter-spacing: .1em;
    padding-bottom: 15px;
	color:#000;
	background:none
}
.bubble__image { width:100%; height:auto; }

.bubble__block--before {
    order: 1;
    width: 30.5555555556%;
}
.bubble__block--after {
    order: 3;
    width: 61.8055555556%;
}
.bubble__block {
    text-align: center;
}
	
	
.salon {
	display: flex;
	justify-content: space-between;
	position: relative;
	width: 90%;
	max-width: 90%;;
	margin: 0 auto 80px auto;
	padding-top: 60px;
	padding-bottom: 60px;
	display: block;
	padding: 15vw 0;;
}

.salon__title {
	flex-direction: column;
	align-items: center;
	padding-bottom: 40px;
}

.salon__label {
	padding: 0;
	font-size: 1.7rem;
	letter-spacing: .3em;
}

.salon__column--left {
	width: 100%;
}

.salon__column--right {
	width: 100%;
	padding-top: 0;
}

.salon__column--right .salon__figure {
	display: none;
}

.salon__copy {
	padding-top: 4vw;
}

.salon__bottom {
	padding-top: 20px;
}

.salon__link:not(:last-child) {
	margin-right: 20px;
}

.salon__icon {
	width: 36px;
	height: 36px;
	margin-right: 10px;
}

.salon__text {
	font-size: 1.4rem;
}

.salon__title .salon__image {
	width: 180px;
	transform: translateY(0);
	margin-top: 15px;
}

.salon__link--link .salon__image,
.salon__link--instagram .salon__image {
	width: 18px;
}
	
	
	
.buy .buy-text {
  width: 100%;
  margin-top:-10px;
  margin-left:0;
  margin-right:0;
  left:0;
  padding:5px;
	z-index:10!important;

}

.buy .buy-text::after {

  bottom: 100%;  /* At the top of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;

}    

.buy-last .buy-text {
  width: 100%;
  margin-top:-10px;
  margin-left:0;
  margin-right:0;
  left:0;
  padding:5px;
  border:none;

}

.buy-last .buy-text::after {

display:none;

}    


.buy-last:hover .buy-text {
  visibility: visible;
  opacity: 1;
  position:relative;
}

.select-text { padding:10px 5px 0px 5px; }

.buy-button { width:260px; margin-bottom:10px; } 

.shop-now-container { display:block; margin-top:50px; margin-bottom:50px; }

.shop-img { display:block; float:none; margin-left:25px;}

.shop-now-line { display:none; }
	
.right-desktop-line { border-right:none }

	
.desktop-move-left { margin-left:20px!important; }	
	
.footer-img-container { width:320px; margin:0 auto; min-height:auto; }	
.footer-img-container img { width:120px; height:41px; margin:10px 20px;}
	
.sampling-banner-img { width:100%; margin:30px auto 35px auto; }
	
	
}     



@media all and (min-width:769px) and (max-width: 999px) {
	
.meta-rubber-about-feature-container { width:700px; margin-left:20px;}
.meta-rubber-about-feature-container-bg { min-height:370px;	}
.meta-rubber-about-feature-title { margin-left:20px; }
.meta-rubber-about-feature-column {float:left; margin:20px; color:#fff; font-size:18px; width:150px; }
	
	
	
}

@media all and (min-width: 769px) and (max-width: 1100px) {	
	.footer-retailer-container { width:760px!important; }
	}	


@media all and (max-width: 768px) {	
	.video-container-bottom-text {   font-size:16px; } 
	}