/* Start - Gesture manipulation with css. */
html.lookcastProductInView {
    background-color: white;
    overflow: hidden;
    width: 100%;
}

html.lookcastProductInView body.mobile {
    height: 100%;
    position: fixed;
    /* prevent overscroll bounce*/
    background-color: white;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    /* iOS velocity scrolling */
    width: 99.9%;
    margin-left: 0%;
}

div#lookbookContainer,
div#lookbookContainer .slides,
div#lookbookContainer .slides .container {
    height: 100%;
}

.content-inner>*:after {
    content: "";
    display: table;
    clear: both;
}

body.lookcastCartInView div#lookbookContainer:not(.mobile) .slides {
    overflow: hidden;
}

html.lookcastProductInView div#lookbookContainer .slides {
    position: relative;
    overflow: visible;
}

body.embedded div#lookbookContainer.mobile div#toolbox-container div.mobile-toolbox-container {
    display: none !important;
}

div#lookbookContainer {
    touch-action: pan-y;
}

body.lookcastCartInView:not(.embedded),
html.lookcastProductInView body:not(.embedded) {
    overflow: hidden;
}

body.lookcastCartInView div#lookbookContainer.mobile div#toolbox-container div.mobile-toolbox-container {
    display: none;
}

body.embedded div#toolbox-container {
    display: none;
}

div#lookbookContainer.mobile div#toolbox-container div.mobile-toolbox-wrapper, div#lookbookContainer.mobile div#toolbox-container div.mobile-toolbox-container {
    touch-action: none;
}

body {
    -webkit-text-size-adjust: none !important;
}

/* End - Gesture manipulation with css. */
div#lookbookContainer {
    margin: 0;
    font-size: 14px;
    /* Default font size of lookbook. */
    font-family: 'Montserrat', sans-serif;
}

body {
    margin: 0;
}

body.embedded {
    overflow: hidden;
}

div#lookbook #lookbookContainer .viewport:not(.modal-cart-popup),
#lookbookContainer .viewport:not(.modal-cart-popup) {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    z-index: 2;
}

/*only applies to embedded*/
div.lookcast-container #lookbookContainer:not(.script-loaded) .product-overlay.content-positional {
    display: none;
}

body.not-scrolling {
    overflow: hidden !important;
}

div#lookbookContainer div.slides#slides div.atomic div.atomic-container>div {
    pointer-events: none;
}

div#lookbookContainer div.slides#slides div.atomic div.atomic-container {
    position: absolute;

    top: 0;
    left: 0;
    pointer-events: none;
    transform-origin: 0 0;
    max-width: none;
}

div#lookbookContainer div.slides#slides div.atomic.zoom2x div.atomic-container {
    width: 742.5px;
}

div#lookbookContainer div.slides#slides div.placed-overlay-object-positional {
    height: auto !important;
    pointer-events: auto;
}

div#lookbookContainer div.slides#slides div.product-positional-link {
    height: auto !important;
    pointer-events: auto;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    line-height: 0px;
}

div#lookbookContainer.mobile.portrait div.slides#slides div.atomic:not(.zoom2x) div.product-positional-link {
    transform: scale(2);
}

div#lookbookContainer.responsive, div#lookbookContainer div.slides#slides div.inline {
    position: absolute;
}

div#lookbookContainer.responsive, div#lookbookContainer div.slides#slides div.responsive {
    position: relative !important;
}

div#lookbookContainer.responsive:after, div#lookbookContainer .responsive:after {
    display: block;
    content: "";
    width: 100%;
}

div#lookbookContainer div.slides#slides div.responsive.responsive-1610 div.responsive-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

div#lookbookContainer div.slides#slides div.responsive.col-50 {
    width: 50%;
    float: left;
}

div#lookbookContainer div.slides#slides section.frame {
    position: relative !important;
    width: 100% !important;
    clear: both !important;
}

div#lookbookContainer div.slides#slides .tile-front-object iframe {
    width: 100%;
    height: 100%;
    pointer-events: all;
}

div.video-js, video.video-js {
    width: 100%;
    position: relative;
}

div#lookbookContainer div.slides#slides section.frame[data-frame-type="narrow"] div.content div.content-inner div:not(.vjs-control-bar):not(.video-js):not(.vjs-text-track-display):not(.vjs-loading-spinner):not(.vjs-big-play-button):not(.vjs-error-display):not(.vjs-caption-settings):not(.vjs-progress-control):not(.vjs-slider) {
    height: calc(100% + 0.5px);
}

.vertical-two-pages .tile-front-object {
    height: calc(100% - 1px) !important;
}

div#lookbookContainer div.slides#slides section.frame div.content div.content-inner div:not(.vjs-control-bar):not(.video-js):not(.vjs-text-track-display):not(.vjs-loading-spinner):not(.vjs-big-play-button):not(.vjs-error-display):not(.vjs-caption-settings):not(.vjs-progress-control):not(.vjs-slider) {
    height: 100%;
}

.video-js .vjs-slider .fa-bookmark {
    position: absolute;
    color: red;
}

.video-js button.vjs-big-play-button {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 75px;
    font-size: 45px;
}

div#lookbookContainer div.slides#slides .tile-video {
    width: 100% !important;
    height: 100% !important;
}

div#lookbookContainer div.slides#slides div.layout-split-center-over {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
}

div#lookbookContainer div.slides#slides div.layout-split-center-over div.left-image.img-container-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
}

div#lookbookContainer div.slides#slides div.layout-split-center-over div.over-video.video-container-cover {
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50% !important;
    position: absolute;
}

div#lookbookContainer div.slides#slides div.tile-embedded {
    width: 100%;
    height: 100%;
}

div#lookbookContainer div.slides#slides div.col-50.one-in-a-row {
    margin-left: 25%;
}

div#lookbookContainer div.slides#slides div.col-50.one-in-a-row-left {
    margin-left: 0%;
}

div#lookbookContainer.sm-device.no-embed.mobile.portrait div.slides#slides div.col-50.one-in-a-row {
    margin-left: 0;
}

div#lookbookContainer div.slides#slides div.col-50.special-page-indesign {
    margin-left: 50%
}

div#lookbookContainer.sm-device.no-embed.mobile.portrait div.slides#slides div.col-50.special-page-indesign {
    margin-left: 0;
}

div#lookbookContainer.sm-device.no-embed.mobile.portrait div.slides#slides div.responsive.col-50 {
    width: 100%;
    clear: both;
}

div#lookbookContainer div.slides#slides div.tile-image {
    height: calc(100% + 1px);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

div#lookbookContainer div.hotspot {
    font-size: 5vw;
    position: absolute;
    z-index: 1;
}

div#lookbookContainer div.hidden {
    display: none !important;
}

div#lookbookContainer div.product-overlay.displayable-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(84, 84, 84, 0.60);
    z-index: 1000001;
    pointer-events: all;
}

div#lookbookContainer div.product-overlay.displayable-container.banner-hotspot-background {
    background-color: transparent;
}

div#lookbookContainer.product-responsive div.product-overlay div.frame-products div.product {
    position: absolute;
    left: 50%;
    width: 60%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #FFFFFF;
    max-width: 900px;
}

div#lookbookContainer.product-responsive div.product-overlay div.frame-products div.product {
    position: absolute;
    left: 30%;
    width: 40%;
    top: 50%;
    transform: translateY(-50%);
    background: #FFFFFF;
}

@media (max-width: 720px) {
    div#lookbookContainer .product-positional-link {
        transform: scale(1.5);
    }
}

div#lookbookContainer div.slides#slides div.atomics {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div#lookbookContainer div.slides#slides section.frame div.content {
    overflow: hidden;
}

div#lookbookContainer div.slides#slides section[data-frame-type="backpage"] {
    background-color: white !important;
    min-height: 50vw !important;
    position: relative !important;
    overflow: auto !important;
}

