@font-face {

    font-family: "montserrat-regular";

    src: url('../fonts/Montserrat-Regular.ttf') format("truetype");

}



@font-face {

    font-family: "montserrat-bold";

    src: url('../fonts/Montserrat-Bold.ttf') format("truetype");

}



@font-face {

    font-family: "montserrat-semibold";

    src: url('../fonts/Montserrat-SemiBold.ttf') format("truetype");

}



@font-face {

    font-family: "montserrat-light";

    src: url('../fonts/Montserrat-Light.ttf') format("truetype");

}



@font-face {

    font-family: "montserrat-medium";

    src: url('../fonts/Montserrat-Medium.ttf') format("truetype");

}



@font-face {

    font-family: "big-noodle-titling";

    src: url('../fonts/big_noodle_titling.ttf') format("truetype");

}



@font-face {

    font-family: "big-noodle-titling-oblique";

    src: url('../fonts/big_noodle_titling_oblique.ttf') format("truetype");

}





<!--

IDangero Swiper



-->







.swiper-container {

    width: 100%;

    height: 100%;

}



.swiper-slide {

    text-align: center;

    font-size: 18px;

    background: #fff;

    /* Center slide text vertically */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}



.immagineCarouselOrizz {

    height: 65vh !important;

    width: 65vh !important;

    background-position: center center !important;

    background-size: cover !important;

    margin-bottom: 20px !important;

}



.immagineCarouselOrizz2 {

    width: 250px !important;

    background-position: center center !important;

    background-size: cover !important;

    margin-bottom: 20px !important;

}



.bottoneCarouselOrizz {

    display: block;

    width: 130px;

    margin: auto;

    color: white !important;

    border-color: white;

    border-radius: 0;

    position: absolute;

    bottom: 20px;

    left: 0;

    right: 0;



    padding-top: 10px;

    padding-bottom: 10px;



}



.testoCarouselOrizz {

    display: block;

    margin: auto;

    color: white !important;

    border-color: white;

    border-radius: 0;

    width: 100%;

    position: absolute;

    top: 20px;

}



.X {

    color: red;

    font-size: 20px;

}



.testoBianco {

    color: white;

}



.bianco {

    background-color: white;

}



.rosso {

    color: #e30613;

}



.width100 {

    width: 100%;

}



.dimensione {

    font-size: 0.9em;

}



#logoBenelli {

    width: 200px;



    -webkit-transition: width 0.5s ease-in-out;

    -moz-transition: width 0.5s ease-in-out;

    -o-transition: width 0.5s ease-in-out;

    transition: width 0.5s ease-in-out;

}



.montserrat-bold {

    font-family: montserrat-bold;

}



.montserrat-semibold {

    font-family: montserrat-semibold;

}



.montserrat-medium {

    font-family: montserrat-medium;

}



.montserrat-light {

    font-family: montserrat-light;

}



.montserrat-regular {

    font-family: montserrat-regular;

}



.grigioScuro {

    color: #5a6268;

}



.grigioChiaro {

    color: #999;

}



.grigioChiaro2 {

    color: #cccccc;

}



.grigioChiarissimo {

    background-color: #f5f5f5;

}





.trasparente {

    background-color: transparent;

    border-color: transparent;

}



html {

    scroll-behavior: smooth;

}



body {

    font-family: 'montserrat-regular';

    background: #fff;

}



h1,

h2,

h3 {

    font-family: 'montserrat-bold';

}



h4,

h5,

h6 {

    font-family: 'montserrat-semibold';

}



p {

    /*font-family: 'Poppins', sans-serif;*/

    font-size: 1.1em;

    font-weight: 300;

    line-height: 1.7em;

    color: #717171;

}



a,

a:hover,

a:focus {

    color: inherit;

    text-decoration: none;

    transition: all 0.3s;

}



.navbar {

    padding: 15px 10px;

    border: none;

    border-radius: 0;

    margin-bottom: 20px;

    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);

}



.navbar-btn {

    box-shadow: none;

    outline: none !important;

    border: none;

}



.line {

    width: 100%;

    height: 1px;

    border-bottom: 1px dashed #ddd;

    margin: 40px 0;

}



/* ---------------------------------------------------

    SIDEBAR STYLE

----------------------------------------------------- */



#sidebar {

    padding-left: 20px;

    width: 320px;

    position: fixed;

    top: 0;

    left: -320px;

    height: 100vh;

    z-index: 999;

    background: #e6e6e6;

    color: #000000;

    transition: all 0.5s;

    overflow-y: scroll;

    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);

}



#sidebar.active {

    left: 0;

}



#dismiss {

    cursor: pointer;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}



#dismiss:hover {

    /*background: white;*/

}



#barrette {

    color: #ff0000;

}



