@keyframes floating {
    0% {
        opacity: 0;
        -webkit-transform: translateX(7%) translateY(50%) rotate(-15deg);
        transform: translateX(7%) translateY(50%) rotate(-15deg);
    }
    40% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(7%) translateY(20%) rotate(0deg);
        transform: translateX(7%) translateY(20%) rotate(0deg);
    }
}
@keyframes floatingReverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(4%) translateY(50%) rotate(20deg);
        transform: translateX(4%) translateY(50%) rotate(20deg);
    }
    40% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(4%) translateY(0%) rotate(0deg);
        transform: translateX(4%) translateY(0%) rotate(0deg);
    }
}
@keyframes scale {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    40% {
        opacity: 0.6;
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    100% {
        opacity: 0;
    }
}
@keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), 0 1px 1px 0 rgba(0, 0, 0, 0.16);
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), 0 1px 1px 0 rgba(0, 0, 0, 0.16);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), 0 1px 1px 0 rgba(0, 0, 0, 0.16);
    }
    100% {
        -webkit-box-shadow: 0 0 0 32px rgba(255, 255, 255, 0), 0 1px 1px 32px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0 0 0 32px rgba(255, 255, 255, 0), 0 1px 1px 32px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 32px rgba(255, 255, 255, 0), 0 1px 1px 32px rgba(0, 0, 0, 0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}
@font-face {
    font-family: "NiveaLight";
    src: url("../fonts/nivli.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "NiveaBook";
    src: url("../fonts/nivbk.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "NiveaBold";
    src: url("../fonts/nivbo.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "NiveaMedium";
    src: url("../fonts/nivme.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
#cm-product-card-sun {
    font-size: 16px;
    font-family: "NiveaBook", Arial, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: none;
    background: #fff;
}
@media only screen and (max-width: 900px) {
    #cm-product-card-sun {
        font-size: 14px;
    }
}
#cm-product-card-sun .cm-width-800 {
    max-width: 800px;
    margin: auto;
    font-size: 14px;
}
#cm-product-card-sun .pc-margin-top-xxxs {
    padding-top: .5em;
}
#cm-product-card-sun .pc-margin-bottom-xxxs {
    padding-bottom: .5em;
}
#cm-product-card-sun .pc-margin-top-xxs {
    padding-top: 1em;
}
#cm-product-card-sun .pc-margin-bottom-xxs {
    padding-bottom: 1em;
}
#cm-product-card-sun .pc-margin-top-xs {
    padding-top: 1.5em;
}
#cm-product-card-sun .pc-margin-bottom-xs {
    padding-bottom: 1.5em;
}
#cm-product-card-sun .pc-margin-top-s {
    padding-top: 3em;
}
@media only screen and (max-width: 700px) {
    #cm-product-card-sun .pc-margin-top-s-mobile {
        padding-top: 3em;
    }
}
@media only screen and (max-width: 799px) {
    #cm-product-card-sun .pc-margin-top-s-mobile2 {
        padding-top: 4em;
    }
}
#cm-product-card-sun .pc-margin-bottom-s {
    padding-bottom: 3em;
}
#cm-product-card-sun .pc-margin-top-m {
    padding-top: 4em;
}
#cm-product-card-sun .pc-margin-bottom-m {
    padding-bottom: 4em;
}
#cm-product-card-sun .pc-margin-top-l {
    padding-top: 6em;
}
#cm-product-card-sun .pc-margin-bottom-l {
    padding-bottom: 6em;
}
#cm-product-card-sun .pc-margin-top-xl {
    padding-top: 8em;
}
#cm-product-card-sun .pc-margin-bottom-xl {
    padding-bottom: 8em;
}
@media only screen and (max-width: 500px) {
    #cm-product-card-sun .pc-margin-top-xs {
        padding-top: 1em;
    }
    #cm-product-card-sun .pc-margin-bottom-xs {
        padding-bottom: 1em;
    }
    #cm-product-card-sun .pc-margin-top-s {
        padding-top: 2em;
    }
    #cm-product-card-sun .pc-margin-bottom-s {
        padding-bottom: 2em;
    }
    #cm-product-card-sun .pc-margin-top-m {
        padding-top: 3em;
    }
    #cm-product-card-sun .pc-margin-bottom-m {
        padding-bottom: 3em;
    }
    #cm-product-card-sun .pc-margin-top-l {
        padding-top: 4em;
    }
    #cm-product-card-sun .pc-margin-bottom-l {
        padding-bottom: 4em;
    }
    #cm-product-card-sun .pc-margin-top-xl {
        padding-top: 5em;
    }
    #cm-product-card-sun .pc-margin-bottom-xl {
        padding-bottom: 5em;
    }
}
#cm-product-card-sun .pc-margin-top-deca {
    margin-top: 0.5em;
}
#cm-product-card-sun .pc-margin-bottom-deca {
    margin-bottom: 0.5em;
}
#cm-product-card-sun .pc-margin-top-hecto {
    margin-top: 1em;
}
#cm-product-card-sun .pc-margin-bottom-hecto {
    margin-bottom: 1em;
}
#cm-product-card-sun .pc-margin-top-kilo {
    margin-top: 1.25em;
}
#cm-product-card-sun .pc-margin-bottom-kilo {
    margin-bottom: 1.25em;
}
#cm-product-card-sun .pc-margin-top-mega {
    margin-top: 1.5em;
}
#cm-product-card-sun .pc-margin-bottom-mega {
    margin-bottom: 1.5em;
}
#cm-product-card-sun .pc-margin-top-giga {
    margin-top: 2em;
}
#cm-product-card-sun .pc-margin-bottom-giga {
    margin-bottom: 2em;
}
#cm-product-card-sun .pc-margin-top-tera {
    margin-top: 2.5em;
}
#cm-product-card-sun .pc-margin-bottom-tera {
    margin-bottom: 2.5em;
}
#cm-product-card-sun .pc-clear {
    clear: both;
}
#cm-product-card-sun .m-st-1:after {
    content: "";
    display: block;
    height: 2px;
    width: 4.625em;
    margin-top: 1em;
    background-color: #d9caaf;
}
#cm-product-card-sun .m-st-2 {
    border-bottom: 4px solid #d9caaf;
    border-top: 2px solid #d9caaf;
}
#cm-product-card-sun .m-st-3 {
    -webkit-box-shadow: 0 10px 10px 0 rgba(35, 31, 32, 0);
    -moz-box-shadow: 0 10px 10px 0 rgba(35, 31, 32, 0);
    box-shadow: 0 10px 10px 0 rgba(35, 31, 32, 0);
    background-color: #402619;
}
#cm-product-card-sun .cm-header-d {
    max-width: 1040px;
    width: 100%;
    margin: auto;
    position: relative;
}
#cm-product-card-sun .cm-header-d .cm-nivea-logo {
    z-index: 10000;
    position: relative;
    padding-left: 14px;
}
#cm-product-card-sun .cm-header-d .cm-nivea-logo img {
    width: 176px;
    height: auto;
    z-index: 1;
}
#cm-product-card-sun .cm-header-d .cm-nivea-header {
    width: 100%;
    height: 560px;
    margin-top: -4.5em;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
}
@media only screen and (max-width: 799px) {
    #cm-product-card-sun .cm-header-d .cm-nivea-header {
        border-radius: 0;
    }
}
@media only screen and (max-width: 700px) {
    #cm-product-card-sun .cm-header-d .cm-nivea-header {
        height: auto;
    }
}
#cm-product-card-sun .cm-header-d .cm-nivea-header .cm-nivea-header-box {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
}
#cm-product-card-sun .cm-header-d .cm-nivea-header .cm-nivea-header-box .cm-nivea-header-bg {
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: unset;
    width: 50%;
    height: 560px;
    display: inline-block;
}
@media only screen and (max-width: 800px) {
    #cm-product-card-sun .cm-header-d .cm-nivea-header .cm-nivea-header-box .cm-nivea-header-bg {
        background-position: right -50px bottom;
    }
}
@media only screen and (max-width: 700px) {
    #cm-product-card-sun .cm-header-d .cm-nivea-header .cm-nivea-header-box .cm-nivea-header-bg {
        order: 2;
        width: 100%;
        background-position: right bottom;
        height: 400px;
        background-size: cover;
    }
}
#cm-product-card-sun .cm-header-d .cm-nivea-header .cm-nivea-header-box .cm-nivea-text {
    padding: 1em 2em 0 3em;
    width: 50%;
    opacity: 0.9;
    height: 560px;    
    float: right;
    display: inline-block;
    /* old background-image: linear-gradient(123deg, #00a9e0, #00136f); */
    background: url("../img/gradient.png") center no-repeat ;
    box-sizing: border-box;
}
@media only screen and (max-width: 700px) {
    #cm-product-card-sun .cm-header-d .cm-nivea-header .cm-nivea-header-box .cm-nivea-text {
        width: 100%;
        height: auto;
        padding-bottom: 60px;
        order: 1;
    }
}
#cm-product-card-sun .cm-header-d .cm-nivea-header .cm-nivea-header-box .cm-nivea-text .cm-nivea-cat {
    /* old margin-left: -16px; */
    margin-left: -18px;
}
@media only screen and (max-width: 700px) {
    #cm-product-card-sun .cm-header-d .cm-nivea-header .cm-nivea-header-box .cm-nivea-text .cm-nivea-cat {
        /* old text-align: right;
        margin-left: unset; */
        margin-top: 22px
    }
}
@media only screen and (max-width: 400px) {
    #cm-product-card-sun .cm-header-d .cm-nivea-header .cm-nivea-header-box .cm-nivea-text .cm-nivea-cat {
        /* old margin-top: 35px; */
        margin-top: 26px;
        text-align: left;
        /* new */
        margin-left: -18px;
    }
}
#cm-product-card-sun .cm-header-d .cm-nivea-header .cm-nivea-header-box .cm-nivea-text .cm-nivea-cat img {
    width: 160px;
    height: auto;
}
@media only screen and (max-width: 700px) {
    #cm-product-card-sun .cm-header-d .cm-nivea-header .cm-nivea-header-box .cm-nivea-text .cm-nivea-cat img {
        width: 12em;
    }
}
@media only screen and (max-width: 400px) {
    #cm-product-card-sun .cm-header-d .cm-nivea-header .cm-nivea-header-box .cm-nivea-text .cm-nivea-cat img {
        width: 11em;
    }
}
#cm-product-card-sun .cm-header-d .cm-nivea-header .cm-nivea-header-box .cm-nivea-text .cm-caption {
    font-size: 1em;
    font-family: "NiveaBold";
    /* old color: #f6a823; */
    color: #fff;
    letter-spacing: 0.64px;
    padding-bottom: 8px;
    text-transform: uppercase;
}
#cm-product-card-sun .cm-header-d .cm-nivea-header .cm-nivea-header-box .cm-nivea-text .cm-ng-1 {
    font-size: 2.2em;
    font-family: "NiveaBold";
    /* old color: white; */
    color: #00136f;
    line-height: 1;
    letter-spacing: 0.2px;
    text-transform: uppercase;
}
@media only screen and (max-width: 800px) {
    #cm-product-card-sun .cm-header-d .cm-nivea-header .cm-nivea-header-box .cm-nivea-text .cm-ng-1 {
        padding-top: 8px;
        font-size: 2em;
    }
}
@media only screen and (max-width: 400px) {
    #cm-product-card-sun .cm-header-d .cm-nivea-header .cm-nivea-header-box .cm-nivea-text .cm-ng-1 {
        padding-top: 0px;
    }
}
#cm-product-card-sun .cm-header-d .cm-nivea-header .cm-nivea-header-box .cm-nivea-text .cm-span {
    font-size: 1.125em;
    font-family: Arial;
    /* old color: white; */
    color: #000;
    line-height: 1.5;
    padding-top: 24px;
}
@media only screen and (max-width: 400px) {
    #cm-product-card-sun .cm-header-d .cm-nivea-header .cm-nivea-header-box .cm-nivea-text .cm-span {
        padding-top: 20px;
    }
}
#cm-product-card-sun .pc-b6-d {
    text-align: center;
    width: 100%;
    max-width: 1040px;
    margin: auto;
    box-sizing: border-box;
    padding: 0 1em;
}
@media only screen and (max-width: 700px) {
    #cm-product-card-sun .pc-b6-d {
        padding: 0px 1em;
    }
}
#cm-product-card-sun .pc-b6-d .pc-h2 {
    font-size: 9px;
    font-family: Arial;
    color: #00136f;
    line-height: 1.13;
    letter-spacing: 0.1px;
}
#cm-product-card-sun .pc-b6-d .pc-h2 span {
    color: #f6a823;
}
#cm-product-card-sun .pc-b6-a {
    text-align: center;
    width: 100%;
    max-width: 1040px;
    margin: auto;
}
#cm-product-card-sun .pc-b6-a * {
    text-align: center;
}
#cm-product-card-sun .pc-b6-a .pc-block-module {
    max-width: 1080px;
    padding: 0 1.25em;
    margin: 0 auto;
    height: inherit;
}
#cm-product-card-sun .pc-b6-a .pc-block-module .pc-relative {
    max-width: 680px;
    margin: 0 auto;
}
#cm-product-card-sun .pc-b6-a h2,
#cm-product-card-sun .pc-b6-a .h2,
#cm-product-card-sun .pc-b6-a .pc-h2 {
    font-size: 2.4375em;
    font-family: "NiveaBold", Arial, sans-serif;
    line-height: 1.12;
    color: #00136f;
    letter-spacing: 0.8px;
}
@media (max-width: 400px) {
    #cm-product-card-sun .pc-b6-a h2,
    #cm-product-card-sun .pc-b6-a .h2,
    #cm-product-card-sun .pc-b6-a .pc-h2 {        
        font-size: 1.9em;    
    }
}
#cm-product-card-sun .pc-b6-a h4,
#cm-product-card-sun .pc-b6-a .h4,
#cm-product-card-sun .pc-b6-a .pc-h4 {
    font-size: 1.0625em;
    font-family: "NiveaBold", Arial, sans-serif;
    line-height: 1.12;
    color: #f6a823;
    letter-spacing: 0.3px;
}
@media (max-width: 767px) {
    #cm-product-card-sun {
        font-size: 14px;
    }
}
@media (max-width: 599px) {
    #cm-product-card-sun .pc-b6-a {
        text-align: center;
    }
    #cm-product-card-sun .pc-b6-a * {
        text-align: center;
    }
}
#cm-product-card-sun .pc-b9 {
    width: 100%;
    max-width: 1040px;
    margin: auto;
}
#cm-product-card-sun .pc-b9 p {
    font-size: 1.25em;
    font-family: Arial;
    line-height: 1.3;
    color: #3e3e40;
    letter-spacing: 0.8px;
    text-align: center;
    padding: 0px;
    margin: 0px;
}
@media (max-width: 767px) {
    #cm-product-card-sun .pc-b9 p {
        font-size: 1em;
        padding-bottom: 1em;
    }
}
#cm-product-card-sun .pc-b9 .pc-block-module {
    max-width: 1080px;
    padding: 0 1.25em;
    margin: 0 auto;
    height: inherit;
}
#cm-product-card-sun .pc-b9 .pc-block-module .pc-relative {
    max-width: 680px;
    margin: 0 auto;
}
#cm-product-card-sun .cm-functions-hoverable-1 {
    width: 100%;
    max-width: 1040px;
    margin-top: 1.5em;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
}
#cm-product-card-sun .cm-functions-hoverable-1 .cm-functions-single {
    width: 33%;
    max-width: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transition-property: opacity, -webkit-transform, -webkit-box-shadow;
    transition-property: opacity, -webkit-transform, -webkit-box-shadow;
    -o-transition-property: opacity, transform, box-shadow;
    transition-property: opacity, transform, box-shadow;
    transition-property: opacity, transform, box-shadow, -webkit-transform, -webkit-box-shadow;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    z-index: 10;
    opacity: 1;
    filter: alpha(opacity=100);
    cursor: pointer;
    position: relative;
    margin: 0;
}
@media only screen and (max-width: 700px) {
    #cm-product-card-sun .cm-functions-hoverable-1 .cm-functions-single {
        width: 100%;
    }
}
#cm-product-card-sun .cm-functions-hoverable-1 .cm-functions-single .cm-functions-icon {
    text-align: center;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