div#lookbookContainer.no-embed div.slides#slides section[data-frame-type="backpage"] div.backpage-logo {
    height: 15vw;
}

div#lookbookContainer.no-embed.mobile.sm-device.portrait div.slides#slides section[data-frame-type="backpage"] div.backpage-logo {
    height: 30vw;
}

div#lookbookContainer div.slides#slides section[data-frame-type="backpage"] div.backpage-logo {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 50vw;
    margin-top: 3vw;
    width: 50%;
    margin-left: 25%;
}

div#lookbookContainer div.slides#slides div.backpage-container div.backpage-description {
    width: 70%;
    height: 220px;
    margin-top: 20px;
    margin-left: 15%;
    outline: none;
}

div#lookbookContainer.no-embed.mobile.sm-device.portrait div.slides#slides div.backpage-container div.backpage-description {
    margin-top: 200px;
    height: 300px;
}

div#lookbookContainer div.slides#slides div.backpage-container div.backpage-description p.descriptionContent {
    color: #999;
    font-size: 20px;
    text-align: justify;
    letter-spacing: 1px;
    font-weight: 500;
    margin: 0px;
    padding-right: 5px;
}

div#lookbookContainer div.slides#slides div.backpage-container div.backpage-internal-description {
    margin: auto;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

div#lookbookContainer div.slides#slides div.backpage-container div.upstream-links {
    margin-bottom: 90px;
    margin-top: 20px;
    text-align: center;
}

div#lookbookContainer.no-embed.mobile.sm-device.portrait div.slides#slides div.backpage-container div.upstream-links {
    margin-top: 120px;
}

div#lookbookContainer div.slides#slides div.upstream-links a {
    font-size: 20px !important;
    letter-spacing: 1px !important;
    margin: 25px !important;
    color: #999 !important;
    text-decoration: none !important;
    text-align: center !important;
    display: inline !important;
}

div#lookbookContainer div.slides#slides div.upstream-links a:hover {
    color: black;
}

div#lookbookContainer div.slides#slides div#poweredBy {
    position: absolute;
    bottom: 30px;
    width: 100%;
    font-style: italic;
    font-size: 14px;
    text-align: center;
}

div#lookbookContainer div.slides#slides div#poweredBy span {
    color: #999;
    display: inline;
    font-style: italic;
}

div#lookbookContainer div.slides#slides div#poweredBy a {
    color: inherit;
    text-decoration: none;
    display: inline;
    font-style: italic;
}

div#lookbookContainer div.slides#slides div#poweredBy span:hover {
    color: #000;
}

div#lookbookContainer div.jspHorizontalBar {
    height: 0px !important;
    visibility: hidden;
}

div#lookbookContainer div.jspVerticalBar {
    width: 6px !important;
}

div#lookbookContainer div.jspDrag {
    background: black !important;
    border-radius: 4px !important;
}

/*------------------------layouts-----------------------------------------*/
div#lookbookContainer div.slides#slides div.square-division div.one-image {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 50%;
    height: 50% !important;
}

div#lookbookContainer div.slides#slides div.square-division div.two-image {
    position: absolute;
    top: 0%;
    left: 50%;
    width: 50%;
    height: 50% !important;
}

div#lookbookContainer div.slides#slides div.square-division div.three-image {
    position: absolute;
    top: 50%;
    left: 0%;
    width: 50%;
    height: 50% !important;
}

div#lookbookContainer div.slides#slides div.square-division div.four-image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50% !important;
}

div#lookbookContainer div.slides#slides div.layout-split-1x2-full {
    position: relative;
    height: 100%;
    width: 100%;
}

div#lookbookContainer div.slides#slides div.layout-split-1x2-full div.oneone75full-image {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 75%;
    height: 50% !important;
}

div#lookbookContainer div.slides#slides div.layout-split-1x2-full div.onetwo75full-image {
    position: absolute;
    top: 50%;
    left: 0%;
    width: 75%;
    height: 50% !important;
}

div#lookbookContainer div.slides#slides div.layout-split-1x2-full div.right75full-image {
    position: absolute;
    top: 0%;
    left: 75%;
    width: 25%;
    height: 100% !important;
}

div#lookbookContainer div.slides#slides div.layout-split-1x2-full-l {
    position: relative;
    height: 100%;
    width: 100%;
}

div#lookbookContainer div.slides#slides div.layout-split-1x2-full-l div.oneone75full-image {
    position: absolute;
    top: 0%;
    left: 25%;
    width: 75%;
    height: 50% !important;
}

div#lookbookContainer div.slides#slides div.layout-split-1x2-full-l div.onetwo75full-image {
    position: absolute;
    top: 50%;
    left: 25%;
    width: 75%;
    height: 50% !important;
}

div#lookbookContainer div.slides#slides div.layout-split-1x2-full-l div.left75full-image {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 25%;
    height: 100%;
}

div#lookbookContainer div.slides#slides div.vertical-two-pages div.flexy-video-one-right {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 50% !important;
}

div#lookbookContainer div.slides#slides div.vertical-two-pages div.flexy-video-two-right {
    position: absolute;
    top: 50%;
    left: 0%;
    width: 100%;
    height: 50% !important;
}



div#lookbookContainer div.slides#slides div.flyer-narrow-8 div.tile0 {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 10% !important;
}

div#lookbookContainer div.slides#slides div.flyer-narrow-8 div.tile1 {
    position: absolute;
    top: 10%;
    left: 0%;
    width: 50%;
    height: 45% !important;
}

div#lookbookContainer div.slides#slides div.flyer-narrow-8 div.tile2 {
    position: absolute;
    top: 10%;
    left: 50%;
    width: 50%;
    height: 45% !important;
}

div#lookbookContainer div.slides#slides div.flyer-narrow-8 div.tile3 {
    position: absolute;
    top: 55%;
    left: 0%;
    width: 50%;
    height: 45% !important;
}

div#lookbookContainer div.slides#slides div.flyer-narrow-8 div.tile4 {
    position: absolute;
    top: 55%;
    left: 50%;
    width: 50%;
    height: 45% !important;
}


div#lookbookContainer div.slides#slides div.flyer-cover-1 div.tile0 {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 10% !important;
}

div#lookbookContainer div.slides#slides div.flyer-cover-1 div.tile1 {
    position: absolute;
    top: 10%;
    left: 0%;
    width: 100%;
    height: 90% !important;
}



div#lookbookContainer div.slides#slides div.flyer-narrow-5a div.tile0 {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 10% !important;
}

div#lookbookContainer div.slides#slides div.flyer-narrow-5a div.tile1 {
    position: absolute;
    top: 10%;
    left: 0%;
    width: 100%;
    height: 45% !important;
}

div#lookbookContainer div.slides#slides div.flyer-narrow-5a div.tile2 {
    position: absolute;
    top: 55%;
    left: 0%;
    width: 100%;
    height: 45% !important;
}

div#lookbookContainer div.slides#slides div.flyer-narrow-5a div.tile3 {
    position: absolute;
    top: 55%;
    left: 0%;
    width: 50%;
    height: 45% !important;
}

div#lookbookContainer div.slides#slides div.flyer-narrow-5a div.tile4 {
    position: absolute;
    top: 55%;
    left: 50%;
    width: 50%;
    height: 45% !important;
}



/*----------------------------------end layouts------------------------------------------------------*/
/*----------------------------------toolbox ----------------------------------*/
div#lookbookContainer div#toolbox-container {
    position: absolute;
    height: auto;
    left: 50px;
    top: 50px;
    z-index: 1;
    width: 47px;
    pointer-events: all;
}

