@font-face {
    font-family: 'Open Sans';
    src: url('/files/Fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Open Sans Condensed';
    src: url('/files/Fonts/OpenSans_Condensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/files/Fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}




html, body {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}

.sitewrap {
    overflow-x: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}


img {
    max-width: 100%;
}
 img a {
        border: none;
        
    }


a {
        color:#f2042c;
        font-weight:600;
    }

b {
    font-weight: 800;
}


.ShowOnMobile {display:none;}
.ShowOnDesktop {display:block;}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 5px 0;
    display: block;
    line-height: 1;

}

h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 55px;
    text-align: center;
    padding: 50px 0 15px 0;
    font-weight: 800;
}

h2 b, h3 b, h4 b, h5 b {
    color: #f2042c !important;
    font-weight: 800 !important;
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}

h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 42px;
    font-weight: 400;
    padding: 20px 0;
    text-align: center;
    letter-spacing: 0px;
}
    h2 b {
        font-size: 48px !important;
    }

h3 {
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 0;
    border-bottom: 1px solid #f2042c;
    padding: 5px 15px;
}
h3 b {
    font-size: 36px !important;
}

h4 {
    font-size: 24px;
    text-transform:uppercase;
    font-weight: 600;
    margin:10px 0 0 0;
    padding:0;
}

h5 {
    font-size: 18px;
    font-weight: 600;
}


a {
    text-decoration: none;
}

a:hover {
    color: #000000;
}  

p  {margin:0; padding:5px;}



