﻿.slide-show-container,
.wrapper-three {
    position: relative;
}

#TTTT {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('/images/promo/T01/biglietti visita/bv quadrato.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 450px;
    height: 250px;
    overflow: hidden;
    z-index: 1;
}

.banners {
    margin: 0 0 3rem 0;
}

.owl-carousel .owl-item img {
    max-height: 350px;
    /* height: 350px;
    width: auto;
    margin: 0 auto; */
}

/* .banners img {
    height: 350px;
} */
#demo-1 {
    position: relative;
    /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
    overflow: hidden;
    /* to bound the empty top space created by inner element's top margin */
    width: 90%;
    height: 300px;
    background-color: #fff;
    margin: -15px auto;
}

.demo-inner-content {
    position: relative;
    /* if position is not set, the script will set it to 'relative'. */
    z-index: 2;
    /* if z-index is not set, the script will set it to '2'. */
    margin: 180px auto;
    padding: 40px;
    max-width: 600px;
    color: #fff;
    text-align: center;
    font-size: 1.5em;
}

.demo-inner-content h1 {
    font-size: 2.5em;
    margin: 0;
}

/* @keyframes spin {
    0% {
        transform: rotate(0deg);
    }    
    20% {
        transform: rotate(5deg);
    }
    80% {
        transform: rotate(-5deg);
    }    
    100% {
        transform: rotate(0deg);
    }        
} */

#logo2 {
    display: none;
    /* position: absolute;
    bottom: 25px;
    right: -35px;
    width: 160px;
    height: 60px;
    transform: rotate(90deg); */
}

/* #logo2:before {
    content: " ";
    background-image: url('/images/logo-varano?c0=lgo');
    width: 125px;
    height: 100%;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    animation: spin 6s linear infinite;
} */

#prods.swiper-container {
    margin: -10px 0 60px 0;
    height: 250px;
}

#prods .swiper-slide img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 250px;
}

@media (max-width: 992px) {

    #prods.swiper-container {
        margin: -80px 0 30px 0;
        height: 180px;
    }

}

/* #prods.swiper-container {
    margin-top: -50px;
    margin-bottom: 30px;
}

#prods .swiper-slide img {
    height: 200px;
} */