.My-Content .MyBlock,
.My-Content h1 {
    position: relative;
    text-align: center
}

body,
html {
    overflow-x: hidden;
    width: 100%
}

.My-Content .MyBlock {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.My-Content h1 {
    display: inline-block;
    font-family: ClarinsRegular, Clarins;
    font-size: 50px;
    font-weight: 400;
    line-height: 1em;
    margin: 0;
    padding: 0
}

@media only screen and (max-width:761px) {
    .My-Content h1 {
        width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
        font-size: 35px;
        line-height: 35px
    }
}

.My-Content p.text-video-link a::before {
    content: " ";
    display: inline-block;
    background-image: url(img/link-play.png);
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    left: -24px;
    height: 22px;
    width: 22px;
    top: -3px
}

.My-Content p.text-video-link a {
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif;
    font-size: 11px;
    border-bottom: 1px solid #e5e5e5;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    margin-left: 22px;
    position: relative
}

.My-Content {
    width: 100%;
    display: block;
    position: relative;
    max-width: 1250px;
    min-width: 320px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4em;
    color: #000;
    text-align: center
}

.My-Content * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.My-Content #BlockHeader {
    width: 2000px;
    margin-left: -375px;
    text-align: center;
    position: relative
}

.My-Content #BlockHeader img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px
}

@media screen and (max-width:1249px) {
    .My-Content #BlockHeader {
        width: 100%;
        margin-left: 0
    }
    .My-Content #BlockHeader img {
        max-width: 2000px;
        width: 162%;
        margin-left: -31%
    }
}

.My-Content #BlockPackshot {
    background-color: #FFF;
    text-align: center;
    position: relative;
    display: block;
    font-size: 0;
    margin-bottom: 20px;
    top: 10px;
}

@media screen and (max-width:761px) {
    .My-Content #BlockPackshot {
        margin-bottom: 20px
    }
}

.My-Content #BlockPackshot .InlineBlock {
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 20px);
    margin: 10px;
    max-width: 377px
}

.My-Content #BlockPackshot .InlineBlock h2 {
    margin: 0;
    font-family: ClarinsRegular, Clarins;
    font-size: 35px;
    line-height: 35px;
    color: #000;
    font-weight: 400;
    padding: 10px 0 20px
}

.My-Content #BlockPackshot .InlineBlock p.Title,
.My-Content #TintFilter a {
    text-transform: uppercase;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif
}

.My-Content #BlockPackshot .InlineBlock p.Title {
    color: #be0f34;
    font-size: 11px;
    line-height: 12px;
    padding: 0;
    margin: 0
}

.My-Content #BlockPackshot .InlineBlock p.Text {
    margin: 0;
    font-size: 14px
}

.My-Content #BlockPackshot .InlineBlock img {
    max-width: 100%;
    width: auto
}

.My-Content #BlockPackshot .InlineBlock:last-child {
    text-align: left;
    max-width: 365px
}

@media screen and (max-width:1249px) {
    .My-Content #BlockPackshot .InlineBlock {
        width: calc(50% - 40px)
    }
    .My-Content #BlockPackshot .InlineBlock:last-child {
        width: calc(50% - 40px);
        margin-right: auto;
        margin-left: auto
    }
}

@media screen and (max-width:761px) {
    .My-Content #BlockPackshot .InlineBlock {
        max-width: 761px;
        display: block;
        width: auto;
        margin: 0 20px;
        text-align: center
    }
    .My-Content #BlockPackshot .InlineBlock:last-child {
        text-align: center;
        width: calc(100% - 40px)
    }
}

.My-Content #BlockPackshot ul.CheckBox {
    display: block;
    padding: 20px;
    border: 2px solid #be0f34;
    margin-top: 20px
}

@media screen and (max-width:761px) {
    .My-Content #BlockPackshot ul.CheckBox {
        padding: 15px
    }
}

.My-Content #BlockPackshot ul.CheckBox li {
    margin: 0;
    padding: 10px 0 10px 38px;
    display: block;
    text-align: left;
    background-image: url(img/checkbox.png);
    background-repeat: no-repeat;
    background-position: top left;
    min-height: 20px;
    font-size: 14px;
    line-height: 16px
}

