/* css separato solo per la slide */


/* slide */
.swiper-slide{
    /*height: 80vh;*/
    /*height: 60vh;*/
    position: relative;
    width: 100%;
    overflow: hidden;
}



body.init-animation-running{
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

.hide-on-init-animation{
    
    -o-transition: all 2s ease;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    transition: all 2s ease;
}

body.init-animation-running .hide-on-init-animation{
    opacity: 0;
}
body:not(.init-animation-running) .hide-on-init-animation{
    opacity: 1;
}






/* generic helpers */


/* .td
    transition delay helpers in milliseconds

*/
.swiper-container .swiper-slide .td-50{ -moz-transition-delay: 50ms; -webkit-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms; } .swiper-container .swiper-slide .td-100{ -moz-transition-delay: 100ms; -webkit-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; } .swiper-container .swiper-slide .td-150{ -moz-transition-delay: 150ms; -webkit-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; } .swiper-container .swiper-slide .td-200{ -moz-transition-delay: 200ms; -webkit-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; } .swiper-container .swiper-slide .td-250{ -moz-transition-delay: 250ms; -webkit-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; } .swiper-container .swiper-slide .td-300{ -moz-transition-delay: 300ms; -webkit-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .swiper-container .swiper-slide .td-350{ -moz-transition-delay: 350ms; -webkit-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms; } .swiper-container .swiper-slide .td-400{ -moz-transition-delay: 400ms; -webkit-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms; } .swiper-container .swiper-slide .td-450{ -moz-transition-delay: 450ms; -webkit-transition-delay: 450ms; -o-transition-delay: 450ms; transition-delay: 450ms; } .swiper-container .swiper-slide .td-500{ -moz-transition-delay: 500ms; -webkit-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } .swiper-container .swiper-slide .td-550{ -moz-transition-delay: 550ms; -webkit-transition-delay: 550ms; -o-transition-delay: 550ms; transition-delay: 550ms; } .swiper-container .swiper-slide .td-600{ -moz-transition-delay: 600ms; -webkit-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; } .swiper-container .swiper-slide .td-650{ -moz-transition-delay: 650ms; -webkit-transition-delay: 650ms; -o-transition-delay: 650ms; transition-delay: 650ms; } .swiper-container .swiper-slide .td-700{ -moz-transition-delay: 700ms; -webkit-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; } .swiper-container .swiper-slide .td-750{ -moz-transition-delay: 750ms; -webkit-transition-delay: 750ms; -o-transition-delay: 750ms; transition-delay: 750ms; } .swiper-container .swiper-slide .td-800{ -moz-transition-delay: 800ms; -webkit-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; } .swiper-container .swiper-slide .td-850{ -moz-transition-delay: 850ms; -webkit-transition-delay: 850ms; -o-transition-delay: 850ms; transition-delay: 850ms; } .swiper-container .swiper-slide .td-900{ -moz-transition-delay: 900ms; -webkit-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms; } .swiper-container .swiper-slide .td-950{ -moz-transition-delay: 950ms; -webkit-transition-delay: 950ms; -o-transition-delay: 950ms; transition-delay: 950ms; } .swiper-container .swiper-slide .td-1000{ -moz-transition-delay: 1000ms; -webkit-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .swiper-container .swiper-slide .td-1050{ -moz-transition-delay: 1050ms; -webkit-transition-delay: 1050ms; -o-transition-delay: 1050ms; transition-delay: 1050ms; } .swiper-container .swiper-slide .td-1100{ -moz-transition-delay: 1100ms; -webkit-transition-delay: 1100ms; -o-transition-delay: 1100ms; transition-delay: 1100ms; } .swiper-container .swiper-slide .td-1150{ -moz-transition-delay: 1150ms; -webkit-transition-delay: 1150ms; -o-transition-delay: 1150ms; transition-delay: 1150ms; } .swiper-container .swiper-slide .td-1200{ -moz-transition-delay: 1200ms; -webkit-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; } .swiper-container .swiper-slide .td-1250{ -moz-transition-delay: 1250ms; -webkit-transition-delay: 1250ms; -o-transition-delay: 1250ms; transition-delay: 1250ms; } .swiper-container .swiper-slide .td-1300{ -moz-transition-delay: 1300ms; -webkit-transition-delay: 1300ms; -o-transition-delay: 1300ms; transition-delay: 1300ms; } .swiper-container .swiper-slide .td-1350{ -moz-transition-delay: 1350ms; -webkit-transition-delay: 1350ms; -o-transition-delay: 1350ms; transition-delay: 1350ms; } .swiper-container .swiper-slide .td-1400{ -moz-transition-delay: 1400ms; -webkit-transition-delay: 1400ms; -o-transition-delay: 1400ms; transition-delay: 1400ms; } .swiper-container .swiper-slide .td-1450{ -moz-transition-delay: 1450ms; -webkit-transition-delay: 1450ms; -o-transition-delay: 1450ms; transition-delay: 1450ms; } .swiper-container .swiper-slide .td-1500{ -moz-transition-delay: 1500ms; -webkit-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; } .swiper-container .swiper-slide .td-1550{ -moz-transition-delay: 1550ms; -webkit-transition-delay: 1550ms; -o-transition-delay: 1550ms; transition-delay: 1550ms; } .swiper-container .swiper-slide .td-1600{ -moz-transition-delay: 1600ms; -webkit-transition-delay: 1600ms; -o-transition-delay: 1600ms; transition-delay: 1600ms; } .swiper-container .swiper-slide .td-1650{ -moz-transition-delay: 1650ms; -webkit-transition-delay: 1650ms; -o-transition-delay: 1650ms; transition-delay: 1650ms; } .swiper-container .swiper-slide .td-1700{ -moz-transition-delay: 1700ms; -webkit-transition-delay: 1700ms; -o-transition-delay: 1700ms; transition-delay: 1700ms; } .swiper-container .swiper-slide .td-1750{ -moz-transition-delay: 1750ms; -webkit-transition-delay: 1750ms; -o-transition-delay: 1750ms; transition-delay: 1750ms; } .swiper-container .swiper-slide .td-1800{ -moz-transition-delay: 1800ms; -webkit-transition-delay: 1800ms; -o-transition-delay: 1800ms; transition-delay: 1800ms; } .swiper-container .swiper-slide .td-1850{ -moz-transition-delay: 1850ms; -webkit-transition-delay: 1850ms; -o-transition-delay: 1850ms; transition-delay: 1850ms; } .swiper-container .swiper-slide .td-1900{ -moz-transition-delay: 1900ms; -webkit-transition-delay: 1900ms; -o-transition-delay: 1900ms; transition-delay: 1900ms; } .swiper-container .swiper-slide .td-1950{ -moz-transition-delay: 1950ms; -webkit-transition-delay: 1950ms; -o-transition-delay: 1950ms; transition-delay: 1950ms; } .swiper-container .swiper-slide .td-2000{ -moz-transition-delay: 2000ms; -webkit-transition-delay: 2000ms; -o-transition-delay: 2000ms; transition-delay: 2000ms; } 


/* end generic */





/* custom pagination */
body.loading .swiper-pagination.custom-swiper-pagination{
    display: none;
}

.swiper-pagination.custom-swiper-pagination{
    width: 100%;
}

.custom-swiper-pagination > ul{
    display: block;
    margin: auto;
}
.custom-swiper-pagination > ul > li{
    display: inline-block;
    margin: 1em;
    cursor: pointer;
    
    width: 1em;
    height: 1em;
    border-radius: .5em;
    border: solid 1px #888;
    
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ie-transition: all 1s ease;
}



/* data-slide è il numero, non l'indice */
/* dermocosmesi */
.custom-swiper-pagination > ul > li[data-slide="1"].active{
    background-color: #ff32cd;
}

/* integratori */
/*.custom-swiper-pagination > ul > li[data-slide="2"]{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}*/

.custom-swiper-pagination > ul > li[data-slide="2"].active{
    background-color: #93d250;
}

/* insettorepellenti triangolo */
/*.custom-swiper-pagination > ul > li[data-slide="3"]{
    position: relative; overflow: hidden;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    
    border: none;
    
    background-image: url('/theme/vebix/img/triangle-void.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}*/

.custom-swiper-pagination > ul > li[data-slide="3"].active{
    /*background-image: url('/theme/vebix/img/triangle-active.png');*/
    background-color: #c51821;
}

    

/* disinfettanti */

/*.custom-swiper-pagination > ul > li[data-slide="4"]{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}*/

.custom-swiper-pagination > ul > li[data-slide="4"].active{
    background-color: #35bce1;
}


.custom-swiper-pagination > ul > li{
    transition: background-color .3s;
    font-size: 0;
    background-color: #dcdcdc;
    border: none;
    border-radius: 50%;
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.4) inset;
    display: inline-block;
    height: 11px;
    margin: 0 5px;
    vertical-align: top;
    width: 11px;
}

/* END custom pagination */








.swiper-slide .row{
    /*height: 80vh;*/
    height: 60vh;
}


.swiper-container .swiper-slide-layer-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
}


/*
.swiper-container .custom-swiper-buttons-container{
    width: 100%;
    max-width: 1200px;
    margin: auto;
    position: relative;
}

.swiper-container .custom-swiper-buttons-container .btns{
    position: absolute; width: 100%; height: 100%;
    top: 30vh;
}

*/

#custom-swiper-buttons-container{
    transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    -ie-transition: opacity 1s ease;
    
    opacity: 0;
}