div#lookbookContainer div#viewport-menu-container div#toolbox-container div#share-navigator,
div#lookbookContainer.responsive div#viewport-menu-container .slide-search div.search-instantiator,
div#lookbookContainer div#toolbox-container div.slide-attachment-show div.campaign-attachments-container,
div#lookbookContainer div#viewport-menu-container .slide-language-show .campaign-language-container .campaign-language-box,
div#lookbookContainer div#viewport-menu-container .slide-language-show .campaign-pricelist-container .campaign-language-box {
    left: 47px;
}

div#lookbookContainer div#toolbox-container div.mobile-toolbox-wrapper, div#lookbookContainer div#toolbox-container div.mobile-toolbox-container {
    display: none;
}

div#lookbookContainer.mobile div#toolbox-container div.mobile-toolbox-wrapper, div#lookbookContainer.mobile div#toolbox-container div.mobile-toolbox-container {
    display: block;
}

div#lookbookContainer.mobile div#toolbox-container div.mobile-toolbox-container {
    position: fixed;
    top: 30px;
    left: 30px;
}

div#lookbookContainer.mobile div#toolbox-container div.toolbox-container {
    display: none;
}

div#lookbookContainer.mobile div#toolbox-container div.mobile-toolbox-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    pointer-events: all;
}

div#lookbookContainer.mobile div#toolbox-container div.mobile-toolbox-wrapper .slide-language-show {
    display: inline-block;
}

div#lookbookContainer .toolbox-container .slide-language-show {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
}

div#lookbookContainer.mobile div#toolbox-container div.mobile-toolbox-wrapper .toolbox {
    -webkit-flex-direction: row-reverse;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -webkit-flex !important;
    display: flex !important;
    flex-direction: column-reverse;
}

div#lookbookContainer.mobile div#toolbox-container div.mobile-toolbox-wrapper .toolbox .second-level-toolbox-mobile[data-view="true"]+div {
    pointer-events: none;
}

div#lookbookContainer div#toolbox-container div.mobile-toolbox-wrapper.fade:not(.in) * {
    display: none;
}

div#lookbookContainer div#toolbox-container div#toolbox-chevron i {
    vertical-align: top;
}

div#lookbookContainer div#toolbox-container div#toolbox-chevron {
    background-color: #262626;
    font-size: 18px;
    padding-top: 14px;
    padding-bottom: 14px;
    text-align: center;
    cursor: pointer;
    color: white !important;
    box-sizing: border-box;
    border: 1px solid #262626;
}

div#lookbookContainer div#toolbox-container div#toolbox-chevron:hover {
    color: #d3d3d3;
}

div#lookbookContainer div#toolbox-container div.toolbox-wrapper {
    zoom: 1;
    overflow: hidden;
}

div#lookbookContainer div#toolbox-container div.toolbox-wrapper * {
    box-sizing: border-box !important;
}

div#lookbookContainer div#toolbox-container div.toolbox-wrapper .slide-logo {
    background-color: rgba(51, 51, 51, .6) !important;
    padding: 0px !important;
    height: 45px !important;
}

div#lookbookContainer div#toolbox-container div.toolbox-wrapper>.toolbox>div:not(.slide-logo) {
    background-color: rgba(51, 51, 51, .6);
}

div#lookbookContainer.no-embed div#toolbox-container div.toolbox-wrapper div.toolbox>div.expand-iframe:not(.toolbox-separator):not(.slide-logo) {
    display: none;
}

div#lookbookContainer div#toolbox-container div.toolbox {
    width: 100%;
    min-width: 47px;
    z-index: 100;
}

div#lookbookContainer div#toolbox-container div.mobile-toolbox-wrapper div.toolbox {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #999 !important;
    text-align: center;

}

body.embedded div#lookbookContainer div#toolbox-container div.mobile-toolbox-wrapper div.toolbox {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #999 !important;
    text-align: center;
}

div#lookbookContainer div#toolbox-container div.mobile-toolbox-wrapper div.toolbox>span {
    margin-left: 20px;
    font-size: 35px;
    pointer-events: all;
}

div#lookbookContainer div#toolbox-container div.mobile-toolbox-wrapper div.toolbox #cart-mobile-manager {
    position: relative;
}

div#lookbookContainer div#toolbox-container div.toolbox div.toolbox-separator {
    height: 15px;
}

div#lookbookContainer div#toolbox-container div.toolbox-wrapper div.toolbox>div:not(.toolbox-separator) {
    width: 100%;
    font-size: 18px;
    position: initial;
    text-align: center;
    padding-top: 9px;
    padding-bottom: 9px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    color: white;
}

div#lookbookContainer div#toolbox-container div.toolbox-wrapper:not(.in) div.toolbox>#cart-manager {
    display: none;
}

div#lookbookContainer div#toolbox-container div.toolbox>div:not(.toolbox-separator)>a {
    text-align: center;
}

div#lookbookContainer div#toolbox-container div.toolbox-wrapper div.slide-attachment-show {
    position: relative !important;
}

div#lookbookContainer.mobile div#toolbox-container .slide-logo>img {
    height: 30px !important;
    position: relative !important;
    top: 5px !important;
    left: 0px !important;
    width: auto !important;
    cursor: pointer !important;
}

div#lookbookContainer div#toolbox-container div.toolbox-container div.toolbox-wrapper {
    overflow: visible;
}

div#lookbookContainer div#toolbox-container div.expand-iframe i.fa-external-link:hover {
    color: #d3d3d3;
}

div#lookbookContainer div#toolbox-container div.toolbox-container i.fa-share-alt:hover {
    color: #d3d3d3;
}

div#lookbookContainer div#toolbox-container div.toolbox-container i.fa-search:hover {
    color: #d3d3d3;
}

div#lookbookContainer div#toolbox-container div.toolbox-container i.fa-envelope-o {
    color: #d3d3d3;
}

div#lookbookContainer div#toolbox-container div.toolbox-container i.fa-envelope-o:hover {
    color: #d3d3d3;
}

div#lookbookContainer div#toolbox-container div.toolbox-container i.fa-paperclip:hover {
    color: #d3d3d3;
}

div#lookbookContainer div#toolbox-container div.toolbox-container i.fa-globe-americas:hover {
    color: #d3d3d3;
}

div#lookbookContainer div#toolbox-container div.toolbox-container i.fa.fa-th:hover {
    color: #d3d3d3;
}

div#lookbookContainer div#toolbox-container div.toolbox i {
    cursor: pointer !important;
}

div#lookbookContainer div#toolbox-container div.toolbox-container div.slide-share,
div#lookbookContainer div#toolbox-container div.toolbox-container div.slide-attachment-show,
div#lookbookContainer div#toolbox-container div.toolbox-container div.slide-search,
div#lookbookContainer div#toolbox-container div.toolbox-container div.slide-message {
    position: relative !important;
}

div#lookbookContainer div#toolbox-container div.toolbox-container div.slide-attachment-show:hover,
div#lookbookContainer div#toolbox-container div.toolbox-container div.slide-share:hover,
div#lookbookContainer div#toolbox-container div.toolbox-container div.slide-language-show:hover,
div#lookbookContainer div#toolbox-container div.toolbox-container div.slide-search:hover {
    border-top: 1px solid #d3d3d3 !important;
    border-bottom: 1px solid #d3d3d3 !important;
    background-color: rgba(0, 0, 0, .6);
}

div#lookbookContainer div#toolbox-container div.toolbox-container div.slide-message:hover {
    border: 1px solid #d3d3d3 !important;
    background-color: rgba(0, 0, 0, .6);
}

div#lookbookContainer div#toolbox-container div.toolbox div.slide-attachment-show div.left-border-fake {
    position: absolute;
    top: 37px;
    right: 0;
    border-left: 1px solid #d3d3d3;
    height: 100%;
    z-index: 2;
}

div#lookbookContainer div#toolbox-container div.slide-attachment-show div.campaign-attachments-container {
    position: absolute;
    background-color: rgba(0, 0, 0, .6);
    border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    z-index: 1;
    top: -1px;
    overflow: hidden;
    min-width: 300px;
    min-height: 38px;
    max-height: 200px;
}

