:root {
    --val-max: 150px;
    --val-med: 100px;
    --val-min: 50px;
    --val-max-mq: calc(17px + 9.5vw);
    --val-med-mq: calc(9px + 6.5vw);
    --val-min-mq: calc(1px + 4vw);
}

body {
    font-family: Poppins, sans-serif;
    color: #2c2d38;
    font-size: 15px;
    line-height: 25px;
}

strong {
    font-weight: 700 !important;
}

body.aria-compressa {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/images/imm-sfondo-aria-compressa.jpg);
}

    body.aria-compressa .titolo-gerarchia {
        font-family: 'Black Ops One',cursive;
    }

#masterForm {
    padding-top: 140px;
}

a {
    color: #2c2d38;
}

    a:hover {
        color: #2c2d38;
        text-decoration: none !important;
    }

    a.text-orange:hover {
        color: #fff;
    }

    a.no-hover:hover {
        color: unset;
        text-decoration: none;
    }

.freccia-content {
    width: 4rem;
    height: 4rem;
}

.areaPrivata{
    align-self:flex-start;
    padding:25px;
}

.grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

a .readMore {
    display: none;
}

a .readLess {
    display: inline;
}

a.collapsed .readMore {
    display: inline;
}

a.collapsed .readLess {
    display: none;
}

.descriptionText:not(.in) {
    min-height: 50rem;
    height: 50rem;
    display: block;
    overflow: hidden;
    overflow-y:scroll;
    /*margin:5rem !important;*/
}
#comeFunziona{
    padding-top:0.1rem;
}

#datiMobile {
    box-shadow: 0 .5rem 0.5rem rgba(0,0,0,.15) !important;
    margin-top: 2rem;
    margin-bottom: 2rem;
    /* border-radius: 30px;*/
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.hp-box {
    min-height: 400px;
}

    .hp-box div a:hover {
        text-decoration: none;
    }

    .hp-box a.underline:hover {
        text-decoration: underline !important;
    }

    .hp-box:first-child > div, .hp-box:nth-child(3) > div, .hp-box:nth-child(4) > div, .hp-box:nth-child(6) > div {
        margin-left: 0 !important;
    }

    .hp-box:nth-child(2) > div, .hp-box:nth-child(3) > div, .hp-box:nth-child(5) > div, .hp-box:last-child > div {
        margin-right: 0 !important;
    }

    .hp-box .btn-my i {
        display: none;
    }

#footer a {
    color: #aaa
}

#footer .nav-link {
    font-weight: 600;
    color: #fff;
    padding: 0rem;
    display: unset;
}

    #footer .nav-link:hover {
        text-decoration: underline;
    }
/*#footer .nav-link:before{content:'> ';color:#f19100;}*/
#menu-prodotti {
    background-image: url(/images/logo-mega-menu.png);
}

    #menu-prodotti .nav-link {
        font-weight: 300;
        color: #4275c9;
        padding: 0.5rem 0rem;
        display: unset;
        font-size: 13px;
    }

        #menu-prodotti .nav-link:hover {
            text-decoration: underline;
        }

/*INIZIO PLACEHOLDER*/
.form-control::-webkit-input-placeholder { /*Chrome/Opera/Safari*/
    color: #4275c9;
    opacity: 0.5;
}

.form-control::-moz-placeholder { /*Firefox19+*/
    color: #4275c9;
    opacity: 0.5;
}

.form-control:-ms-input-placeholder { /*IE10+*/
    color: #4275c9;
    opacity: 0.5;
}

.form-control:-moz-placeholder { /*Firefox4-18-*/
    color: #4275c9;
    opacity: 0.5;
}
/*FINE PLACEHOLDER*/

/*NAVBAR*/

#dropDownMenu{
    min-width:12rem;
    padding:1rem;
}

.navbar-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

    .navbar-header .navbar-logo {
        max-height: 150px;
    }

    .navbar-header > div {
        padding: 0.5rem 3vw 1rem 3vw;
    }

.navbar-sticky {
    position: fixed;
}

    .navbar-sticky > div {
    }

    .navbar-sticky .navbar-logo {
        max-height: 60px;
        animation: scaleout 1s;
        -moz-animation: scaleout 1s;
        -webkit-animation: scaleout 1s;
        -o-animation: scaleout 1s;
    }

.navbar-light {
    padding: 0;
}

    .navbar-light .navbar-nav .nav-item {
        margin: 0 0.9vw;
        display: flex;
        align-items: center;
        padding: 4px 0;
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #2c2d38;
        font-size: 15px;
        padding: 0;
        font-weight: 600;
    }

        .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
            color: #2c2d38;
        }

        .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
            color: #2c2d38;
            border-bottom: 1px solid #c6168d;
            padding: 4px 0;
            margin-top: 2px;
            margin-bottom: 2px;
        }

@keyframes fadedown {
    from {
        margin-top: -100px;
        opacity: 0;
    }

    to {
        margin-top: 0;
        opacity: 1;
    }
}

@-moz-keyframes fadedown { /*Firefox*/
    from {
        margin-top: -100px;
        opacity: 0;
    }

    to {
        margin-top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes fadedown { /* Safari and Chrome */
    from {
        margin-top: -100px;
        opacity: 0;
    }

    to {
        margin-top: 0;
        opacity: 1;
    }
}

@-o-keyframes fadedown { /* Opera */
    from {
        margin-top: -100px;
        opacity: 0;
    }

    to {
        margin-top: 0;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein { /* Firefox */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein { /* Opera */
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes scaleout {
    from {
        max-height: 150px;
    }

    to {
        max-height: 60px;
    }
}

@-moz-keyframes scaleout {
    from {
        max-height: 150px;
    }

    to {
        max-height: 60px;
    }
}

@-webkit-keyframes scaleout {
    from {
        max-height: 150px;
    }

    to {
        max-height: 60px;
    }
}

@-o-keyframes scaleout {
    from {
        max-height: 150px;
    }

    to {
        max-height: 60px;
    }
}

@keyframes scalein {
    from {
        max-height: 60px;
    }

    to {
        max-height: 150px;
    }
}

@-moz-keyframes scalein {
    from {
        max-height: 60px;
    }

    to {
        max-height: 150px;
    }
}

@-webkit-keyframes scalein {
    from {
        max-height: 60px;
    }

    to {
        max-height: 150px;
    }
}

@-o-keyframes scalein {
    from {
        max-height: 60px;
    }

    to {
        max-height: 150px;
    }
}

.navbar-service .navbar-nav .nav-link {
    font-size: 13px !important;
    font-weight: 300;
}

.navbar-service .navbar-nav .nav-item {
    margin: 0 0.5rem;
}

.navbar-header label {
    width: 56px;
}

.bandiera {
    max-width: 1.2rem;
    margin-left: 1rem;
}

.dropdown.mega-menu {
    position: unset;
}

.mega-menu > .dropdown-menu {
    padding: 0;
    margin: 0;
}

#dropDownNavbar {
    position: absolute !important;
    width:max-content;
}

.dropdown-menu.dropdown-menu-search {
    /*left: unset;
    right: 0;
    */
    min-width: 20rem;
    padding: 1rem;
}

.media:hover {
    background-color: #fefcea;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

#navbarDropdownSearch.dropdown-toggle:after {
    content: none
}

/*CAROUSEL*/
.homeSlider .carousel-item > img {
    min-height: 500px;
}

.homeSlider .carousel-caption {
    bottom: unset;
    top: 10vw;
}

.LandingFDMSlider .carousel-item > img {
    min-height: 500px;
}

.LandingFDMSlider .carousel-caption {
    bottom: unset;
    top: 0;
    left: unset;
    right: unset;
}

/*.homeSlider blockquote:nth-child(1) {font-size: 14px;line-height:16px;font-weight:bold;text-transform: uppercase;letter-spacing: 0.2em;}*/
/*.homeSlider blockquote:nth-child(2) {font-size: 90px;line-height:95px;font-style: normal !important;font-family:'Permanent Marker', cursive;width:90%;margin:0 auto;}
.homeSlider blockquote:nth-child(3) {font-size: 14px;line-height:60px;font-weight:bold;letter-spacing: 0.2em;}*/
.pageSlider .carousel-item > img {
    min-height: 250px;
}

.pageSlider .carousel-caption {
    bottom: unset;
    top: 25%;
    left: 10%;
    right: 10%;
    font-family: 'Permanent Marker', cursive;
}

.active.carousel-item-left {
    display: none;
}

.carousel-inner{
    overflow:visible;
}

/*FORM*/
.form-my .form-control {
    border: 0;
    background-color: #fff;
}

label {
    font-size: 12px;
    font-weight: bold; /*text-transform:uppercase;*/
}

.optionSelectorBig span {
    color: #c6168d;
    font-size: 50px;
    display: block;
}

.optionSelectorBig input[type=radio] {
    text-align: center;
    margin: 20px;
    height: 30px;
}

#InputImporto::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #2c2d38;
    font-size: 14px;
}

#InputImporto::-moz-placeholder { /* Firefox 19+ */
    color: #2c2d38;
}

#InputImporto:-ms-input-placeholder { /* IE 10+ */
    color: #2c2d38;
}

#InputImporto:-moz-placeholder { /* Firefox 18- */
    color: #2c2d38;
}

.a-text-input {
    -webkit-appearance: none;
    background-color: #fff;
    border-radius: .25rem;
    border: 1px solid #ddd;
    display: block;
    padding: .75rem 1rem;
    width: 100%;
}

.m-clipboard-field-label {
    background: #fff;
    color: initial;
    left: 2em;
    padding-left: .25rem;
    padding-right: .25rem;
    position: absolute;
    top: -13px;
}

/*LARGHEZZE*/
.w-10 {
    width: 10%;
}

.w-200 {
    width: 200px;
}

.w-20 {
    width: 20%;
}

.w-30 {
    width: 30%;
}

.w-40 {
    width: 40%;
}

.w-60 {
    width: 60%;
}

.w-70 {
    width: 70%;
}

.w-80 {
    width: 80%;
}

.w-90 {
    width: 90%;
}

.h-50 {
    min-height: 50px;
    line-height: 50px;
}

/*POSIZIONE*/
.position-center-top {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0%);
    width: auto;
    text-align: center;
}