/* settato via js */
/*body.slideshow-animation-already-run #custom-swiper-buttons-container{
    opacity: 1;
}*/

.custom-swiper-buttons-container .swiper-button-prev{
    background-size: contain;
    /*background-image: url('/theme/vebix/img/chevron-right-fill.svg');
    background-image: url('/theme/vebix/img/left-arrow-angle-vebix.svg');*/
    background-image: url('/theme/vebix/img/left-arrow-thin.svg');
    /*transform: rotate(180deg);*/
    left: 2em;
    /*width: 48px;*/
    width: 32px;
    height: 48px;
}

.custom-swiper-buttons-container .swiper-button-next
{
    background-size: contain;
    /*background-image: url('/theme/vebix/img/chevron-right-fill.svg');   
    background-image: url('/theme/vebix/img/left-arrow-angle-vebix.svg');*/
    background-image: url('/theme/vebix/img/left-arrow-thin.svg');
    
        transform: rotate(180deg);
    right: 2em;
    /*width: 48px;*/
    width: 32px;
    height: 48px;
}



.swiper-container .swiper-slide .swiper-cta-container{
    position: absolute; bottom: -4em; left: 0; width: 100%; text-align: center;
    
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ie-transition: all 1s ease;
    
    transition-delay: 1s;
    -moz-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    
}

    .swiper-container .swiper-slide.swiper-slide-active .swiper-cta-container{
        opacity: 1;
        bottom: 2em;
    }