div#lookbookContainer div#toolbox-container div#share-navigator {
    width: 250px;
    position: absolute;
    background-color: rgba(0, 0, 0, .6);
    border-top: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    z-index: 1;
    top: -1px;
    overflow: hidden;
    height: 38px;
}

div#lookbookContainer div#toolbox-container div#share-navigator div.middle a {
    color: white;
    font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline;
}

div#lookbookContainer div#toolbox-container div#share-navigator div.middle a:hover {
    color: #fff;
    background-color: #000 !important;
}

div#lookbookContainer div#toolbox-container div.campaign-attachment-container {
    overflow: hidden;
}

div#lookbookContainer div#toolbox-container div.campaign-attachment-container>a.campaign-attachment {
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFF;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

div#lookbookContainer div#toolbox-container div.campaign-attachment-container>a.campaign-attachment:hover {
    color: #fff;
    background: #000;
}

div#lookbookContainer div#toolbox-container div.slide-logo img,
div#lookbookContainer div#toolbox-container span.slide-logo img {
    width: 100%;
    height: auto;
    cursor: pointer;
}

div#lookbookContainer div#toolbox-container div.slide-logo img {
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}

div#lookbookContainer div#toolbox-container div.slide-logo img {
    -webkit-filter: invert(100%);
    -ms-filter: invert(100%);
    filter: invert(100%);
}

div#lookbookContainer div#toolbox-container div#mobile-toolbox-chevron {
    background-color: #262626;
    font-size: 30px;
    text-align: center;
    cursor: pointer;
    color: white;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    border: 1px solid #262626;
}

div#lookbookContainer div#toolbox-container div.mobile-toolbox-wrapper div.campaign-attachment-container {
    display: inline-block;
    padding: 10px;
    font-size: 15px;
}

div#lookbookContainer.mobile div#toolbox-container div#share-navigator-mobile div.box div.middle>a {
    color: #999;
    padding: 0px 10px 0px 10px;
    display: inline-block;
    margin: auto;
    font-size: 30px;
    pointer-events: all;
}

div#lookbookContainer div#toolbox-container div#share-navigator div.middle a.whatsapp,
div#lookbookContainer div#toolbox-container div#share-navigator div.middle a.telegram {
    display: none;
}

div#lookbookContainer div#toolbox-container div.mobile-toolbox-wrapper #mobile-share-navigator {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

div#lookbookContainer div#toolbox-container div.mobile-toolbox-wrapper div.campaign-attachments-container {
    position: absolute;
    overflow: hidden;
    max-height: 30vh;
    width: calc(100% - 10px);
    left: 5px;
}

div#lookbookContainer div#toolbox-container div.mobile-toolbox-wrapper div.campaign-attachments-container {
    display: block;
}

/*----------------------------------end toolbox ----------------------------------*/
/*---------------------------------- navigator  ----------------------------------*/
div#lookbookContainer div#navigator-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    pointer-events: all;
}

div#lookbookContainer.xs-device div#navigator-container {
    right: 5px;
}

div#lookbookContainer div#navigator-container div.navigator-item:not(.current) div.navigator-item-inside:not(:hover) {
    border-style: solid;
    border-width: 2px;
    border-color: transparent !important;
}

div#lookbookContainer div#navigator-container div.navigator-item {
    padding: 5px;
    cursor: pointer;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    line-height: 1em;
    font-size: 30px;
}

div#lookbookContainer:not(.mobile) div#navigator-container div.navigator-item {
    transition: -webkit-transform .7s, background 1s;
    transition: transform .7s, background 1s;
}

div#lookbookContainer.xs-device div#navigator-container div.navigator-item {
    padding: 4px;
    margin-top: 30px;
}

/* Start CSS - Pagination navigation container. */
div#lookbookContainer div#navigator-container div.navigator-item.hide-item,
div#lookbookContainer.xs-device.no-embed div#navigator-container div.navigator-item.hide-item.hidden-xl {
    display: none !important;
}

div#lookbookContainer div#navigator-container div.navigator-item {
    display: block;
    margin-top: 30px;
    position: relative;
}

div#lookbookContainer div#navigator-container div.navigator-item .navigator-item-inside {
    cursor: pointer;
}

div#lookbookContainer div#navigator-container div.navigator-item .navigator-item-inside:first-child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform-origin: 0 0;
}

div#lookbookContainer div#navigator-container div.navigator-item:not(:hover):not(.current-atomic) .navigator-item-inside:first-child,
div#lookbookContainer div#navigator-container div.navigator-item.current-atomic:not(.current) .navigator-item-inside:first-child,
div#lookbookContainer div#navigator-container div.navigator-item.hidden-xl:not(.current-atomic) .navigator-item-inside:first-child {
    color: transparent !important;
}

div#lookbookContainer.xs-device.mobile div#navigator-container div.navigator-item {
    font-size: 24px;
}

div#lookbookContainer div#navigator-container div.navigator-item .navigator-item-inside:nth-child(2) {
    font-size: 0.7em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

div#lookbookContainer:not(.mobile) div#navigator-container.navigator-fullcolor div.navigator-item.current .navigator-item-inside:nth-child(2),
div#lookbookContainer.mobile div#navigator-container.navigator-fullcolor div.navigator-item.current-atomic .navigator-item-inside:nth-child(2) {
    display: none;
}

div#lookbookContainer div#navigator-container.navigator-fullcolor div.navigator-item .navigator-item-inside:nth-child(2) {
    font-size: 1em;
}

div#lookbookContainer .hidden-xl {
    display: none !important;
    visibility: hidden !important;
}

div#lookbookContainer.xs-device.no-embed .hidden-xl {
    display: block !important;
    visibility: visible !important;
}

div#lookbookContainer.force-reflow .hidden-xl {
    display: block !important;
    visibility: visible !important;
}

/* End CSS - Pagination navigation container. */

/*----------------------------------end navigator ----------------------------------*/
div#lookbookContainer div.slides#slides p.userText {
    line-height: 1;
    margin-top: 0px;
    font-size: 14px;
    margin-bottom: 0px;
    pointer-events: auto;
    font-family: inherit;
}

div#lookbookContainer div.slides#slides .userText span {
    word-wrap: break-word;
    display: inline-block;
}

div#lookbookContainer div.slides#slides section.future p.userText {
    /*line-height: 1.5!important;*/
}

div#lookbookContainer .tile-textHtml a,
div#lookbookContainer .tile-textHtml a:focus,
div#lookbookContainer .tile-textHtml a:any-link:active,
div#lookbookContainer .tile-textHtml a:any-link,
div#lookbookContainer .tile-textHtml a:-webkit-any-link:active,
div#lookbookContainer .tile-textHtml a:-webkit-any-link {
    color: inherit;
    outline: none;
    text-decoration: none;
}

div#lookbookContainer .tile-textHtml a {
    color: inherit !important;
    outline: none !important;
    text-decoration: none !important;
}

div#lookbookContainer div.slides#slides div.tile-textHtml {
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    padding: 11px;
}

div#lookbookContainer div.slides#slides .no-padding div.tile-textHtml {
    padding: 0;
}

div#lookbookContainer div.slides#slides div.tile-textHtml span[style*="line-height"] {
    display: inline;
}

/* Line - Height fix Ckeditor 4.8 */
div#lookbookContainer div.slides#slides div.tile-textHtml p.userText.ck-editor-new span {
    white-space: pre-wrap;
}

div#lookbookContainer div.slides#slides div.tile-textHtml p.userText.ck-editor-new span[style*="font-size"] span {
    white-space: pre-wrap;
}

div#lookbookContainer div.slides#slides div.tile-textHtml p.userText.ck-editor-new span[style*="line-height"] {
    display: inline !important;
}