.position-center-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
    text-align: center;
}

.position-center-bottom {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0%);
    width: auto;
    text-align: center;
}

.position-left-center {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%,-50%);
    width: auto;
}

.position-left-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto;
}

.position-right-top {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
}

.position-right-center {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0%,-50%);
    width: auto;
}

.position-right-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    width: auto;
}

.position-center-border-top {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: auto;
}

.z-index--1 {
    z-index: -1;
}

.z-index-1 {
    z-index: 1;
}

.z-index-2 {
    z-index: 2;
}

/* Pagina Dettagli */
.Dettagli-h2 {
    font-family: Poppins, sans-serif;
    /*line-height:2;*/
}

.card-body {
    /*min-height: 500px;*/
    min-width: 300px;
    max-height:600px;
    max-width: 500px;
    margin-right: 10px;
    padding:0px;
    border-radius:20px;
}

/*BACKGROUND IMAGE*/
.bg-cover {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
}

.bg-contain {
    background-size: contain;
    -webkit-background-size: content;
    -moz-background-size: content;
    -o-background-size: content;
    background-repeat: no-repeat;
}

.bg-top-center {
    background-position: top center;
}

.bg-center-left {
    background-position: left center;
}

.bg-center-center {
    background-position: center center;
}

.bg-center-right {
    background-position: right center;
}

.bg-bottom-center {
    background-position: bottom center;
}


#titoloInMemoria{
    text-align:center;
    padding:1rem;
}

#anchorProgetto{
    border:1px solid;
    padding:0.2rem;
}

#immagineIniziativa{
    /*border-radius:30px;*/
}
/*IMG*/
.img-cover {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: 50% 50%;
    border-radius: 30px;
}

.img-cover-bottom-center {
    object-position: 50% 100%;
}

.img-contain {
    object-fit: contain;
    width: 100%;
    height: 100%;
}



/*BOTTONI*/
.btn-my {
    background-color: #c6168d;
    color: #fff;
    border-radius: 50rem !important;
    letter-spacing: 0.1rem;
    font-size: 13px;
    padding: 1.2rem 3rem;
    font-weight: bold;
    border-width: 2px;
}

.btn-my-reverse {
    background-color: #fff;
    color: #c6168d;
    border: 2px solid #c6168d;
    border-radius: 50rem !important;
    letter-spacing: 0.1rem;
    font-size: 13px;
    padding: 1.2rem 3rem;
    font-weight: bold;
}

.btn-my-product {
    background-color: #f19100;
    color: #fff;
    border-radius: 0 !important;
    letter-spacing: 0.1rem;
    font-size: 20px;
    padding: 1.2rem 3rem;
    width: 100%;
}

.btn-my-reverse:hover {
    background-color: #c6168d;
    color: #fff;
}

.btn-my-gray {
    background-color: #e5e5e5;
    color: #000;
    border-radius: 50rem !important;
    letter-spacing: 0.1rem;
    font-size: 13px;
    padding: 1.2rem 3rem;
    font-weight: bold;
}

.btn-my:hover, .btn-my-product:hover {
    background-color: #fff;
    color: #c6168d !important;
    border: 2px solid #c6168d;
    cursor: pointer
}

.btn-my-blue {
    background-color: #4275c9;
}

    .btn-my-blue:hover {
        background-color: #fff;
        color: #4275c9;
        border: 2px solid #4275c9;
    }

.btn-my-orange {
    background-color: #f19100;
    color: #fff;
}

    .btn-my-orange:hover, .btn-my.btn-my-orange:hover {
        background-color: #fff;
        color: #f19100 !important;
        border: 2px solid #f19100;
    }

.btn-my-orange-reverse {
    background-color: #fff;
    color: #f19100;
    border: 2px solid #f19100;
}

    .btn-my-orange-reverse:hover {
        background-color: #f19100;
        color: #fff;
        border: 2px solid #f19100;
    }

.btn-pink {
    color: #ffffff;
    background-color: #C6168D;
    border-color: #C6168D;
}

    .btn-pink:hover,
    .btn-pink:focus,
    .btn-pink:active,
    .btn-pink.active,
    .open .dropdown-toggle.btn-pink {
        color: #C6168D;
        background-color: #fff;
        border-color: #C6168D;
    }

    .btn-pink:active,
    .btn-pink.active,
    .open .dropdown-toggle.btn-pink {
        background-image: none;
    }

    .btn-pink.disabled,
    .btn-pink[disabled],
    fieldset[disabled] .btn-pink,
    .btn-pink.disabled:hover,
    .btn-pink[disabled]:hover,
    fieldset[disabled] .btn-pink:hover,
    .btn-pink.disabled:focus,
    .btn-pink[disabled]:focus,
    fieldset[disabled] .btn-pink:focus,
    .btn-pink.disabled:active,
    .btn-pink[disabled]:active,
    fieldset[disabled] .btn-pink:active,
    .btn-pink.disabled.active,
    .btn-pink[disabled].active,
    fieldset[disabled] .btn-pink.active {
        background-color: #C6168D;
        border-color: #C6168D;
        color: #fff
    }

    .btn-pink .badge {
        color: #C6168D;
        background-color: #ffffff;
    }