/*  #####################################
    ######## SLIDE 1 ######### (index=0)
*/
    
.swiper-container .custom-swiper-slide-index-0{
    /*background: white;*/
    /*background: linear-gradient(to right, #FFFFFF 0%, #e7e7e7 50%, #FFFFFF 100%);*/
    /*background: linear-gradient(to right, #FFFFFF 0%, #df79a0 50%, #FFFFFF 100%);*/
    /*background: linear-gradient(to right, #FFFFFF 0%, #eecbd8 50%, #FFFFFF 100%);*/
    /*background: linear-gradient(to right, #eecbd8 0%, #FFFFFF 50%, #eecbd8 100%);*/
    /*background: linear-gradient(to right, #eecbd8 0%, #FFFFFF 40%, #FFFFFF 60%, #eecbd8 100%);*/
    /*background: linear-gradient(to right, #eecbd8 0%, #FFFFFF 40%, #FFFFFF 60%, #eecbd8 100%);*/
        /*background: linear-gradient(to right, #eecbd8 0%, #FFFFFF 40%, #FFFFFF 60%, #8e77b5 100%);*/
    /*background: linear-gradient(to right, #FFFFFF 0%, #eecbd8 40%, #eecbd8 60%, #FFFFFF 100%);*/
    
    
    
    /*background: linear-gradient(to right, #FFFFFF 0%,  #eecbd8 40%, #FFFFFF 60%, #8e77b5 100%);*/
    /*background: linear-gradient(to right, #e2dad7 0%,  #FFFFFF 40%, #FFFFFF 60%, #ece7e3 100%);*/
    
    
    /*background: linear-gradient(to right, #FFFFFF 0%,  #ece7e3 30%, #ece7e3 70%, #FFFFFF 100%);*/
    background-color: #fefefe;
    /*background-color: #yellow;*/
    
/*    background-image: url('/images/demo/bgs/bg-green-sf.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 50%;*/
    
}