.My-Content #BlockTextures {
    margin-bottom: -60px;
    position: relative;
    z-index: 2
}

.My-Content #BlockTextures p.Text {
    margin: 0 auto;
    padding: 20px;
    max-width: 440px
}

.My-Content #TintFilter {
    display: block;
    position: relative;
    margin: 0 auto 25px;
    padding: 0;
    width: 100%;
    clear: both
}

@media screen and (max-width:761px) {
    .My-Content #TintFilter {
        display: none
    }
}

.My-Content #TintFilter a {
    font-size: 20px;
    display: inline-block;
    position: relative;
    line-height: 1em;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #b0b0b0;
    margin: 20px
}

.My-Content #TintFilter a.Selected,
.My-Content #TintFilter a:hover {
    color: #be0f34;
    border-bottom: 1px solid #be0f34
}

.My-Content #TexturesMosaic {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    list-style: none;
    font-size: 0;
    text-align: center;
    max-width: 980px
}

@media screen and (max-width:761px) {
    .My-Content #TexturesMosaic {
        display: none
    }
}

.My-Content #TexturesMosaic li {
    display: inline-block;
    position: relative;
    margin: 0 -1% 0 0;
    padding: 0;
    width: 25%;
    cursor: pointer
}

.My-Content #TexturesMosaic li:nth-child(1) {
    margin-left: 12.5%
}

.My-Content #TexturesMosaic li:nth-child(3) {
    margin-right: 12.5%
}

.My-Content #TexturesMosaic li img {
    display: block;
    max-width: 100%;
    margin-top: -5%
}

.My-Content #BlockTextures li span {
    display: block;
    position: absolute;
    width: 60%;
    height: 14px;
    font-size: 12px;
    line-height: 16px;
    vertical-align: middle;
    text-decoration: none;
    color: #FFF;
    left: 25%;
    top: calc(40% - 10px);
    min-height: 20px;
    text-align: center;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    opacity: 0;
    z-index: 2;
    transition: opacity .5s ease-in-out
}

.My-Content #BlockResults .FloatingBox .InlineBlock h2,
.My-Content #BlockTextures .WhiteBtnLInk a,
.My-Content #RoutineFilter a span,
.My-Content .TexturesTab-Mobile h2 {
    text-transform: uppercase;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif
}

.My-Content #BlockTextures li.Selected span,
.My-Content #BlockTextures li:hover span {
    opacity: 1
}

.My-Content #BlockTextures .WhiteBtnLInk a {
    text-align: center;
    background-color: #FFF;
    display: inline-block;
    color: #000;
    padding: 18px 30px;
    text-decoration: none;
    font-size: 11px;
    line-height: 14px;
    border: 2px solid #e5e5e5;
    min-width: 16px;
    margin: 20px
}

.My-Content .TexturesTab-Mobile,
.My-Content .TexturesTab-Mobile.Selected h2 {
    border-bottom: 1px solid #e4e4e4
}

.My-Content .TexturesTab-Mobile h2 {
    font-size: 12px;
    line-height: 14px;
    padding: 16px;
    margin: 0;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: block;
    font-weight: 400
}

.My-Content .TexturesTab-Mobile h2::after {
    content: "+";
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    text-align: center
}

.My-Content .TexturesTab-Mobile.Selected h2::after {
    content: "-"
}

.My-Content #TexturesMobile {
    border-top: 1px solid #e4e4e4;
    display: none
}

@media screen and (max-width:761px) {
    .My-Content #TexturesMobile {
        display: block
    }
}

.My-Content .TexturesTab-Mobile ul {
    display: none;
    position: relative;
    margin: 20px auto 0;
    padding: 0;
    width: 100%;
    list-style: none;
    font-size: 0;
    text-align: center;
    max-width: 640px
}

.My-Content .TexturesTab-Mobile.Selected ul {
    display: block
}

.My-Content .TexturesTab-Mobile ul li {
    padding: 0;
    width: 50%;
    margin: 0 0 0 -6%!important;
    display: inline-block;
    position: relative
}

