/*#headline h1 { text-align:right; }*/

.footer-newsletter > form.mrw-dynamic-form > input.form-control { background: #f2f3f6;}
#contact-form   { max-width:700px; }
#contact-form-title { width:100%; color:#F68B1F; font-size:35px; padding:10px; }
/*#headline h1 { font-size: 260%; }*/
#contact-form textarea { width: 100%; margin-top: 10px; height: 245px; }
#lobby { margin-bottom: 60px; }
#ContactButton { color:#ffffff; text-decoration:none; font-size:130%; display:inline-block; background-color:#F68B1F; border-radius:5px; padding:10px 30px 6px 30px; float:left; }
#GridPage { background-image: linear-gradient(to bottom, #ffffff, #f2f3f6); }
section { padding-bottom: 90px; }
section.about-skincare { padding-bottom: 160px;}
.about-skin-wellbeing { direction: rtl; }
.about-skincare { direction: ltr; }
.about-side-img { width: 850px; height: 684px; background-size: contain; background-position: center; background-repeat: no-repeat; }
.about-side-content { position: absolute; padding: 60px 30px; background-color: #ffffff; direction: ltr; }
.about-side-content p { margin-top: 25px; font-size: 80%; line-height: 1.5; padding-left: 30px; color: #231f20; direction: rtl; }
.about-side-content p:last-of-type { padding-bottom: 60px; }
.has-scrollbar { padding-bottom: 0;}
.about-skin-wellbeing .about-side-content { width: 499px; height: 517px; top: 50%; left: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-shadow: -14.1px 14.1px 34px 0 rgba(35, 31, 32, 0.14); box-shadow: -14.1px 14.1px 34px 0 rgba(35, 31, 32, 0.14); }

.about-skincare .about-side-content { width: 535px; height: 517px; bottom: -50px; right: 15px; box-shadow: 18.1px 8.5px 34px 0 rgba(35, 31, 32, 0.14); }

.skincare-bottom-text { color: #e3e4e7; font-size: 520%; font-weight: 500; letter-spacing: 5px; text-transform: uppercase; line-height: normal; position: absolute; bottom: -65px;    font-family: 'futura-pt'; }

@media (min-width: 1025px) {
    .about-skin-wellbeing .about-side-content.FadeInElement { -webkit-transform: translateY(-45%); transform: translateY(-45%); }
    .about-skin-wellbeing .about-side-content.FadeInElement.showItem { -webkit-transform: translateY(calc(-50% + 10px)); transform: translateY(calc(-50% + 10px)); }
}

@media (max-width: 1024px) {
    section.about-skincare { padding-bottom: 80px; }
    section { padding-bottom: 50px; }
    .skincare-bottom-text { display: none; }
    .about-side-img { width: 100%; }
    .about-side-content { position: relative; margin: 0 auto; padding: 40px;}
    .about-skin-wellbeing .about-side-content, .about-skincare .about-side-content { width: 78%; height: 440px; bottom: 60px; left: 0; top: auto; box-shadow: 18.1px 8.5px 34px 0 rgba(35, 31, 32, 0.14); transform: none; -webkit-transform: none; }
    .about-skincare .about-side-content { right: 0; }
    .about-side-content p { /*font-size: 68%;*/ /*padding-right: 22px;*/ }

}

@media (max-width: 767px) {
    #PageBreadCrumps { display: none; }
    #lobby { margin-bottom: 5px; }
    .about-side-img { height: 92vw; }
    .about-skin-wellbeing .about-side-content, .about-skincare .about-side-content { width: 100%; bottom: 0; box-shadow: none; height: auto; padding: 0; margin-top: 10px;
        text-align: right;}
    .titeWrapper h2 { font-size: 7vw; margin-bottom: 5px; }
    .about-side-content { background-color: transparent; }
    .about-side-content p { /*font-size: 3.8vw;*/ padding-right: 0; }
     .about-side-content .custom-scrollbar { padding-right: 0; }
}


#PageView #PageBreadCrumps { margin-top: 0; padding-top: 30px; }
#PageView #lobby { height: 350px; background-color: #f2f3f6; margin: 0; padding: 0; }
#PageView .grid-text { max-width: unset; position: relative; margin: -85px auto 60px auto; background: #fff; min-height: 100px; }
#PageView #subheadline { padding-top: 0; }
#PageView .grid-text { padding: 70px 160px; }
#PageView .grid-text .grid-text-content h2 { font-size: 200%; font-weight: 500; text-transform: uppercase; position: relative; margin-bottom: 30px; }
#PageView .grid-text .grid-text-content h2:after { content: ""; position: absolute; bottom: -10px; left: 0; width: 80px; height: 8px; background: linear-gradient(-45deg, #f1d7a0, #e2b86e, #f1d7a0, #e2b86e); background-size: 400% 400%; -webkit-animation: Gradient 15s ease infinite; -moz-animation: Gradient 15s ease infinite; animation: Gradient 15s ease infinite; }
#PageView .grid-text .grid-text-content p, #PageView .grid-text .grid-text-content ol, #PageView .grid-text .grid-text-content ul { font-size: 90%; color: #231f20; text-shadow: 0 0 0 #bcbcbc; line-height: 1.65; }

@media (max-width: 1024px) {
    #PageView #lobby { height: 325px; }
    #PageView #subheadline { padding-top: 25px; }
    #PageView .grid-text { padding: 50px 100px; }
}

@media (max-width: 767px) {
    #PageView #lobby { height: 275px; }
    #PageView .grid-text { padding: 30px; }
    #PageView .grid-text .grid-text-content h2 { font-size: 7vw; }
    #PageView #subheadline { padding-top: 50px; }
    .about-side-content p:last-of-type { padding-bottom: 0px; }
}