div#lookbookContainer div.slides#slides .userText.ck-editor-new span {
    display: inline;
}

div#lookbookContainer div.slides#slides div.tile-textHtml p.userText.ck-editor-new span[style*="background-color"] {
    display: inline-block !important;
}

div#lookbookContainer div.slides#slides div.tile-textHtml p.userText.ck-editor-new s span[style*="background-color"] {
    display: initial !important;
}

/* Line - Height fix Ckeditor 4.8 */
div#lookbookContainer div.slides#slides div.tile-textHtml p {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin: 0px;
}

/* Line-height fixing. */
div#lookbookContainer div.slides#slides div.placed-overlay-object-positional .userText {
    line-height: initial;
}

/* Line-height fixing. */
body:not(.embedded) div#lookbookContainer div.slides#slides section.future div.tile-textHtml {}

div#lookbookContainer.xs-device.no-embed #navigator-container div.navigator-item.current:not(.current-atomic) .navigator-item-inside {
    border-color: transparent !important;
}

div#lookbookContainer.xs-device.no-embed div.slides#slides div.responsive.col-50 {
    width: 100%;
    clear: both;
}

div#lookbookContainer.xs-device.no-embed div.slides#slides div.col-50.one-in-a-row {
    margin-left: 0;
}

div#lookbookContainer.xs-device.no-embed div.slides#slides div.col-50.special-page-indesign {
    margin-left: 0;
}

div#lookbookContainer.xs-device div.slides#slides div.hotspot {
    font-size: 7vw;
    -ms-transform: translate(-1vw, -1vw);
    /* IE 9 */
    -webkit-transform: translate(-1vw, -1vw);
    /* Safari */
    transform: translate(-1vw, -1vw);
}

div#lookbookContainer.xs-device div.slides#slides section[data-frame-type="backpage"] div.backpage-logo {
    width: 50%;
    margin-left: 25%;
    height: 50vw;
}

div#lookbookContainer.xs-device.landscape div.slides#slides section[data-frame-type="backpage"] div.backpage-logo {
    width: 30%;
    margin-left: 35%;
    height: 30vw;
}

div#lookbookContainer.xs-device div.slides#slides div#poweredBy {
    position: static;
}

div#lookbookContainer.force-reflow #navigator-container div.navigator-item.current:not(.current-atomic) .navigator-item-inside {
    -webkit-transform: initial;
    transform: initial;
    border-color: transparent !important;
}

div#lookbookContainer.force-reflow div.slides#slides div.responsive.col-50 {
    width: 100%;
    clear: both;
}

div#lookbookContainer.force-reflow div.slides#slides div.col-50.one-in-a-row {
    margin-left: 0;
}

div#lookbookContainer.force-reflow div.slides#slides div.col-50.special-page-indesign {
    margin-left: 0;
}

div#lookbookContainer.xs-device div.slides#slides div.hotspot {
    font-size: 7vw;
    -ms-transform: translate(-1vw, -1vw);
    /* IE 9 */
    -webkit-transform: translate(-1vw, -1vw);
    /* Safari */
    transform: translate(-1vw, -1vw);
}

div#lookbookContainer.force-reflow div.slides#slides section[data-frame-type="backpage"] div.backpage-logo {
    width: 50%;
    margin-left: 25%;
    height: 50vw;
}

div#lookbookContainer.xs-device div.slides#slides div#poweredBy {
    position: static;
}

div#lookbookContainer.force-reflow .hidden-xl {
    display: block !important;
    visibility: visible !important;
}

div#lookbookContainer.force-reflow #navigator-container div.navigator-item.current:not(.current-atomic) div.navigator-item-inside {
    -webkit-transform: initial;
    transform: initial;
    border-color: transparent !important;
}

div#lookbookContainer.force-reflow div.slides#slides div.responsive.col-50 {
    width: 100%;
    clear: both;
}

div#lookbookContainer.force-reflow div.slides#slides div.col-50.one-in-a-row {
    margin-left: 0;
}

div#lookbookContainer.force-reflow div.slides#slides div.col-50.special-page-indesign {
    margin-left: 0;
}

div#lookbookContainer.force-reflow div.slides#slides div.hotspot {
    font-size: 7vw;
    -ms-transform: translate(-1vw, -1vw);
    /* IE 9 */
    -webkit-transform: translate(-1vw, -1vw);
    /* Safari */
    transform: translate(-1vw, -1vw);
}

div#lookbookContainer.force-reflow div.slides#slides section[data-frame-type="backpage"] div.backpage-logo {
    width: 50%;
    margin-left: 25%;
    height: 50vw;
}

/* Start - View hotspot current frame and future not other frame. */
html.lookcastProductInView .atomic-container .product-positional-link {
    display: none !important;
}

section.present .atomic-container .product-positional-link,
section.near .atomic-container .product-positional-link {
    display: block;
}

/* End - View hotspot current frame and future not other frame. */

/* Start - Navigation bullet transition. */
div#lookbookContainer .displayable-managed.fade:not(.in)~#viewport-menu-container #navigator-container {
    right: 15px;
    opacity: 1;
    -webkit-transition: right 0.2s linear;
    -moz-transition: right 0.2s linear;
    -o-transition: right 0.2s linear;
    transition: right 0.2s linear;
}

div#lookbookContainer .displayable-managed.fade:not(.in)~#viewport-menu-container #navigator-container[data-navigation='fa-hidden'] {
    display: none;
}

div#lookbookContainer .displayable-managed.fade.in~#viewport-menu-container #navigator-container {
    right: -100000000px;
    opacity: 0;
}

/* End - Navigation bullet transition. */
div#lookbookContainer .showOnSectionComplete {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

div#lookbookContainer section.loaded .showOnSectionComplete {
    opacity: 1;
}

div#lookbookContainer.mobile .highlight-tappable, body.webkitDevice .highlight-tappable {
    webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

div#lookbookContainer:not(.mobile) .tappable {
    cursor: pointer;
}

/* Trick not collase div on inline layout. */
div#lookbookContainer div.slides#slides div.atomic div.inline.atomic {
    height: 100%;
    width: 100%;
    top: 0%;
    position: absolute;
}

#lookcastRotateOverlay {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 100;
    pointer-events: none;
    display: none;
    opacity: 0;
}

#lookcastRotateContainer {
    position: absolute;
    background-color: white;
    top: 50%;
    left: 50%;
    text-align: center;
    padding: 2vh;
    transform: translateX(-50%) translateY(-50%);
    font-size: 3vw;
    letter-spacing: 1px;
    font-family: Open Sans, sans-serif;
    border-radius: 10px;
    width: 50vw;
}

#lookcastRotateOverlay #lookcastRotateContainer p:first-child {
    margin-bottom: 2vh;
}

body:not(.embedded) #lookbookContainer.xs-device.landscape #lookcastRotateOverlay, body:not(.embedded) #lookbookContainer.sm-device.landscape #lookcastRotateOverlay {
    opacity: 1 !important;
    pointer-events: all !important;
}

/* S - Language Map - Toolbox. */
.slide-language-show .campaign-pricelist-container,
.slide-language-show .campaign-language-container {
    height: 100%;
}

.slide-language-show .campaign-pricelist-container .campaign-language-box .campaign-language-element,
.slide-language-show .campaign-language-container .campaign-language-box .campaign-language-element {
    margin: 0px 10px;
}

.campaign-pricelist-container a.campaign-language,
.campaign-language-container a.campaign-language {
    text-transform: uppercase;
    cursor: pointer;
    font-size: 18px;
}

.toolbox-wrapper .campaign-pricelist-container a.campaign-language,
.toolbox-wrapper .campaign-language-container a.campaign-language {
    color: #FFFF;
}