.btn-pink-reverse {
    border-color: #C6168D;
    background-color: #ffffff;
    color: #C6168D;
}

    .btn-pink-reverse:hover,
    .btn-pink-reverse:focus,
    .btn-pink-reverse:active,
    .btn-pink-reverse.active,
    .open .dropdown-toggle.btn-pink-reverse {
        color: #fff;
        background-color: #C6168D;
        border-color: #C6168D;
    }

    .btn-pink-reverse:active,
    .btn-pink-reverse.active,
    .open .dropdown-toggle.btn-pink-reverse {
        background-image: none;
    }

    .btn-pink-reverse.disabled,
    .btn-pink-reverse[disabled],
    fieldset[disabled] .btn-pink-reverse,
    .btn-pink-reverse.disabled:hover,
    .btn-pink-reverse[disabled]:hover,
    fieldset[disabled] .btn-pink-reverse:hover,
    .btn-pink-reverse.disabled:focus,
    .btn-pink-reverse[disabled]:focus,
    fieldset[disabled] .btn-pink-reverse:focus,
    .btn-pink-reverse.disabled:active,
    .btn-pink-reverse[disabled]:active,
    fieldset[disabled] .btn-pink-reverse:active,
    .btn-pink-reverse.disabled.active,
    .btn-pink-reverse[disabled].active,
    fieldset[disabled] .btn-pink-reverse.active {
        background-color: #C6168D;
        border-color: #C6168D;
        color: #fff
    }

    .btn-pink-reverse .badge {
        color: #C6168D;
        background-color: #ffffff;
    }

.btn-my-reverse-transparent {
    background-color: transparent;
    border-width: 2px;
}

/*ASPECT RATIO*/
.aspect-ratio-container {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.aspect-ratio-container-4-1 {
    padding-top: 25%;
}

.aspect-ratio-container-3-1 {
    padding-top: 33.3%;
}

.aspect-ratio-container-2-1 {
    padding-top: 50%;
}

.aspect-ratio-container-16-9 {
    padding-top: 56.25%;
}

.aspect-ratio-container-3-2 {
    padding-top: 66%;
}

.aspect-ratio-container-4-3 {
    padding-top: 75%;
}

.aspect-ratio-container-5-4 {
    padding-top: 80%;
}

.aspect-ratio-container-1-1 {
    padding-top: 100%;
}

.aspect-ratio-container-4-5 {
    padding-top: 125%;
}

.aspect-ratio-container-3-4 {
    padding-top: 133%;
}

.aspect-ratio-container-2-3 {
    padding-top: 150%;
}

.aspect-ratio-div {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: hidden;
}

/*DIMENSIONI*/
.mih-h-400 {
    min-height: 400px;
}

.mih-h-50 {
    min-height: 50px;
}
/*VIDEO*/
.iframe-container > iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 600px;
}

/*LIGHTBOX MODAL*/
.ekko-lightbox .modal-body {
    padding: 0 !important;
}

.modal-backdrop.show {
    opacity: .8;
}

/*COLORI DI SFONDO*/
.bg-transparent {
    background-color: unset;
}

.bg-overlay {
    background-color: rgba(39, 39, 39, .7);
}

.bg-black {
    background-color: #000;
}

.bg-darkgray {
    background-color: #2c2d38;
}

.bg-light-yellow {
    background-color: #fefcea;
}

.bg-salmon {
    background-color: #fef2eA;
}

.bg-light-grey {
    background-color: #f7f7f7;
}

.bg-black-05 {
    background-color: rgba(0, 0, 0, .3);
}

.bg-black-60 {
    background-color: rgba(0, 0, 0, .6);
}

.bg-black-80 {
    background-color: rgba(0, 0, 0, .8);
}

.bg-white-50 {
    background-color: rgba(255, 255, 255, .5);
}

.bg-pink {
    background-color: #c6168d;
}

.bg-orange {
    background-color: #f19100;
}

.sfondoBeige {
    background-image: url('/images/sfondo-beige.png');
    background-repeat: repeat;
}

.sfondoTesto {
    background: url('/images/text-bg.png') repeat
}
/*BORDI*/
.border-dashed {
    border: 1px dashed #000;
}

.border-dashed-top {
    border-top: 1px dashed #000;
}

.border-dashed-bottom {
    border-bottom: 1px dashed #000;
}

.border-dashed-right {
    border-right: 1px dashed #000;
}

.border-dashed-left {
    border-left: 1px dashed #000;
}

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}

.border-orange {
    border-color: #f19100 !important;
}

.border-pink {
    border-color: #c6168d !important;
}

.border-radius-0 {
    border-radius: 0 !important;
}

.border-radius-5 {
    border-radius: 10px !important;
}

.border-radius-10 {
    border-radius: 20px !important;
}

.border-top, .border-left, .border-right, .border-bottom {
    border-color: #f6f6f7 !important;
    border-width: 1px !important;
}

/*TESTI*/
blockquote {
    margin: 0;
}

.text-100 {
    font-size: 113px;
    line-height: 110px;
}

.text-90 {
    font-size: 90px;
    line-height: 100px;
}

.text-80 {
    font-size: 80px;
    line-height: 90px;
}

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

.text-60 {
    font-size: 60px;
    line-height: 70px;
}

.text-60-60 {
    font-size: 60px;
    line-height: 60px;
}

.text-65-65 {
    font-size: 65px;
    line-height: 65px;
}

.text-50 {
    font-size: 50px;
    line-height: 60px;
}

.text-40 {
    font-size: 40px;
    line-height: 50px;
}

.text-34 {
    font-size: 34px;
    line-height: 40px;
}

.text-30 {
    font-size: 30px;
    line-height: 40px;
}

.text-28 {
    font-size: 28px;
    line-height: 38px;
}

.text-24 {
    font-size: 24px;
    line-height: 34px;
}

.text-20 {
    font-size: 20px;
    line-height: 24px;
}

.text-18 {
    font-size: 18px;
    line-height: 26px;
}

.text-16 {
    font-size: 16px !important;
}

.text-15 {
    font-size: 15px !important;
}

.text-14 {
    font-size: 14px !important;
}

.text-13 {
    font-size: 13px !important;
}

.text-12 {
    font-size: 12px;
}

.text-11 {
    font-size: 11px;
}

.letter-spacing-01 {
    letter-spacing: 0.1em;
}

.letter-spacing-02 {
    letter-spacing: 0.2em;
}

.letter-spacing-03 {
    letter-spacing: 0.3em;
}

.letter-spacing-04 {
    letter-spacing: 0.4em;
}

