﻿/************************************** STYLE NUOVA GRAFICA APRILE 2019 */
/************************************** HOMEPAGE */
.contenitoreFoto {
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
    padding-top: 50px;
    padding-bottom: 40px;
    background: url('../images/genova.jpg') no-repeat center;
    background-size: cover;
    position: relative;
}

/************************************** HOMEPAGE CON SLIDE */
.simple-slider {
    overflow: hidden;
    position: relative;
    height: 560px;
}

    .simple-slider .slider-wrapper {
        height: 100%;
        position: relative;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
        transition-timing-function: cubic-bezier(.7, 0, .3, 1)
    }

    .simple-slider .slider-slide {
        background-size: cover;
        background-position: center;
        height: 100%;
        float: left
    }

    .simple-slider .slider-pagination {
        text-align: center;
        width: 100%;
        bottom: 0;
        position: absolute
    }

        .simple-slider .slider-pagination .pagination-bullet {
            display: inline-block;
            cursor: pointer;
            width: 30px;
            height: 15px;
            margin: 10px;
            background-color: #3498db;
            -webkit-transition: all .3s ease;
            transition: all .3s ease
        }

            .simple-slider .slider-pagination .pagination-bullet.is-active {
                background-color: #fff;
            }

    .simple-slider .slider-btn {
        width: 30px;
        height: 50px;
        top: 50%;
        cursor: pointer;
        background-repeat: no-repeat;
        position: absolute;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

        .simple-slider .slider-btn.slider-btn-prev {
            left: 20px;
            background-image: url(../img/prev.svg);
            background-position: left
        }

        .simple-slider .slider-btn.slider-btn-next {
            right: 20px;
            background-image: url(../img/next.svg);
            background-position: right
        }

.bottoniSlide {
    position: absolute;
    top: 15px;
}


@media (max-width: 767px) {
    .simple-slider .slider-pagination {
        display: none;
    }

    .bottoniSlide {
        position: absolute;
        width: 100%;
    }
}