.TileHomeSx, .TileHomeDx {
    display: block;
    position: relative;
    width: 90%;
    height: 366px;
    background: #ccc no-repeat center center;
    background-size: cover;
    margin: 10px auto 20px auto;
    overflow: hidden;
    transform: perspective(0) rotateY(0) rotateX(0) rotateZ(0);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.TileHomeSx {
    transform: perspective(600px) rotateY(15deg) rotateX(0) rotateZ(0);
}

.TileHomeDx {
    transform: perspective(600px) rotateY(-15deg) rotateX(0) rotateZ(0);
}


    .TileHomeSx:hover, .TileHomeDx:hover {
        transform: perspective(0) rotateY(0) rotateX(0) rotateZ(0);
    }




.TileContent {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;    

    align-items:center;
    align-content:center;
    background: rgba(0,0,0,0.2);

}

    .TileContent p {
        display: block;
        font-family: 'Open Sans', sans-serif;
        font-size:45px;
        color: #fff;
        text-align: center;
    }




.SubMenu {
    display: block;
    position: relative;
    min-height: 42px;
    margin: 20px auto;
    padding: 5px 0 16px 0;
    text-align: center;
    background: url('/img/separator.png') no-repeat center top;
    background-size: contain;
}

    .SubMenu a {
        display: inline-block;
        min-width: 90px;
        margin: 10px 5px 0 5px;
        font-size: 13px;
        line-height: 15px;
        padding: 10px;
        text-align: center;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        background: rgb(255,255,255) repeat-x;
        background-image: url('/img/bk-Pulsante.png');
        background-size: auto 70px;
        background-position: top left;
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
        transition: all 0.25s;
    }

        .SubMenu a:hover {
            background-position: bottom left;
            color:#ffffff;
        }


.menu-bar {
    position: fixed;
    display: block;
    width: 100%;
    height: 100px;
    top: 70px;
    background-color: rgba(0, 51, 153, .66);
    backdrop-filter: blur(5px);
    text-align: center;
    z-index: 999;
}

.ico-menu {
    padding-top: 5px;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

    .ico-menu::-webkit-scrollbar {
        display: none;
    }

    .ico-menu .item {
        display: inline-block;
        font-size: 13px;
        line-height: 16px;
        width: 90px;
        height: 90px;
        vertical-align:top;
        white-space: normal;
    }

        .ico-menu .item a {
            display: block;
            color:#fff;
            -webkit-transition: all 0.33s;
            -moz-transition: all 0.33s;
            transition: all 0.33s;
        }

        .ico-menu .item img {
            width: 48px;
            height: 48px;
            border: 0;
            margin: 6px auto;
            -webkit-transition: all 0.33s;
            -moz-transition: all 0.33s;
            transition: all 0.33s;
        }

        .ico-menu .item a img {
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
        }

        .ico-menu .item p {
            display: block;
            margin: 0;
            padding: 0;
            font-size:10px;
            line-height:12px;
        }


.SubActive {
    background-size: 100% 2px;
    box-shadow: 0 0 10px rgba(101,94,82,0.5);
}

.Wallpaper {
    width: 100%;
    height: 100vh;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -999;
}

.wrapper {
    position: relative;
    display: block;
    width: calc(100% - 50px);
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0 50px 0;
    overflow: hidden;
}

.Content {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    min-height: 900px;
    padding: 0;
    margin: 0;
    text-align: center;
    box-shadow: 0 0 20px rgba(1,132,144,0.3);
}

.MainContainer {
    z-index:-20;
}

.flex-container {
    width: 100%;
    height:100%;
    position: relative;
    display: flex;
    flex-wrap:wrap;
    justify-content: space-evenly;
    text-align: center;
    align-items: center;
}

.Testo2w, .Testo2b, .Testo2w-M10, .Testo2b-M10 {
    display: block;
    padding: 5px 0;
    margin: 0 5px;
    line-height: 1.4;
    font-weight: 400;
    text-align: left;
}

.Testo2w-M10, .Testo2b-M10 {
    margin: 0 10%;
}

    .Testo2w-M10, .Testo2w, .Testo2w-M10 h1, .Testo2w h1, .Testo2w-M10 h2, .Testo2w h2, .Testo2w-M10 h3, .Testo2w h3, .Testo2w-M10 h4, .Testo2w h4, .Testo2w-M10 h2 b, .Testo2w h2 b, .Testo2w-M10 h3 b, .Testo2w h3 b, .Testo2w-M10 h4 b, .Testo2w h4 b {
        color: #fff !important;
        max-width: 900px;
        margin: 0 auto;
        background: none;
        -webkit-background-clip: initial;
        -webkit-text-fill-color: initial;
    }

.Testo2b-M10, .Testo2b {
    color: #000000;
}

    .Testo2w ul, .Testo2b ul, .Testo2w-M10 ul, .Testo2b-M10 ul {
        padding: 0 0 0 15px;
        margin: 0 0 0 15px;
    }

    .Testo2w li, .Testo2b li, .Testo2w-M10 li, .Testo2b-M10 li {
        font-size: 18px;
        padding: 2px;
    }

     .Testo2b p, .Testo2b-M10 p {
        font-size: 18px !important;
        padding: 5px;
    }

    .Testo2b b, .Testo2b-M10 b {
        font-size: 20px !important;
        font-weight: 800;
    }

.Testo2w p, .Testo2w-M10 p {
    font-size: 24px !important;
    padding: 5px;
}

.Testo2w b, .Testo2w-M10 b {
    font-size: 32px !important;
    font-weight: 800;
}

.LikPDF {
    display: inline-block;
    position: relative;
    min-width: 200px;
    min-height: 90px;
    text-align: left;
    font-size: 13px;
    line-height: 16px;
    color: #666;
    font-weight:400;
}

.LikPDF b{
    font-size: 15px;
    font-weight:600;
    color:#111;
}

.LikPDF img{
float:left;
width:64px;
height:64px;
margin:0 8px 4px 0
}
    .LikPDF a {
        color: #666;
        padding: 10px;
        display: block;
        -webkit-transition: all 0.33s;
        -moz-transition: all 0.33s;
        transition: all 0.33s;
    }
        .LikPDF a:hover img {
            filter: drop-shadow(0 0 10px rgba(0, 0, 0,0.5));
        }

.ShareTools {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 25px auto 10px auto;
}

.ShareTools b {
    display:block;
    color:#f2042c;
    font-size:25px;
    font-weight:200 !important;
    padding:0 5px 0 0;
}

.ShareBox {
    width: 220px;
    height: auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    padding:0;
    margin:0;
    border:2px solid #ccc;
    border-radius:25px;
}

.ShareTools a {
    -webkit-transition: all 0.33s;
    -moz-transition: all 0.33s;
    transition: all 0.33s;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0,0.5));
}


        .ShareTools a img {
            width: 40px;
            height: 40px;
            margin: 4px;
            -webkit-filter: brightness(0) invert(0);
            filter: brightness(0) invert(1);
        }

        .ShareTools a:hover {
            filter: drop-shadow(0 0 10px #f2042c);
        }

            .ShareTools a:hover img {
                width: 48px;
                height: 48px;
                margin: 0;
            }

.wa-jump {
    position: fixed;
    width: 72px;
    height: 72px;
    bottom: 24px;
    left: 24px;
    z-index: 999999;
}

.wa-jump img{
    border:0;
}


    .wa-jump .pulse {
        -webkit-animation: pulse 2s infinite;
        animation: pulse 2s infinite;
    }

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 64px;
        height: 64px;
        filter: drop-shadow(0 0 3px rgba(0, 0, 0,0.5));
    }

    50% {
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
        width: 72px;
        height: 72px;
        filter: drop-shadow(0 10px 6px rgba(0, 0, 0,0.66));
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 64px;
        height: 64px;
        filter: drop-shadow(0 0 3px rgba(0, 0, 0,0.5));
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 64px;
        height: 64px;
        filter: drop-shadow(0 0 3px rgba(0, 0, 0,0.5));
    }

    50% {
        -webkit-transform: translate(0, -10px);
        transform: translate(0, -10px);
        width: 72px;
        height: 72px;
        filter: drop-shadow(0 10px 6px rgba(0, 0, 0,0.66));
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 64px;
        height: 64px;
        filter: drop-shadow(0 0 3px rgba(0, 0, 0,0.5));
    }
}