@media only screen and (max-width: 700px) {
    #cm-product-card-sun .cm-functions-hoverable-1 .cm-functions-single .cm-functions-icon {        
        padding-top: 0;
        padding-bottom: 0;
    }
}

#cm-product-card-sun .cm-functions-hoverable-1 .cm-functions-single .cm-functions-icon img {
    height: 4em;
    width: 4em;
}
#cm-product-card-sun .cm-functions-hoverable-1 .cm-functions-single .cm-functions-text {
    font-family: Arial, sans-serif;
}
#cm-product-card-sun .cm-functions-hoverable-1 .cm-functions-single .cm-functions-text .cm-ng {
    font-weight: bold;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
#cm-product-card-sun .cm-functions-hoverable-1 .cm-functions-single .cm-functions-text .cm-ng .h3 {
    color: #bfbfbf;
    font-size: 1.5625em;
    line-height: 1.2;
    letter-spacing: 0.5px;
    text-align: center;
    color: #00136f;
}
#cm-product-card-sun .cm-functions-hoverable-1 .cm-functions-single .cm-functions-text p {
    text-align: center;
    margin-bottom: 2em;
    margin-top: 0.5em;
    font-size: 1em;
    line-height: 1.38;
    padding-left: 2em;
    padding-right: 2em;
    color: #3e3e40;
    opacity: 0;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