.overlay {

    display: none;

    position: fixed;

    width: 100vw;

    height: 100vh;

    background: rgba(0, 0, 0, 0.7);

    z-index: 998;

    opacity: 0;

    transition: all 0.7s ease-in-out;

}



.overlay.active {

    display: block;

    opacity: 1;

}



#sidebar .sidebar-header {

    padding: 20px;

    background: #6d7fcc;

}



#sidebar ul p {

    color: #fff;

    padding: 10px;

}



#sidebar ul li a {

    display: block;

}



#sidebar ul li a:hover {

    color: #e60000;

    /*background: #fff;*/

}



a[data-toggle="collapse"] {

    position: relative;

}



.dropdown-toggle::after {

    display: block;

    position: absolute;

    top: 50%;

    right: 20px;

    transform: translateY(-50%);

}



ul ul a {

    font-size: 0.9em !important;

    padding-left: 30px !important;



}



#dismiss {

    font-size: 0.9em !important;

    display: flex;

    align-items: center; /* align vertical */

}



ul.CTAs {

    padding: 20px;

}



ul.CTAs a {

    text-align: center;

    font-size: 0.9em !important;

    display: block;

    border-radius: 5px;

    margin-bottom: 5px;

}



a.download {

    background: #fff;

    color: #7386D5;

}



a.article,

a.article:hover {

    background: #6d7fcc !important;

    color: #fff !important;

}



hr {

    margin-top: 5px !important;;

    margin-bottom: 5px !important;;

}



/* ---------------------------------------------------

    CONTENT STYLE

----------------------------------------------------- */



#content {

    width: 100%;

    min-height: 100vh;

    transition: all 0.5s;

    position: absolute;

    top: 0;

    right: 0;

    padding-top: 60px;

}



.myNavbar {

    position: fixed;

    top: 0;

    z-index: 20;

    width: 100%;



    box-shadow: none;



    background-color: white;

}



.carousel-myItem {

    width: 100%;

    height: 400px;

    background-size: cover;

    background-position: center;

}





.formElimina {

    float: left;

    margin-left: 10px;

}



.carousel-indicators .active {

    background-color: #ff0000;

}



.carousel-fade .carousel-item {

    height: 100%;

}



.carousel-fade .carousel-item > img {

    height: 100vh;

    width: 100%;

    max-width: 100%;

    background-size: cover;

    background-origin: content-box;

    background-clip: content-box;

    background-position: center;

    color: rgba(0, 0, 0, 0.56);

    /*filter:brightness(30%);*/

    right: 0;

    left: 0;

    resize: both;

}



.carousel-control-prev-icon:hover, .carousel-control-next-icon:hover {



    opacity: 9;

    color: #000;

}



.carousel-caption {

    top: 220px;

}



.cliccabile {

    cursor: pointer;

}



.invisibile {

    display: none;



}



@media (min-width: 992px) {

    .carousel-caption {

        top: 150px !important;

    }

}



.carousel-caption h3 {

    font-size: 70px;

    text-align: center;

    font-weight: bold;

}



@media (min-width: 992px) {

    .carousel-caption h3 {

        font-size: 70px !important;

        text-align: center;

        font-weight: bold;

    }

}



.carousel-caption p {

    font-size: 30px;

    margin-top: 20px;

    text-align: center;

}



@media (min-width: 992px) {

    .carousel-caption p {

        font-size: 30px !important;

        margin-top: 20px;

        text-align: center;

    }

}



.carousel-caption .btn {

    border: 2px solid #fff;

    border-radius: 0;

}



@media (min-width: 300px) {

    .img-fluid.w-100.d-block {

        height: auto;

    }

}



@media (min-width: 576px) {

    .img-fluid.w-100.d-block {

        height: auto;

    }

}



@media (min-width: 768px) {

    .img-fluid.w-100.d-block {

        height: auto;

    }

}



@media (min-width: 992px) {

    .img-fluid.w-100.d-block {

        height: 100%;

    }

}



@media (min-width: 300px) {

    .carousel-caption {

        top: 0;

        font-size: 20px;

    }

}



@media (min-width: 300px) {

    .carousel-caption h3 {

        font-size: 20px;

    }

}



.carousel-caption p {

    font-size: 15px;

}



@media (min-width: 768px) {

    .carousel-caption {

        top: 100px;

    }

}



@media (min-width: 768px) {

    .carousel-caption h3 {

        font-size: 40px;

    }

}



.carousel-control-next, .carousel-control-prev {

    width: 5% !important;

}



.semiTitoli {

    font-size: 0.9em !important;

    padding-left: 30px !important;

}



.cambiaColore {

    color: #5a6268;

}



.centra {

    width: 50%;

    margin: 0 auto;

}



.footer {

    margin: 0 auto;



}



.footrdim {

    max-width: 12;

}



#footerId {

    /*    background-color: #E6E6E6;*/

}



.caratterePiccolo {

    font-size: 0.8rem;

}