.FaqBox {
    display: block;
    position: relative;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

    .FaqBox ul {
        width: 100%;
        margin:0;
        padding:0;
        list-style:none;
    }

    .FaqBox li {
        width: 100%;
        display: block;
        position: relative;
        margin: 15px 0;
        padding: 15px;
        background: #fff;
        text-align: left;
        border-radius: 5px;
        filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.33));
    }
        .FaqBox li .linkOpen, .FaqBox li .linkClose {
            width: 32px;
            height: 32px;
            display: block;
            float: right;
            margin:-5px -5px 0 10px;
        }

            .FaqBox li .linkOpen img, .FaqBox li .linkClose img {
                width: 32px;
                height: 32px;
                border: 0;
            }


    .FaqBox li .domanda {
        display: block;
        margin:0 40px 0 0;
        font-size:22px;
        font-weight:600;
        color:#f2042c;
    }

        .FaqBox li .risposta {
            display: block;
            margin: 10px 40px 10px 10px;
            font-size: 17px;
            font-weight: 400;
            line-height: 1.5;
            color: #999;
        }

            .FaqBox li .risposta img {
                width: 40px;
                height: 40px;
                border: 0;
                float: right;
                margin: 0 0 10px 10px;
            }



.RecensioniClienti {
    display: block;
    position: relative;
    width: 360px;
    min-height: 360px;
    margin: 0;
    padding: 0;
    overflow: visible !important;
}

.RecensioniClienti-container {
    display: block;
    position: relative;
    width: 320px;
    min-height: 320px;
    margin: 0 20px;
    top: 20px;
    padding: 0;

    overflow: visible !important;
}

.RecensioniClienti-img {
    display: block;
    position: absolute;
    border: 10px solid #fff;
    width: 150px;
    height: 150px;
    margin: 0;
    top:0;
    left:0;
    border-radius: 100%;
    border: 3px solid #fff;
    background: #fff no-repeat center center;
    background-size: cover;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.33));
    -webkit-transition: all 0.33s;
    -moz-transition: all 0.33s;
    transition: all 0.33s;
}

.RecensioniClienti-container:hover .RecensioniClienti-img {
    width: 180px;
    height: 180px;
    margin: -15px auto auto -15px;
    filter: drop-shadow(6px 6px 6px rgba(0, 0, 0, 0.66));
}

.RecensioniClienti-text {
    display: block;
    position: relative;
    width: 300px;
    top: 150px;
}

    .RecensioniClienti-text b {
        display: block;
        position: absolute;
        top: -100px;
        left: 160px;
        font-size: 30px;
        font-weight: 600;
        white-space: nowrap;
        color: #f2042c;
        line-height: 1.2;
        -webkit-transition: all 0.33s;
        -moz-transition: all 0.33s;
        transition: all 0.33s;
    }


.RecensioniClienti-text p{
    white-space:normal;
}