@media only screen and (max-width: 700px) {
    #cm-product-card-sun .cm-functions-hoverable-1 .cm-functions-single .cm-functions-text p {
        opacity: 1;
        /* new */
        max-width: 320px;
        margin-left: auto;
        margin-right: auto;
    }
}
#cm-product-card-sun .cm-functions-hoverable-1 .cm-functions-single:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    border-radius: 16px;
    box-shadow: 0 16px 32px 0 rgba(37, 38, 46, 0.16);
    background-color: #fff;
}
@media only screen and (max-width: 700px) {
    #cm-product-card-sun .cm-functions-hoverable-1 .cm-functions-single:hover {
        border-radius: 0px;
        -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.1);
    }
}
#cm-product-card-sun .cm-functions-hoverable-1 .cm-functions-single:hover .cm-functions-text .cm-ng {
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
}
@media only screen and (max-width: 700px) {
    #cm-product-card-sun .cm-functions-hoverable-1 .cm-functions-single:hover .cm-functions-text .cm-ng {
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
    }
}
#cm-product-card-sun .cm-functions-hoverable-1 .cm-functions-single:hover .cm-functions-text .cm-ng .h4 {
    color: #00136f;
}
@media only screen and (max-width: 700px) {
    #cm-product-card-sun .cm-functions-hoverable-1 .cm-functions-single:hover .cm-functions-text .cm-ng .h4 {
        color: black;
    }
}
#cm-product-card-sun .cm-functions-hoverable-1 .cm-functions-single:hover .cm-functions-text p {
    opacity: 1;
    -webkit-transform: translateY(5%);
    -ms-transform: translateY(5%);
    transform: translateY(5%);
}
@media only screen and (max-width: 700px) {
    #cm-product-card-sun .cm-functions-hoverable-1 .cm-functions-single:hover .cm-functions-text p {
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
    }
}
#cm-product-card-sun .cm-functions-hoverable-1:hover > .cm-functions-single {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
#cm-product-card-sun .cm-functions-hoverable-1:hover > .cm-functions-single:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
#cm-product-card-sun .cm-width-708 .cm-functions-hoverable-1 .cm-functions-single .cm-functions-text .cm-ng .h4 {
    padding: 0px;
}
#cm-product-card-sun .pc-b4 {
    display: block;
    position: relative;
    width: 100%;
    max-width: 1040px;
    margin: auto;
    height: 38em;
    color: #231f20;
    z-index: 1;
}
#cm-product-card-sun .pc-b4 .pc-block-module {
    margin: 0 auto;
    height: inherit;
}
#cm-product-card-sun .pc-b4 .pc-block-module .pc-relative {
    height: inherit;
}
#cm-product-card-sun .pc-b4 .b4-image {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    background-position: bottom right;
}
#cm-product-card-sun .pc-b4 .b4-table {
    display: table;
    height: 100%;
    width: 100%;
    table-layout: fixed;
}
#cm-product-card-sun .pc-b4 .b4-cell {
    display: table-cell;
    position: relative;
}
#cm-product-card-sun .pc-b4 .b4-content {
    display: table-cell;
    position: relative;
    z-index: 2;
    vertical-align: middle;
    width: 48%;
    max-width: 310px;
    padding-left: 4em;
    padding-right: 4em;
    box-sizing: border-box;
}
#cm-product-card-sun .pc-b4 .b4-content .b4-description {
    margin-top: 2em;
}
#cm-product-card-sun .pc-b4 .b4-content .b4-content-box {
    background-color: white;
    padding: 3em;
}
#cm-product-card-sun .pc-b4 .caption {
    font-size: 1em;
    line-height: 1;
    font-family: "Arial", sans-serif;
    font-weight: bold;
    letter-spacing: 0.3px;
    color: #f6a823;
}
#cm-product-card-sun .pc-b4 .h3 {
    font-size: 1.562em;
    font-family: "NiveaMedium", Arial, sans-serif;
    color: #00136f;
    line-height: 1.2;
    letter-spacing: 0.5px;
}
#cm-product-card-sun .pc-b4 p {
    font-size: 1em;
    color: #666;
    line-height: 1.38;
    font-family: "Arial", sans-serif;
}
#cm-product-card-sun .cm-width-920 .pc-b4 .b4-content {
    padding-left: 2em;
    padding-right: 2em;
}
@media (max-width: 1079px) {
    #cm-product-card-sun .pc-b4 .pc-block-module {
        max-width: 1040px;
        padding: 0;
    }
}
@media (min-width: 600px) and (max-width: 767px) {
    #cm-product-card-sun .pc-b4 {
        height: auto;
    }
    #cm-product-card-sun .pc-b4 .pc-relative {
        padding-bottom: 80%;
    }
    #cm-product-card-sun .pc-b4.pc-b4-3a .b4-image {
        background-position: bottom right;
        -moz-background-size: 150%;
        -o-background-size: 150%;
        background-size: 150%;
    }
    #cm-product-card-sun .pc-b4.pc-b4-3b .b4-image {
        background-position: bottom left;
        -moz-background-size: 150%;
        -o-background-size: 150%;
        background-size: 150%;
    }
    #cm-product-card-sun .pc-b4 .b4-image {
        background-position: right bottom;
    }
    #cm-product-card-sun .pc-b4 .b4-content {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        padding: 2.5em 1.25em;
        max-width: 30em;
    }
    #cm-product-card-sun .pc-b4 .b4-content .b4-content-box {
        padding: 2.25em 1.25em;
    }
}
@media (max-width: 767px) {
    #cm-product-card-sun {
        font-size: 14px;
    }
    #cm-product-card-sun .pc-b4 .b4-table {
        table-layout: auto;
        height: auto;
    }
}