.toolbox-wrapper .campaign-pricelist-container a.campaign-language:hover,
.toolbox-wrapper .campaign-language-container a.campaign-language:hover {
    color: #fff;
    background: #2b2608 !important;
}

.slide-language-show .campaign-pricelist-container .campaign-language-box,
.slide-language-show .campaign-language-container .campaign-language-box {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    width: 200px;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 10000;
    justify-content: center;
    border-right: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    flex-wrap: wrap;
    min-height: 38px;
    align-content: center;
    overflow: hidden;
    margin-top: -1px;
}

.toolbox-wrapper {
    width: 45px;
}

.toolbox-container .slide-language-show {
    padding: 0px !important;
    height: 38px !important;
    margin: 0;
    display: none;
    align-items: center;
    justify-content: center;
}

.toolbox-wrapper i.fa-dollar-sign,
.toolbox-wrapper i.fa-globe-americas,
.toolbox-wrapper i.fa-share-alt {
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute;
}

.toolbox-container>.slide-language-show:hover {
    border-top: 1px solid #ffff !important;
    border-right: 1px solid #ffff !important;
    border-bottom: 1px solid #ffff !important;
    background-color: lightgray;
}

/* E - Language Map - Toolbox. */
.slide-logo img {
    -webkit-filter: invert(100%);
    -ms-filter: invert(100%);
    filter: invert(100%);
}

div#lookbookContainer div.toolbox-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

div#lookbookContainer div#toolbox-container .toolbox-wrapper.in {
    order: -1;
}

div#lookbookContainer div#toolbox-container div#toolbox-chevron {
    padding: 13px 15px;
    height: 49px;
    border-radius: 1000px;
    left: 0px;
    width: 49px;
}

.mobile-toolbox-wrapper .slide-share,
.mobile-toolbox-wrapper .slide-message,
.mobile-toolbox-wrapper .slide-attachment-show,
.mobile-toolbox-wrapper .slide-language-show,
.mobile-toolbox-wrapper .slide-search,
.mobile-toolbox-wrapper #cart-mobile-manager {
    font-size: 30px;
}

.campaign-attachments-container,
div#share-navigator {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    overflow: hidden;
}

.toolbox-container .slide-attachment-show,
.toolbox-container .slide-share {
    padding: 0px !important;
    height: 38px !important;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

#cart-mobile-manager.out {
    display: none;
}

#cart-mobile-manager.in {
    display: inline-block;
}

table {
    table-layout: fixed;
    text-align: left;
    border-collapse: collapse;
    background-color: transparent;
    border-spacing: 0;
}

table td, table th {
    vertical-align: middle;
    padding: 0.6em 0em 0.7em 0em;
}

div#lookbookContainer div.slides#slides p.userText table td,
div#lookbookContainer div.slides#slides p.userText table th {
    vertical-align: middle;
    padding: 0.6em 0.5em 0.7em 0.5em;
}

body.embedded {
    background: white;
}

/**
NEW TOOLBOX 2022
*/
div#lookbookContainer div#toolbox-container .toolbox-chevron {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    background: transparent;
    border: none;
    /*transition: padding 0.3s linear;*/
    box-shadow: none;
}

div#lookbookContainer div#toolbox-container .toolbox-chevron.open {
    padding: 15px 17px !important;
}

div#lookbookContainer div#toolbox-container .toolbox-chevron:focus {
    outline: none;
}

div#lookbookContainer div#toolbox-container .toolbox-chevron .bar-one,
div#lookbookContainer div#toolbox-container .toolbox-chevron .bar-two,
div#lookbookContainer div#toolbox-container .toolbox-chevron .bar-three {
    width: 18px;
    height: 2px;
    background: #fff;
    border-radius: 10px;
    transition: all 0.2s linear;
    position: relative;
    transform-origin: 1px;
}

div#lookbookContainer div#toolbox-container .toolbox-chevron .bar-one {
    transform: rotate(0);
}

div#lookbookContainer div#toolbox-container .toolbox-chevron .bar-two {
    opacity: 1;
    transform: translateX(0);
}

div#lookbookContainer div#toolbox-container .toolbox-chevron .bar-three {
    transform: rotate(0);
}

div#lookbookContainer div#toolbox-container .toolbox-chevron.open .bar-one {
    transform: rotate(45deg);
}

div#lookbookContainer div#toolbox-container .toolbox-chevron.open .bar-two {
    opacity: 0;
    /*transform: translateX(-20px);*/
    transition: none;
}

div#lookbookContainer div#toolbox-container .toolbox-chevron.open .bar-three {
    transform: rotate(-45deg);
}

div#lookbookContainer div#toolbox-container .toolbox-wrapper {
    width: auto;
    overflow: visible !important;
    position: absolute;
    top: 0;
    left: 0px;
    padding-left: 57px;
    background-color: #262626;
    height: 49px;
    border-radius: 50000px;
    z-index: -1;
    padding-right: 5px;
    border: 1px solid #262626;
}

div#lookbookContainer div#toolbox-container .toolbox-wrapper div.toolbox {
    width: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: auto 0;
    height: 47px;
    gap: 10px;
}

div#lookbookContainer div#toolbox-container div.toolbox-wrapper div.toolbox>div:not(.toolbox-separator) {
    width: 35px;
    min-width: 35px;
    height: 35px !important;
    position: relative !important;
    background-color: transparent !important;
    border: 0px;
    border-radius: 999px;
}

div#lookbookContainer div#toolbox-container div.toolbox-wrapper div.toolbox>div:not(.toolbox-separator):hover {
    background: #000 !important;
}

div#lookbookContainer div#toolbox-container div.slide-logo img, div#lookbookContainer div#toolbox-container span.slide-logo img {
    width: 80%;
}

/*div#lookbookContainer div#viewport-menu-container div#toolbox-container div#share-navigator.in,
.campaign-language-container.slide.fast.displayable-managed.displayable.in,
.campaign-pricelist-container.slide.fast.displayable-managed.displayable.in {
    position:absolute;
    left:unset;
    bottom:0;
    transform: translate(-100%,calc(100% + 10px));
}*/
div#cart-panel {
    align-items: center;
}

#icon-cart {
    font-size: 0.9em;
}

/*ST-1*/

div#lookbookContainer div#viewport-menu-container div#toolbox-container div#share-navigator,
div#lookbookContainer.responsive div#viewport-menu-container .slide-search div.search-instantiator,
div#lookbookContainer div#toolbox-container div.slide-attachment-show div.campaign-attachments-container,
div#lookbookContainer div#viewport-menu-container .slide-language-show .campaign-language-container,
div#lookbookContainer div#viewport-menu-container .slide-language-show .campaign-pricelist-container {
    left: 0;
    top: 100%;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding: 10px 0;
}

div#lookbookContainer div#viewport-menu-container div#toolbox-container div#share-navigator {
    padding: 30px 0;
}

div#lookbookContainer div#viewport-menu-container div#toolbox-container div#share-navigator, div#lookbookContainer.responsive div#viewport-menu-container .slide-search div.search-instantiator, div#lookbookContainer div#toolbox-container div.slide-attachment-show div.campaign-attachments-container, div#lookbookContainer div#viewport-menu-container .slide-language-show .campaign-language-container .campaign-language-box, div#lookbookContainer div#viewport-menu-container .slide-language-show .campaign-pricelist-container .campaign-language-box {
    left: 0 !important;
    box-shadow: none;
}

div#lookbookContainer.responsive div#viewport-menu-container .slide-search div.search-instantiator {
    margin-top: -7px;
}

div#lookbookContainer div#viewport-menu-container div#toolbox-container div#share-navigator.in,
.campaign-language-container.slide.fast.displayable-managed.displayable.in,
.campaign-pricelist-container.slide.fast.displayable-managed.displayable.in {
    opacity: 1;
}


div#lookbookContainer div#toolbox-container div#share-navigator,
div#lookbookContainer div#toolbox-container .campaign-language-box {
    background: transparent !important;
    border: none !important;
}