.RecensioniClienti-container:hover .RecensioniClienti-text b {
    left: 175px;
}

.RecensioniClienti-text i {
    display: block;
    position: absolute;
    top: -55px;
    left: 100px;
    padding: 0 15px 0 55px;
    border-radius: 20px;
    font-size: 15px;
    height: 25px;
    line-height:25px;
    font-weight: 600;
    white-space: nowrap;
    background: #f2042c;
    color: #fff;
    -webkit-transition: all 0.33s;
    -moz-transition: all 0.33s;
    transition: all 0.33s;
}


.RecensioniClienti-container:hover .RecensioniClienti-text i {
    left: 115px;
}

.RecensioniClienti-text p {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: #999;
    text-align: left;
    margin: 0;
    padding: 5px 0 0 15px;
    -webkit-transition: all 0.33s;
    -moz-transition: all 0.33s;
    transition: all 0.33s;
}

.RecensioniClienti-container:hover .RecensioniClienti-text p {
    color: #333;
    padding: 20px 0 0 15px;
}


.staff {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    text-align: center;
    align-items: center;
}

.staff-container {
    display: block;
    position: relative;
    margin:25px 15px

}

.staff-content {
    display: block;
    padding: 10px;
    min-height: 400px;
    background: #fff;
    border-radius: 16px;
    -webkit-transition: all 0.33s;
    -moz-transition: all 0.33s;
    transition: all 0.33s;
}

    .staff-content:hover {
        filter: drop-shadow(0 0 10px rgba(123,40,57,1));

    }

.staff-logo {
    display: block;
    width: 100%;
    height: 188px;
    background: no-repeat center center;
    background-size: contain;
}

.staff-titolo {
    color:#f2042c;
    text-transform:uppercase;
    font-size:18px;
    border-bottom:1px solid #f2042c
}


    .staff-titolo b {
        display: block;
        font-size:26px;
        font-style:italic;
        text-transform:capitalize;
    }

.staff-testo {

}

.marchi {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    text-align: center;
    align-items: center;
}

.marchi-container {
    display:block;
    position:relative;
}

.marchi-content {
    display: block;
    padding:10px;
}

.marchi-logo {
    display: block;
    width:250px;
    height:188px;
    background: no-repeat center center;
    background-size:contain;
}

.videoclip {
    border: 2px solid #f2f2f2;
    width: 90%;
    float: left;
    border-radius: 15px;
}

.video {
    width: 100%;
    margin: 8px auto;
    max-width: 360px;
    position: relative;
    display: block;
    background-color: #000;
    background: no-repeat center center;
    background-size: cover;
    border-radius: 12px;
    box-shadow: rgba(255,0,0,0) 0 0 1px;
    border: 0;
    -webkit-transition: all 0.33s;
    -moz-transition: all 0.33s;
    transition: all 0.33s;
}

    .video:hover {
        box-shadow: rgba(255,0,0,0.66) 0 0 10px;
    }

    .video:after {
        content: "";
        display: block;
        padding-bottom: 66%;
    }

    .video span {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: no-repeat center center;
        background-image: url('/img/video-over.png');
    }

    .RmarginD {
    margin-right: 10%;
    width: 90%;
}