.My-Content .TexturesTab-Mobile ul li img {
    display: block;
    max-width: 100%;
    margin-top: -5%
}

.My-Content .TexturesTab-Mobile ul li:nth-child(2n+0) {
    z-index: 1
}

.My-Content .TexturesTab-Mobile ul li:nth-child(2n+1) {
    z-index: 2
}

.My-Content #BlockResults {
    width: 2000px;
    margin-left: -375px;
    text-align: center;
    position: relative;
    z-index: 1
}

.My-Content #BlockResults img {
    display: block;
    max-width: 72%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    -webkit-transform: translateX(5%);
    transform: translateX(5%)
}

@media screen and (max-width:1249px) {
    .My-Content #BlockResults {
        width: 100%;
        margin-left: 0
    }
    .My-Content #BlockResults img {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: none;
        -webkit-transform: none;
        transform: none
    }
    .My-Content #BlockResults .FloatingBox {
        min-width: 670px
    }
}

.My-Content #BlockResults h1 {
    color: #be0f34;
    margin-top: 20px
}

.My-Content #BlockResults .FloatingBox {
    background-color: #FFF;
    position: absolute;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left: 50%;
    top: 50%;
    padding: 30px
}

@media screen and (max-width:1023px) {
    .My-Content #BlockResults img {
        max-width: 2000px;
        width: 1400px;
        margin-left: calc(50% - 600px);
        margin-right: calc(50% - 600px)
    }
    .My-Content #BlockResults .FloatingBox {
        padding: 50px
    }
}

@media screen and (max-width:761px) {
    .My-Content #BlockResults {
        margin-bottom: -50px
    }
    .My-Content #BlockResults img {
        margin-left: calc(50% - 300px);
        margin-right: calc(50% - 300px);
        max-width: 2000px;
        width: 600px
    }
    .My-Content #BlockResults .FloatingBox {
        position: relative;
        -webkit-transform: none;
        transform: none;
        left: auto;
        top: auto;
        display: block;
        margin-left: 10px;
        margin-right: 10px;
        min-width: 0;
        margin-top: -380px;
        padding: 0
    }
}

.My-Content #BlockResults .FloatingBox p {
    margin: 0 auto;
    padding: 20px;
    font-size: 14px;
    line-height: 22px;
    max-width: 746px;
    display: block
}

.My-Content #BlockResults .FloatingBox .InlineBlock {
    display: inline-block;
    vertical-align: top;
    margin: 25px
}

@media screen and (max-width:1249px) {
    .My-Content #BlockResults .FloatingBox .InlineBlock {
        margin: 15px
    }
}

@media screen and (max-width:761px) {
    .My-Content #BlockResults .FloatingBox .InlineBlock {
        display: block
    }
}

.My-Content #BlockResults .FloatingBox .InlineBlock p {
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
    padding: 0;
    max-width: 121px
}

.My-Content #BlockResults .FloatingBox .InlineBlock p.Results {
    border-top: 2px solid #be0f34;
    border-bottom: 2px solid #be0f34;
    display: block;
    color: #be0f34;
    margin: 25px 0;
    padding: 10px 0 0;
    font-size: 14px;
    line-height: 16px;
    max-width: none
}

.My-Content #BlockResults .FloatingBox .InlineBlock p.Results span {
    display: inline-block;
    vertical-align: middle;
    max-width: 60px
}

.My-Content #BlockResults .FloatingBox .InlineBlock p.Results span:first-child {
    display: block;
    max-width: none
}

.My-Content #BlockResults .FloatingBox .InlineBlock p.Results span.num {
    font-size: 75px;
    position: relative;
    line-height: 75px;
    max-width: none
}

.My-Content #BlockResults .FloatingBox .InlineBlock .stats {
    padding: 0;
    margin: 15px 0 0;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    vertical-align: top;
    width: 121px;
    height: 121px;
    font-size: 25px;
    color: #be0f34;
    line-height: 121px
}

@media screen and (max-width:761px) {
    .My-Content #BlockResults .FloatingBox .InlineBlock .stats {
        margin-top: 2px
    }
}

