:root {

/* ---------- font size ---------- */

    --font-body: 16px;
    --font-xx-large: 3rem;
    --font-x-large: 2rem;
    --font-large: 1.6rem;
    --font-medium: 1.31rem;
    --font-normal: 1rem;
    --font-small: .875rem;
    --font-x-small: .7rem;

    --fonth-xx-large: 3rem;
    --fonth-x-large: 2rem;
    --fonth-large: 1.6rem;
    --fonth-medium: 1.7rem;
    --fonth-normal: 1rem;
    --fonth-small: 1.2rem;
    --fonth-x-small: .7rem;

    --font-option: .7rem;
    --font-apice: 1rem;
    --font-pedice: 1rem;
    --font-family-1: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans;
    --font-family-2: 'Nunito', sans-serif;
    --line-height-body: 1.6rem;
    --line-height-p: 1.6rem;

/* ---------- COLOR ---------- */
    
    --w-color-text: #585858; 
    --w-color-text-bold: #585858;
    --w-color-text-apici: #2F98CE;
    --w-color-text-pedici: #2F98CE;
    --w-color-1:#2F98CE;
    --w-color-1-n:#ffffff;
    --w-color-2:#55555e;
    --w-color-2-n:#ffffff;
    --w-color-3:#8ECEE3;
    --w-color-3-n:#ffffff;
    --w-color-4:#FFDA05;
    --w-color-4-n:#585858;
    --w-color-5:#f9f9f9;
    --w-color-5-n:#585858;
    --w-color-input:#f9f9f9;
    --w-hover: #8ECEE3;
    --w-hover-text: #55555e;
    --w-black-gradient: linear-gradient(0deg, rgba(0,0,0,0) 49%, rgba(0,0,0,0.725910432532388) 100%);
    --w-shadow: #00000023;

    --w-header-color: #ffffffe5;
    --w-header-color-small: #065ca9; 
    
    --w-gray-100: #F3F4F6;
    --w-gray-200: #E5E7EB;
    --w-gray-300: #D1D5DB;
    --w-gray-400: #9CA3AF;
    --w-gray-500: #6B7280;
    --w-gray-600: #4B5563;
    --w-gray-700: #374151;
    --w-gray-800: #1F2937;
    --w-gray-900: #111827;
    --sup: white;

    --button-green: #87c814;
    --button-blue: #065ca9;
    --button-yellow: #ffc107;
    --button-orange: #fd7e14;
    --button-red: #dc3545;
    --button-purple: #6f42c1;
    --button-cyano: #00b7ff;
    --w-ms-green: #b2e5a8;
    --w-ms-red: #dc3545;
    --w-ms-orange: #ff9e4e;
    --w-ms-yellow: #fdc314;
    --w-ms-blue: #5ebac9;
    --w-ms-green-n: #506b3a;
    --w-ms-red-n: #ffffff;
    --w-ms-orange-n: #ffffff;
    --w-ms-yellow-n: #70400d;
    --w-ms-blue-n: #1a4758;

/* ---------- BOX PROPERTY ---------- */

    --60: 60px !important;
    --55: 55px !important;
    --50: 50px !important;
    --45: 45px !important;
    --40: 40px !important;
    --35: 35px !important;
    --30: 30px !important;
    --25: 25px !important;
    --20: 20px !important;
    --18: 18px !important;
    --16: 16px !important;
    --15: 15px !important;
    --14: 14px !important;
    --12: 12px !important;
    --10: 10px !important;
    --8: 8px !important;
    --6: 6px !important;
    --5: 5px !important;
    --4: 4px !important;
    --0: 0px !important;

    --radio-site: 10px !important;
    --radio-0: 0px !important;
    --radio-5: 5px !important;
    --radio-8: 8px !important;
    --radio-10: 10px !important;
    --radio-15: 15px !important;
    --radio-20: 20px !important;
    --radio-25: 25px !important;
    --radio-30: 30px !important;
    --radio-35: 35px !important;
    --radio-50p: 50% !important;
    --radio-100p: 100% !important;

    --w-100: 100%;
    --w-90: 90%;
    --w-80: 80%;
    --w-70: 70%;
    --w-65: 65%;
    --w-60: 60%;
    --w-50: 50%;
    --w-40: 40%;
    --w-35: 35%;
    --w-33: 33.33%;;
    --w-30: 30%;
    --w-25: 25%;
    --w-20: 20%;
    --w-16: 16.66%;;
    --w-15: 15%;
    --w-10: 10%;
    --media-tablet: 900px;
    --w-max-width: 1200px;
    --box-max: 1500px;

/* ---------- PERSONALIZZAZIONI ---------- */

    --w-header: 200px;
    --w-header-small: 70px;
    --w-header-up: 50px;
    --w-header-down: 150px;
    --w-header-down-small: 70px;
    --w-header-padding: 50px;
    --w-width-menu-left: 52px;
    --w-menu-orizontale-h: 5px;
}

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

:root {
   
    --font-body: 15px;

}