#myFooter{ 
    box-shadow: 0 4px 8px 4px rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 767px) {
    div#TemplateBottom_Box{
        background-color: var(--primary);
        vertical-align: top;	
        color: var(--primary_c);
        font-size: 1em;
        text-align: left;
        opacity: 0.8;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
        padding: 40px 20px;
    }    
}
@media screen and (min-width: 768px) {
    div#TemplateBottom_Box{
        vertical-align: top;	
        background-color: var(--primary);
        color: var(--primary_c);
        font-size: 1em;
        text-align: left;
        padding: 50px;
        display: flex;
        justify-content: space-between;
        padding: 50px;
        opacity: 0.8;    
    }    
}
div#TemplateBottom:after{
    content: ' ';
    width: 100%;
    height: 100%;
    background-color: var(--primary);
    opacity: 0.5;
    display: block;
}

div#TemplateBottom_Box a{
        color: var(--primary_c);
}
div#TemplateBottom_Box .Title{
    color: var(--primary_c);
    font-size: 1.3rem;
    margin-bottom: 20px;
}

/*/////////////// BOTTOM //////////////////////////////////////////////*/
@media screen and (min-width: 768px) {
    div#InfoBottom_Box{
        background-image: url(img/infobottom_bg.png);
        height: 141px;
        text-align: right;
        font-size: 1.1em;
        line-height: 25px;
    }

    div#InfoBottom_Pad{
        padding: 50px 20px 0px 5px;
    }

    div#LeftBottom_Box{  
        width: 25%;
        float: left;
        height: 240px;
        line-height: 26px;
        text-align:justify;
    }


    div#MiddleBottom_Box{
        width: 25%;
        line-height: 26px;
        float: left;
        text-align: left;
    }

    div#RightBottom_Box{  
        width: 49%;
        font-size: 1em;
        text-align: right;
        line-height: 26px;
        float: left;
    }

    div#SoftwarePoint{
        width: 95%;
        margin-right: auto;
        margin-left: auto;
        text-align: right;
    }
}
div#TemplateBottom_copyright{
  border-top: solid 1px var(--neutral_light_c);
  background-color: var(--neutral_light);
  color: var(--neutral_light_c);
  padding: 30px;

}
div#TemplateBottom_copyright a{
    color: var(--neutral_light_c);
}
div#TemplateBottom_copyright a:hover{
    color: var(--primary);
}

@media screen and (max-width: 767px) {
    div#Slogan_Box{
        display: none;
    }
    div#TemplateColSX_Box{
        display: none;
    }

    div#LeftBottom_Box{ 
        display: none;
    }

    div#MiddleBottom_Box{
        display: none;
    }

    div#RightBottom_Box{  
        width: 100%;
        font-size: 1em;
        text-align: right;
        line-height: 26px;
    }

    div#SoftwarePoint{
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        text-align: right;
    }

}

/*** BOTTONE E MENU AREA PRIVATA *****/
@media screen and (max-width: 767px) {
    .PrivateAreaNavBar_box{
        display: none;
    } 
}
@media screen and (min-width: 768px) {
    .PrivateArea_button{
        background-color: var(--neutral_light);
        padding: 15px 25px;
    }
    .PrivateArea_button a{
        color: var(--neutral_light_c);
    }
    .PrivateArea_button:hover{
        background-color: var(--primary);
        padding: 16px;
        color: var(--primary_c);
    }
    .PrivateArea_button:hover a{
        color: var(--primary_c);
    }

    .PrivateAreaNavBar_box{
        position: fixed;
        top: 0px;
        left: 0;
        width: 25%;
        height: 100%;
        padding: 30px;
        text-align: left;
        background-color: var(--neutral_light);
        color: var(--neutral_light_c);
        transition: 0.8s;
        transform: translateX(-100%);
        z-index: 1010;
    }
    .PrivateAreaNavBar_box a{
        color: var(--neutral_light_c);
    }
    .showMenuHidden{
        transform: translateX(0);
    }
}


/***************************************/
/*            CARD 1                   */
/***************************************/
#BottomContact{
    text-align: left;
    background-color: var(--secondary);
    color: var(--secondary_c);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 80px;
    font-size: 1.8rem;
    line-height: 2rem;
}
#BottomContact span{
    font-size: 1.5rem;
    padding-top: 15px;
}
#BottomContact .Catalogo_button{
    background-color: var(--primary);
    color: var(--primary_c);
    font-size: 1.2rem;
    transition-duration: 1sec;
}
#BottomContact .Catalogo_button:hover{
    background-color: var(--neutral);
    color: var(--neutral_c);
}