.lookbook_body div .lookbook_item{
    flex: 0 0 auto;
}
.lookbook_body div{
}
.lookbook_header .modtitle{
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--margin-3);
    padding-left: 10px;
    font-size: 30px;
    font-weight: bold;
    color: var(--primary_2);
    text-align: center;
    line-height: 5rem;
    justify-content: center;
    margin: 0
}
.lookbook_header .modtitle.modtitle-2 {
    margin: var(--margin) 0 0;
}
.lookbook_body .nowrap_row_lookbook{
    display: flex;
    flex-wrap: nowrap;
    gap: var(--margin);
    scroll-behavior: smooth;
    overflow: auto;
}
.lookbook_body .mySwiperClip {
    overflow: clip visible !important;
}
.lookbook_body img {
    display: block;
    height: 311px;
    object-fit: cover;
    border-radius: var(--border-radius_2);
    width: 100%;
}
.lookbook_item {
    flex: 0 0 auto;
}
.lookbook_slider_0 .swiper-slide {
}

.lookbook_header {
    text-align: center;
}

.easypin-marker, .marker2 {z-index: 666666 !important;}

.exPopoverContainer {width:190px;height:95px;position: relative;color:#2F0200;}

.exPopoverContainer.po-bottom {
       bottom: unset !important;
    left: -21px;
    top: 45px;
}
.exPopoverContainer .arrow-bottom {
        top: -18px;
    left: 15px;
    transform: rotate(180deg);
}

.exPopoverContainer.po-right {
       bottom: unset !important;
    left: 55px;
    top: -22px;
}
.exPopoverContainer .arrow-right {
     top: 20px;
    left: -28px;
    transform: rotate(90deg);
}

.exPopoverContainer.po-left {
       bottom: unset !important;
      left: unset !important;
    top: -22px;
    right: 55px;
}

.exPopoverContainer .arrow-left {
      top: 23px;
    left: +179px;
    transform: rotate(-90deg);
}

.exPopoverContainer.po-top {
    bottom:51px!important;left:-21px;
}


 .arrow-bottom {position: absolute;width: 0; height: 0; border-left: 14px solid transparent;border-right: 14px solid transparent;border-top: 14px solid var(--box_bg_0);}
        .arrow-top {position: absolute;width: 0; height: 0; border-left: 14px solid transparent;border-right: 14px solid transparent;border-top: 14px solid var(--box_bg_0);}
        .arrow-right {position: absolute;width: 0; height: 0; border-left: 14px solid transparent;border-right: 14px solid transparent;border-top: 14px solid var(--box_bg_0);}
        .arrow-left {    position: absolute;
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid var(--box_bg_0);}
        
        
        .borderRadius {-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
        .popBg {background-color:var(--box_bg_0);width:100%;height:100%;position:absolute;}
        .popBody {width:100%;height:100%;position: relative;padding:10px;}
        .popBody h1 {padding-bottom:5px;margin:0px;font-size:18px;}
        .popHeadLine {clear:both;width:100%;height:1px;background-color:#383737;margin:auto;}
        .popContentLeft {width:178px;float: left;font-size:11px;text-align:justify;margin-top: 10px;}
        .popContentRight {width:100px;float: right;margin-top: 10px;text-align: center;font-size:40px;}
        /* .arrow-down {position: absolute;width: 0; height: 0; border-left: 14px solid transparent;border-right: 14px solid transparent;border-top: 14px solid #F49F9A;} */
       
.marker2 {
    width: 25px;
    height: 25px;
    background-color: var(--box_bg_0);
    
    font-size: 12px;
    font-weight: bold;
    color: var(--text-color-dark-1);
    text-align: center;
    border-radius: var(--border-radius_c);
}
.marker2:hover {
    background-color: var(--primary_1);
    color: var(--text-color-light-1);            
}
        .c {clear:both;}
        .element-animation{
            animation: animationFrames linear 1s;
            animation-iteration-count: 3;
            transform-origin: 50% 50%;
            -webkit-animation: animationFrames linear 1s;
            -webkit-animation-iteration-count: 3;
            -webkit-transform-origin: 50% 50%;
            -moz-animation: animationFrames linear 1s;
            -moz-animation-iteration-count: 3;
            -moz-transform-origin: 50% 50%;
            -o-animation: animationFrames linear 1s;
            -o-animation-iteration-count: 3;
            -o-transform-origin: 50% 50%;
            -ms-animation: animationFrames linear 1s;
            -ms-animation-iteration-count: 3;
            -ms-transform-origin: 50% 50%;
        }

        @keyframes animationFrames{
            0% {
                transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
            }
            10% {
                transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
            }
            20% {
                transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
            }
            30% {
                transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
            }
            40% {
                transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
            }
            50% {
                transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
            }
            60% {
                transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
            }
            70% {
                transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
            }
            80% {
                transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
            }
            90% {
                transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
            }
            100% {
                transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
            }
        }

        @-moz-keyframes animationFrames{
            0% {
                -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
            }
            10% {
                -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
            }
            20% {
                -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
            }
            30% {
                -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
            }
            40% {
                -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
            }
            50% {
                -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
            }
            60% {
                -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
            }
            70% {
                -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
            }
            80% {
                -moz-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
            }
            90% {
                -moz-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
            }
            100% {
                -moz-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
            }
        }

        @-webkit-keyframes animationFrames {
            0% {
                -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
            }
            10% {
                -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
            }
            20% {
                -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
            }
            30% {
                -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
            }
            40% {
                -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
            }
            50% {
                -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
            }
            60% {
                -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
            }
            70% {
                -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
            }
            80% {
                -webkit-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
            }
            90% {
                -webkit-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
            }
            100% {
                -webkit-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
            }
        }

        @-o-keyframes animationFrames {
            0% {
                -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
            }
            10% {
                -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
            }
            20% {
                -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
            }
            30% {
                -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
            }
            40% {
                -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
            }
            50% {
                -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
            }
            60% {
                -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
            }
            70% {
                -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
            }
            80% {
                -o-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
            }
            90% {
                -o-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
            }
            100% {
                -o-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
            }
        }

        @-ms-keyframes animationFrames {
            0% {
                -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
            }
            10% {
                -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
            }
            20% {
                -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
            }
            30% {
                -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
            }
            40% {
                -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
            }
            50% {
                -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
            }
            60% {
                -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
            }
            70% {
                -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
            }
            80% {
                -ms-transform:  rotate(-3deg) scaleX(1.20) scaleY(1.20) ;
            }
            90% {
                -ms-transform:  rotate(3deg) scaleX(1.20) scaleY(1.20) ;
            }
            100% {
                -ms-transform:  rotate(0deg) scaleX(1.20) scaleY(1.20) ;
            }
        }
        
        
@media (max-width: 991px) {
    .lookbook_body img {
        height: unset;
    }        
    .lookbook_body div .lookbook_item .slide_item {
    margin: 0 auto;
    width: 160px !important;
    }
    .lookbook_header .modtitle{
        font-size: 24px;
    }
    .lookbook_body .nowrap_row_lookbook{
        overflow-x: auto;
        overflow-y: hidden;
    }
}