/*
 * Our innovations pages custom styles.
 *
 * Our Innovations - Avocado
 */

.innovations-avocado .js-navigation-dots a:link {
    color: #24a2d9;
    text-decoration: none;
}

.innovations-avocado .js-navigation-dots a:visited {
    color: #24a2d9;
    text-decoration: none;
}

.innovations-avocado .js-navigation-dots a:hover {
    color: #24a2d9;
    text-decoration: none;
}

.innovations-avocado .js-navigation-dots a:active {
    color: #24a2d9;
    text-decoration: none;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .innovations-avocado .js-navigation-dots a:link, .innovations-avocado .js-navigation-dots a:visited, .innovations-avocado .js-navigation-dots a:hover {
        color: #24a2d9;
        text-decoration: none;
    }

    .innovations-avocado .js-navigation-dots a:active {
        color: #24a2d9;
        text-decoration: none;
    }
}

@media only screen and (max-width: 767px) {
    .innovations-avocado .js-navigation-dots a:link, .innovations-avocado .js-navigation-dots a:visited, .innovations-avocado .js-navigation-dots a:hover {
        color: #24a2d9;
        text-decoration: none;
    }

    .innovations-avocado .js-navigation-dots a:active {
        color: #24a2d9;
        text-decoration: none;
    }
}

.inn-avocado-mobile {
    padding: 10px 0 30px 0;
    font: normal 12px/16px Arial, sans-serif;
}

.inn-avocado-routine {
    font: normal 14px/16px Arial, sans-serif;
    color: #999;
}

.inn-avocado-routine .asset-description {
    position: absolute;
    bottom: 5%;
    left: 8%;
    right: 5%;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .inn-avocado-routine .asset-description {
        left: 3%;
        right: 3%;
    }
}

.inn-avocado-routine .ui-tabs > ul {
    margin: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .inn-avocado-routine .ui-tabs > ul {
        margin: 0;
    }
}

.inn-avocado-routine .ui-tabs > ul > li {
    position: relative;
    width: auto;
    max-width: inherit;
    display: inline-block;
    white-space: nowrap;
    border: none;
    background: #fff;
    vertical-align: bottom;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .inn-avocado-routine .ui-tabs > ul > li {
        width: 20%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .inn-avocado-routine .ui-tabs > ul > li a {
        padding: 10px 0;
    }
}

.inn-avocado-routine .ui-tabs > ul > li:first-child {
    border: none;
}

.inn-avocado-routine .ui-tabs > ul > li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    background: #fff;
    content: "";
    z-index: 1;
}

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

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .inn-avocado-routine .ui-tabs > ul > li.serum img {
        width: 55%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .inn-avocado-routine .ui-tabs > ul > li.night-treatment img {
        width: 95%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .inn-avocado-routine .ui-tabs > ul > li.eye-cream img {
        width: 72%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .inn-avocado-routine .ui-tabs > ul > li.sun-protection img {
        width: 88%;
    }
}

.inn-avocado-routine .tabs_content {
    height: 190px;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .inn-avocado-routine .tabs_content {
        height: 160px;
    }
}

/*
 * Our Innovations - BB Cream
 */

.innovations-bb-cream .b-general {
    margin: 0 0 10px 0;
}

.innovations-bb-cream .js-navigation-dots a {
    color: #ce0231;
}

.inn-bbcream-mobile {
    padding: 10px 0 30px 0;
    font: normal 12px/14px Arial, sans-serif;
}

.inn-bbcream-mobile .b-general {
    margin: 0 0 10px 0;
}

.inn-bbcream-mobile ul {
    list-style: outside disc;
    padding: 0 0 0 20px;
    margin: 0 0 5px 0;
}

.inn-bbcream-mobile ul.b-bb-cream_list {
    position: relative;
    list-style: none;
    padding: 0 0 0 15px;
}

.inn-bbcream-mobile ul.b-bb-cream_list li {
    margin: 0 0 3px;
}

.inn-bbcream-mobile ul.b-bb-cream_list li:before {
    position: absolute;
    content: "-";
    left: 0;
}

.inn-bbcream-mobile ul li {
    margin: 0 0 5px 0;
}

.inn-bbcream-mobile-h2 {
    margin: 0 0 5px 0;
    color: #283281;
    font: normal 12px/14px Arial, sans-serif;
    text-transform: uppercase;
}

.inn-bbcream-mobile-title {
    padding: 3px 7px 2px 7px;
    margin: 25px 0 10px 0;
    background: #283281;
    display: inline-block;
    color: #fff;
}

.inn-bbcream-mobile p {
    color: #000;
    font: normal 12px/16px Arial, sans-serif;
}

.inn-bbcream-mobile p.inn-bbcream-mobile-h2 {
    margin: 0 0 5px 0;
    color: #283281;
    font: bold 12px/14px Arial, sans-serif;
    text-transform: uppercas