@charset "UTF-8";
/* CSS Document */

.navbar-light .navbar-nav .nav-link {
    color: rgba(54, 52, 166, 1);
}

.dropdown-menu {
    left: -100px;
}



body {
    background-color: #000;
    font-size: 18px;
}

h1 {
    font-size: 120px;
    font-family: 'Poiret One', cursive;
    margin-top: 10px;
    text-align: left;
    color: #000;
    line-height: 50px;
}

h2 {
    font-size: 27px;
    font-family: 'Hind Siliguri', sans-serif;
    text-align: left;
    color: #0a0a0a;
    line-height: 35px;
    font-weight: 500;
}


h3 {
    font-size: 50px;
    font-family: 'Poiret One', cursive;
    margin-top: 10px;
    text-align: left;
    font-weight: :500;
    color: #000;
}

h4 {
    font-size: 120px;
    font-family: 'Hind Siliguri', sans-serif;
    margin-top: 10px;
    text-align: left;
    color: #000;
    font-weight: 700;
    line-height: 100px;

}

h5 {
    font-size: 80px;
    font-family: 'Homemade Apple', cursive;
    text-align: left;
    font-weight: 700;
    line-height: 100px;
    color: #1e2f87;

}

h6 {
    font-size: 27px;
    font-family: 'Hind Siliguri', sans-serif;
    text-align: left;
    color: #0a0a0a;
    line-height: 35px;
    font-weight: 500;
}


p {
    font-family: 'Hind Siliguri', sans-serif;
    text-align: left;
    font-weight: 300;
}

.white {
    color: #fff;
}

.bordo {
    border-bottom: 2px solid #e62624;
}

.titolo {
    font-size: 40px;
    font-family: 'Poiret One', cursive;
    line-height: 50px;
}



a:hover {
    color: #a13232;
    text-decoration: none;
}

.titoloindex {
    font-size: 50px;
    line-height: 23px;
}

.sottotitoloindex {
    font-size: 20px;
}

.cassetta {
    background-color: #ab2c2c;
    border-top: 100px solid #be3232;
    margin-top: 100px;
}

.titolofooter {
    padding-top: 50px;
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    line-height: 30px;
}

.tfoot {
    font-size: 19px;
    line-height: 10px;
    color: #d4d6d9;
}


.nopadding {
    padding: 0;
    margin: 0;
}

.btn-outline-info {
    color: #fff;
    background-color: trasparent;
    background-image: none;
    border-color: #fff;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #a13232;
    border-color: #a13232;
}

.btn-outline-info.focus,
.btn-outline-info:focus {
    box-shadow: none;
}

info:not(:disabled):not(.disabled):active,
.show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #a13232;
    border-color: #a13232;
}


