.Y-FACES-SWIPER {
    flex                    : 1 1 100%;
    width                   : calc(100vw - 82px);
    max-width               : 100%;
    height                  : auto;
    position                : relative;
    display                 : flex;
    flex-wrap               : nowrap;
    flex-direction          : row;
    justify-content         : flex-start;
    align-content           : flex-start;
    align-items             : stretch;
    text-align              : left;
    
    
    padding                 : 0px 0px 0px 0px;
    margin                  : 0px 0px 0px 0px;
    border                  : 0px solid #FFFFFF;
    overflow                : hidden;
    
    background              : #FFFFFF;
    box-shadow              : none;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
    
    
    -moz-box-shadow         : 0px 0px 0px 1px #FFAA12;
    -webkit-box-shadow      : 0px 0px 0px 1px #FFAA12;
    box-shadow              : 0px 0px 0px 1px #FFAA12;
    z-index                 : 2;
    
}
.Y-FACES-SWIPER > .Y-FACES-SWIPER-NODES-VIEW{
    flex                    : 0 0 auto;
    position                : relative;
    display                 : flex;
    flex-wrap               : nowrap;
    flex-direction          : row;
    justify-content         : flex-start;
    align-content           : flex-start;
    align-items             : stretch;
    text-align              : left;
    padding                 : 0px 0px 0px 0px;
    margin                  : 0px 0px 0px 0px;
    margin-right            : auto; 
    margin-left             : auto; 
    border                  : 0px solid #000000;
    background              : transparent;
    z-index                 : 300 !important;
}
.Y-FACES-SWIPER-NODE{
    flex                    : 0 0 auto !important;
    position                : relative !important;
    text-align              : left !important;
    background              : transparent !important;
    margin                  : 0px 0px 0px 0px !important;
    padding                 : 0px 0px 0px 0px !important;
    border                  : 0px solid #FFFFFF !important;
    cursor                  : move !important;
    min-height              : 300px !important;
    height                  : 360px !important;
}

.Y-FACES-SWIPER-NODE > picture{
    flex                    : 0 0 auto !important;
    display                 : flex !important;
    width                   : auto !important;
    max-width               : 100% !important;
    height                  : inherit !important;
    max-height              : inherit !important;
}
.Y-FACES-SWIPER-NODE > img,
.Y-FACES-SWIPER-NODE > picture > img{
    flex                    : 0 0 auto !important;
    display                 : flex !important;
    width                   : auto !important;
    max-width               : 100% !important;
    height                  : inherit !important;
    max-height              : inherit !important;
}
.Y-FACES-SWIPER-NODE-FIT-HEIGHT{
    height                  : auto !important;
    min-height              : inherit !important;
    max-height              : inherit !important;
}
.Y-FACES-SWIPER-NODE-FIT-HEIGHT > picture{
    flex                    : 0 0 auto !important;
    display                 : flex !important;
    width                   : auto !important;
    max-width               : 100% !important;
    height                  : inherit !important;
    max-height              : inherit !important;
}
.Y-FACES-SWIPER-NODE-FIT-HEIGHT > img,
.Y-FACES-SWIPER-NODE-FIT-HEIGHT > picture > img{
    flex                    : 0 0 auto !important;
    display                 : flex !important;
    width                   : auto !important;
    max-width               : 100% !important;
    height                  : inherit !important;
    max-height              : inherit !important;
}

.Y-FACES-SWIPER-MODAL-SWITCHER{
    flex                    : 0 0 auto !important;
    width                   : 42px !important;
    height                  : 42px !important;
    display                 : inline-block !important;
    position                : absolute !important;
    top                     : 20px !important;
    left                    : 20px !important;

    background              : #404040 !important;
    margin                  : 0px 0px 0px 0px !important;
    padding                 : 10px 10px 10px 10px !important;
    border                  : 1px solid #FFFFFF !important;
    cursor                  : zoom-in !important;
    background              : rgba(255, 255, 255, 0.2) url('fullscreen-icon.svg') center center no-repeat !important;
    z-index                 : 9900 !important;
}

.Y-FACES-SWIPER.SWIPER-MODAL{
    background              : #FFFFFF !important;
    position                : fixed !important;
    top                     : 0px !important;
    left                    : 0px !important;
    width                   : 100vw !important;
    max-width               : 100vw !important;
    height                  : 100vh !important;
    flex                    : 1 1 100vw !important;
    z-index                 : 999999999 !important;
    margin                  : 0px 0px 0px 0px !important;
}
.Y-FACES-SWIPER.SWIPER-MODAL .Y-FACES-SWIPER-NODE{
    height                  : auto !important;
    max-height              : none !important;
}
.Y-FACES-SWIPER.SWIPER-MODAL .Y-FACES-SWIPER-NODE > img{
    max-width               : calc(100vw - 20px) !important;
    height                  : auto !important;
    max-height              : calc(100vh - 22px) !important;
}