.cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
}
.cursor--small {
    width: 5px;
    height: 5px;
    left: -2.5px;
    top: -2.5px;
    border-radius: 50%;
    z-index: 11000;
    background: var(--blue);
}
.cursor--canvas {
    width: 100vw;
    height: 100vh;
    z-index: 12000;
}
/*
.page, .page a {
    cursor: none;
}
*/
/*fadein*/
.cssanimation, .cssanimation span {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.cssanimation span { display: inline-block }

.fadeIn {
    animation-name: fadeIn;
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
        opacity: 1;
    }
}

.fadeInBottom { animation-name: fadeInBottom }
@keyframes fadeInBottom {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    to { opacity: 1 }
}

.fadeInLeft { animation-name: fadeInLeft}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }
    to { opacity: 1 }
}
.fadeInRight { animation-name: fadeInRight}
@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(100%);
    }
    to { opacity: 1 }
}

/*fine fadein*/

.visore-animation {
    /* This section calls the slideInFromLeft animation we defined above */

    animation: 1s ease-out 0s 1 slideInFrom;
}

@keyframes slideInFrom {

    0% {
        /*width: 0%;*/
        /*height: 0%;*/
        opacity: 0;
        transform: translate(100%,100%) scale(0) ;
    }
    100% {
        /*width: 100%;*/
        /*height: 100%;*/
        opacity: 1;
    }
}

.controllata_container:hover{
    margin-top: -10px;
}


@media screen and (max-width: 800px){
.controllata_container:hover{
    margin-top: 0px;
    }
}

/*.char{*/
    /*font-size: 40px;*/
    /*height: 40px;*/
    /*animation: an 1s ease-out 1 both;*/
    /*display: inline-block;*/
/*}*/

/*@keyframes an{*/
    /*from{*/
        /*opacity: 0;*/
        /*transform: perspective(500px) translate3d(-35px, -40px, -150px) rotate3d(1, -1, 0, 35deg);*/
    /*}*/
    /*to{*/
        /*opacity: 1;*/
        /*transform: perspective(500px) translate3d(0, 0, 0);*/
    /*}*/
/*}*/

/* bounce scorri visore home START*/
.scorri_home{
    -webkit-animation:bounce_scorri_home 2.5s infinite;
}
 @-webkit-keyframes bounce_scorri_home {
      0%       { top:-70px; }
      25%, 75% { top:-60px; }
      50%      { top:-50px; }
      100%     {top:-75px;}
}
/* bounce scorri visore home END*/


/* bounce scorri visore interno START*/
.scorri_int{
    -webkit-animation:bounce_scorri_int 1s infinite;
}
 @-webkit-keyframes bounce_scorri_int {
      0%       { bottom:20px; }
      25%, 75% { bottom:10px; }
      50%      { bottom:0px; }
      100%     { bottom:25px; }
}
/* bounce scorri visore home END*/
/*pattern controllate home animation START*/

.pattern{
    z-index: -1;
    position: absolute;
     -webkit-animation:oscill 2s ease-in-out infinite alternate !important;
    -moz-animation:oscill 2s ease-in-out infinite alternate !important;
    -ms-animation:oscill 2s ease-in-out infinite alternate !important;
    animation:oscill 2s ease-in-out infinite alternate !important;
    opacity: 0.2;
}

@-webkit-keyframes oscill {
    0% {
        top: 5%;
    }
    100% {
        top: -5%;
    }
}
@-moz-keyframes oscill {
    0% {
        top: 5%;
    }
    100% {
        top: -5%;
    }
}
@-ms-keyframes oscill {
    0% {
        top: 5%;
    }
    100% {
        top: -5%;
    }
}
@keyframes oscill {
    0% {
        top: 5%;
    }
    100% {
        top: -5%;
    }
}
/*pattern controllate home animation END*/

.home_borsa-numeri-controllate .wp-block-image img {
    max-width: 100%;
    position: relative;
    top: 700px;
    width: 1919px;
}

/*da specifica un immagine in pagina deve essere 1215*500*/

/*commento per segnalazione aperta per modificare che deforma da mobile - cs 30.01.2020*/
.img-custom img{
    /*width: 1215px;
    height: 500px;*/
}
@media screen and (max-width: 768px){
    .img-custom{
     margin-bottom: 20px !important;
    }
}

/* SliceSlider ---------------------------------------------------------------------------- */

.slides {
    transition: background 1s cubic-bezier(0.99, 1, 0.92, 1);
}
.is-sliding .slides {
    transition: background 0.3s cubic-bezier(0.99, 1, 0.92, 1);
}
@media screen and (min-width: 767px) {
    .visore_home_container{width: 100vw!important;}
}
.visore_home_container .visore_slide * {
    display: none;
}