div#lookbookContainer div#toolbox-container div#share-navigator div.middle a,
div#lookbookContainer div#toolbox-container .campaign-language {
    background-color: #262626;
    margin-right: 10px !important;
    display: inline-flex;
    height: 35px;
    width: 35px;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    text-transform: lowercase;
    font-size: 0.8em;
    margin-bottom: 4px;
}

/* VALUTA - START */


div#lookbookContainer div#toolbox-container .campaign-pricelist-container a.campaign-language::after {
    font-family: 'Font Awesome 5 Pro';
    font-size: 1.2em;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0;
}
div#lookbookContainer div#toolbox-container .campaign-pricelist-container a.campaign-language[data-key="J1"],
div#lookbookContainer div#toolbox-container .campaign-pricelist-container a.campaign-language[data-key="M1"] {
    text-indent: -9999px;
}
div#lookbookContainer div#toolbox-container .campaign-pricelist-container a.campaign-language[data-key="M1"]::after {
    content: "\f153";
}

div#lookbookContainer div#toolbox-container .campaign-pricelist-container a.campaign-language[data-key="J1"]::after {
    content: "\f157";
}

div#lookbookContainer div#toolbox-container .slide-language-show.campaign-pricelist-container{
    pointer-events:none;
}
div#lookbookContainer div#toolbox-container .slide-language-show.campaign-pricelist-container a.campaign-language {
    margin-right:0 !important;
    margin-bottom: 0;
    width:unset;
    height:unset;
}


/* VALUTA - END */


.campaign-attachments-container, div#share-navigator {
    justify-content: flex-start;
}

div#lookbookContainer div#toolbox-container div.toolbox-wrapper div.toolbox>div:not(.toolbox-separator):not(.slide-logo) {
    width: 35px;
    min-width: 35px;
    height: 35px !important;
    position: relative !important;
    border: 0px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px !important;
}

div#lookbookContainer div#toolbox-container div.toolbox-wrapper div.toolbox>div.slide-logo:not(.toolbox-separator) {
    border-right: 1px solid #9f9e9e;
    border-radius: 0;
    width: max-content;
    padding: 0 !important;
    padding-right: 10px !important;
    max-width: 50px;
}

div#lookbookContainer div#toolbox-container div.toolbox-wrapper div.toolbox>div.slide-logo:not(.toolbox-separator) img {
    height: 100%;
    width: 100%;
}

div#lookbookContainer div#toolbox-container div.toolbox-wrapper div.toolbox>div.slide-logo:not(.toolbox-separator):hover {
    background: transparent !important;
}

.slide-language-show .campaign-pricelist-container .campaign-language-box, .slide-language-show .campaign-language-container .campaign-language-box {
    justify-content: flex-start !important;
}

div#lookbookContainer div#toolbox-container div#share-navigator {
    width: max-content;
    padding: 0;
}

div#lookbookContainer div#toolbox-container div#cart-manager {
    position: fixed;
    top: 50px;
    right: 50px;
    width: 49px;
    height: 49px;
    background-color: #262626;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    opacity: 1 !important;
    padding: 0;
    border: 1px solid #262626;
}

div#lookbookContainer div#toolbox-container div#toolbox-chevron.open {
    background-color: #000;
    border-color: #000;
}

div#lookbookContainer div#toolbox-container div#cart-manager #cart-count {
    display: none;
}

div#lookbookContainer div#toolbox-container .displayable-managed.tappable.displayable.in #cart-manager.out {
    display: none;
}

div#lookbookContainer div#toolbox-container .displayable-managed.tappable.displayable.in #cart-manager.in {
    display: flex;
}


div#lookbookContainer div#toolbox-container #search-navigator:not(.in) .searchResult.fade.in {
    visibility: hidden;
}

div#lookbookContainer .cart-manager-box-mobile {
    display: none;
}

div#lookbookContainer .cart-manager-box {
    display: block;
}


/*####################################################################*/
/*####################################################################*/
/*########                                              ##############*/
/*########      MENU MOBILE CUCINELLI  ----- START      ##############*/
/*########                                              ##############*/
/*####################################################################*/
/*####################################################################*/

div#lookbookContainer.mobile div#toolbox-container div.mobile-toolbox-wrapper {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: calc(100vh - 130px) !important;
    width: calc(100% - 60px) !important;
    background-color: rgba(0, 0, 0, 0.85) !important;
    padding: 100px 30px !important;
    visibility: hidden !important;
    overflow-y: auto;
    overflow-x: hidden;
}

div#lookbookContainer.mobile div#toolbox-container div.mobile-toolbox-wrapper.in {
    visibility: visible !important;
}

.mobile-toolbox-wrapper ul li.item {
    padding: 30px 0;
}

.mobile-toolbox-wrapper ul li.item:not(:last-child) {
    border-bottom: 1px solid #707070;
}

.mobile-toolbox-wrapper ul li.item button {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    background-color: transparent;
    border: none;
    width: 100%;
}

.mobile-toolbox-wrapper span.label {
    font-size: 1.4em;
    font-weight: bold;
}

.mobile-toolbox-wrapper .dropdown-toggle i:not(.rotate) {
    font-size: 1.4em;
    width: 2em;
    text-align: left;
}

.mobile-toolbox-wrapper .dropdown-toggle i.rotate {
    font-size: 1.2em;
}

.mobile-toolbox-wrapper ul li.item button[aria-expanded="false"] i.rotate {
    transform: rotate3d(0, 1, 1, 0deg);
    -webkit-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}

.mobile-toolbox-wrapper ul li.item button[aria-expanded="true"] i.rotate {
    -webkit-transition: transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transform: rotate3d(2, 0, 0, 180deg);
}

.mobile-toolbox-wrapper ul li.item .dropdown-menu {
    overflow: hidden;
    opacity: 0;
    padding: 0;
    height: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: flex;
    flex-wrap: wrap;
}

#lookbookContainer #toolbox-container .mobile-toolbox-wrapper ul li.item .dropdown-menu a {
    padding: 20px !important;
    color: #fff !important;
    text-decoration: none;
    width: calc((100% / 4) - 40px);
    min-width: calc((100% / 4) - 40px);
    text-align: center;
    background: transparent !important;
    margin: 0 !important;
    height: auto;
    font-size: 1.2em !important;
}

#lookbookContainer #toolbox-container .mobile-toolbox-wrapper ul li.item .dropdown-menu a i {
    font-size: 1.8em;
}

/* VALUTA MOBILE - START */


div#lookbookContainer .mobile-toolbox-wrapper .campaign-pricelist-container a.campaign-language::after {
    font-family: 'Font Awesome 5 Pro';
    font-size: 1.2em;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0;
}

div#lookbookContainer .mobile-toolbox-wrapper .campaign-pricelist-container a.campaign-language[data-key="M1"],
div#lookbookContainer .mobile-toolbox-wrapper .campaign-pricelist-container a.campaign-language[data-key="Y1"]{
    text-indent: -9999px;
}
div#lookbookContainer .mobile-toolbox-wrapper .campaign-pricelist-container a.campaign-language[data-key="M1"]::after {
    content: "\f153";
}

div#lookbookContainer .mobile-toolbox-wrapper .campaign-pricelist-container a.campaign-language[data-key="Y1"]::after {
    content: "\f157";
}

div#lookbookContainer div#toolbox-container .dropdown-toggle.campaign-pricelist-container{
    pointer-events:none;
}
div#lookbookContainer div#toolbox-container .dropdown-toggle.campaign-pricelist-container .campaign-language {
    font-size: 1.2em;
    width: 2em;
    text-align: left;
    justify-content: flex-start;
}



/* VALUTA MOBILE - END */