.swiper-container .custom-swiper-slide-index-0::before,
.swiper-container .custom-swiper-slide-index-0::after
{
    content: '';
    position: absolute;
    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    
    transition: all 5s ease;
    -moz-transition: all 5s ease;
    -webkit-transition: all 5s ease;
    -o-transition: all 5s ease;
    -ie-transition: all 5s ease;
}

.swiper-container .custom-swiper-slide-index-0::before{
    width: 100vw;
    height: 100vw;
    border-radius: 50vw;
    /*background-color: #fcfc98;*/
    /*background-image: url('/images/demo/bgs/shutterstock_60788443.jpg');*/
    background-image: url('/images/demo/bgs/AdobeStock_230474471.jpg');
    /*background-size: contain;*/
    
    left: 0vh;
    top: 50vw;
    opacity: 0;
    
    -webkit-box-shadow: 0px 0px 104px 30px rgba(246,247,193,1);
    -moz-box-shadow: 0px 0px 104px 30px rgba(246,247,193,1);
    box-shadow: 0px 0px 104px 30px rgba(246,247,193,1);
    
}

    .swiper-container .custom-swiper-slide-index-0.swiper-slide-active::before{
        /*transform: scale(1.2.1.2);*/
        opacity: .1;
        top: 0;

        width: 40vw;
        height: 40vw;
        border-radius: 20vw;
    }


.swiper-container .custom-swiper-slide-index-0::after{
    width: 100vw;
    height: 100vw;
    border-radius: 50vw;
    
    
    /*background-image: url('/images/demo/bgs/AdobeStock_230474471.jpg');*/
    background-image: url('/images/demo/bgs/shutterstock_60788443.jpg');
    
    -webkit-box-shadow: 0px 0px 104px 30px rgba(222,240,245,1);
    -moz-box-shadow: 0px 0px 104px 30px rgba(222,240,245,1);
    box-shadow: 0px 0px 104px 30px rgba(222,240,245,1);
    
    right: 0vh;
    top: -50vw;
    opacity: 0;
}

    .swiper-container .custom-swiper-slide-index-0.swiper-slide-active::after{
        opacity: .1;
        top: 0;

        width: 40vw;
        height: 40vw;
        border-radius: 20vw;
    }

    


/*  #####################################
    ######## SLIDE 2 ######### (index=1)
*/



/*.swiper-container .swiper-slide .with-fadeIn{*/


.swiper-container .swiper-slide .with-fadeIn{
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ie-transition: all 1s ease;
    
    opacity: 0;
}
.swiper-container .swiper-slide.swiper-slide-active .with-fadeIn{
    opacity: 1;
}



.swiper-container .custom-swiper-slide-index-1::before{
    content:'';
    position: absolute;
    width: 100vh;
    height: 100vh;
    
    border-radius: 50vh;
    background-color: #e9f6db;
    left: -50vh;
    top: 0;
    
        opacity: 0;
    
    -moz-transition: top 10s ease, left 10s ease, height 10s ease, width 10s ease, opacity 900ms ease 800ms;
    -webkit-transition: top 10s ease, left 10s ease, height 10s ease, width 10s ease, opacity 900ms ease 800ms;
    -o-transition: top 10s ease, left 10s ease, height 10s ease, width 10s ease, opacity 900ms ease 800ms;
    transition: top 10s ease, left 10s ease, height 10s ease, width 10s ease, opacity 900ms ease 800ms;
    
    
}
    .swiper-container .swiper-slide-active.custom-swiper-slide-index-1::before{
        top: 20px;
        left: -40vh;
            opacity: 1;
    }