.bordoDestra {

    border-right: 1px solid #ccc;

}



.imgCardAccessorio {

    height: 120px;

    background-repeat: no-repeat;

    background-size: contain;

    background-position: center;

    width: 80%;

    margin: 0 auto;

}



button:focus {

    outline: none !important;

}



#dismiss:hover > #dismiss .X {

    color: white;

}



.centra {

    margin: 0 auto;

}



.carousel-indicators li {

    width: 100px;

    height: 5px;

    background-color: rgb(230, 230, 230);

}



.ombraInterna:before {

    -webkit-box-shadow: inset 0px 0px 102px 53px rgba(0, 0, 0, 0.6);

    -moz-box-shadow: inset 0px 0px 102px 53px rgba(0, 0, 0, 0.6);

    box-shadow: inset 0px 0px 102px 53px rgba(0, 0, 0, 0.6);

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

}



.bordoBianco {

    border: white;

    border-style: solid;

    border-width: thin;

}



.bordoDritto {

    border-radius: 0;

}



.dimensione08 {

    font-size: 0.8rem;

}



.dimensione09 {

    font-size: 0.9rem;

}



.dimensione1 {

    font-size: 1rem;

}



.dueColonne {

    -webkit-column-count: 2;

    -moz-column-count: 2;

    column-count: 2;

}





.dimensione07 {

    font-size: 0.7rem;

}



.spazio01 {

    letter-spacing: 0.1rem;

}



.btn-outline-danger:hover {

    background-color: #c70000;

}



.grigioSelezionato {

    background-color: #f3f3f3;

}



.font15 {

    font-size: 15px;

}



.bordoGrigio {

    border: grey;

    border-style: solid;

    border-width: thin;

}



.bordoGrigetto {

    border: #e4e4e4;

    border-style: solid;

    border-width: thin;

}



.bricioleSovrapposte {

    position: absolute;

    z-index: 5;

    margin-top: 0.52em;

    margin-bottom: 1vh;

    font-size: 0.8em;

    font-family: montserrat-semibold;

    color: #5a6268;

    background-color: #EAEAEA;

    width: 100%;

    padding-left: 1em;

    padding-top: 0.2em;

    padding-bottom: 0.2em;

}



.bricioleSeparate {

    padding-left: 1vw;

    padding-top: 0.5vh;

    padding-bottom: 0.5vh;

    font-size: 0.8em;

    font-family: montserrat-semibold;

    background-color: #F3F3F3;

    color: #6A737A;

}



.paginazioneattivo {

    background-color: #FF0000;

}



.treColonne {

    -webkit-column-count: 3;

    -moz-column-count: 3;

    column-count: 3;

    column-gap: 40px;

}



/*.zopim{

    opacity:0;

    display:none !important;

}*/



@media screen and (max-width: 768px) {

    .h1, h1 {

        font-size: 1.5rem !important;

    }



    .treColonne {

        -webkit-column-count: 2;

        -moz-column-count: 2;

        column-count: 2;

        column-gap: 20px;

    }



    .bricioleSovrapposte {

        /*margin-top: 3.5vh;*/

    }





    .bricioleSeparate {

        margin-top: 3.5vh;

    }



    .logoFooter {

        display: block;

        width: 50% !important;

        max-width: 120px;

        margin: 0 auto;

        margin-bottom: 15px

    }

}





@media screen and (max-width: 576px) {



    .treColonne {

        -webkit-column-count: 1;

        -moz-column-count: 1;

        column-count: 1;

        column-gap: 10px;

    }



    .fa-bars {

        font-size: 21px;



    }



    .fontMenu {

        font-size: 16px;

    }



    .X {

        font-size: 25px;

    }





    .bordoDestra {

        border: none !important;

    }



    .navbar {

        padding-top: 1px;

        padding-bottom: 0px;

    }



    .tastomenu {

        display: none;

    }

}





.rosetto {

    background-color: #f5f5f5;

}



.rosino {

    background-color: #f5f5f5;

}



.hoverrosso:hover {

    color: #e30613;

}



.paginazprimi {

    border-radius: 36px;

}



.paginazultimi {

    border-radius: 36px;

}



#iubenda-iframe .iubenda-modal-navigation-brand {

    background-color: white !important;

}





.testi-seo-incrocio-pagine strong {

    font-weight: bold;

}



.testi-seo-incrocio-pagine .h2_first {

    font-size: 20px;

    font-weight: 600;

    font-family: 'montserrat-regular';

    margin-bottom: 25px;

}



.testi-seo-incrocio-pagine .h2_second {



    font-size: 20px;

    font-weight: 500;

    font-family: 'montserrat-regular';

}



.logoFooter {

    width: 9%;

    vertical-align: sub;

    margin-top: -9px;

}



b, strong{

    font-family: "montserrat-semibold" !important;

    font-weight: 500;

}