.My-Content #BlockResults .FloatingBox .InlineBlock .stats sup {
    font-size: 14px;
    display: inline-block;
    height: 27px;
    line-height: 1em;
    vertical-align: middle
}

.My-Content #BlockResults .FloatingBox .InlineBlock #Stat-1 {
    background-image: url(img/stat-1.png)
}

.My-Content #BlockResults .FloatingBox .InlineBlock #Stat-2 {
    background-image: url(img/stat-2.png)
}

.My-Content #BlockResults .FloatingBox .InlineBlock p.Results span.num sup {
    font-size: 15px;
    position: absolute;
    left: calc(100% - 5px);
    top: 5px
}

.My-Content #BlockResults .FloatingBox .InlineBlock h2 {
    color: #000;
    font-size: 11px;
    margin: 0;
    padding: 0;
    font-weight: 400
}

.My-Content #BlockResults p.Mentions {
    font-size: 12px;
    line-height: 12px;
    color: #000;
    opacity: .5;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 10px 20px 20px;
    max-width: 480px
}

.My-Content #RoutineFilter {
    display: block;
    position: relative;
    margin: 0 auto 25px;
    padding: 0;
    width: 100%;
    clear: both
}

.My-Content #RoutineFilter a {
    display: inline-block;
    position: relative;
    text-decoration: none
}

.My-Content #RoutineFilter a img {
    display: block;
    position: relative;
    max-width: 100%;
    margin-bottom: 10px
}

@media screen and (max-width:761px) {
    .My-Content #RoutineFilter a {
        display: block;
        padding-top: 30px;
        padding-bottom: 30px
    }
    .My-Content #RoutineFilter a img {
        display: block;
        right: 80%;
        max-width: 100%;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(90deg);
        -webkit-transform-origin: center center 0;
        transform: translateY(-50%) rotate(90deg);
        transform-origin: center center 0;
        width: 100px
    }
}

.My-Content #RoutineFilter a span {
    font-size: 11px;
    display: inline-block;
    line-height: 12px;
    position: relative;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #b0b0b0
}

.My-Content #RoutineFilter a.Selected span,
.My-Content #RoutineFilter a:hover span {
    color: #be0f34;
    border-bottom: 1px solid #be0f34
}

@media screen and (max-width:761px) {
    .My-Content #RoutineFilter.Selected {
        display: none
    }
}

.My-Content #RoutineFilter.Selected img,
.My-Content #RoutineFilter.Selected span {
    display: none
}

.My-Content #RoutineFilter.Selected span.tintgroup {
    display: inline-block;
    margin: 10px
}

.My-Content #RoutineFilter a span.sepa {
    display: block;
    position: relative;
    border-bottom: 0 solid #b0b0b0!important;
    height: 1px;
    margin: 0
}

.My-Content #BlockRoutine {
    position: relative;
    z-index: 2;
    padding: 0;
    margin: -80px auto 50px;
    font-size: 14px;
    max-width: 1046px;
    display: block;
    text-align: center
}

.My-Content #BlockRoutine p {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
}

.My-Content #BlockRoutine .jcarousel {
    font-size: 14px;
    width: 100%;
    display: block
}

@media screen and (max-width:761px) {
    .My-Content #BlockRoutine .wrapper .jcarousel {
        display: none
    }
    .My-Content #BlockRoutine .wrapper.Selected .jcarousel {
        display: block
    }
}

.My-Content #BlockRoutine .wrapper {
    display: none;
    position: relative
}

.My-Content #BlockRoutine .wrapper.Selected {
    display: block
}

@media screen and (max-width:761px) {
    .My-Content #BlockRoutine.Selected .wrapper {
        display: block;
        border-top: 1px solid #e4e4e4
    }
    .My-Content #BlockRoutine .wrapper.Selected {
        padding-bottom: 40px
    }
}

.My-Content #BlockRoutine .jcarousel-pagination {
    display: none
}

@media screen and (max-width:761px) {
    .My-Content #BlockRoutine .Selected .jcarousel-pagination {
        display: block;
        bottom: 10px
    }
}