@media (max-width: 599px) {
    #cm-product-card-sun .pc-b4 {
        height: auto;
    }
    #cm-product-card-sun .pc-b4 .pc-relative {
        padding-bottom: 80%;
    }
    #cm-product-card-sun .pc-b4.pc-b4-3b .b4-image {
        background-position: bottom left;
        -moz-background-size: 150%;
        -o-background-size: 150%;
        background-size: 150%;
    }
    #cm-product-card-sun .pc-b4.pc-b4-3a .b4-image {
        background-position: bottom right;
        -moz-background-size: 150%;
        -o-background-size: 150%;
        background-size: 150%;
    }
    #cm-product-card-sun .pc-b4 .b4-image {
        background-position: right bottom;
    }
    #cm-product-card-sun .pc-b4 .b4-content {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        /* old padding: 2.5em 3em; */
        padding: 1em 0;
    }
    #cm-product-card-sun .pc-b4 .b4-content .b4-content-box {
        padding: 2.25em 1.25em;
    }
}
@media (max-width: 400px) {
    #cm-product-card-sun .pc-b4 .b4-content {        
        padding: 1em 3em;
    }
}
#cm-product-card-sun .cm-slider-content-b4 {
    position: relative;
    max-width: 100%;
    width: 1040px;
    margin: auto;
}
#cm-product-card-sun .cm-slider-content-b4 input[type="radio"] {
    display: none;
}
#cm-product-card-sun .cm-slider-content-b4 .arrow-right,
#cm-product-card-sun .cm-slider-content-b4 .arrow-left {
    width: 25px;
    position: absolute;
    z-index: 100;
    font-family: "NiveaLight", Arial, sans-serif;
    font-size: 4em;
    color: #00136f;
}
#cm-product-card-sun .cm-slider-content-b4 .arrow-right label,
#cm-product-card-sun .cm-slider-content-b4 .arrow-left label {
    cursor: pointer;
    display: none;
}
#cm-product-card-sun .cm-slider-content-b4 .arrow-right label img,
#cm-product-card-sun .cm-slider-content-b4 .arrow-left label img {
    width: auto;
    height: 32px;
}
#cm-product-card-sun .cm-slider-content-b4 .arrow-left {
    top: 50%;
    left: 10px;
}
#cm-product-card-sun .cm-slider-content-b4 .arrow-right {
    top: 50%;
    right: 10px;
    text-align: right;
}
#cm-product-card-sun .cm-slider-content-b4 .slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: auto;
}
#cm-product-card-sun .cm-slider-content-b4 .slider .slider-box {
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
    height: 0px;
    opacity: 0;
}
#cm-product-card-sun .cm-slider-content-b4 .slider .slider-box .pc-block-item {
    width: 100%;
}
#cm-product-card-sun .cm-slider-content-b4 .slider .slider-box .slider-lp {
    width: 33%;
    padding: 20px;
}
#cm-product-card-sun .cm-slider-content-b4 .slider .slider-box .slider-lp img {
    width: 80%;
}
#cm-product-card-sun .cm-slider-content-b4 .slider .slider-box .slider-lp p {
    margin: 16px;
    font-family: Arial;
    font-size: 24px;
    text-align: center;
    opacity: 0;
}
#cm-product-card-sun .cm-slider-content-b4 .slider .slider-dots {
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: 3;
    bottom: 1em;
}
@media (max-width: 599px) {
    #cm-product-card-sun .cm-slider-content-b4 .slider .slider-dots {
        bottom: 0.5em;
    }
}
#cm-product-card-sun .cm-slider-content-b4 .slider .slider-dots label {
    width: 12px;
    height: 12px;
    border-radius: 16px;
    border: 2px solid white;
    margin: 0px 0.5em;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16);
    background-color: white;
    border: 2px solid #00136f;
}
#cm-product-card-sun .cm-slider-content-b4 .slider .slider-dots label:hover {
    cursor: pointer;
    background-color: white;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-1:checked ~ .arrow-left #cm-slide-sc-0 {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-1:checked ~ .arrow-right label:nth-of-type(2) {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-1:checked ~ .slider #slide-1 {
    height: auto;
    opacity: 1;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-1:checked ~ .slider .slider-dots label:nth-of-type(1) {
    background-color: #00136f;
    border: 2px solid white;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-2:checked ~ .arrow-left #cm-slide-sc-1 {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-2:checked ~ .arrow-right label:nth-of-type(3) {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-2:checked ~ .slider #slide-2 {
    height: auto;
    opacity: 1;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-2:checked ~ .slider .slider-dots label:nth-of-type(2) {
    background-color: #00136f;
    border: 2px solid white;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-3:checked ~ .arrow-left #cm-slide-sc-2 {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-3:checked ~ .arrow-right label:nth-of-type(4) {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-3:checked ~ .slider #slide-3 {
    height: auto;
    opacity: 1;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-3:checked ~ .slider .slider-dots label:nth-of-type(3) {
    background-color: #00136f;
    border: 2px solid white;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-4:checked ~ .arrow-left #cm-slide-sc-3 {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-4:checked ~ .arrow-right label:nth-of-type(5) {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-4:checked ~ .slider #slide-4 {
    height: auto;
    opacity: 1;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-4:checked ~ .slider .slider-dots label:nth-of-type(4) {
    background-color: #00136f;
    border: 2px solid white;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-5:checked ~ .arrow-left #cm-slide-sc-4 {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-5:checked ~ .arrow-right label:nth-of-type(6) {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-5:checked ~ .slider #slide-5 {
    height: auto;
    opacity: 1;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-5:checked ~ .slider .slider-dots label:nth-of-type(5) {
    background-color: #00136f;
    border: 2px solid white;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-6:checked ~ .arrow-left #cm-slide-sc-5 {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-6:checked ~ .arrow-right label:nth-of-type(7) {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-6:checked ~ .slider #slide-6 {
    height: auto;
    opacity: 1;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-6:checked ~ .slider .slider-dots label:nth-of-type(6) {
    background-color: #00136f;
    border: 2px solid white;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-7:checked ~ .arrow-left #cm-slide-sc-6 {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-7:checked ~ .arrow-right label:nth-of-type(8) {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-7:checked ~ .slider #slide-7 {
    height: auto;
    opacity: 1;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-7:checked ~ .slider .slider-dots label:nth-of-type(7) {
    background-color: #00136f;
    border: 2px solid white;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-8:checked ~ .arrow-left #cm-slide-sc-7 {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-8:checked ~ .arrow-right label:nth-of-type(9) {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-8:checked ~ .slider #slide-8 {
    height: auto;
    opacity: 1;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-8:checked ~ .slider .slider-dots label:nth-of-type(8) {
    background-color: #00136f;
    border: 2px solid white;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-9:checked ~ .arrow-left #cm-slide-sc-8 {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-9:checked ~ .arrow-right label:nth-of-type(10) {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-9:checked ~ .slider #slide-9 {
    height: auto;
    opacity: 1;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-9:checked ~ .slider .slider-dots label:nth-of-type(9) {
    background-color: #00136f;
    border: 2px solid white;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-10:checked ~ .arrow-left #cm-slide-sc-9 {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-10:checked ~ .arrow-right label:nth-of-type(11) {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-10:checked ~ .slider #slide-10 {
    height: auto;
    opacity: 1;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-10:checked ~ .slider .slider-dots label:nth-of-type(10) {
    background-color: #00136f;
    border: 2px solid white;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-11:checked ~ .arrow-left #cm-slide-sc-10 {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-11:checked ~ .arrow-right label:nth-of-type(12) {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-11:checked ~ .slider #slide-11 {
    height: auto;
    opacity: 1;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-11:checked ~ .slider .slider-dots label:nth-of-type(11) {
    background-color: #00136f;
    border: 2px solid white;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-12:checked ~ .arrow-left #cm-slide-sc-11 {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-12:checked ~ .arrow-right label:nth-of-type(13) {
    display: block;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-12:checked ~ .slider #slide-12 {
    height: auto;
    opacity: 1;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}
#cm-product-card-sun .cm-slider-content-b4 #slider-input-b4-12:checked ~ .slider .slider-dots label:nth-of-type(12) {
    background-color: #00136f;
    border: 2px solid white;
}
#cm-product-card-sun .pc-b7 {
    width: 100%;
    max-width: 1040px;
    margin: auto;
}
#cm-product-card-sun .pc-b7 .pc-block-module {
    max-width: 1080px;
    padding: 0 1.25em;
    margin: 0 auto;
    height: inherit;
}
#cm-product-card-sun .pc-b7 .pc-block-module .pc-relative {
    height: inherit;
}
#cm-product-card-sun .pc-b7 .pc-b7-table {
    display: table;
    width: 100%;
}
#cm-product-card-sun .pc-b7 .pc-b7-table .pc-b7-cell {
    display: table-cell;
    vertical-align: top;
    width: 48%;
}
#cm-product-card-sun .pc-b7 .pc-b7-table .pc-b7-cell.pc-b7-cell-small {
    width: 26%;
}
#cm-product-card-sun .pc-b7 .pc-b7-table .pc-b7-cell .pc-b7-cell-content {
    padding-right: 2.5em;
}
#cm-product-card-sun .pc-b7 .pc-b7-table .pc-b7-cell .pc-b7-cell-content.pc-b7-cell-content-right {
    padding-left: 2.5em;
    padding-right: 0;
}
#cm-product-card-sun .pc-b7 .pc-b7-table .pc-b7-cell .pc-b7-square {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
#cm-product-card-sun .pc-b7 .pc-b7-table .pc-b7-cell .pc-b7-square:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
#cm-product-card-sun .pc-b7 .pc-b7-table .pc-b7-cell .pc-b7-square .pc-b7-image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
#cm-product-card-sun .pc-b7 .pc-b7-table .pc-b7-cell .pc-b7-square .pc-b7-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
    #cm-product-card-sun .pc-b7 .pc-b7-table .pc-b7-cell .pc-b7-square .pc-b7-image img {
        -o-object-fit: cover;
        object-fit: cover;
    }
}
#cm-product-card-sun .pc-b7 .h3 {
    font-family: "NiveaBold", Arial, sans-serif;
    font-size: 1.5625em;
    line-height: 1.2;
}
#cm-product-card-sun .pc-b7 .h3 span {
    font-family: "NiveaLight", Arial, sans-serif;
}
#cm-product-card-sun .pc-b7 p {
    font-family: Arial;
    font-size: 1em;
    line-height: 1.38;
    color: black;
    margin: 0;
    padding: 0;
    text-align: left;
}
#cm-product-card-sun .pc-b7 p.caption {
    color: #f6a823;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1;
    font-weight: bold;
}
#cm-product-card-sun .pc-b7 .pc-icon {
    width: 5em;
    height: 5em;
    display: block;
    margin: 0 auto 0.5em auto;
    float: none;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#cm-product-card-sun .pc-b7 .pc-icon.pc-icon-left {
    margin-left: 0;
}
#cm-product-card-sun .pc-b7 .pc-icon.pc-icon-spacing {
    margin-bottom: 2em;
    padding-top: 2em;
}
#cm-product-card-sun .pc-b7 .pc-icon img {
    width: 100%;
    display: block;
    height: auto;
    padding: 0;
    margin: 0;
}
#cm-product-card-sun .pc-b7 .pc-gl-text .pc-gl-description {
    margin-top: 2em;
}
@media (max-width: 799px) {
    #cm-product-card-sun .pc-b7 .pc-b7-table {
        display: block;
        max-width: 465px;
        margin: 0 auto;
    }
    #cm-product-card-sun .pc-b7 .pc-b7-table .pc-b7-cell {
        display: block;
        width: auto;
        margin: 0 -1.25em;
    }
    #cm-product-card-sun .pc-b7 .pc-b7-table .pc-b7-cell.pc-b7-cell-small {
        width: 100%;
        margin: auto;
    }
    #cm-product-card-sun .pc-b7 .pc-b7-table .pc-b7-cell .pc-b7-cell-content {
        padding: 0 1.25em 3em 1.25em;
    }
    #cm-product-card-sun .pc-b7 .pc-b7-table .pc-b7-cell .pc-b7-cell-content.pc-b7-cell-content-right {
        padding: 3em 1.25em 0em 1.25em;
    }
}
@media (max-width: 599px) {
    #cm-product-card-sun .pc-icon {
        margin-left: 0;
    }
}
#cm-product-card-sun .pc-b3 {
    width: 100%;
    max-width: 1040px;
    margin: auto;
}
#cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-cell-container {
    padding-left: 1.25em;
    padding-right: 1.25em;
    text-align: right;
}
@media (max-width: 799px) {
    #cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-cell-container {
        text-align: center;
    }
}
#cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-cell-container p.caption {
    text-align: right;
}
@media (max-width: 799px) {
    #cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-cell-container p {
        text-align: center;
    }
}
#cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-cell-container .h3 {
    text-align: right;
}
#cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-cell-container .pc-gl-description p {
    text-align: right;
}
@media (max-width: 799px) {
    #cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-cell-container .pc-gl-description p {
        text-align: center;
        padding-bottom: 40px;
    }
}
#cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-square {
    margin-left: 1.25em;
}
#cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-cell-content {
    float: right;
}
#cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-table .pc-b3-cell {
    position: relative;
}
#cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-table .pc-b3-cell.pc-b3-pull-left {
    left: 50%;
}
#cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-table .pc-b3-cell.pc-b3-pull-right {
    right: 50%;
}
#cm-product-card-sun .pc-b3 .pc-b3-cell-container .pc-b3-cell-content {
    max-width: 25.625em;
}
#cm-product-card-sun .pc-b3 .pc-b3-table {
    display: table;
    width: 100%;
}
#cm-product-card-sun .pc-b3 .pc-b3-table .pc-b3-cell {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}
#cm-product-card-sun .pc-b3 .pc-b3-square {
    width: auto;
    height: auto;
    position: relative;
    overflow: hidden;
}
#cm-product-card-sun .pc-b3 .pc-b3-square:after {
    content: "";
    display: block;
    padding-bottom: 80%;
}
#cm-product-card-sun .pc-b3 .pc-b3-square .pc-b3-image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
#cm-product-card-sun .pc-b3 .pc-b3-square .pc-b3-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
    #cm-product-card-sun .pc-b3 .pc-b3-square .pc-b3-image img {
        -o-object-fit: cover;
        object-fit: cover;
    }
}
#cm-product-card-sun .pc-b3 .h3 {
    font-family: "NiveaBold", Arial, sans-serif;
    font-size: 1.5625em;
    line-height: 1.2;
}
#cm-product-card-sun .pc-b3 .h3 span {
    font-family: "NiveaLight", Arial, sans-serif;
}
#cm-product-card-sun .pc-b3 .pc-gl-description {
    padding-top: 2em;
}
#cm-product-card-sun .pc-b3 p {
    font-family: Arial;
    font-size: 1em;
    line-height: 1.38;
    color: black;
    margin: 0;
    padding: 0;
}
#cm-product-card-sun .pc-b3 p.caption {
    color: #f6a823;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1;
    font-weight: bold;
}
@media (max-width: 1079px) {
    #cm-product-card-sun .pc-b3 .pc-block-module {
        max-width: 1040px;
        padding: 0;
    }
}
@media (max-width: 799px) {
    #cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-cell-container {
        text-align: center;
        padding: 2.5em 2.5em 0 2.5em;
    }
    #cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-cell-container p {
        text-align: center;
    }
    #cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-cell-container p.caption {
        text-align: center;
    }
    #cm-product-card-sun .pc-b3 p.caption {
        text-align: center;
    }
    #cm-product-card-sun .pc-b3 .h3 {
        text-align: center;
    }    
    #cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-cell-container .h3 {
        text-align: center;
    }
    #cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-cell-container .pc-gl-description {
        text-align: center;
    }
    #cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-cell-content {
        float: none;
    }
    #cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-square {
        margin-left: 0;
    }
    #cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-table .pc-b3-cell {
        position: static;
    }
    #cm-product-card-sun .pc-b3 .pc-b3-table {
        display: block;
    }
    #cm-product-card-sun .pc-b3 .pc-b3-table .pc-b3-cell {
        display: block;
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
    #cm-product-card-sun .pc-b3 .pc-b3-cell-container {
        padding: 2.5em 2.5em 0 2.5em;
    }
    #cm-product-card-sun .pc-b3 .pc-b3-cell-container .pc-b3-cell-content {
        max-width: none;
    }
}
@media (max-width: 767px) {
    #cm-product-card-sun {
        font-size: 14px;
    }
}
#cm-product-card-sun .cm-hotspot-main {
    width: 100%;
    max-width: 1040px;
    margin: auto;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot-info {
    padding: 1.5em 1.5em 1em 1.5em;
    display: none;
}
@media only screen and (max-width: 576px) {
    #cm-product-card-sun .cm-hotspot-main .cm-hotspot-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
    }
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot-info .hotspot-info {
    width: 1.5em;
    height: 1.5em;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot-info .hotspot-info img {
    width: 1.5em;
    height: 1.5em;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot-info .info-text {
    color: #9a9a9a;
    line-height: 1.375;
    letter-spacing: 0.16px;
    padding-left: 14px;
    font-family: Arial;
    font-size: 14px;
}
#cm-product-card-sun .cm-hotspot-main input[type="checkbox"] {
    display: none;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot {
    padding: 1em 0 2em 0;
    border-radius: 8px;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box {
    width: 100%;
    margin: auto;
    position: relative;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box img {
    width: 100%;
    height: auto;
    display: block;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot {
    display: block;
    cursor: pointer;
    width: 4em;
    height: 4em;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-inside {
    cursor: none;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-inside .pc-hotspot-inside-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3em;
    height: 3em;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
    background-color: #f6a823;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
    cursor: pointer;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-inside .pc-hotspot-inside-circle .pc-hotspot-inside-plus {
    font-size: 2em;
    color: white;
    line-height: 1.5;
    text-align: center;
    font-weight: bold;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    z-index: 11;
    margin-top: -2px;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-inside .pc-hotspot-inside-circle:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: pulse 2s infinite;
    -moz-animation: pulse 2s infinite;
    -o-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-inside:hover .pc-hotspot-inside-circle {
    width: 4em;
    height: 4em;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-inside:hover ~ .pc-hotspot-popup {
    opacity: 1;
    margin-left: 0px;
    z-index: 1000;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-inside:hover ~ .pc-hotspot-popup.pc-hotspot-popup-left {
    margin-left: auto;
    z-index: 1000;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-inside > img,
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-inside > p {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 12;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    margin-top: -9px;
    padding: 0;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-inside > p {
    font-weight: bold;
    color: white;
    margin-top: -10px;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot.first-hot .pc-hotspot-inside .pc-hotspot-inside-circle {
    width: 3.75em;
    height: 3.75em;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot.first-hot .pc-hotspot-popup-2 {
    opacity: 1;
    margin-left: 0px;
    z-index: 1000;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup-2 {
    position: absolute;
    width: 12em;
    left: 104px;
    top: -10px;
    z-index: 3;
    opacity: 0;
    margin-left: -10px;
    background-color: white;
    padding: 1.5em;
    -webkit-transition: opacity 0.3s ease, margin 0.3s ease;
    -o-transition: opacity 0.3s ease, margin 0.3s ease;
    -moz-transition: opacity 0.3s ease, margin 0.3s ease;
    transition: opacity 0.3s ease, margin 0.3s ease;
    -webkit-box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width: 576px) {
    #cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup-2 {
        display: none;
    }
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup-2.pc-hotspot-popup-right {
    left: unset;
    right: 104px;
    margin-left: auto;
    margin-right: 0px;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup-2 .hotspot-popup-image {
    max-width: 176px;
    width: 100%;
    height: auto;
    margin-bottom: 1em;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup-2 .hotspot-popup-image img {
    width: 100%;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup-2 .pc-arrow-left {
    position: absolute;
    right: -17px;
    top: 25px;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup-2 .pc-arrow-right {
    position: absolute;
    left: -17px;
    top: 25px;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup-2 .pc-h5 {
    font-family: "NiveaMedium", Arial, sans-serif;
    font-size: 1em;
    line-height: 1.25;
    color: #00136f;
    margin-bottom: 5px;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup-2 .small {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    line-height: 1.2;
    font-family: Arial;
    color: #211f20;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup {
    position: absolute;
    width: 12em;
    left: 104px;
    top: -10px;
    z-index: 3;
    opacity: 0;
    margin-left: -10px;
    background-color: white;
    padding: 1.5em;
    -webkit-transition: opacity 0.3s ease, margin 0.3s ease;
    -o-transition: opacity 0.3s ease, margin 0.3s ease;
    -moz-transition: opacity 0.3s ease, margin 0.3s ease;
    transition: opacity 0.3s ease, margin 0.3s ease;
    -webkit-box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.16);
    cursor: default;
}
@media only screen and (max-width: 576px) {
    #cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup {
        display: none;
    }
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup.pc-hotspot-popup-right {
    left: unset;
    right: 104px;
    margin-left: auto;
    margin-right: 0px;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup .hotspot-popup-image {
    max-width: 176px;
    width: 100%;
    height: auto;
    margin-bottom: 1em;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup .hotspot-popup-image img {
    width: 100%;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup .pc-arrow-left {
    position: absolute;
    right: -17px;
    top: 25px;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup .pc-arrow-right {
    position: absolute;
    left: -17px;
    top: 25px;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup .pc-h5 {
    margin-bottom: 5px;
    font-family: "NiveaMedium", Arial, sans-serif;
    font-size: 1em;
    line-height: 1.25;
    color: #00136f;
    margin-bottom: 8px;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup .small {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    line-height: 1.2;
    font-family: Arial;
    color: #211f20;
    text-align: left;
}
@media only screen and (max-width: 576px) {
    #cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot-no-rwd {
        display: none;
    }
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot-popup-rwd {
    display: none;
    position: absolute;
    left: 1em;
    right: 1em;
    top: auto;
    z-index: 3;
    opacity: 0;
    margin-top: 90px;
    background-color: white;
    padding: 1.5em;
    -webkit-transition: opacity 0.3s ease, margin 0.3s ease;
    -o-transition: opacity 0.3s ease, margin 0.3s ease;
    -moz-transition: opacity 0.3s ease, margin 0.3s ease;
    transition: opacity 0.3s ease, margin 0.3s ease;
    -webkit-box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.16);
    box-sizing: border-box;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot-popup-rwd .hotspot-popup-content .hotspot-popup-image {
    max-width: 176px;
    width: 100%;
    height: auto;
    margin-bottom: 1em;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot-popup-rwd .hotspot-popup-content .hotspot-popup-image img {
    width: 100%;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot-popup-rwd .hotspot-popup-content .pc-h5 {
    font-family: "NiveaMedium", Arial, sans-serif;
    font-size: 1em;
    line-height: 1.25;
    color: #00136f;
    margin-bottom: 8px;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot-popup-rwd .hotspot-popup-content .small {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    line-height: 1.2;
    font-family: Arial;
    color: #211f20;
}
@media only screen and (max-width: 576px) {
    #cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot-popup-rwd {
        display: block;
    }
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot-rwd {
    display: none;
    cursor: pointer;
    width: 5em;
    height: 5em;
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot-rwd .pc-arrow-up {
    opacity: 0;
    position: absolute;
    z-index: 4;
    bottom: -20px;
    left: 50%;
    margin-left: 0px;
    transform: translateX(-50%);
    -webkit-transition: opacity 0.3s ease, margin 0.3s ease;
    -o-transition: opacity 0.3s ease, margin 0.3s ease;
    -moz-transition: opacity 0.3s ease, margin 0.3s ease;
    transition: opacity 0.3s ease, margin 0.3s ease;
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 18px solid white;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot-rwd .pc-hotspot-inside .pc-hotspot-inside-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3em;
    height: 3em;
    margin: 0 auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    background-color: #f6a823;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 576px) {
    #cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot-rwd .pc-hotspot-inside .pc-hotspot-inside-circle {
        width: 42px;
        height: 42px;
        opacity: 0.75;
    }
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot-rwd .pc-hotspot-inside .pc-hotspot-inside-circle .pc-hotspot-inside-plus {
    font-size: 2em;
    color: white;
    line-height: 1.5;
    text-align: center;
    font-weight: bold;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    z-index: 11;
    margin-top: -2px;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot-rwd .pc-hotspot-inside .pc-hotspot-inside-circle:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: pulse 2s infinite;
    -moz-animation: pulse 2s infinite;
    -o-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot-rwd .pc-hotspot-inside:active .pc-hotspot-inside-circle {
    width: 4em;
    height: 4em;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot-rwd .pc-hotspot-inside:active ~ .pc-arrow-up {
    opacity: 1;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot-rwd .pc-hotspot-inside > img,
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot-rwd .pc-hotspot-inside > p {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 12;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    margin-top: -9px;
    padding: 0;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot-rwd .pc-hotspot-inside > p {
    font-weight: bold;
    color: white;
    margin-top: -10px;
}
@media only screen and (max-width: 576px) {
    #cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot-rwd {
        display: block;
    }
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot-rwd:active + .pc-hotspot-popup-rwd {
    opacity: 1;
    margin-left: 0px;
    z-index: 1000;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot.cm-hotspot-second-box {
    display: none;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot.cm-hotspot-third-box {
    display: none;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box:hover .cm-hotspot-dot .first-hot .pc-hotspot-inside .pc-hotspot-inside-circle {
    width: 3em;
    height: 3em;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box:hover .cm-hotspot-dot .first-hot .pc-hotspot-inside:hover .pc-hotspot-inside-circle {
    width: 4em;
    height: 4em;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box:hover .cm-hotspot-dot .first-hot .pc-hotspot-inside:hover ~ .pc-hotspot-popup {
    opacity: 1;
    margin-left: 0px;
    z-index: 1000;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box:hover .cm-hotspot-dot .first-hot .pc-hotspot-inside:hover ~ .pc-hotspot-popup.pc-hotspot-popup-left {
    margin-left: auto;
    margin-right: 0px;
    z-index: 1000;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box:hover .cm-hotspot-dot .first-hot .pc-hotspot-popup-2 {
    opacity: 0;
    margin-left: 0px;
    z-index: 3;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .pc-arrow-right {
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-right: 18px solid white;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .pc-arrow-left {
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid white;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .btn-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 6;
}
@media only screen and (max-width: 576px) {
    #cm-product-card-sun .cm-hotspot-main .cm-hotspot .btn-box {
        max-width: 300px;
        width: 95%;
        margin: auto;
    }
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .btn-box label {
    display: inline;
    width: auto;
    margin: 0.5em;
    padding: 1em 1.5em;
    border-radius: 29px;
    background-color: #9a9a9a;
    text-align: center;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .btn-box label span {
    color: white;
    font-size: 16px;
    line-height: 1.375;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .btn-box label .p-option-2 {
    display: none;
}
@media (min-width: 577px) {
    #cm-product-card-sun .cm-hotspot-main .cm-hotspot .btn-box label {
        -webkit-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        -moz-transition: all ease 0.3s;
        transition: all ease 0.3s;
    }
    #cm-product-card-sun .cm-hotspot-main .cm-hotspot .btn-box label:hover {
        cursor: pointer;
        background-color: #00136f;
        -webkit-transition: all ease 0.1s;
        -o-transition: all ease 0.1s;
        -moz-transition: all ease 0.1s;
        transition: all ease 0.1s;
    }
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .btn-box label.cm-hidden-btn-label {
    display: none;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hidden-btn {
    display: none;
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-inside {
    cursor: none;
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-inside .pc-hotspot-inside-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3em;
    height: 3em;
    margin: 0 auto;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
    cursor: pointer;
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-inside .pc-hotspot-inside-circle .pc-hotspot-inside-plus {
    font-size: 2em;
    color: white;
    font-family: "NiveaBook", Arial, sans-serif;
    line-height: 1.5;
    text-align: center;
    font-weight: bold;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    z-index: 11;
    margin-top: -2px;
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-inside .pc-hotspot-inside-circle:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: pulse 2s infinite;
    -moz-animation: pulse 2s infinite;
    -o-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-inside:hover .pc-hotspot-inside-circle {
    width: 4em;
    height: 4em;
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-inside:hover ~ .pc-hotspot-popup {
    opacity: 1;
    z-index: 1000;
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-inside:hover ~ .pc-hotspot-popup.pc-hotspot-popup-left {
    z-index: 1000;
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-inside > img,
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-inside > p {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 12;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    margin-top: -9px;
    padding: 0;
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-inside > p {
    font-weight: bold;
    color: white;
    margin-top: -10px;
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup-2.pc-hotspot-popup-left {
    position: absolute;
    width: 10em;
    left: 104px;
    top: -2px;
    z-index: 1000;
    opacity: 1;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup-2.pc-hotspot-popup-right {
    left: auto;
    right: -80px;
    margin-left: auto;
    margin-right: -10px;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup-2 .pc-arrow-left {
    position: absolute;
    right: -17px;
    top: 25px;
    left: unset;
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup-2 .pc-arrow-right {
    position: absolute;
    left: -17px;
    top: 25px;
    right: unset;
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup-2 .pc-h5 {
    font-weight: bold;
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup.pc-hotspot-popup-left {
    position: absolute;
    width: 10em;
    left: 104px;
    top: -2px;
    z-index: 3;
    opacity: 0;
    margin-left: -10px;
    background-color: white;
    padding: 1.5em;
    -webkit-transition: opacity 0.3s ease, margin 0.3s ease;
    -o-transition: opacity 0.3s ease, margin 0.3s ease;
    -moz-transition: opacity 0.3s ease, margin 0.3s ease;
    transition: opacity 0.3s ease, margin 0.3s ease;
    -webkit-box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 20px 35px 0 rgba(0, 0, 0, 0.16);
    right: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    transform: unset;
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup.pc-hotspot-popup-right {
    left: auto;
    right: -104px;
    margin-left: auto;
    margin-right: 0px;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup .pc-arrow-left {
    position: absolute;
    right: -17px;
    top: 25px;
    left: unset;
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup .pc-arrow-right {
    position: absolute;
    left: -17px;
    top: 25px;
    right: unset;
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-popup .pc-h5 {
    font-weight: bold;
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-arrow-left {
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid white;
    border-right: 0px;
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-arrow-right {
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-right: 18px solid white;
    border-left: 0px;
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box:hover .cm-hotspot-dot .first-hot .pc-hotspot-popup-2 {
    opacity: 0;
    z-index: 3;
}
#cm-product-card-sun .cm-width-800 .cm-hotspot-main .cm-hotspot .cm-hotspot-box:hover .cm-hotspot-dot .first-hot .pc-hotspot-inside:hover ~ .pc-hotspot-popup.pc-hotspot-popup-left {
    margin-left: auto;
    margin-right: auto;
    z-index: 1000;
}
#cm-product-card-sun .pc-b3 {
    width: 100%;
    max-width: 1040px;
    margin: auto;
}
#cm-product-card-sun .pc-b3.pc-b3-a .pc-b3-cell-container {
    padding-left: 1.25em;
    padding-right: 1.25em;
}
#cm-product-card-sun .pc-b3.pc-b3-a .pc-b3-square {
    margin-right: 1.25em;
}
#cm-product-card-sun .pc-b3 .pc-block-module {
    max-width: 1080px;
    padding: 0 1.25em;
    margin: 0 auto;
    height: inherit;
}
#cm-product-card-sun .pc-b3 .pc-block-module .pc-relative {
    height: inherit;
}
#cm-product-card-sun .pc-b3 .pc-b3-cell-container .pc-b3-cell-content {
    max-width: 26.5em;
}
#cm-product-card-sun .pc-b3 .pc-b3-table {
    display: table;
    width: 100%;
}
#cm-product-card-sun .pc-b3 .pc-b3-table .pc-b3-cell {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}
#cm-product-card-sun .pc-b3 .pc-b3-square {
    width: auto;
    height: auto;
    position: relative;
    overflow: hidden;
}
#cm-product-card-sun .pc-b3 .pc-b3-square:after {
    content: "";
    display: block;
    padding-bottom: 80%;
}
#cm-product-card-sun .pc-b3 .pc-b3-square .pc-b3-image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
#cm-product-card-sun .pc-b3 .pc-b3-square .pc-b3-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
    #cm-product-card-sun .pc-b3 .pc-b3-square .pc-b3-image img {
        -o-object-fit: cover;
        object-fit: cover;
    }
}
#cm-product-card-sun .pc-b3 .h3 {
    font-family: "NiveaBold", Arial, sans-serif;
    font-size: 1.5625em;
    line-height: 1.2;
}
#cm-product-card-sun .pc-b3 .h3 span {
    font-family: "NiveaLight", Arial, sans-serif;
}
#cm-product-card-sun .pc-b3 .pc-gl-description {
    padding-top: 2em;
}
#cm-product-card-sun .pc-b3 p {
    font-family: Arial;
    font-size: 1em;
    line-height: 1.38;
    color: black;
    margin: 0;
    padding: 0;
    text-align: left;
}
#cm-product-card-sun .pc-b3 p.caption {
    color: #f6a823;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1;
    font-weight: bold;
}
@media (max-width: 1079px) {
    #cm-product-card-sun .pc-b3 .pc-block-module {
        max-width: 1040px;
        padding: 0;
    }
}
@media (max-width: 799px) {
    #cm-product-card-sun .pc-b3 p {
        text-align: center;
    }
    #cm-product-card-sun .pc-b3.pc-b3-a .pc-b3-square {
        margin-right: 0;
    }
    #cm-product-card-sun .pc-b3.pc-b3-a .pc-b3-cell-container {
        padding: 2.5em 2.5em 0 2.5em;
    }
    #cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-cell-content {
        float: none;
    }
    #cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-square {
        margin-left: 0;
    }
    #cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-cell-container {
        text-align: center;
        padding: 2.5em 2.5em 0 2.5em;
    }
    #cm-product-card-sun .pc-b3.pc-b3-b .pc-b3-table .pc-b3-cell {
        position: static;
    }
    #cm-product-card-sun .pc-b3 .pc-b3-table {
        display: block;
    }
    #cm-product-card-sun .pc-b3 .pc-b3-table .pc-b3-cell {
        display: block;
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
    #cm-product-card-sun .pc-b3 .pc-b3-cell-container {
        padding: 2.5em 2.5em 0 2.5em;
    }
    #cm-product-card-sun .pc-b3 .pc-b3-cell-container .pc-b3-cell-content {
        max-width: none;
    }
}
@media (max-width: 767px) {
    #cm-product-card-sun {
        font-size: 14px;
    }
}
#cm-product-card-sun .pc-b10-5 {
    width: 100%;
    max-width: 1040px;
    margin: auto;
}
#cm-product-card-sun .pc-b10-5.pc-b10-2 .cm-border {
    border-bottom: 1px solid #c4c4c4;
    border-right: 1px solid #c4c4c4;
}
@media (max-width: 799px) {
    #cm-product-card-sun .pc-b10-5.pc-b10-2 .cm-border {
        height: 90px;
    }
}
#cm-product-card-sun .pc-b10-5.pc-b10-2 .cm-border.no-border-right {
    border-right: 0px solid #c4c4c4;
}
#cm-product-card-sun .pc-b10-5.pc-b10-2 .cm-border.no-borer-bottom {
    border-bottom: 0px solid #c4c4c4;
}
#cm-product-card-sun .pc-b10-5.pc-b10-2 table {
    z-index: 100;
    overflow: hidden;
}
@media (min-width: 851px) {
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table {
        position: relative;
    }
}
@media (min-width: 851px) {
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table tr {
        position: relative;
    }
}
#cm-product-card-sun .pc-b10-5.pc-b10-2 table tr .pc-h4 {
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
    color: #231f20;
    font-size: 18px;
}
#cm-product-card-sun .pc-b10-5.pc-b10-2 table tr td:nth-child(2),
#cm-product-card-sun .pc-b10-5.pc-b10-2 table tr td:nth-child(3),
#cm-product-card-sun .pc-b10-5.pc-b10-2 table tr td:nth-child(4),
#cm-product-card-sun .pc-b10-5.pc-b10-2 table tr td:nth-child(5),
#cm-product-card-sun .pc-b10-5.pc-b10-2 table tr td:nth-child(6),
#cm-product-card-sun .pc-b10-5.pc-b10-2 table tr td:nth-child(7) {
    width: auto;
    background: none;
    background-color: none;
}
#cm-product-card-sun .pc-b10-5.pc-b10-2 table tr td:first-child {
    display: table-cell;
    height: 100%;
    text-align: left;
    font-size: 18px;
    width: 190px;
}
#cm-product-card-sun .pc-b10-5.pc-b10-2 table tr:first-child td:first-child {
    background-color: white;
}
#cm-product-card-sun .pc-b10-5.pc-b10-2 table tr td:first-child:hover:after {
    display: none;
}
#cm-product-card-sun .pc-b10-5.pc-b10-2 table tr th:first-child {
    display: table-cell;
    height: 100%;
    background-color: #ffeeeb;
}
@media (min-width: 800px) {
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table td {
        background: transparent;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table td:after {
        content: "";
        transition: all 0.5s ease;
        position: absolute;
        background-color: #e3e4e6;
        opacity: 0;
        left: 0;
        top: -2000px;
        height: 4000px;
        width: 100%;
        pointer-events: none;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table td:hover:after {
        opacity: 0.1;
    }
}
@media (min-width: 800px) and (min-width: 800px) {
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table td {
        position: relative;
    }
}
#cm-product-card-sun .pc-b10-5.pc-b10-2 .cm-text-box {
    font-family: "NiveaBook", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.25;
    color: #00136f;
}
#cm-product-card-sun .pc-b10-5.pc-b10-2 .pc-text-center {
    text-align: center;
}
#cm-product-card-sun .pc-b10-5.pc-b10-2 .pc-b10-image {
    text-align: center;
}
#cm-product-card-sun .pc-b10-5.pc-b10-2 .pc-b10-image img {
    width: 100%;
    max-width: 170px;
}
#cm-product-card-sun .pc-b10-5.pc-b10-2 .pc-b10-image .pc-h4 {
    font-family: "NiveaMedium", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.29;
    color: #00136f;
    text-align: center;
    margin-top: 0.5em;
}
#cm-product-card-sun .pc-b10-5.pc-b10-2 .pc-firstColumn {
    background-color: #e3e4e6;
    padding: 16px;
    box-sizing: border-box;
    border-bottom: 1px solid #c4c4c4;
}
#cm-product-card-sun .pc-b10-5.pc-b10-2 .pc-firstColumn.cm-first-radius {
    border-radius: 16px 0px 0px 0px;
}
#cm-product-card-sun .pc-b10-5.pc-b10-2 .pc-firstColumn.cm-last-radius {
    border-radius: 0px 0px 0px 16px;
}
#cm-product-card-sun .pc-b10-5.pc-b10-2 .pc-firstColumn.no-border {
    border-bottom: 0px solid #c4c4c4;
}
@media (max-width: 799px) {
    #cm-product-card-sun .pc-b10-5.pc-b10-2 .pc-firstColumn {
        height: 90px;
        display: flex;
        align-items: center;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 .pc-firstColumn.cm-first-radius {
        border-radius: 0;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 .pc-firstColumn.cm-last-radius {
        border-radius: 0;
    }
}
@media (max-width: 799px) {
    #cm-product-card-sun .pc-b10-5.pc-b10-2 .pc-horizontal-scroll {
        overflow: scroll;
        padding-bottom: 20px;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table {
        width: 250%;
        margin-left: 50%;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table img {
        margin: auto;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table tr td:first-child,
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table tr th:first-child {
        position: absolute;
        left: 0;
        width: 50%;
        max-width: 50%;
        background-color: white;
        z-index: 100;
        pointer-events: none;
        /* new */
        height: auto;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table tr .pc-h4 {
        text-align: center;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table td:nth-child(1) {
        max-width: 20%;
        min-width: auto;
        width: 20%;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table th:nth-child(1) {
        max-width: 20%;
        min-width: auto;
        width: 20%;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table td:nth-child(2) {
        max-width: 20%;
        min-width: auto;
        width: 20%;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table th:nth-child(2) {
        max-width: 20%;
        min-width: auto;
        width: 20%;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table td:nth-child(3) {
        max-width: 20%;
        min-width: auto;
        width: 20%;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table th:nth-child(3) {
        max-width: 20%;
        min-width: auto;
        width: 20%;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table td:nth-child(4) {
        max-width: 20%;
        min-width: auto;
        width: 20%;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table th:nth-child(4) {
        max-width: 20%;
        min-width: auto;
        width: 20%;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table td:nth-child(5) {
        max-width: 20%;
        min-width: auto;
        width: 20%;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table th:nth-child(5) {
        max-width: 20%;
        min-width: auto;
        width: 20%;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table td:nth-child(6) {
        max-width: 20%;
        min-width: auto;
        width: 20%;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table th:nth-child(6) {
        max-width: 20%;
        min-width: auto;
        width: 20%;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table td:nth-child(7) {
        max-width: 20%;
        min-width: auto;
        width: 20%;
    }
    #cm-product-card-sun .pc-b10-5.pc-b10-2 table th:nth-child(7) {
        max-width: 20%;
        min-width: auto;
        width: 20%;
    }
}
#cm-product-card-sun .pc-b5 {
    display: block;
    position: relative;
    width: 100%;
    max-width: 1040px;
    margin: auto;
    height: 38em;
}
#cm-product-card-sun .pc-b5.pc-b5-b {
    height: auto;
}
#cm-product-card-sun .pc-b5.pc-b5-b .pc-b5-image {
    position: relative;
}
#cm-product-card-sun .pc-b5.pc-b5-b .pc-b5-image .pc-b5-logo {
    position: absolute;
    width: 130px;
    top: 24px;
    right: 24px;
    display: none;
}
@media only screen and (max-width: 550px) {
    #cm-product-card-sun .pc-b5.pc-b5-b .pc-b5-image .pc-b5-logo {
        top: 10px;
        right: 10px;
    }
}
#cm-product-card-sun .pc-b5.pc-b5-b .pc-b5-image .pc-b5-logo img {
    width: 100%;
    max-width: 130px;
    height: auto;
}
@media only screen and (max-width: 550px) {
    #cm-product-card-sun .pc-b5.pc-b5-b .pc-b5-image .pc-b5-logo img {
        max-width: 80px;
    }
}
#cm-product-card-sun .pc-b5.pc-b5-b .pc-b5-image img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 16px;
}
@media only screen and (max-width: 799px) {
    #cm-product-card-sun .pc-b5.pc-b5-b .pc-b5-image img {
        border-radius: 0;
    }
}
#cm-product-card-sun .pc-b5 .pc-block-module {
    max-width: 1080px;
    padding: 0 1.25em;
    margin: 0 auto;
    height: inherit;
}
#cm-product-card-sun .pc-b5 .pc-block-module .pc-relative {
    height: inherit;
}
#cm-product-card-sun .pc-b5 .pc-b5-image {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (max-width: 1079px) {
    #cm-product-card-sun .pc-b5 .pc-block-module {
        max-width: 1040px;
        padding: 0;
    }
}
@media (max-width: 767px) {
    #cm-product-card-sun .pc-b4 .h3 {
        text-align: center;
    }
    #cm-product-card-sun .pc-b4 .caption {
        text-align: center;
    }
    #cm-product-card-sun .pc-b4 p {
        text-align: center;
    }
}

#cm-product-card-sun .pc-b4 .h3 {
    text-transform: uppercase;
}
#cm-product-card-sun .pc-b4 .m-st-2 {
    border-bottom: 0px;
    border-top: 0px;
}
#cm-product-card-sun .pc-b7 .h3 {
    color: #00136f;
}
#cm-product-card-sun .m-st-1::after {
    height: 0px;
}
#cm-product-card-sun .cm-nivea-footer img {
    width: 120px;
}
#cm-product-card-sun .cm-functions-hoverable-1 .cm-functions-single .cm-functions-icon img {
    width: 100%;
    max-width: 320px;
    height: auto;
}
#cm-product-card-sun .pc-b3 .h3 {
    color: #00136f;
    font-family: "NiveaMedium", Arial, sans-serif;
}
#cm-product-card-sun .cm-hotspot-main .cm-hotspot .cm-hotspot-box .cm-hotspot-dot .pc-hotspot .pc-hotspot-inside .pc-hotspot-inside-circle {
    background-color: #00136f;
}
#cm-product-card-sun .pc-b6-a .pc-h4 {
    font-family: Arial;
    font-size: 1em;
    font-weight: bold;
}
/* new */
#cm-product-card-sun .hide-mobile {
    display: block;
}
#cm-product-card-sun .show-mobile {
    display: none;
}
@media (max-width: 600px) {
    #cm-product-card-sun .hide-mobile {
        display: none;
    }
    #cm-product-card-sun .show-mobile {
        display: block;
    }
}
#cm-product-card-sun .cm-footer-text {
    background: url("../img/gradient.png") center no-repeat;
    box-sizing: border-box;    
    text-align: center;
    padding: 7em 1em 2em;            
}
#cm-product-card-sun .cm-footer-text .cm-ng-1{
    font-size: 2.4375em;
    font-family: "NiveaBold";    
    color: #00136f;
    line-height: 1.12;
    letter-spacing: 0.2px;
    text-transform: uppercase;   
}
#cm-product-card-sun .cm-footer-text .cm-ng-2{
    font-size: 1.125em;
    font-family: Arial;    
    line-height: 1.5;
    padding-top: .5em;
    padding-bottom: 2em;
    color: #00136f;    
    text-transform: uppercase;
}
#cm-product-card-sun .cm-footer-text .cm-nivea-logo {
    width: 176px;    
    margin: 0 auto;
    position: absolute;
    top: -56px;
    left: 50%;
    margin-left: -88px;
}
#cm-product-card-sun .cm-footer {
    padding-top: 4em;
}
@media (max-width: 600px) {
    #cm-product-card-sun .cm-footer {
        padding-top: 6em;
    }
}
#cm-product-card-sun .cm-footer-text .cm-nivea-logo img{
    width: 100%;
}
#cm-product-card-sun .cm-footer-text .cm-nivea-cat {
    margin-top: -2em;
    margin-left: 6px;
}
#cm-product-card-sun .cm-footer-text img.footer-packshots {    
    margin: 0 auto;
    max-width: 100%;
}
@media (max-width: 400px) {
    #cm-product-card-sun .cm-footer-text img.footer-packshots {    
       width: 240px;
    }
}