.visore_slide.slide__header * {
    display: inherit;
}

.grids-s-w_i.slide__content {
    overflow: hidden;
}

/* animazione singola slide (tutta la slide - si rimpicciolisce e scompare verso il basso in uscita) */

.slide {
    transition: z-index 1s ease;
}
.slide.is-active {
    transition: z-index 1s ease;
}
.slide {
    z-index: -1;
}
.slide.is-active {
    z-index: 19;
}

/* animazione figure (immagine) */

.slide__figure {
    transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.is-sliding .slide__figure {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

/* animazione img */

.slide__img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    transition: height 1s 1.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-filter 0.4s 0.1s ease;
    transition: height 1s 1.4s cubic-bezier(0.19, 1, 0.22, 1), filter 0.4s 0.1s ease;
    transition: height 1s 1.4s cubic-bezier(0.19, 1, 0.22, 1), filter 0.4s 0.1s ease, -webkit-filter 0.4s 0.1s ease;
}
.is-active .slide__img {
    transition: height 0.5s 0.3s cubic-bezier(0.77, 0, 0.175, 1), -webkit-filter 0.4s 0.1s ease;
    transition: height 0.5s 0.3s cubic-bezier(0.77, 0, 0.175, 1), filter 0.4s 0.1s ease;
    transition: height 0.5s 0.3s cubic-bezier(0.77, 0, 0.175, 1), filter 0.4s 0.1s ease, -webkit-filter 0.4s 0.1s ease;
}
.is-sliding .slide__img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.slide__img {
    height: 0;
}
.is-active .slide__img {
    height: 100%;
    opacity: 1;
}

/* animazione titolo */

.slide__title .title-line span {
    -webkit-transform: translate3d(0, 140%, 0);
    transform: translate3d(0, 140%, 0);
    transition: opacity 0.8s ease, -webkit-transform 0.4s ease;
    transition: transform 0.4s ease, opacity 0.8s ease;
    transition: transform 0.4s ease, opacity 0.8s ease, -webkit-transform 0.4s ease;
}

.slide__title .title-line span:nth-child(1) {
    transition-delay: 0.15s;
}
.slide__title .title-line span:nth-child(2) {
    transition-delay: 0.3s;
}

.slide__title .title-line span {
    transition-delay: 0.3s;
}

.slide__title .title-line span {
    opacity: 0;
}
.slide__header.is-active .slide__title .title-line span {
    opacity: 1;
}
.slide__header.is-active .slide__title .title-line span {
    -webkit-transform: translate3d(0, 0%, 0);
    transform: translate3d(0, 0%, 0);
    transition: opacity 0.1s ease, -webkit-transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease;
    transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.1s ease, -webkit-transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.slide__header.is-active .slide__title .title-line:nth-of-type(2n) span {
    transition-delay: 0.2s;
}

/* stile */

.slides-nav {
    z-index: 99;
    position: fixed;
    right: -5%;
    display: flex;
    align-items: center;
    height: 100%;
    color: #111;
}
@media (min-width: 54em) {
    .slides-nav {
        right: 2%;
    }
}
.slides-nav__nav {
    position: relative;
    right: 0;
    display: block;
    font-size: 1em;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}
.slides-nav button {
    position: relative;
    display: inline-block;
    padding: 0.35em;
    margin: 0;
    font-family: "Space Mono", monospace;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    overflow-x: hidden;
    transition: color 0.5s ease;
}
.slides-nav button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    width: 0;
    background: #111;
    transition: width 0.4s ease;
}
.slides-nav button:hover {
    cursor: pointer;
    color: rgba(17, 17, 17, 0.75);
    transition: color 0.5s ease;
}
.slides-nav button:hover:after {
    width: 100%;
    transition: width 0.4s ease;
}
.slides-nav button:focus {
    outline: 0;
}
.is-sliding .slides-nav {
    pointer-events: none;
}

.slides {
    position: relative;
    display: block;
    height: 780px;
    width: 100%;
}

.slide {
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100vh;
}

.slide__figure {
    z-index: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    width: 100%;
}

.slide__img {
    position: relative;
    display: block;
    background-size: cover;
    background-position: 50%;
    -webkit-backface-visibility: hidden;
    width: 100%;
}

.slide__title {
    display: block;
}
.slide__title .title-line {
    display: block;
}
.slide__title .title-line span {
    display: inline-block;
}