.swiper-container .custom-swiper-slide-index-1::after{
    content:'';
    position: absolute;
    width: 30vw;
    height: 30vw;
    border-radius: 15vw;
    background-color: #f7deac;
    top: 0;
    right: 0;
    
        opacity: 0;
    
/*    transition: all 10s ease;
    -moz-transition: all 10s ease;
    -webkit-transition: all 10s ease;
    -o-transition: all 10s ease;
    -ie-transition: all 10s ease;*/
    
    -moz-transition: top 10s ease, right 10s ease, height 10s ease, width 10s ease, opacity 900ms ease 1300ms;
    -webkit-transition: top 10s ease, right 10s ease, height 10s ease, width 10s ease, opacity 900ms ease 1300ms;
    -o-transition: top 10s ease, right 10s ease, height 10s ease, width 10s ease, opacity 900ms ease 1300ms;
    transition: top 10s ease, right 10s ease, height 10s ease, width 10s ease, opacity 900ms ease 1300ms;
}

    .swiper-container .swiper-slide-active.custom-swiper-slide-index-1::after{
        right: 20px;
            opacity: 1; 
    }
    
    
.swiper-container .swiper-slide .with-circle-1::before{
    content:'';
    position: absolute;
    width: 10vw;
    height: 10vw;
    border-radius: 5vw;
    background-color: #c2e5f7;
    top: 0;
    right: 0;
    
        opacity: 0;

/*    transition: all 10s ease;
    -moz-transition: all 10s ease;
    -webkit-transition: all 10s ease;
    -o-transition: all 10s ease;
    -ie-transition: all 10s ease;*/
    
    -moz-transition: top 10s ease, right 10s ease, height 10s ease, width 10s ease, opacity 900ms ease 1800ms;
    -webkit-transition: top 10s ease, right 10s ease, height 10s ease, width 10s ease, opacity 900ms ease 1800ms;
    -o-transition: top 10s ease, right 10s ease, height 10s ease, width 10s ease, opacity 900ms ease 1800ms;
    transition: top 10s ease, right 10s ease, height 10s ease, width 10s ease, opacity 900ms ease 1800ms;
    
}

    .swiper-container .swiper-slide.swiper-slide-active .with-circle-1::before{
        right: 100px;
            opacity: 1;
    }

    
.swiper-container .swiper-slide .with-circle-1-alt::after{
    content:'';
    position: absolute;
    width: 6vw;
    height: 6vw;
    border-radius: 3vw;
    background-color: #ffffb3;
    top: 50%;
    right: -50px;
    
    opacity: 0;

/*    transition: all 16s ease;
    -moz-transition: all 16s ease;
    -webkit-transition: all 16s ease;
    -o-transition: all 16s ease;
    -ie-transition: all 16s ease;*/
    
    -moz-transition: top 10s ease, right 10s ease, height 10s ease, width 10s ease, opacity 900ms ease 2300ms;
    -webkit-transition: top 10s ease, right 10s ease, height 10s ease, width 10s ease, opacity 900ms ease 2300ms;
    -o-transition: top 10s ease, right 10s ease, height 10s ease, width 10s ease, opacity 900ms ease 2300ms;
    transition: top 10s ease, right 10s ease, height 10s ease, width 10s ease, opacity 900ms ease 2300ms;
    
    
}
    
    .swiper-container .swiper-slide.swiper-slide-active .with-circle-1-alt::after{
        right: 50px;
        opacity: 1;
    }
    


.swiper-container .swiper-slide .with-circle-2::before{
    content:'';
    position: absolute;
    width: 16vw;
    height: 16vw;
    border-radius: 8vw;
    background-color: #e8def9;
    bottom: 0;
    left: 0;
    
    opacity: 0;

/*    transition: all 10s ease;
    -moz-transition: all 10s ease;
    -webkit-transition: all 10s ease;
    -o-transition: all 10s ease;
    -ie-transition: all 10s ease;*/
    
    -moz-transition: top 10s ease, left 10s ease, height 10s ease, width 10s ease, opacity 900ms ease 2800ms;
    -webkit-transition: top 10s ease, left 10s ease, height 10s ease, width 10s ease, opacity 900ms ease 2800ms;
    -o-transition: top 10s ease, left 10s ease, height 10s ease, width 10s ease, opacity 900ms ease 2800ms;
    transition: top 10s ease, left 10s ease, height 10s ease, width 10s ease, opacity 900ms ease 2800ms;
    
}

    .swiper-container .swiper-slide.swiper-slide-active .with-circle-2::before{
        left: 100px;
        opacity: 1;
    }

    
    
    
    
    