.My-Content #BlockRoutine .jcarousel ul li {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    position: relative;
    width: auto
}

.My-Content #BlockRoutine .jcarousel ul li img {
    display: block;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.My-Content #BlockRoutine .jcarousel ul li .lipstick {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media screen and (max-width:1023px) {
    .My-Content #BlockRoutine {
        margin-top: 0
    }
    .My-Content #BlockRoutine .jcarousel ul li .lipstick {
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-width: 204px;
        position: relative
    }
}

.My-Content #BlockRoutine .jcarousel ul li .lipstick img {
    max-width: 265px;
    margin: 0
}

.My-Content #BlockRoutine .jcarousel ul li h3 {
    font-family: ClarinsRegular, Clarins;
    font-weight: 400;
    font-size: 35px;
    margin: 20px 0;
    padding: 0;
    text-align: center;
    display: block;
    line-height: 1em;
}

.My-Content #BlockRoutine .jcarousel ul li h3 .red {
    font-family: "Gotham SSm book A", "Gotham SSm book B", Gotham, Helvetica, Arial, sans-serif;
    color: #be0f34
}

.My-Content #BlockRoutine .jcarousel ul li a.TextLink,
.My-Content #BlockRoutine h2 {
    text-transform: uppercase;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif
}

.My-Content #BlockRoutine .jcarousel ul li a.TextLink {
    font-size: 11px;
    display: inline-block;
    line-height: 12px;
    position: relative;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #b0b0b0
}

.My-Content #BlockRoutine .jcarousel ul li a.TextLink:hover {
    color: #be0f34;
    border-bottom: 1px solid #be0f34
}

.My-Content #BlockRoutine .jcarousel.Selected {
    display: block
}

@media only screen and (max-width:761px) {
    .My-Content #BlockRoutine {
        padding-top: 50px;
        margin-top: 0
    }
}

.My-Content #BlockRoutine .jcarousel ul li p {
    min-height: 40px;
    padding-bottom: 10px
}

.My-Content #BlockRoutine .jcarousel ul li .TintSelector {
    position: absolute;
    bottom: 30px;
    text-align: center;
    left: 0;
    width: 100%
}

.My-Content #BlockRoutine .jcarousel ul li .TintSelector a {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 0;
    position: relative;
    margin: 2px
}

.My-Content #BlockRoutine .jcarousel ul li .TintSelector a.Selected::after {
    content: " ";
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    border: 2px solid #be0f34;
    top: -3px;
    left: -3px;
    position: absolute
}

.My-Content #BlockRoutine .jcarousel ul li .lipstick {
    display: none
}

.My-Content #BlockRoutine .jcarousel ul li .lipstick.Selected {
    display: block
}

.My-Content #BlockRoutine h2 {
    font-size: 12px;
    line-height: 14px;
    padding: 16px;
    margin: 0;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: none;
    font-weight: 400
}

.My-Content #BlockRoutine h2::after {
    content: "+";
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    text-align: center
}

.My-Content #BlockRoutine .Selected h2::after {
    content: "-"
}

.My-Content #BlockRoutine .Selected h2 {
    border-bottom: 1px solid #e4e4e4
}

.My-Content #Transversal-Push {
    max-width: 970px;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

.My-Content #Transversal-Push ul {
    margin: 0 0 60px;
    padding: 0;
    display: block;
    text-align: center;
    position: relative
}

@media screen and (max-width:1023px) {
    .My-Content #Transversal-Push {
        max-width: 650px
    }
    .My-Content #Transversal-Push .jcarousel-pagination {
        display: block;
        bottom: auto;
        position: relative
    }
}

.My-Content #Transversal-Push ul p {
    margin: 0;
    padding: 0
}

@media screen and (max-width:761px) {
    .My-Content #BlockRoutine h2 {
        display: block
    }
    .My-Content #Transversal-Push {
        margin: 5px;
        width: calc(100% - 10px)
    }
}