.fw-200 {
    font-weight: 200 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-900 {
    font-weight: 900 !important;
}

.text-orange {
    color: #f19100 !important;
}

.text-blue {
    color: #4275c9 !important;
}

.text-dark-grey {
    color: #4b4b4b !important;
}

.text-yellow-grey {
    color: #4b4b4b !important;
}

.active .text-yellow-grey {
    color: #FFFF00 !important;
}


.text-pink {
    color: #c6168d !important;
}

.text-dark {
    color: #2c2d38 !important;
}

.text-light-grey {
    color: #e5e5e5 !important;
}

.lh-15 {
    line-height: 15px !important;
}

.lh-25 {
    line-height: 25px !important;
}

.infoText {
    font-size: 8px;
    padding-left: 4px;
}
/*MARGINI-PADDING*/
.pt-fixed {
    padding-top: 120px;
}

.m-max {
    margin: var(--val-max);
}

.mr-max {
    margin-right: var(--val-max);
}

.ml-max {
    margin-left: var(--val-max);
}

.mt-max {
    margin-top: var(--val-max);
}

.mb-max {
    margin-bottom: var(--val-max);
}

.mx-max {
    margin-right: var(--val-max);
    margin-left: var(--val-max);
}

.my-max {
    margin-top: var(--val-max);
    margin-bottom: var(--val-max);
}

.p-max {
    padding: var(--val-max);
}

.pr-max {
    padding-right: var(--val-max);
}

.pl-max {
    padding-left: var(--val-max);
}

.pt-max {
    padding-top: var(--val-max);
}

.pb-max {
    padding-bottom: var(--val-max);
}

.px-max {
    padding-right: var(--val-max);
    padding-left: var(--val-max);
}

.py-max {
    padding-top: var(--val-max);
    padding-bottom: var(--val-max);
}

.m-med {
    margin: var(--val-med);
}

.mr-med {
    margin-right: var(--val-med);
}

.ml-med {
    margin-left: var(--val-med);
}

.mt-med {
    margin-top: var(--val-med);
}

.mb-med {
    margin-bottom: var(--val-med);
}

.mx-med {
    margin-right: var(--val-med);
    margin-left: var(--val-med);
}

.my-med {
    margin-top: var(--val-med);
    margin-bottom: var(--val-med);
}

.p-med {
    padding: var(--val-med);
}

.pr-med {
    padding-right: var(--val-med);
}

.pl-med {
    padding-left: var(--val-med);
}

.pt-med {
    padding-top: var(--val-med);
}

.pb-med {
    padding-bottom: var(--val-med);
}

.px-med {
    padding-right: var(--val-med);
    padding-left: var(--val-med);
}

.py-med {
    padding-top: var(--val-med);
    padding-bottom: var(--val-med);
}

.m-min {
    margin: var(--val-min);
}

.mr-min {
    margin-right: var(--val-min);
}

.ml-min {
    margin-left: var(--val-min);
}

.mt-min {
    margin-top: var(--val-min);
}

.mb-min {
    margin-bottom: var(--val-min);
}

.mx-min {
    margin-right: var(--val-min);
    margin-left: var(--val-min);
}

.my-min {
    margin-top: var(--val-min);
    margin-bottom: var(--val-min);
}

.p-min {
    padding: var(--val-min);
}

.pr-min {
    padding-right: var(--val-min);
}

.pl-min {
    padding-left: var(--val-min);
}

.pt-min {
    padding-top: var(--val-min);
}

.pb-min {
    padding-bottom: var(--val-min);
}

.px-min {
    padding-right: var(--val-min);
    padding-left: var(--val-min);
}

.py-min {
    padding-top: var(--val-min);
    padding-bottom: var(--val-min);
}

/*OPACITY*/
.opacity-10 {
    opacity: .1;
}

.opacity-20 {
    opacity: .2;
}

.opacity-30 {
    opacity: .3;
}

.opacity-40 {
    opacity: .4;
}

.opacity-50 {
    opacity: .5;
}

.opacity-60 {
    opacity: .6;
}

.opacity-70 {
    opacity: .7;
}

.opacity-80 {
    opacity: .8;
}

.opacity-90 {
    opacity: .9;
}

.opacity-100 {
    opacity: 1;
}

/*ARROW*/
.freccia {
    border: solid #1a1e2f;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 14px;
}

.freccia-sm {
    padding: 8px;
}

.freccia-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.freccia-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.freccia-up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.freccia-down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}


/*PAGINAZIONE*/
.page-item.active .page-link {
    background-color: #005073;
    border-color: #005073;
}

.page-link, .page-link:hover {
    color: #005073;
}

/*
TABS
*/


 .no-bullets{
     list-style-type:none;
 }

.project ul.nav {
    border: 1px solid #000;
    background-color: #000;
}

    .project ul.nav li a.active {
        border-bottom: 4px solid #c6168d;
        color: #c6168d
    }

    .project ul.nav li a {
        border-bottom: 4px solid #fff;
        color: #2c2d38;
    }

    .project ul.nav li {
        margin-right: 1px;
        background-color: #fff;
    }

        .project ul.nav li:last-child {
            margin-right: 0px;
        }

.iniziativa ul.nav {
    border: 1px solid #000;
    background-color: #000;
}

    .iniziativa ul.nav li a.active {
        border-bottom: 4px solid #f19100;
        color: #f19100
    }

    .iniziativa ul.nav li a {
        border-bottom: 4px solid #fff;
        color: #2c2d38;
    }

    .iniziativa ul.nav li {
        margin-right: 1px;
        background-color: #fff;
    }

        .iniziativa ul.nav li:last-child {
            margin-right: 0px;
        }

.wizardsteps div.active {
    color: #fff;
    background-image: url('/images/fdxbg.gif');
    background-position-x: right;
    background-repeat: no-repeat
}

.wizardsteps div.done {
    color: #000;
    background-image: none;
    background-color: #fff;
    /*background-image: url('/images/fdxbg.gif');*/
    background-position-x: right;
    background-repeat: no-repeat
}

.wizardsteps .stepicon {
    position: absolute;
    left: 0;
    height: 100%;
    margin-top: -8px;
}

.wizardsteps .stepok {
    position: absolute;
    top: 30px;
    right: 70px;
}

.wizardsteps div {
    background-color: #52535e;
    background-image: url('/images/fdxbg0.gif');
    background-position-x: right;
    background-repeat: no-repeat;
    color: #fff
}

.wizardsteps blockquote {
    font-size: 12px;
}

.wizardsteps div:last-child {
    background-image: none;
}

.wizardsteps div.active:last-child {
    background-image: url('/images/fdxbg.gif');
    background-position-x: left;
}
/*BOX HOME*/
.BoxScript H2, .BoxScriptsmall h2 {
    font-family: 'Permanent Marker', cursive;
    font-size: 5em;
    color: #ffffff;
    text-align: center;
    line-height: 1em;
    font-weight: normal;
    text-transform: uppercase;
}

.BoxScriptsmall H2 {
    font-size: 3.5em;
    text-align: left;
}

.loginBox {
    max-height: 590px;
    max-width: 628px
}

.statProgettiTag {
    color: #000;
    font-family: 'Permanent Marker', cursive;
    text-align: center;
    font-size: 1rem;
    line-height: 1rem;
    text-transform: uppercase;
    margin-top: 3rem;
    /*margin-bottom: 1rem;*/
}

.statProgettiNumeri {
    color: #c6168d;
    font-size: 3rem;
    text-align: center;
    text-transform: uppercase;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.statProgettiScritte {
    font-family: Poppins, sans-serif;
    color: #000;
    text-align: center;
    font-size: 1rem;
    margin-bottom: 1rem;
    font-weight: bold
}

.ProgettiEvidenzaTitolo {
    color: #c6168d;
    font-family: 'Permanent Marker', cursive;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1rem;
    text-transform: uppercase;
    margin-top: 3rem;
}

#titoloRecensioni {
    color: #c6168d;
    font-family: 'Permanent Marker', cursive;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1rem;
    text-transform: uppercase;
    margin-top: 3rem;
}

#indicatorsRecensioni {
    border-radius: 50px;
    width:18px !important;
    height:18px !important;
    background-color:gray;
    border: 1px solid !important;
}

.indicatorsProgetti {
    border-radius: 50px;
    width: 18px !important;
    height: 18px !important;
    background-color: gray;
    border: 1px solid !important;
}

.testoRecensioni{
    /*font-family: cursive;*/
    font-style: italic;
    font-size:1.2rem;
    color:black;
    text-align:center;
    
}

.ProgettiEvidenzaSottotitolo {
    color: #000;
    font-family: Poppins, sans-serif;
    text-align: center;
    font-size: 1.8rem;
    line-height: 2rem;
    text-transform: uppercase;
    margin-top: 1rem;
    margin-bottom: 0rem;
}

#utenteRecensione {
    color: #000;
    font-family: Poppins, sans-serif;
    text-align: center;
    font-size: 1rem;
    line-height: 1rem;
    margin-top: 1rem;
    margin-bottom: 3rem;
}


#iniziativeborder {
    /*border:1px solid;
    border-color:lightgray;
    border-radius:30px;*/
}
/*PROGETTI*/

#productCarousel {
    float: right;
}

#imageProductCarousel{
    min-width:50%;
    margin-left:-200px;
}

#statProgettoCarousel{
    margin-top:40px;
    margin-bottom:40px;
    margin-left:20px;
    margin-right:20px;

    border:20px;
}

#sliderProdottiNumeri {
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
}

#slideProdottiNumeri2 {
    border-left: 1px solid #D3D3D3;
}

.sostieniciList {
    padding: 0.5rem;
    margin-left: 1rem;
}

.productList {
}

    .productList h2 {
        color: #000;
        font-family: 'Permanent Marker', cursive;
        text-align: center;
        font-size: 3em;
        line-height: 1em;
        font-weight: normal;
        text-transform: uppercase;
        margin-top: 1em;
        margin-bottom: 1em;
    }

.projectInfo {
    margin-top:4rem;
    margin-bottom:4rem;
    margin-left:0rem;
    margin-right:0rem;
    color: #000;
    border-radius:30px;
    background-color:white;
    z-index:10;
    /*background-color: #fff;*/
}