/*  #####################################
    ######## SLIDE 3 ######### (index=2)
*/
.swiper-container .custom-swiper-slide-index-3 .main-image{
    transform: scale(1.1,1.1);
    opacity: .1;
    
    transition: all 10s ease;
    -moz-transition: all 10s ease;
    -webkit-transition: all 10s ease;
    -o-transition: all 10s ease;
    -ie-transition: all 10s ease;
}

.swiper-container .custom-swiper-slide-index-3 .custom-swiper-background-zoom
{
    position: absolute;
    /*width: 100%;*/
    /*height: 100%;*/
    
    width: 100vw;
    height: 100vh;
    border-radius: 50vw;
    
    
    left: 0; top: 0;
    opacity: 0;
    
    background-image: url('/images/demo/slide/lagoon-copertina.jpg');
    background-position: center center;
    
    background-repeat: no-repeat;
    background-size: cover;
    
    
    -moz-transition: all 10s ease;
    -webkit-transition: all 10s ease;
    -o-transition: all 10s ease;
    -ie-transition: all 10s ease;
    transition: all 10s ease;
}


/*    .swiper-container .custom-swiper-slide-index-3.swiper-slide-active .main-image{
        transform: scale(1.3,1.3);
        opacity: 1;
        display: none;
    }*/
    
    .swiper-container .custom-swiper-slide-index-3.swiper-slide-active .custom-swiper-background-zoom{
        transform: scale(1.2,1.2);
        opacity: .4;
        /*width: 200%;*/
        /*left: -50%;*/
        /*height: 125%;*/
        /*background-position: center 100px;*/
    }
    

    
    
    
    
    
/* ##################################### */
/* ############## SLIDE 4 ############## */
/* sternial */

.swiper-container .custom-swiper-slide-index-4 .secondary-image{
    
}


.swiper-container .custom-swiper-slide-index-4 .text-main-1,
.swiper-container .custom-swiper-slide-index-4 .text-main-2,
.swiper-container .custom-swiper-slide-index-4 .text-main-3
{
    opacity: 0;
    
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ie-transition: all 1s ease;
    transition: all 1s ease;
}
.swiper-container .custom-swiper-slide-index-4 .text-main-1{
    top: 1em;
    left: -50%;
    
    transition-delay: 1s;
}
.swiper-container .custom-swiper-slide-index-4 .text-main-2{
    /*top: 1em;*/
    top: 0;
    left: 50%;
    
    transition-delay: 2s;
}
.swiper-container .custom-swiper-slide-index-4 .text-main-3{
    bottom: -20%;
    right: 20%;
    
    transition-delay: 3s;
}

.swiper-container .custom-swiper-slide-index-4 .text-main-2 .secondary-image{
    display: block; height: 18vh; margin: auto;
}

.swiper-container .custom-swiper-slide-index-4 .text-main-3 .secondary-image{
    display: block; height: 18vh; margin: auto;
}


.swiper-container .custom-swiper-slide-index-4 .floating-image{
    height: 30vh; width: auto; display: block; margin: auto; position: absolute; left: 50%; bottom: 30%;
    opacity: 0;
    
    -moz-transition: all 2s ease;
    -webkit-transition: all 2s ease;
    -o-transition: all 2s ease;
    -ie-transition: all 2s ease;
    transition: all 2s ease;
    
    transition-delay: 2s;
}


@media all and (max-width: 768px) {
    .swiper-container .custom-swiper-slide-index-4 .floating-image{
        height: 10vh;
        left: 10%;
    }
}






/* attivi */


.swiper-container .custom-swiper-slide-index-4.swiper-slide-active .floating-image{
    opacity: .3;
}