.TextBox {
    color: #000;
    text-align: justify;
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    padding: 25px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

    .TextBox h1 {
        color: #000;
    }

    ul {
        padding: 5px 0 5px 50px;
    }

    li {
        padding: 0 0 0 10px;
    }



.grid {
    width: 100%;
    position: relative;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 60px;
}

.grid-sizer {
    width: calc(33.333% - 17px);
}

.grid-item {
    position: relative;
    overflow: hidden;
    width: calc(33.333% - 17px);
    text-align: left;
    border: 1px solid #ccc;
    min-height: 160px;
    margin-bottom: 15px;
    background:#fff;
    border-radius:8px;
    overflow:hidden;
}

.gutter-sizer {
    width: 15px;
}
.grid-img {
    display: block;
    background: #000;
}

.grid-item .grid-titolo {
    display: block;
}

.grid-item .grid-titolo b {
    display: block;
    font-size: 28px;
    line-height: 1.2;
    overflow: hidden;
    padding: 10px 20px;
    font-weight: 600;
    color:#f2042c;
}

    .grid-item .grid-titolo a:hover {
        text-decoration:underline;
    }

.grid-item .grid-titolo i {
    display: block;
    font-size: 14px;
    line-height: 1;
    overflow: hidden;
    padding: 5px 10px;
    font-weight: 800;
    color: #fff;
    background: #f2042c;
    background: -webkit-linear-gradient(-45deg, #00ccff, #f2042c);
    text-align: right;
    text-transform: uppercase;
}




/* Anteprima scheda compatta */

.grid-min {
    width: 100%;
    position: relative;
    margin: 0 auto;
    max-width: 1280px;
    text-align: center;
    padding-bottom: 20px 0 30px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: space-around;
}


.grid-min-item {
    position: relative;
    overflow: hidden;
    width: 240px;
    height: 320px;
    text-align: left;
    border: 1px solid #ccc;
    margin: 6px;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
}

    .grid-min-item a {
        position: absolute;
        width: 240px;
        height: 320px;
        background: rgba(255,255,255,0);
        top: 0;
        left: 0;
        border: 0;
        -webkit-transition: all 0.33s;
        -moz-transition: all 0.33s;
        transition: all 0.33s;
    }


    .grid-min-item a:hover {
        background: rgba(255,255,255,0.5);
    }

.grid-min-copertina {
    display: block;
    width: 100%;
    height: 160px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    
}

.grid-min-item .grid-min-titolo {
    display: block;
}

    .grid-min-item .grid-min-titolo b {
        display: block;
        font-size: 16px;
        line-height: 1.2;
        overflow: hidden;
        padding: 4px 8px;
        font-weight: 600;
        color: #f2042c;
        border-bottom: 1px solid #ccc;
    }

.grid-min-item .grid-min-titolo i {
    display: block;
    font-size: 12px;
    line-height: 1;
    overflow: hidden;
    padding: 2px 8px;
    font-weight: 800;
    color: #fff;
    background: #f2042c;
    background: -webkit-linear-gradient(-45deg, #00ccff, #f2042c);
    text-align: right;
    text-transform: uppercase;
}

.grid-min-item .grid-min-testo {
    display: block;
    font-size: 12px;
    line-height: 1.2;
    overflow: hidden;
    padding: 4px 8px 4px 8px;
    color: #666;
}

.grid-min-item .grid-min-content {
    display: block;
    padding: 0 20px 20px 20px;
}


/* / Anteprima scheda compatta */

.Categoria-titolo, .Categoria-titolo1, .Categoria-titolo2, .Categoria-titolo3, .Categoria-titolo4, .Categoria-titolo5 {
    display: block;
    height: 6px;
    position: relative;
    text-align: center;
    margin: 25px auto 15px auto;
    background: #f2042c;
    background: -webkit-linear-gradient(-45deg, #00ccff, #f2042c);
}

    .Categoria-titolo p, .Categoria-titolo1 p, .Categoria-titolo2 p, .Categoria-titolo3 p, .Categoria-titolo4 p, .Categoria-titolo5 p {
        position: absolute;
        top: -20px;
        left: 0;
        margin: 0;
        padding: 0 0 0 25px;
        font-size: 18px;
        white-space: nowrap;
        text-transform: uppercase;
        text-align: left;
        color: #f2042c;
    }




/*arancio*/
.grid-item .grid-titolo1 i, .grid-min-item .grid-min-titolo1 i, .Categoria-titolo1 {
    background: #ff971a !important;
    background: -webkit-linear-gradient(-45deg, #ffc901, #ff6633) !important;
}
    .Categoria-titolo1 p {
        color: #8595db !important;
    }

/*azzurro*/
.grid-item .grid-titolo2 i, .grid-min-item .grid-min-titolo2 i, .Categoria-titolo2 {
    background: #8595db !important;
    background: -webkit-linear-gradient(-45deg, #c5c6fb, #496abe) !important;
}
    .Categoria-titolo2 p {
        color: #8595db !important;
    }

/*turchese*/
.grid-item .grid-titolo3 i, .grid-min-item .grid-min-titolo3 i, .Categoria-titolo3 {
    background: #1491af !important;
    background: -webkit-linear-gradient(-45deg, #28c0dc, #087391) !important;
}
.Categoria-titolo3 p {
    color: #8595db !important;
}

/*rosso*/
.grid-item .grid-titolo4 i, .grid-min-item .grid-min-titolo4 i, .Categoria-titolo4 {
    background: #cc3232 !important;
    background: -webkit-linear-gradient(-45deg, #fe6565, #9f0606) !important;
}
.Categoria-titolo4 p {
    color: #8595db !important;
}

/*vere*/
.grid-item .grid-titolo5 i, .grid-min-item .grid-min-titolo5 i, .Categoria-titolo5 {
    background: #52a447 !important;
    background: -webkit-linear-gradient(-45deg, #96d758, #167738) !important;
}
.Categoria-titolo5 p {
    color: #8595db !important;
}


/*bordeaux*/
.grid-item .grid-titolo6 i .grid-min-item .grid-min-titolo6 i {
    background: #5c0000;
    background: -webkit-linear-gradient(-45deg, #750000, #170000);
}





.grid-item .grid-testo {
    display: block;
    font-size: 16px;
    overflow: hidden;
    padding: 0 20px 10px 20px;
    color:#999;
}

.grid-item .grid-content {
    display: block;
    padding: 0 20px 20px 20px;
}

.grid-item .grid-content img {
    border:0;
    margin:0 20px 0 0;
    width:40px;
    height: 40px;
    opacity:0.5;
}






.Gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    text-align: center;
    align-items: flex-start;
    padding-bottom: 20px;
    width: 100% !important;
}

    figure {
        height: 166px;
        width: auto;
        min-width: 166px;
        margin: 0;
        display: block;
        position:relative;
    }


figure a img {
    height: 150px;
    width: auto;
    margin: 12px 8px 4px 8px;
    background: #fff;
    padding: 0;
    border-radius: 50%;
    box-shadow: rgba(0,0,0,0) 0 0 1px;
    border: 0;
    -webkit-transition: all 0.33s;
    -moz-transition: all 0.33s;
    transition: all 0.33s;
}

        figure a:hover img {
            height: 160px;
            width: auto;
            margin: 0px 3px 6px 3px;
            box-shadow: rgba(0,0,0,0.66) 0 5px 10px;
        }

.figure-copertina {
    height: auto !important;
    width: 100% !important;
    max-width: 360px !important;
    align-self: flex-start !important;
    margin: 8px auto;
}

    .figure-copertina a img {
        height: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0;
        border-radius: 12px !important;
    }

    .figure-copertina a:hover img {
        height: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0;
        border-radius: 12px !important;
    }

.ReCaptcha {
    display: block;
    width: 304px;
    height: 83px;
    margin:0;
}

.footer {
    padding: 50px 0;
    background-color: #fefefe;
}

    .footer p {
        padding: 20px;
        font-size: 16px;
        line-height: 1.5;
        color: #999;  
    }

    .footer a {
        color: #006078;
    }

        .footer a:hover {
            color: #f2042c;
            text-decoration: underline;
        }

    .footer .FContent {
        position: relative;
        z-index: 99;
    }

    .footer .Social {
        width: 100%;
        max-width: 540px;
        height: auto;
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        align-items: center;
        margin: 15px auto;
    }


        .footer .Social a {
            filter: drop-shadow(0 0 0 #f2042c);
            -webkit-transition: all 0.25s ease;
            -moz-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .footer .Social a img {
                width: 44px;
                height: 44px;
                margin: 2px;
                -webkit-transition: all 0.25s ease;
                -moz-transition: all 0.25s ease;
                transition: all 0.25s ease;
            }

            .footer .Social a:hover {
                filter: drop-shadow(0 0 6px #f2042c);
            }

                .footer .Social a:hover img {
                    width: 48px;
                    height: 48px;
                    margin: 0;
                    -webkit-filter: brightness(0) invert(1);
                    filter: brightness(0) invert(1);
                }





.footer2 {
    position: relative;
    display: block;
    width: 100%;
    min-height: 22px;
    margin: 0 0 0 0;
    background: #333;
    text-align: center;
}

    .footer2 p {
        padding: 40px 10px;
        font-size: 14px;
        color: #fff;
        letter-spacing: 2px;
        word-spacing: 4px;
        font-weight: 400;
        text-transform: uppercase;
    }

    .footer2 a {
        color: #fff;
        font-weight: 600;
    }

        .footer2 a:hover {
            text-decoration: underline;
        }


.Footer3 {
    display: none;
}

.LogoFoot {
    width:auto;
    height:auto;
    max-width: 250px;
    border: 0;
    display: block;
    margin: 0 auto;
    opacity: 1;
}


.error {display:block; text-align:left;  color:#fff; background:#c00;  margin:5px 0;  border-radius:6px;}
.hide{ display:none}


    @media (max-width: 1600px) {

    }

    @media (max-width: 1440px) {
 
    }

    @media (max-width: 1366px) {

        .scheda-abstract {
            font-size: 19px;
        }
        .scheda-testo {
            font-size: 17px;
        }
        .scheda-titolo span {
            font-size: 80px;
        }
      }


    @media (max-width: 1280px) {

    }

    @media (max-width: 1024px) {
        .scheda-abstract {
            font-size: 18px;
        }

        .scheda-testo {
            font-size: 16px;
        }

        .scheda-titolo span {
            font-size: 70px;
        }






        .grid-sizer {
            width: calc(50% - 17px);
        }

        .grid-item {
            width: calc(50% - 17px);
        }

     }

    @media (max-width: 960px) {

    }

    @media (max-width: 768px) {
        .ShowOnMobile {
            display: block;
        }
        .ShowOnDesktop {
            display: none;
        }
        .col-dynamic {
            float: none;
            width: 100%
        }
 
    }


    @media (max-width: 540px) {

        .grid {
            width: calc(100% - 30px);
            padding-bottom: 30px;
        }

        .grid-sizer {
            width: calc(100% - 2px);
        }

        .grid-item {
            width: calc(100% - 2px);
        }

        .gutter-sizer {
            width:0;
        }


        .scheda-abstract {
            font-size: 17px;
        }

        .scheda-testo {
            font-size: 15px;
        }

        .scheda-titolo span {
            font-size: 60px;
        }

        .Wallpaper {
            background: #fff !important;
        }

        .wrapper, .wrapper90, .wrapper2 {
            width: calc(100% - 30px);
            padding: 20px 0 20px 0;
            overflow: hidden;
        }


        .footer2 {
padding-bottom:75px;
        }

     }

    @media (max-width: 480px) {
        .white {
            background: rgba(255,355,255,1)
        }


    }

    @media (max-width: 400px) {



        .RecensioniClienti {
            width: 310px;
            min-height: 310px;
        }

        .RecensioniClienti-container {
            width: 280px;
            min-height: 280px;
            margin: 0 15px;
            top: 15px;
        }

        .RecensioniClienti-img {
            width: 120px;
            height: 120px;
            border: 2px solid #fff;
            margin: 0 auto auto -5px;
            filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.33));
        }

        .RecensioniClienti-container:hover .RecensioniClienti-img {
            width: 150px;
            height: 150px;
            margin: -15px auto auto -15px;
            filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.66));
        }

        .RecensioniClienti-text {
            top: 120px;
        }
            .RecensioniClienti-text b {
                 top: -90px;
                left: 120px;
                font-size: 22px;
                white-space:normal;
            }
        .RecensioniClienti-container:hover .RecensioniClienti-text b {
            left: 135px;
        }
        .RecensioniClienti-text i {
            top: -55px;
            left: 70px;
            padding: 0 15px 0 55px;
            border-radius: 20px;
            font-size: 15px;
            height: 25px;
            line-height: 25px;
            font-weight: 600;
            white-space: nowrap;
            background: #f2042c;
            color: #fff;
            -webkit-transition: all 0.33s;
            -moz-transition: all 0.33s;
            transition: all 0.33s;
        }        
        .RecensioniClienti-container:hover .RecensioniClienti-text i {
            left: 115px;
        }
        .RecensioniClienti-text p {
            font-size: 14px;
            line-height: 1.2;
            font-weight: 400;
            color: #666;
            text-align: left;
            margin: 0;
            padding: 5px 15px 5px 15px;
            -webkit-transition: all 0.33s;
            -moz-transition: all 0.33s;
            transition: all 0.33s;
        }
        .RecensioniClienti-container:hover .RecensioniClienti-text p {
            color: #333;
            padding: 5px 15px 5px 15px;
        }


    }


    @media (max-width: 330px) {

    }