/* desktop & tablet */

.innovations-smcc-spf .b-additional-carousel .carousel{background-color:#000;padding:0;}
.innovations-smcc-spf.js-navigation-points .js-navigation-dots a{color:#84197c;}
/* #inn-smcc-spf-reviews.b-additional-carousel .carousel .jcarousel-clip ul{left:25%;} */
#inn-smcc-spf-reviews.b-additional-carousel .carousel .jcarousel-clip ul li{
	margin:0 auto;
	width:50%;
}
#inn-smcc-spf-reviews.b-additional-carousel .jcarousel-control.jcarousel-prev{z-index:1;}
#inn-smcc-spf-reviews.b-additional-carousel .jcarousel-control.jcarousel-next{right:12px;z-index:1;}
#inn-smcc-spf-reviews.b-additional-carousel .carousel_navigation_list{display:none;}
#inn-smcc-spf-reviews.b-additional-carousel .jcarousel-control{background:transparent;}

/* routine */
.inn-smcc-spf-routine {position: relative;}

#inn-smcc-spf-routine .tabs_content{
	position:absolute;
	bottom:0;
}

#inn-smcc-spf-routine .ui-tabs-nav{
	position:absolute;
	top:14%;
}

#inn-smcc-spf-routine .ui-tabs > ul > li {
    position: relative;
    width: 19%;
    max-width: inherit;
    display: inline-block;
    white-space: nowrap;
    border: none;
    background: #00a650;
    vertical-align: bottom;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#inn-smcc-spf-routine .ui-tabs > ul > li.sun-protection {width: 21.5%;}

.inn-smcc-spf-routine .ui-tabs > ul > li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #00a650;
    content: "";
    z-index: 1;
}
.inn-smcc-spf-routine .ui-tabs > ul > li.serum:before{height: 15%;}
.inn-smcc-spf-routine .ui-tabs > ul > li.night-treatment:before{height: 20%;}
.inn-smcc-spf-routine .ui-tabs > ul > li.eye-cream:before{height: 30%;}
.inn-smcc-spf-routine .ui-tabs > ul > li.moisturizer:before{height: 44%;width: 60%;}
.inn-smcc-spf-routine .ui-tabs > ul > li.sun-protection:before {height: 45%;width: 60%;}

.inn-smcc-spf-routine .ui-tabs > ul > li:hover:before, 
.inn-smcc-spf-routine .ui-tabs > ul > li.ui-state-active:before {height: 0;}

/* mobile */
.innovations-smcc-spf-mobile.b-additional-carousel .carousel{background-color:#000;padding:0;}
.innovations-smcc-spf-mobile.b-additional-carousel .carousel_navigation_list{display:none;}
.innovations-smcc-spf-mobile.b-additional-carousel .jcarousel-control{background:transparent;}
.innovations-smcc-spf-mobile.b-additional-carousel .jcarousel-control.jcarousel-prev,
.innovations-smcc-spf-mobile.b-additional-carousel .jcarousel-control.jcarousel-next{z-index:1;}
.innovations-smcc-spf-mobile.b-additional-carousel .jcarousel-control.jcarousel-next{right:12px;}