.My-Content #Transversal-Push ul li .Wrapper {
    border: 2px solid #e5e5e5;
    cursor: pointer;
    display: inline-block;
    margin: 20px;
    max-width: 284px;
    min-height: 450px;
    padding-bottom: 50px;
    text-align: left;
    vertical-align: top;
    position: relative
}

.My-Content #Transversal-Push ul li img {
    max-width: 100%
}

@media screen and (max-width:761px) {
    .My-Content #Transversal-Push ul li .Wrapper {
        margin: 5px;
        padding-bottom: 20px;
        min-height: 250px
    }
}

.My-Content #Transversal-Push ul li h3 {
    margin: 0;
    font-family: ClarinsRegular, Clarins;
    font-size: 30px;
    line-height: 30px;
    color: #000;
    padding: 0 20px 10px;
    font-weight: 400
}

.My-Content #RoutineFilter #Routine-AllTintsDesktop,
.My-Content #Transversal-Push ul li p.Title {
    text-transform: uppercase;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", Gotham, Helvetica, Arial, sans-serif
}

@media screen and (max-width:761px) {
    .My-Content #Transversal-Push ul li h3 {
        font-size: 22px;
        line-height: 22px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        min-height: 90px
    }
}

.My-Content #Transversal-Push ul li p.Title {
    color: #be0f34;
    margin: 0;
    font-size: 11px;
    padding: 20px 20px 10px
}

@media screen and (max-width:761px) {
    .My-Content #Transversal-Push ul li p.Title {
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px
    }
    .My-Content #Transversal-Push ul li p.Text {
        display: none
    }
}

.My-Content #Transversal-Push ul li p.Text {
    color: #8b8b8b;
    margin: 0;
    font-size: 11px;
    padding: 0 20px 10px;
    line-height: 14px
}

.My-Content #Transversal-Push ul li p.text-link {
    bottom: 0;
    font-size: 11px;
    line-height: 14px;
    margin: 0;
    padding: 20px;
    position: absolute
}

@media screen and (max-width:761px) {
    .My-Content #Transversal-Push ul li p.text-link {
        padding: 10px;
        bottom: 10px
    }
}

.My-Content #Transversal-Push ul li p.text-link a {
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    border-bottom: #d5d5d5 1px solid
}

.My-Content #TintFilter #Texture-AllTintsDesktop::before {
    content: "X ";
    text-decoration: none;
    position: absolute;
    right: calc(100% + 5px);
    display: inline-block
}

.My-Content #TintFilter #Texture-AllTintsDesktop {
    display: none;
    position: absolute;
    font-size: 10px;
    left: 50%;
    top: -5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    padding: 0;
    margin: 0
}

.My-Content #RoutineFilter #Routine-AllTintsDesktop {
    display: none;
    font-size: 11px;
    line-height: 12px;
    position: relative;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid #b0b0b0
}

.My-Content #RoutineFilter #Routine-AllTintsDesktop:hover {
    color: #be0f34;
    border-bottom: 1px solid #be0f34
}

/*---------------------------------------------additional css-------------------------------------------------*/

.My-Content #BlockResults .FloatingBox .InlineBlock p.Results span.display_width {
    display: block;
    max-width: 200px;
    margin-bottom: 15px
}

@media only screen and (max-width: 761px) {
    .My-Content #BlockResults .FloatingBox .InlineBlock p.Results span.display_width {
    margin-left: 30px;
    }
    .My-Content #RoutineFilter a span {
    margin-left: 40px;
    }
}

main:not(.main-homepage) {
margin-top: 21px !important;
}

.wrapper {
background: #fff;
left: 0;
margin: auto;
max-width: 1250px;
position: relative;
padding-top: 96px !important;
}

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

.wrapper {
background: #fff;
left: 0;
margin: auto;
max-width: 1250px;
position: relative;
padding-top: 50px !important;
}}
@media only screen and (max-width:761px) {

.wrapper {
background: #fff;
left: 0;
margin: auto;
max-width: 1250px;
position: relative;
padding-top: 50px !important;
}}

.breadcrumb{
    display: block!important;
    margin-top: 21px!important;
}

@media only screen and (max-width: 761px){
    .breadcrumb{
        display: none;
    }
}