#lookbookContainer #toolbox-container .mobile-toolbox-wrapper ul li.item .dropdown-menu.open {
    opacity: 1;
    height: auto;
    overflow: visible;
    padding: 30px 0 0;
}

#lookbookContainer #toolbox-container .mobile-toolbox-wrapper ul li.item .dropdown-menu input {
    height: 40px;
    border-radius: 30px;
    width: 100%;
    border: none;
}

#lookbookContainer #toolbox-container .mobile-toolbox-wrapper ul li.item .dropdown-menu #search-navigator-mobile {
    position: unset;
    transform: unset;
    max-height: unset;
    width: 100%;
}

#lookbookContainer #toolbox-container .mobile-toolbox-wrapper ul li.item .dropdown-menu #search-navigator-mobile .lookbook-search {
    position: relative;
    transform: unset;
}


#lookbookContainer #toolbox-container .mobile-toolbox-wrapper ul li.item .dropdown-menu #search-navigator-mobile .lookbook-search .input-group-search:not(.button-container) {
    position: unset;
    transform: unset;
    width: 100%;
    float: unset;
}

#lookbookContainer #toolbox-container .mobile-toolbox-wrapper ul li.item .dropdown-menu #search-navigator-mobile .lookbook-search .input-group-search.button-container {
    position: absolute;
    top: 0;
    right: 10px;
    height: 40px;
    transform: unset;
    width: auto;
}

#lookbookContainer #toolbox-container .mobile-toolbox-wrapper ul li.item .dropdown-menu #search-navigator-mobile .lookbook-search .input-group-search.button-container button {
    height: 100%;
    border-radius: 100%;
    border: none;
    position: unset;
    color: #262626;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
    width: auto;
    right: 40px;
    border: 2px solid #fff;
    pointer-events: all;
}

#lookbookContainer #toolbox-container .mobile-toolbox-wrapper ul li.item .dropdown-menu #search-navigator-mobile .searchResult {
    box-shadow: none;
    margin: 0;
    background-color: transparent;
}

#lookbookContainer #toolbox-container .mobile-toolbox-wrapper ul li.item .dropdown-menu #search-navigator-mobile .searchResult .searchbox-footer {
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8em;
}

#lookbookContainer #toolbox-container .mobile-toolbox-wrapper ul li.item .dropdown-menu #search-navigator-mobile i {
    display: block;
    position: unset;
    transform: unset;
    float: unset;
    color: #262626;
}

#lookbookContainer #toolbox-container .mobile-toolbox-wrapper ul li.item .dropdown-menu #search-navigator-mobile input {
    width: 100%;
    background-color: #fff;
    pointer-events: all;
}

#lookbookContainer #toolbox-container .mobile-toolbox-wrapper ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: -webkit-sticky;
    position: sticky;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

#lookbookContainer #toolbox-container .mobile-toolbox-wrapper .displayable-managed.fade.anchor.in.tappable.highlight-tappable {
    box-shadow: none !important;
    color: #fff;
    position: fixed;
    top: 30px;
    right: 30px;
}

#lookbookContainer #toolbox-container .mobile-toolbox-wrapper .displayable-managed.fade.anchor.in.tappable.highlight-tappable i {
    font-size: 1.8em;
}

div#lookbookContainer.mobile div#toolbox-container .mobile-toolbox-wrapper .slide-logo img {
    height: 50px !important;
    top: unset !important;
    position: static !important;
    transform: none;
}

div#lookbookContainer.mobile div#toolbox-container .mobile-toolbox-wrapper .slide-logo {
    position: fixed;
    top: 30px;
    left: 30px;
}


div#lookbookContainer.mobile div#toolbox-container .mobile-toolbox-wrapper .dropdown-menu.attachments {
    display: flex !important;
}


div#lookbookContainer.mobile div#toolbox-container .mobile-toolbox-wrapper .dropdown-menu.attachments a {
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    font-size: 1em !important;
}

div#lookbookContainer.mobile div#toolbox-container .mobile-toolbox-wrapper .dropdown-menu.attachments a i {
    font-size: 1.2em;
}

div#lookbookContainer.mobile div#toolbox-container .mobile-toolbox-wrapper .slide-logo {
    visibility: hidden;
    pointer-events: none;
}

div#lookbookContainer.mobile div#toolbox-container .mobile-toolbox-wrapper.in .slide-logo {
    visibility: visible;
    pointer-events: all;
    transition: all 0s ease-in-out 0.1s;
}

div#lookbookContainer.mobile div#toolbox-container .mobile-toolbox-wrapper .close-button-mobile {
    visibility: hidden;
    top: 20px !important;
    right: 20px !important;
    padding: 10px;
}

div#lookbookContainer.mobile div#toolbox-container .mobile-toolbox-wrapper.in .close-button-mobile {
    visibility: visible;
}


div#lookbookContainer.responsive #search-navigator.displayable-managed.displayable {
    width: 100% !important;
    border: none;
}

div#lookbookContainer.responsive #search-navigator.displayable-managed.displayable .middle {
    border-radius: 25px;
    height: auto;
    padding: 10px;
    width: 100%;
}


div#lookbookContainer.responsive #search-navigator.displayable-managed.displayable .middle .lookbook-search {
    position: relative;
    z-index: 1;
}


div#lookbookContainer.responsive #search-navigator.displayable-managed.displayable .middle input {
    border-radius: 20px;
    width: 100%;
    margin: 0;
    height: 30px;
    float: unset;
}

div#lookbookContainer div#toolbox-container div.toolbox-wrapper div.toolbox>div.slide-search:not(.toolbox-separator) {
    position: static !important;
}

div#lookbookContainer.responsive #search-navigator.displayable-managed.displayable .searchResult {
    width: 100%;
}

div#lookbookContainer.responsive [data-for=".campaign-pricelist-container"] .campaign-language-element {
    margin: 0px !important;
}

div#lookbookContainer.responsive .campaign-attachments-container {
    background: transparent !important;
    border: none !important;
}

div#lookbookContainer.responsive .campaign-attachments-container .campaign-attachment-container {
    border-radius: 30px;
    margin-bottom: 5px;
    background-color: #262626;
}

div#lookbookContainer.responsive .campaign-attachments-container .campaign-attachment-container .campaign-attachment {
    font-size: 0.8em;
    padding: 10px;
}


div#lookbookContainer.responsive.product-look.vertical.mobile #toolbox-chevron {
    display: none;
}

#search-navigator:not(.in) .searchResult.fade.in {
    visibility: hidden;
}

div#lookbookContainer.mobile .cart-manager-box {
    display: none;
}

div#lookbookContainer.mobile .cart-manager-box-mobile {
    display: block;
}

div#lookbookContainer div#toolbox-container #cart-mobile-manager {
    position: fixed;
    top: 30px;
    right: 30px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    opacity: 1 !important;
    padding: 0;
    border: 1px solid #262626;
    background-color: #262626;
}

div#lookbookContainer div#toolbox-container #cart-mobile-manager i {
    font-size: 1.2em;
    width: auto;
}

div#lookbookContainer div#toolbox-container div#mobile-toolbox-chevron i {
    font-size: 0.8em;
}

div#lookbookContainer.portrait.mobile #search-navigator-mobile.search-instantiator .searchResult .search-result-container {
    display: flex;
    flex-direction: column;
}

button.btn-search.highlight-tappable.tappable.anchor.in.fixed.stop-propagation.displayable-managed.fade.anchor span {
    font-size: 1.4em;
    display: block;
    margin-right: 10px;
    font-weight: bold;
}

div#lookbookContainer div#toolbox-container div#mobile-toolbox-chevron.open {
    display: none;
}



/*####################################################################*/
/*####################################################################*/
/*########                                              ##############*/
/*########      MENU MOBILE CUCINELLI  ----- END        ##############*/
/*########                                              ##############*/
/*####################################################################*/
/*####################################################################*/