body { background: #f2f3f6; }
#PageBreadCrumps { display: none; }
#SiteGrid { -webkit-transform: none; transform: none; }
.owl-item { background: #ffffff; padding: 20px; height: 420px; }
.textSide { padding-top: 20px; padding-left: 40px; }
.footer-newsletter > form > input { background: #ffffff; }

.infoTitle h4 { margin: 0; padding: 0; line-height: 100%; color: rgba(234, 235, 238, 0.7); font-size: 200%; text-transform: uppercase; font-weight: 500; margin-bottom: 5px; }
.infoTitle h3 { font-size: 110%; margin-top: -25px; }
.infoTitle { margin-bottom: 20px; }

.moreInfo ul, .moreInfo p { font-size: 65%; font-family: 'opensans'; margin-left: 0; list-style: none; color: #231f20; }
    .moreInfo ul li { margin-bottom: 10px; position: relative; }
        .moreInfo ul li:after { content: ""; position: absolute; left: 2px; width: 4px; background: #ffffff; border-radius: 50%; display: block; top: 9px; height: 4px; }
        .moreInfo ul li:before { content: ""; width: 8px; height: 8px; border-width: 2px; /*border-image-source: linear-gradient(to top, #f1d7a0, #e2b86e); border-image-slice: 1;*/ background-image: linear-gradient(to top, #f1d7a0, #e2b86e); background-image: -webkit-gradient(linear,to top, #f1d7a0, #e2b86e); border-radius: 50%; display: inline-block; margin-right: 10px; overflow: hidden; border-style: hidden; }
button.openShareBox { background: #ffffff; border: 1px solid #DBDDDC; z-index: 1; margin-bottom: 0; }
button.openShareBox, .allShareButtons a { background: transparent; border: 0; width: 44px; height: 44px; border-radius: 50%; display: inline-block; text-align: center; position: relative; }
.allShareButtons { position: absolute; max-height: 0; overflow: hidden; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; top: -64px; z-index: -1; opacity: 0; left: 0px; }
.shareBox i { font-style: initial; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.catalogItemView .allShareButtons.shareOpen { max-height: 1000px; top: -160px; opacity: 1; z-index: 0; }
.shareBox { position: relative; display: inline-block; vertical-align: middle; margin-top: 8px; }
.allShareButtons a.emailShare { background: #DA2C20; color: #ffffff; }
.allShareButtons a.WhatsAppShare { background: #24AD00; color: #ffffff; }
.allShareButtons a.facebookShare { background: #4067B3; color: #ffffff; }
button.openShareBox { background: #ffffff; border: 1px solid #DBDDDC; z-index: 1; -webkit-appearance: none; padding: 0; color: #000000; vertical-align: middle; }
    button.openShareBox svg { width: 17px; height: 17px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.catalogItemView .catalogItemView-button { text-align: center; width: 100%; }
.catalogItemView-button { display: inline-block; vertical-align: middle; position: relative; }
.catalogItemView-button .error-inventory { left: 50%; transform: translateX(-50%); bottom: auto; top: -25px; }

.catalogItemView button.zoomImage img.zoomImg { display: none !important; }
.catalogItemView .bottomItemCart a { color: #757373; font-size: 70%; border-bottom: 1px solid; }


@media(max-width:991px) {
    #media-video-pop iframe { width: 600px; height: 400px; }
    .catalogItemView .productInfo { padding-bottom: 30px; }
}

@media(max-width:991px) and (min-width:768px) {
    .shareBox { position: absolute; bottom: -50px; margin-right: 25px; }
}

@media(max-width:767px) {
    #media-video-pop iframe { width: 95vw; height: 200px; }
    #media-video-pop .close svg { height: 25px; width: 25px; }
    .infoTitle h4 { font-size: 170%; }
    .catalogItemView .productInfo { padding-right: 15px; }
    .moreInfo ul li:before { background: #EAC786; }
    .moreInfo ul li:before { position: absolute; left: -5px; top: 7px; }
    .moreInfo ul li { padding-left: 10px; }
        .moreInfo ul li:after { top: 9px; left: -3px; }
    .shareBox { position: absolute; top: 5px; left: 15px; }
    .allShareButtons { top: 0; left: 0; }
    .catalogItemView .allShareButtons.shareOpen { top: 50px; left: 0; }
}


.gotoBtn button.generalBtn { width: 100%; height: 50px; margin: 0; }
.gotoBtn { padding: 7px 20px; background: #fff; position: fixed; bottom: 0; width: 100%; z-index: 1; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; }
    .gotoBtn.notFixed { bottom: -65px; }
    .gotoBtn button.generalBtn:before { padding-top: 11px; }

.accordion .panel-title > a.collapsed { background-color: transparent; }
.accordion .panel-title > a { font-size: 137%; }
.accordion { max-width: 540px; }
.panel.panel-default div p { margin-left: 8px; }
.panel-collapse ul li { color: #231f20; position: relative; margin-bottom: 7px; }
    .panel-collapse ul li:before { content: ""; width: 8px; height: 8px; border-width: 2px; background-image: linear-gradient(to top, #f1d7a0, #e2b86e); background-image: -webkit-gradient(linear,to top, #f1d7a0, #e2b86e); border-radius: 50%; display: inline-block; margin-right: 10px; overflow: hidden; border-style: hidden; position: absolute; right: -24px; top: 9px; }
    .panel-collapse ul li:after { content: ""; position: absolute; right: -12px; width: 4px; background: #f2f3f6; border-radius: 50%; display: block; top: 11px; height: 4px; }
.accordion .panel:last-child { border-bottom: none; }

@media(max-width:767px) {
    .panel.panel-default div p { width: 100%; padding-right: 0; }
}



.ingIcon img { max-height: 75px; }
.ingIcon { display: table-cell; width: 166px; padding-left: 25px; vertical-align: top; }
.ingredientsIcon { display: table; width: 100%; border-top: 1px solid #d1d1d1; padding: 33px 0; }
.ingText { display: table-cell; vertical-align: middle; }

@media(max-width:767px) {
    .ingIcon img { max-height: 50px; }
    .ingIcon { padding-left: 15px; width: 100px; }
}



/***IRINA MODE***/
.special-item .catalogItemView-desc p { font-size:75%}
.special-banner { background: #000000; position: relative; z-index: 1; color: #fff; height: 43vw; text-align: left; direction: ltr; font-family: 'futura-pt'; }
.gallery-side-img { position: absolute; right: 40px; top: 0; opacity: 0; transition: all 1s ease; transition-delay: 0.5s; transform: translateY(20px); height: 100%; }
    .gallery-side-img svg { height: 100%; }
    .gallery-side-img.active { opacity: 1; transform: translateY(0px); }
.special-banner-container { margin: 0 auto; width: 100%; z-index: 1; position: relative; }
.gallery-side { position: absolute; right: 0; width: 100%; top: 50%; transform: translateY(-50%); bottom: auto; height: 36.5vw; }
.sub-title-1 { color: #f1d7a0; font-size: 130%; text-transform: uppercase; line-height: 1.31; letter-spacing: 0.26px; }
.titles-irina { font-size: 505%; font-weight: 300; line-height: 1.3; letter-spacing: 6.28px; pointer-events: none; margin-top: 10px; }
    .titles-irina > span { display: block; }
.titles-side { z-index: 2; position: relative; }

.scroll { margin-top: 23px; text-transform: uppercase; font-size: 75%; cursor: pointer; background-color: transparent; margin-top: 240px; }
    .scroll:before { content: ""; width: 50px; height: 1px; background-color: #f1d7a0; display: inline-block; vertical-align: middle; margin-right: 22px; }
    .scroll span { vertical-align: middle; display: inline-block; }
    .scroll:hover, .scroll:focus { background: transparent; border: none; outline: none; }
.special-banner .item-pic { width: 100%; height: 100%; background-size: cover; }
.special-banner .item-pic-mobile { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-size: cover; }
.special-banner .owl-carousel .owl-stage { height: 100%; }

.special-banner .owl-stage-outer { height: 100%; }
.special-banner .owl-item { height: 100%; padding: 0; }
.special-banner .owl-carousel { width: 100vw; height: 100vw; margin-top: 0; margin-right: 115px; margin-bottom: 0; box-shadow: 0 3px 50px 0 rgba(42, 42, 42, 0.3); max-width: 31.875vw; max-height: 36.5vw; }
.special-banner .owl-wrapper { position: absolute; right: 0; opacity: 0; transform: translateX(10px); transition: all 0.5s ease; transition-delay: .5s; }
    .special-banner .owl-wrapper.active { opacity: 1; transform: translateX(0px) }

.special-banner .owl-dot { width: 8px; height: 8px; display: inline-block; background: #fff; margin: 0 4px; opacity: 0.3; }
    .special-banner .owl-dot.active { opacity: 1; }
.special-banner .owl-controls { margin-top: -47px; position: relative; text-align: center; }
.gold-section { position: absolute; right: -100%; top: 0px; background-image: linear-gradient(to bottom, #f1d7a0, #e2b86e); width: 100%; bottom: 0; transition: all 1.5s ease; }

.skinWellbeingTitle { font-size: 375%; color: #000; text-transform: uppercase; text-align: center; letter-spacing: 0.75px; line-height: 1.2; font-weight: 400; max-width: 754px; margin: 80px auto 0; font-family: 'futura-pt'; direction: ltr; }
.skin-well-video-wrapper { width: 780px; margin: 40px auto 0; overflow: hidden; box-shadow: 18.1px 8.5px 34px 0 rgba(35, 31, 32, 0.14); }
    .skin-well-video-wrapper video { object-fit: fill; width: calc(100% + 4px); position: relative; top: 2px; right: 2px; display: block; }

.SelectedContentWrapper .titeWrapper h2 { font-size: 200%; line-height: 1.25; font-weight: 500; margin-bottom: 8px; text-transform: uppercase; font-family: 'futura-pt'; }
.SelectedContentWrapper p { margin-top: 25px; font-size: 64%; }

.SelectedImg { background-color: #f2f3f6; max-width: 1054px; padding-bottom: 57.6%; background-size: cover; background-position: 130px center; background-repeat: no-repeat; }
#SelectedProduct { margin-top: 96px; }
    #SelectedProduct .FadeInElement.showItem { -webkit-transform: translate(-9%, 0); transform: translate(-9%, 0); }
    #SelectedProduct .FadeInElement { transform: translate(-9%, 10px); -webkit-transform: translate(-9%, 10px); }
.SelectedContent { position: absolute; width: 394px; top: 0; right: 0; top: 50%; transform: translateY(-50%); direction: ltr; text-align: left; }
    .SelectedContent .titeWrapper { direction: ltr; }
.SelectedContentWrapper { background: #fff; box-shadow: 18.1px 8.5px 34px 0 rgb(35 31 32 / 14%); height: 400px; padding: 85px 60px 30px 50px; }

.gold-title p { font-size: 200%; font-family: "futura-pt"; line-height: 1.38; letter-spacing: 0.4px; text-align: center; color: #e5be78; max-width: 630px; margin: 110px auto 0; }
.catalogItemView.special-item .catalogItemView-button button { background-image: linear-gradient(to bottom, #f1d7a0, #e2b86e); color: #231f20; }
.special-item .catalogItemBox .catalogItemBox-image { mix-blend-mode: multiply; }



@media(max-width:1440px) {
    .scroll { margin-top: 0px; }
    .titles-irina { margin-top: 10px; }
    .special-banner-container { max-width: 1070px; }
}


@media(min-width: 767px) and (max-width: 1024px) {
    .GridWrapper { width: calc(100% - 40px); }
}

@media(max-width:1024px) {
    .skin-well-video-wrapper { width: 100%; }
    .SelectedImg { padding-bottom: 700px; background-position: 50% 25%; }
    #SelectedProduct .FadeInElement.showItem { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
    .SelectedContent { width: 560px; bottom: -20%; top: auto; right: auto; left: 50%; transform: translateX(-50%); }
    #SelectedProduct .FadeInElement.showItem { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}



@media(max-width:991px) {
    .special-banner { height: 73vw; }
    .gallery-side-img { display: none; }
    .special-banner .owl-carousel { margin-right: 5vw; max-width: 300px; max-height: 343px; }
}

@media(min-width:992px) {
    .catalogItemView.special-item .imagesSide.beforeSticky { position: unset; display: inline-block; position: relative; display: inline-block; top: 0 !important; }
}

@media(min-width:768px) {
    .special-banner-container { max-width: 1380px; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 36.5vw; }
    .titles-side { max-width: 700px; position: absolute; margin-left: 80px; top: 50%; transform: translateY(-50%); }
}

@media(max-width:991px) and (min-width:768px) {
    .titles-irina { line-height: 0.96; margin-top: 0; font-size: 495%; }
    .titles-side { max-width: 532px; }
    .scroll { margin-top: 0; padding-left: 0; }
}

@media(max-width:767px) {
    .special-banner { height: 150vw; }
    .titles-irina { font-size: 10vw; margin-top: 5vw; }
    .special-banner-container { height: 100%; }
    .scroll { position: absolute; bottom: 5vw; margin: 0; padding: 0; left: -5vw; font-size: 66%; z-index: 1; }
        .scroll:before { width: 10vw; margin-right: 3vw; }
    .gallery-side { top: auto; bottom: 15vw; transform: none; height: 93vw; }
    .titles-side { margin-left: 5vw; }
    .sub-title-1 { font-size: 4.8vw; padding-top: 11vw; }
    .gallery-side-img { display: none; }
    .special-banner .owl-carousel { margin-right: 5vw; max-width: 66vw; max-height: 93vw; }
    .special-item .shareBox { top: 150vw; margin-top: 10px; }
    .special-item.catalogItemView .imagesSide { padding-top: 60px; }
    .SelectedContent { width: 90%; position: unset; left: auto; transform: none; margin: 0 auto; margin-top: -80px; }
    .skinWellbeingTitle { padding: 0; font-size: 180%; margin-bottom: 30px; margin-top: 30px; }
    #skinWellbeingSecretes .GridWrapper { padding-bottom: 30px; }
    section#skinWellbeingSecretes { padding-top: 0; }
    .SelectedImg { padding-bottom: 350px; background-position: 50% 30%; }
    .SelectedContentWrapper { padding: 30px; height: auto; }
    #SelectedProduct { margin-top: 40px; }
    .special-item.catalogItemView .infoWrapper.row { margin-top: 0; }
    .special-item.catalogItemView .catalogItemView-title { font-size: 140%; margin-top: 30px; }
    .gold-title p { padding: 0 22px; margin-top: 40px; font-size: 120%; }
    .special-item.catalogItemView .gotoBtn .generalBtn.showItem { background-image: linear-gradient(to bottom, #f1d7a0, #e2b86e); color: #231f20; }
}