.back1 {
    background-image: url(../img/cuffie.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.back2 {
    background-image: url(../img/vestiti.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.back3 {
    background-image: url(../img/agenda.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.back4 {
    background-image: url(../img/work.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.back5 {
    background-image: url(../img/camion.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.back6 {
    background-image: url(../img/fiera.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.back7 {
    background-image: url(../img/maglie.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.back8 {
    background-image: url(../img/stampa.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.back9 {
    background-image: url(../img/tessuti.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.back10 {
    background-image: url(../img/sport.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.back11 {
    background-image: url(../img/vendita.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.backcassa {
    background-image: url(../img/cassa.png);
    background-repeat: no-repeat;
    background-position: right;
    box-shadow: 10px 10px #00000042;
}

.backmaglia {
    background-image: url(../img/maglietta.png);
    background-repeat: no-repeat;
    background-position: left;
    box-shadow: 10px 10px #00000042;
}

.backagenda {
    background-image: url(../img/agenda.png);
    background-repeat: no-repeat;
    background-position: right;
    box-shadow: 10px 10px #00000042;
}

.backcappello {
    background-image: url(../img/cappello.png);
    background-repeat: no-repeat;
    background-position: left;
    box-shadow: 10px 10px #00000042;
}

.backcamion {
    background-image: url(../img/camion.png);
    background-repeat: no-repeat;
    background-position: right;
    box-shadow: 10px 10px #00000042;
}

.backtotem {
    background-image: url(../img/totem.png);
    background-repeat: no-repeat;
    background-position: left;
    box-shadow: 10px 10px #00000042;
}

.back12 {
    background-image: url(../img/sez/grandi.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.back13 {
    background-image: url(../img/sez/uv.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.back14 {
    background-image: url(../img/sez/maglia.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: 100% 100%;
}

.back15 {
    background-image: url(../img/sez/colori.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.backazzurro {
    background-image: url(../img/texture.jpg);
    background-repeat: repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.backazzurro2 {
    background-image: url(../img/texture2.jpg);
    background-repeat: repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;

}

.backhome {
    background-image: url(../img/texthome.jpg);
    background-repeat: repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;

}


.backrosso {
    background-image: url(../img/texturerossa.jpg);
    background-repeat: repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.backverde {
    background-image: url(../img/sfondo3.jpg);
    background-repeat: repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.backblu {
    background-image: url(../img/sfondo4.jpg);
    background-repeat: repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.backgiallo {
    background-image: url(../img/sfondogiallo.jpg);
    background-repeat: repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.backarancio {
    background-image: url(../img/sfondoarancio.jpg);
    background-repeat: repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.backrosso {
    background-image: url(../img/sfondorosso.jpg);
    background-repeat: repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.backazzurro {
    background-image: url(../img/sfondoazzurro.jpg);
    background-repeat: repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.backmarrone {
    background-image: url(../img/sfondomarrone.jpg);
    background-repeat: repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.backrosa {
    background-image: url(../img/sfondorosa.jpg);
    background-repeat: repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.backgadget {
    background-image: url(../img/gadget.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.backazzurro4 {
    background-image: url(../img/sfondoazzurro2.jpg);
    background-repeat: repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.backgrigio {
    background-image: url(../img/sfondogrigio.jpg);
    background-repeat: repeat;
    background-position: center;
    background-size: 100%;
    background-attachment: fixed;
}

.gadget {
    font-size: 23px;
    font-weight: 500;
}


.hoverimg {
    position: relative;
    opacity: 0.8;
    transition: 0.3s ease;
    cursor: pointer;
}

.hoverimg:hover {
    transform: scale(1.1, 1.1);
    /** default is 1, scale it to 1.5 */
    opacity: 1;
}


.sezioneblu {
    background-color: #fff;
    margin: 50px;
}

.rowbox {
    margin-top: 200px;
    margin-bottom: 200px;
    border: 10px solid #4b5c72;
    padding: 20px;
}

.box {
    padding: 200px;
}

.ombra {
    text-shadow: 4px 4px 6px #262525;
}

.box > p {
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    text-shadow: 4px 4px 6px #262525;
}

.box > h2 {
    font-size: 50px;
    font-family: 'Poiret One', cursive;
    margin-top: 10px;
    text-align: left;
    font-weight: :500;
    line-height: 45px;
    color: #fff;
    text-shadow: 4px 4px 6px #262525;
}

.box > h6 {
    font-size: 50px;
    font-family: 'Poiret One', cursive;
    margin-top: 10px;
    text-align: left;
    font-weight: :500;
    line-height: 45px;
    color: #fff;
    text-shadow: 4px 4px 6px #262525;
}

.call {
    font-size: 28px;

}



.btn-outline-blu {
    color: #3123a4;
    background-color: transparent;
    background-image: none;
    border: 2px solid #3123a4;
    border-radius: 50px;
}

.btn-outline-blu:hover {
    color: #fff;
    background-color: #3123a4;
    border-color: #3123a4;
    border-radius: 50px;
}

.valori {
    font-size: 30px;

}

.btn-outline-light {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border: 2px solid #fff;
    font-size: 20px;
    font-weight: 400;
    border-radius: 50px;
}

.btn-outline-light:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    border-radius: 50px;
}

.txt-foot > p {
    font-size: 17px;
}

.txt-foot > h3 {
    font-size: 29px;
}

a {
    color: #8c8c8c;
}

a:hover,
.white > a:hover {
    color: #ec2cea;
}

.white > a {
    color: #ffffff;
}


@media only screen and (max-width: 600px) {
    .box {
        padding: 0px;
    }

    .box > h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 20px;
    }

    .back1,
    .back2,
    .back3,
    .back4,
    .back5,
    .back6,
    .back7,
    .back8,
    .back9,
    .back10,
    .back11,
    .back12,
    .back13,
    .back14,
    .backgadget {
        background-size: auto;
        padding: 100px 0;
    }

    h1 {
        font-size: 80px;
        line-height: 70px;
    }

    .titolo {
        font-size: 30px;
        line-height: 70px;
    }

    h5{
        font-size: 30px;
    }

    .box > h6 {
        font-size: 40px;
    }

}