.swiper-container .custom-swiper-slide-index-4.swiper-slide-active .text-main-1,
.swiper-container .custom-swiper-slide-index-4.swiper-slide-active .text-main-2,
.swiper-container .custom-swiper-slide-index-4.swiper-slide-active .text-main-3
{
    opacity: 1;
}

.swiper-container .custom-swiper-slide-index-4.swiper-slide-active .text-main-1{
    left: 2em;
}
.swiper-container .custom-swiper-slide-index-4.swiper-slide-active .text-main-2{
    left: 1em;
    top: 1em;
}
.swiper-container .custom-swiper-slide-index-4.swiper-slide-active .text-main-3{
    bottom: 1em;
    /*right: 1em;*/
    right: 3em;
}










/* swiper slide elementi  */

.swiper-slide .text-main{
    font-size: 3em;
    line-height: 1em;
    position: absolute;
    z-index: 1;
}



@media all and (max-width: 768px) {
    .swiper-slide .text-main{
        font-size: 2em;
    }
}








/* slide LAST */

#home_slider_mosaic{
    width: 100%;
    min-height: 450px;
}

#custom-swiper-pagination{
    position: relative;
    
    max-width: 1200px;
    margin: auto;
    
    
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    
    opacity: 0;
}


#custom-swiper-pagination > ul{
    display: flex;
    justify-content: flex-end;
}

#home_slider_mosaic .swiper-slide{
    height: auto;
    width: 25%;
}
#home_slider_mosaic:not(.active) .swiper-slide{
    margin-right: 6px;
}


.custom-swiper-buttons-container{
    position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    max-width: 1600px;
    
    -moz-transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

/*
#home_slider_mosaic:not(.active) .custom-swiper-buttons-container{
    display: none;
    opacity: 0;
}
*/

/*
#home_slider_mosaic.active .custom-swiper-buttons-container{
    display: block;
    opacity: 1;
}
*/

@media all and (max-width: 599px) {
    #home_slider_mosaic .swiper-slide{
        width: 80%;
    }
}

@media all and (min-width: 600px) and (max-width: 1070px) {
    #home_slider_mosaic .swiper-slide{
        width: 40%;
    }
}


.swiper-slide .swiper-slide-upper-title{
    font-size: 1.5em;
    /*color: #333;*/
    color: var(--vebix-black);
    padding: 1em;
    display: block;
    margin: auto;
    text-align: center;
    
    white-space: nowrap;
}

.swiper-slide .swiper-slide-content{
    position: relative;
}

.swiper-slide .swiper-slide-content a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; left: 0;
    z-index: 1;
}




.swiper-slide .swiper-slide-content .image-container{
    display: block;
    width: 100%;
    height: 280px;
    overflow: hidden;
    
    position: relative;
    
}


.swiper-slide .swiper-slide-content .image-container > .image-bg{
    position: absolute; width: 100%; height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    
}

/*.swiper-slide .swiper-slide-content .image-container > img{
    display: block; width: 100%; height: auto;
    opacity: 1;
    
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.swiper-slide .swiper-slide-content:hover .image-container > img{
    transform: scale(1.4,1.4);
    opacity: .3;
}*/


.swiper-slide .swiper-slide-content:hover .image-container > .image-bg{
    transform: scale(1.4,1.4);
    opacity: .3;
}


/*
.swiper-slide .swiper-slide-content .images{
    display: flex;
    flex-direction: row;
}
.swiper-slide .swiper-slide-content .images > img{
    width: 50%;
}
.swiper-slide .swiper-slide-content .images > img:first-child{
    margin-right: 6px;
}
*/

.swiper-slide .swiper-slide-content .text-content{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    
    width: 100%;
    height: auto;
    padding: 1em;
    /*color: #333;*/
    color: var(--vebix-black);
    font-size: .9em;
    
    
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ie-transition: all 1s ease;
    transition: all 1s ease;
    
    opacity: 0;
}

body.slideshow-animation-already-run .swiper-slide .swiper-slide-content .text-content{
    opacity: 1;
}


.swiper-slide .swiper-slide-content .text-content p{
    width: 100%;
    text-align: left;
}