#sliderProdottiDonatori {
    margin-top:1rem;
}

#SliderProdottiTitolo{
    margin-bottom:2rem;
    margin-top:0.5rem;
}

#SliderProdottiCreatoda{
    margin-top:1rem;
}

#sliderProdottiProgetto {
    background-color: #c6168d;
    color: #fff;
    border-radius: 50rem !important;
    letter-spacing: 0rem;
    font-size: 7px;
    font-weight: bold;
}

/*.projectInfo.box {*/
/*right: 15px;*/
/*position: absolute;*/
/*padding-top: 0px;*/
/*margin-top: 0px;*/
/*top: 0px;*/
/*width: 60%;*/ /*important*/
/*bottom: 21vw;*/ /*important*/
/*padding: 25px;*/
/*display: block;*/
/*height: 444px;*/
/*position: unset;*/
/*height: unset;*/
/*float: right;*/
/*display: inline;*/
/*}*/
.projectInfo h3 {
    font-size: 2em;
    line-height: 1.2em;
    font-weight: bold;
}

    .projectInfo hr {
        border: 2px solid #e5e5e5;
        border-radius: 5px;
    }

    .projectInfo .value {
        font-weight: bold;
        color: #000;
    }

.infoPro {
    height: 97px;
}

.listDonazioni {
    border-bottom: 1px solid #000;
}

    .listDonazioni:last-child {
        border-bottom: none;
    }

#sliderInner{
    border-radius:30px;
}

.sliderButton {
    border: 1px solid #2c2d38;
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    float: right;
    margin-right: 10px;
    font-weight: bold;
    color: #2c2d38;
}

#statisticheSito {
    border-radius: 30px;
}

.sliderButton:hover {
    text-decoration: none;
}

.payselector label:hover /*, .payselector.active*/ {
    color: #c6168d;
    cursor: pointer;
}
/*.payselector:hover > label, .payselector.active > .button {
    border-color: #c6168d !important;
    text-decoration-color: #c6168d;
}*/

.showblock:checked + .button {
    color: #c6168d;
    border: #c6168d !important;
    text-decoration-color: #c6168d;
}

    .showblock:checked + .button > .rounded {
        border-color: #c6168d !important;
    }

/* LANDING FDM */
#carouselGesto .carousel-indicators li {
    width: 9px;
    height: 9px;
    border: 1px solid #5d5c5c;
    border-radius: 5px;
    background-color: #5d5c5c;
    opacity: 1;
}

.carousel-indicators .active {
    background-color: #c6168d !important;
    border-color: #c6168d !important;
}

.ff-franklin-gothic-demi-compressed {
    font-family: franklin-gothic-compressed, sans-serif;
    font-style: normal;
    font-weight: 600;
}

.ff-franklin-gothic-book-compressed {
    font-family: franklin-gothic-compressed, sans-serif;
    font-style: normal;
    font-weight: 400;
}

.ff-franklin-gothic-demi-extra-compressed {
    font-family: franklin-gothic-extra-compre, sans-serif;
    font-style: normal;
    font-weight: 600;
}

.ff-franklin-gothic-book-extra-compressed {
    font-family: franklin-gothic-extra-compre, sans-serif;
    font-style: normal;
    font-weight: 400;
}

@media only screen and (min-width: 1400px) {
    .container {
        max-width: 1400px;
    }

    #logo-ior-landing-fdm {
        margin-bottom: 13vh !important;
    }
}

@media only screen and (max-width: 1399px) {
    .container {
        max-width: 1340px;
    }
}


@media only screen and (max-width: 400px){
    
    .hiddenObjectMobile {
        display: none;
    }

    .containerIniziative{
        padding-right:5px !important;
        padding-left:5px !important;
    }

    .navbarCell{
        margin-top:1rem;
    }
}

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

    .hiddenObjectMobile {
        display: none;
    }
}

    @media only screen and (max-width:900) {
        .hiddenObjectMobile {
            display: none;
        }
    }

    @media only screen and (min-width:1100) {
        .hiddenObjectPC {
            display: none;
        }
    }


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

        a.navbar-brand {
            white-space: normal;
            text-align: center;
            word-break: break-all;
            align-self: flex-start;
            margin-top: 1rem;
        }

        .nascondiBottoneDona {
            display: none;
        }
    }

    @media (min-width: 576px) {
        /*SM*/

        .hiddenObjectPC {
            display: none;
        }

        .projectInfo {
            margin-top: 4rem;
            margin-bottom: 4rem;
            margin-left: 0rem;
            margin-right: 0rem;
            color: #000;
            border-radius: 30px;
            background-color: white;
            /*background-color: #fff;*/
        }


        .position-sm-relative {
            position: relative !important;
            top: unset;
            left: unset;
            transform: unset;
            width: unset;
        }

        .w-sm-10 {
            width: 10% !important;
        }

        .w-sm-20 {
            width: 20% !important;
        }

        .w-sm-30 {
            width: 30% !important;
        }

        .w-sm-40 {
            width: 40% !important;
        }

        .w-sm-50 {
            width: 50% !important;
        }

        .w-sm-60 {
            width: 60% !important;
        }

        .w-sm-70 {
            width: 70% !important;
        }

        .w-sm-80 {
            width: 80% !important;
        }

        .w-sm-90 {
            width: 90% !important;
        }

        .m-sm-max {
            margin: var(--val-max-mq);
        }

        .mr-sm-max {
            margin-right: var(--val-max-mq);
        }

        .ml-sm-max {
            margin-left: var(--val-max-mq);
        }

        .mt-sm-max {
            margin-top: var(--val-max-mq);
        }

        .mb-sm-max {
            margin-bottom: var(--val-max-mq);
        }

        .mx-sm-max {
            margin-right: var(--val-max-mq);
            margin-left: var(--val-max-mq);
        }

        .my-sm-max {
            margin-top: var(--val-max-mq);
            margin-bottom: var(--val-max-mq);
        }

        .p-sm-max {
            padding: var(--val-max-mq);
        }

        .pr-sm-max {
            padding-right: var(--val-max-mq);
        }

        .pl-sm-max {
            padding-left: var(--val-max-mq);
        }

        .pt-sm-max {
            padding-top: var(--val-max-mq);
        }

        .pb-sm-max {
            padding-bottom: var(--val-max-mq);
        }

        .px-sm-max {
            padding-right: var(--val-max-mq);
            padding-left: var(--val-max-mq);
        }

        .py-sm-max {
            padding-top: var(--val-max-mq);
            padding-bottom: var(--val-max-mq);
        }

        .m-sm-med {
            margin: var(--val-med-mq);
        }

        .mr-sm-med {
            margin-right: var(--val-med-mq);
        }

        .ml-sm-med {
            margin-left: var(--val-med-mq);
        }

        .mt-sm-med {
            margin-top: var(--val-med-mq);
        }

        .mb-sm-med {
            margin-bottom: var(--val-med-mq);
        }

        .mx-sm-med {
            margin-right: var(--val-med-mq);
            margin-left: var(--val-med-mq);
        }

        .my-sm-med {
            margin-top: var(--val-med-mq);
            margin-bottom: var(--val-med-mq);
        }

        .p-sm-med {
            padding: var(--val-med-mq);
        }

        .pr-sm-med {
            padding-right: var(--val-med-mq);
        }

        .pl-sm-med {
            padding-left: var(--val-med-mq);
        }

        .pt-sm-med {
            padding-top: var(--val-med-mq);
        }

        .pb-sm-med {
            padding-bottom: var(--val-med-mq);
        }

        .px-sm-med {
            padding-right: var(--val-med-mq);
            padding-left: var(--val-med-mq);
        }

        .py-sm-med {
            padding-top: var(--val-med-mq);
            padding-bottom: var(--val-med-mq);
        }

        .m-sm-min {
            margin: var(--val-min-mq);
        }

        .mr-sm-min {
            margin-right: var(--val-min-mq);
        }

        .ml-sm-min {
            margin-left: var(--val-min-mq);
        }

        .mt-sm-min {
            margin-top: var(--val-min-mq);
        }

        .mb-sm-min {
            margin-bottom: var(--val-min-mq);
        }

        .mx-sm-min {
            margin-right: var(--val-min-mq);
            margin-left: var(--val-min-mq);
        }

        .my-sm-min {
            margin-top: var(--val-min-mq);
            margin-bottom: var(--val-min-mq);
        }

        .p-sm-min {
            padding: var(--val-min-mq);
        }

        .pr-sm-min {
            padding-right: var(--val-min-mq);
        }

        .pl-sm-min {
            padding-left: var(--val-min-mq);
        }

        .pt-sm-min {
            padding-top: var(--val-min-mq);
        }

        .pb-sm-min {
            padding-bottom: var(--val-min-mq);
        }

        .px-sm-min {
            padding-right: var(--val-min-mq);
            padding-left: var(--val-min-mq);
        }

        .py-sm-min {
            padding-top: var(--val-min-mq);
            padding-bottom: var(--val-min-mq);
        }
    }


    @media (min-width: 768px) {

        .ProgettiEvidenzaSottotitolo {
            color: #000;
            font-family: Poppins, sans-serif;
            text-align: center;
            font-size: 2rem;
            line-height: 1rem;
            text-transform: uppercase;
            margin-top: 1rem;
            margin-bottom: 3rem;
        }

        #carouselProdRow {
            margin-right: 0px;
            margin-left: 0px;
        }

        #sliderProdottiProgetto {
            background-color: #c6168d;
            color: #fff;
            border-radius: 50rem !important;
            letter-spacing: 0.1rem;
            font-size: 8px;
            font-weight: bold;
        }

        .projectInfo {
            margin-top: 2rem;
            margin-bottom: 2rem;
            margin-left: 0rem;
            margin-right: 0rem;
            color: #000;
            border-radius: 30px;
            background-color: white;
            /*background-color: #fff;*/
        }


        /*MD*/
        .position-md-relative {
            position: relative !important;
            top: unset;
            left: unset;
            transform: unset;
            width: unset;
        }

        .w-md-10 {
            width: 10% !important;
        }

        .w-md-20 {
            width: 20% !important;
        }

        .w-md-30 {
            width: 30% !important;
        }

        .w-md-40 {
            width: 40% !important;
        }

        .w-md-50 {
            width: 50% !important;
        }

        .w-md-60 {
            width: 60% !important;
        }

        .w-md-70 {
            width: 70% !important;
        }

        .w-md-80 {
            width: 80% !important;
        }

        .w-md-90 {
            width: 90% !important;
        }

        .m-md-max {
            margin: var(--val-max-mq);
        }

        .mr-md-max {
            margin-right: var(--val-max-mq);
        }

        .ml-md-max {
            margin-left: var(--val-max-mq);
        }

        .mt-md-max {
            margin-top: var(--val-max-mq);
        }

        .mb-md-max {
            margin-bottom: var(--val-max-mq);
        }

        .mx-md-max {
            margin-right: var(--val-max-mq);
            margin-left: var(--val-max-mq);
        }

        .my-md-max {
            margin-top: var(--val-max-mq);
            margin-bottom: var(--val-max-mq);
        }

        .p-md-max {
            padding: var(--val-max-mq);
        }

        .pr-md-max {
            padding-right: var(--val-max-mq);
        }

        .pl-md-max {
            padding-left: var(--val-max-mq);
        }

        .pt-md-max {
            padding-top: var(--val-max-mq);
        }

        .pb-md-max {
            padding-bottom: var(--val-max-mq);
        }

        .px-md-max {
            padding-right: var(--val-max-mq);
            padding-left: var(--val-max-mq);
        }

        .py-md-max {
            padding-top: var(--val-max-mq);
            padding-bottom: var(--val-max-mq);
        }

        .m-md-med {
            margin: var(--val-med-mq);
        }

        .mr-md-med {
            margin-right: var(--val-med-mq);
        }

        .ml-md-med {
            margin-left: var(--val-med-mq);
        }

        .mt-md-med {
            margin-top: var(--val-med-mq);
        }

        .mb-md-med {
            margin-bottom: var(--val-med-mq);
        }

        .mx-md-med {
            margin-right: var(--val-med-mq);
            margin-left: var(--val-med-mq);
        }

        .my-md-med {
            margin-top: var(--val-med-mq);
            margin-bottom: var(--val-med-mq);
        }

        .p-md-med {
            padding: var(--val-med-mq);
        }

        .pr-md-med {
            padding-right: var(--val-med-mq);
        }

        .pl-md-med {
            padding-left: var(--val-med-mq);
        }

        .pt-md-med {
            padding-top: var(--val-med-mq);
        }

        .pb-md-med {
            padding-bottom: var(--val-med-mq);
        }

        .px-md-med {
            padding-right: var(--val-med-mq);
            padding-left: var(--val-med-mq);
        }

        .py-md-med {
            padding-top: var(--val-med-mq);
            padding-bottom: var(--val-med-mq);
        }

        .m-md-min {
            margin: var(--val-min-mq);
        }

        .mr-md-min {
            margin-right: var(--val-min-mq);
        }

        .ml-md-min {
            margin-left: var(--val-min-mq);
        }

        .mt-md-min {
            margin-top: var(--val-min-mq);
        }

        .mb-md-min {
            margin-bottom: var(--val-min-mq);
        }

        .mx-md-min {
            margin-right: var(--val-min-mq);
            margin-left: var(--val-min-mq);
        }

        .my-md-min {
            margin-top: var(--val-min-mq);
            margin-bottom: var(--val-min-mq);
        }

        .p-md-min {
            padding: var(--val-min-mq);
        }

        .pr-md-min {
            padding-right: var(--val-min-mq);
        }

        .pl-md-min {
            padding-left: var(--val-min-mq);
        }

        .pt-md-min {
            padding-top: var(--val-min-mq);
        }

        .pb-md-min {
            padding-bottom: var(--val-min-mq);
        }

        .px-md-min {
            padding-right: var(--val-min-mq);
            padding-left: var(--val-min-mq);
        }

        .py-md-min {
            padding-top: var(--val-min-mq);
            padding-bottom: var(--val-min-mq);
        }

        .loginBox {
            height: auto;
            max-width: 628px
        }
    }

    @media (min-width: 992px) {
        .infoText {
            font-size: 11px;
            padding-left: 4px;
        }
        /*LG*/


        #flexNavbar {
            align-items: flex-start;
            padding-top: 25px;
        }

        .projectInfo {
            margin-top: 4rem;
            margin-bottom: 4rem;
            margin-left: 3rem;
            margin-right: 3rem;
            color: #000;
            border-radius: 30px;
            background-color: white;
            /*background-color: #fff;*/
        }

        #carouselProdRow {
            margin-right: 0px;
            margin-left: 0px;
        }


        .position-lg-relative {
            position: relative !important;
            top: unset;
            left: unset;
            transform: unset;
            width: unset;
        }

        .w-lg-10 {
            width: 10% !important;
        }

        .w-lg-20 {
            width: 20% !important;
        }

        .w-lg-30 {
            width: 30% !important;
        }

        .w-lg-40 {
            width: 40% !important;
        }

        .w-lg-50 {
            width: 50% !important;
        }

        .w-lg-60 {
            width: 60% !important;
        }

        .w-lg-70 {
            width: 70% !important;
        }

        .w-lg-80 {
            width: 80% !important;
        }

        .w-lg-90 {
            width: 90% !important;
        }

        .m-lg-max {
            margin: var(--val-max-mq);
        }

        .mr-lg-max {
            margin-right: var(--val-max-mq);
        }

        .ml-lg-max {
            margin-left: var(--val-max-mq);
        }

        .mt-lg-max {
            margin-top: var(--val-max-mq);
        }

        .mb-lg-max {
            margin-bottom: var(--val-max-mq);
        }

        .mx-lg-max {
            margin-right: var(--val-max-mq);
            margin-left: var(--val-max-mq);
        }

        .my-lg-max {
            margin-top: var(--val-max-mq);
            margin-bottom: var(--val-max-mq);
        }

        .p-lg-max {
            padding: var(--val-max-mq);
        }

        .pr-lg-max {
            padding-right: var(--val-max-mq);
        }

        .pl-lg-max {
            padding-left: var(--val-max-mq);
        }

        .pt-lg-max {
            padding-top: var(--val-max-mq) !important;
        }

        .pb-lg-max {
            padding-bottom: var(--val-max-mq);
        }

        .px-lg-max {
            padding-right: var(--val-max-mq);
            padding-left: var(--val-max-mq);
        }

        .py-lg-max {
            padding-top: var(--val-max-mq);
            padding-bottom: var(--val-max-mq);
        }

        .m-lg-med {
            margin: var(--val-med-mq);
        }

        .mr-lg-med {
            margin-right: var(--val-med-mq);
        }

        .ml-lg-med {
            margin-left: var(--val-med-mq);
        }

        .mt-lg-med {
            margin-top: var(--val-med-mq);
        }

        .mb-lg-med {
            margin-bottom: var(--val-med-mq);
        }

        .mx-lg-med {
            margin-right: var(--val-med-mq);
            margin-left: var(--val-med-mq);
        }

        .my-lg-med {
            margin-top: var(--val-med-mq);
            margin-bottom: var(--val-med-mq);
        }

        .p-lg-med {
            padding: var(--val-med-mq);
        }

        .pr-lg-med {
            padding-right: var(--val-med-mq);
        }

        .pl-lg-med {
            padding-left: var(--val-med-mq);
        }

        .pt-lg-med {
            padding-top: var(--val-med-mq) !important;
        }

        .pb-lg-med {
            padding-bottom: var(--val-med-mq);
        }

        .px-lg-med {
            padding-right: var(--val-med-mq);
            padding-left: var(--val-med-mq);
        }

        .py-lg-med {
            padding-top: var(--val-med-mq);
            padding-bottom: var(--val-med-mq);
        }

        .m-lg-min {
            margin: var(--val-min-mq);
        }

        .mr-lg-min {
            margin-right: var(--val-min-mq);
        }

        .ml-lg-min {
            margin-left: var(--val-min-mq);
        }

        .mt-lg-min {
            margin-top: var(--val-min-mq);
        }

        .mb-lg-min {
            margin-bottom: var(--val-min-mq);
        }

        .mx-lg-min {
            margin-right: var(--val-min-mq);
            margin-left: var(--val-min-mq);
        }

        .my-lg-min {
            margin-top: var(--val-min-mq);
            margin-bottom: var(--val-min-mq);
        }

        .p-lg-min {
            padding: var(--val-min-mq);
        }

        .pr-lg-min {
            padding-right: var(--val-min-mq);
        }

        .pl-lg-min {
            padding-left: var(--val-min-mq);
        }

        .pt-lg-min {
            padding-top: var(--val-min-mq);
        }

        .pb-lg-min {
            padding-bottom: var(--val-min-mq);
        }

        .px-lg-min {
            padding-right: var(--val-min-mq);
            padding-left: var(--val-min-mq);
        }

        .py-lg-min {
            padding-top: var(--val-min-mq);
            padding-bottom: var(--val-min-mq);
        }
    }

    @media (min-width: 1200px) {
        /*XL*/

        .testoRecensioni {
            padding-left: 12rem !important;
            padding-right: 12rem !important;
        }

        .position-xl-relative {
            position: relative !important;
            top: unset;
            left: unset;
            transform: unset;
            width: unset;
        }

        .w-xl-10 {
            width: 10% !important;
        }

        .w-xl-20 {
            width: 20% !important;
        }

        .w-xl-30 {
            width: 30% !important;
        }

        .w-xl-40 {
            width: 40% !important;
        }

        .w-xl-50 {
            width: 50% !important;
        }

        .w-xl-60 {
            width: 60% !important;
        }

        .w-xl-70 {
            width: 70% !important;
        }

        .w-xl-80 {
            width: 80% !important;
        }

        .w-xl-90 {
            width: 90% !important;
        }

        .m-xl-max {
            margin: var(--val-max-mq);
        }

        .mr-xl-max {
            margin-right: var(--val-max-mq);
        }

        .ml-xl-max {
            margin-left: var(--val-max-mq);
        }

        .mt-xl-max {
            margin-top: var(--val-max-mq);
        }

        .mb-xl-max {
            margin-bottom: var(--val-max-mq);
        }

        .mx-xl-max {
            margin-right: var(--val-max-mq);
            margin-left: var(--val-max-mq);
        }

        .my-xl-max {
            margin-top: var(--val-max-mq);
            margin-bottom: var(--val-max-mq);
        }

        .p-xl-max {
            padding: var(--val-max-mq);
        }

        .pr-xl-max {
            padding-right: var(--val-max-mq);
        }

        .pl-xl-max {
            padding-left: var(--val-max-mq);
        }

        .pt-xl-max {
            padding-top: var(--val-max-mq);
        }

        .pb-xl-max {
            padding-bottom: var(--val-max-mq);
        }

        .px-xl-max {
            padding-right: var(--val-max-mq);
            padding-left: var(--val-max-mq);
        }

        .py-xl-max {
            padding-top: var(--val-max-mq);
            padding-bottom: var(--val-max-mq);
        }

        .m-xl-med {
            margin: var(--val-med-mq);
        }

        .mr-xl-med {
            margin-right: var(--val-med-mq);
        }

        .ml-xl-med {
            margin-left: var(--val-med-mq);
        }

        .mt-xl-med {
            margin-top: var(--val-med-mq);
        }

        .mb-xl-med {
            margin-bottom: var(--val-med-mq);
        }

        .mx-xl-med {
            margin-right: var(--val-med-mq);
            margin-left: var(--val-med-mq);
        }

        .my-xl-med {
            margin-top: var(--val-med-mq);
            margin-bottom: var(--val-med-mq);
        }

        .p-xl-med {
            padding: var(--val-med-mq);
        }

        .pr-xl-med {
            padding-right: var(--val-med-mq);
        }

        .pl-xl-med {
            padding-left: var(--val-med-mq);
        }

        .pt-xl-med {
            padding-top: var(--val-med-mq);
        }

        .pb-xl-med {
            padding-bottom: var(--val-med-mq);
        }

        .px-xl-med {
            padding-right: var(--val-med-mq);
            padding-left: var(--val-med-mq);
        }

        .py-xl-med {
            padding-top: var(--val-med-mq);
            padding-bottom: var(--val-med-mq);
        }

        .m-xl-min {
            margin: var(--val-min-mq);
        }

        .mr-xl-min {
            margin-right: var(--val-min-mq);
        }

        .ml-xl-min {
            margin-left: var(--val-min-mq);
        }

        .mt-xl-min {
            margin-top: var(--val-min-mq);
        }

        .mb-xl-min {
            margin-bottom: var(--val-min-mq);
        }

        .mx-xl-min {
            margin-right: var(--val-min-mq);
            margin-left: var(--val-min-mq);
        }

        .my-xl-min {
            margin-top: var(--val-min-mq);
            margin-bottom: var(--val-min-mq);
        }

        .p-xl-min {
            padding: var(--val-min-mq);
        }

        .pr-xl-min {
            padding-right: var(--val-min-mq);
        }

        .pl-xl-min {
            padding-left: var(--val-min-mq);
        }

        .pt-xl-min {
            padding-top: var(--val-min-mq);
        }

        .pb-xl-min {
            padding-bottom: var(--val-min-mq);
        }

        .px-xl-min {
            padding-right: var(--val-min-mq);
            padding-left: var(--val-min-mq);
        }

        .py-xl-min {
            padding-top: var(--val-min-mq);
            padding-bottom: var(--val-min-mq);
        }
    }

    @media (max-width: 1440px) {
        body {
            font-size: calc(11px + 0.2857vw);
        }

        .navbar-header .navbar-logo {
            max-width: calc(132px + 12vw);
            /*max-width: calc(70px + 12vw);*/
        }

        .navbar-light .navbar-nav .nav-link {
            font-size: calc(7px + 0.3571vw);
            line-height: calc(13px + 0.3571vw);
        }

        .m-max {
            margin: var(--val-max-mq);
        }

        .mr-max {
            margin-right: var(--val-max-mq);
        }

        .ml-max {
            margin-left: var(--val-max-mq);
        }

        .mt-max {
            margin-top: var(--val-max-mq);
        }

        .mb-max {
            margin-bottom: var(--val-max-mq);
        }

        .mx-max {
            margin-right: var(--val-max-mq);
            margin-left: var(--val-max-mq);
        }

        .my-max {
            margin-top: var(--val-max-mq);
            margin-bottom: var(--val-max-mq);
        }

        .p-max {
            padding: var(--val-max-mq);
        }

        .pr-max {
            padding-right: var(--val-max-mq);
        }

        .pl-max {
            padding-left: var(--val-max-mq);
        }

        .pt-max {
            padding-top: var(--val-max-mq);
        }

        .pb-max {
            padding-bottom: var(--val-max-mq);
        }

        .px-max {
            padding-right: var(--val-max-mq);
            padding-left: var(--val-max-mq);
        }

        .py-max {
            padding-top: var(--val-max-mq);
            padding-bottom: var(--val-max-mq);
        }

        .m-med {
            margin: var(--val-med-mq);
        }

        .mr-med {
            margin-right: var(--val-med-mq);
        }

        .ml-med {
            margin-left: var(--val-med-mq);
        }

        .mt-med {
            margin-top: var(--val-med-mq);
        }

        .mb-med {
            margin-bottom: var(--val-med-mq);
        }

        .mx-med {
            margin-right: var(--val-med-mq);
            margin-left: var(--val-med-mq);
        }

        .my-med {
            margin-top: var(--val-med-mq);
            margin-bottom: var(--val-med-mq);
        }

        .p-med {
            padding: var(--val-med-mq);
        }

        .pr-med {
            padding-right: var(--val-med-mq);
        }

        .pl-med {
            padding-left: var(--val-med-mq);
        }

        .pt-med {
            padding-top: var(--val-med-mq);
        }

        .pb-med {
            padding-bottom: var(--val-med-mq);
        }

        .px-med {
            padding-right: var(--val-med-mq);
            padding-left: var(--val-med-mq);
        }

        .py-med {
            padding-top: var(--val-med-mq);
            padding-bottom: var(--val-med-mq);
        }

        .m-min {
            margin: var(--val-min-mq);
        }

        .mr-min {
            margin-right: var(--val-min-mq);
        }

        .ml-min {
            margin-left: var(--val-min-mq);
        }

        .mt-min {
            margin-top: var(--val-min-mq);
        }

        .mb-min {
            margin-bottom: var(--val-min-mq);
        }

        .mx-min {
            margin-right: var(--val-min-mq);
            margin-left: var(--val-min-mq);
        }

        .my-min {
            margin-top: var(--val-min-mq);
            margin-bottom: var(--val-min-mq);
        }

        .p-min {
            padding: var(--val-min-mq);
        }

        .pr-min {
            padding-right: var(--val-min-mq);
        }

        .pl-min {
            padding-left: var(--val-min-mq);
        }

        .pt-min {
            padding-top: var(--val-min-mq);
        }

        .pb-min {
            padding-bottom: var(--val-min-mq);
        }

        .px-min {
            padding-right: var(--val-min-mq);
            padding-left: var(--val-min-mq);
        }

        .py-min {
            padding-top: var(--val-min-mq);
            padding-bottom: var(--val-min-mq);
        }

        .text-100 {
            font-size: calc(20px + 5vw);
            line-height: calc(20px + 5,714286vw);
        }

        .text-90 {
            font-size: calc(16px + 4vw);
            line-height: calc(20px + 5,714286vw);
        }

        .text-80 {
            font-size: calc(20px + 4.285714vw);
            line-height: calc(20px + 5vw);
        }

        .text-70 {
            font-size: calc(20px + 3.285714vw);
            line-height: calc(20px + 4.285714vw);
        }

        .text-60-60 {
            font-size: calc(20px + 2.857143vw);
            line-height: calc(20px + 3.285714vw);
        }

        .text-65-65 {
            font-size: calc(20px + 2.857143vw);
            line-height: calc(20px + 3.285714vw);
        }

        .text-60 {
            font-size: calc(20px + 2.857143vw);
            line-height: calc(20px + 4.285714vw);
        }

        .text-50 {
            font-size: calc(20px + 2.142857vw);
            line-height: calc(20px + 2.857143vw);
        }

        .text-40 {
            font-size: calc(20px + 1.428571vw);
            line-height: calc(20px + 2.142857vw);
        }

        .text-34 {
            font-size: calc(20px + 1vw);
            line-height: calc(20px + 1.5vw);
        }

        .text-30 {
            font-size: calc(18px + 0.8571vw);
            line-height: calc(18px + 1,571428vw);
        }

        .text-28 {
            font-size: calc(18px + 0.7142vw);
            line-height: calc(18px + 1,428571vw);
        }

        .text-24 {
            font-size: calc(17px + 0.5vw);
            line-height: calc(17px + 1,214286vw);
        }

        .text-22 {
            font-size: calc(15px + 0.5vw);
            line-height: calc(15px + 1,214286vw);
        }

        .text-20 {
            font-size: calc(14px + 0.4286vw);
        }

        .text-18 {
            font-size: calc(13px + 0.3571vw);
        }

        .text-14 {
            font-size: calc(10px + 0.2857vw);
        }

        .text-13 {
            font-size: calc(9px + 0.2857vw);
        }

        .text-12 {
            font-size: calc(9px + 0.2143vw);
        }

        .text-11 {
            font-size: calc(8px + 0.2143vw);
        }
    }

    @media (max-width: 990px) {
        .navbar-light .navbar-nav .nav-link {
            font-size: calc(11px + 0.3571vw);
            line-height: calc(15px + 0.3571vw);
        }
    }

    .text-handwrite {
        font-family: 'Permanent Marker', cursive;
    }

    .text-typewrite {
        font-family: 'Poppins', sans-serif;
    }

    .text-source {
        font-family: 'Source Sans Pro', sans-serif;
    }

    .line-height-normal {
        line-height: 1.55ex !important;
    }

    .text-black {
        color: #000;
    }

    /*
    IN MEMORIA
*/
    #carouselInMemoria .carousel-inner {
        height: 450px;
    }

    #carouselInMemoria .carousel-control-next-icon, #carouselInMemoria-mobile .carousel-control-next-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f19100' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
    }

    #carouselInMemoria .carousel-control-prev-icon, #carouselInMemoria-mobile .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f19100' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
    }

    #carouselInMemoria .carousel-control-prev, #carouselInMemoria-mobile .carousel-control-prev {
        justify-content: left;
    }

    #carouselInMemoria .carousel-control-next, #carouselInMemoria-mobile .carousel-control-next {
        justify-content: right;
    }

    .carousel-control-next, .carousel-control-prev {
        width: auto;
    }

    #projectText {
        /*width: 500px;*/
    }

        #projectText div.collapse[aria-expanded="false"] {
            display: block;
            height: 45px !important;
            overflow: hidden;
        }

        #projectText.h200 div.collapse[aria-expanded="false"] {
            display: block;
            height: 200px !important;
            overflow: hidden;
        }

        #projectText div.collapse.show[aria-expanded="false"] {
            display: block;
            height: auto !important;
            overflow: hidden;
        }

        #projectText div.collapsing[aria-expanded="false"] {
            height: 45px !important;
        }

        #projectText.h200 div.collapsing[aria-expanded="false"] {
            height: 200px !important;
        }

        #projectText a.aprichiudi.collapsed:after {
            content: 'Continua a leggere';
        }

        #projectText a.aprichiudi:not(.collapsed):after {
            content: '- chiudi';
        }


    .bg-orange a:hover, .card a:hover {
        text-decoration: none;
    }