/* Valore Precedente */
.valorePrecedente {
    border-style: solid !important;
    border-color: green !important;
    border-width: 5px !important;
}

/* Re-usable stuff */
.table {display: table;width: 100%;height: 100%;}
.cell {display: table-cell;text-align: center;vertical-align: middle;}
  
.scroll-x {overflow-x: scroll;}
.scroll-y {overflow-y: scroll;}
.overflowHidden, .scrollHidden {overflow: hidden;}
.italic {font-style: italic !important;}
.text-top {vertical-align: top !important;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}
.no-border {border-radius: 0px !important;}
.block {display: block !important;}
.inline-block {display: inline-block !important;}
.inline {display: inline !important;}
.relative {position: relative !important;}
.absolute {position: absolute !important;}
.fixed {position: fixed !important;}
.wide {width: 100% !important;}
.nowrap {white-space: nowrap;}
.opacity-0 {opacity: 0 !important;}
.opacity-1 {opacity: 0.1 !important;}
.opacity-2 {opacity: 0.2 !important;}
.opacity-3 {opacity: 0.3 !important;}
.opacity-4 {opacity: 0.4 !important;}
.opacity-5 {opacity: 0.5 !important;}
.opacity-6 {opacity: 0.6 !important;}
.opacity-7 {opacity: 0.7 !important;}
.opacity-8 {opacity: 0.8 !important;}
.opacity-9 {opacity: 0.9 !important;}
.transparent {background: transparent !important;}

/* Padding */
.padding-0 {padding: 0px !important;}
.padding-1 {padding: 10px !important;}
.padding-2 {padding: 20px !important;}
.padding-3 {padding: 30px !important;}
.padding-4 {padding: 40px !important;}
.padding-5 {padding: 50px !important;}
.padding-6 {padding: 60px !important;}
.padding-7 {padding: 70px !important;}
.padding-8 {padding: 80px !important;}
.padding-9 {padding: 90px !important;}
.padding-10 {padding: 100px !important;}
.padding-top-0 {padding-top: 0px !important;}
.padding-top-1 {padding-top: 10px !important;}
.padding-top-2 {padding-top: 20px !important;}
.padding-top-3 {padding-top: 30px !important;}
.padding-top-4 {padding-top: 40px !important;}
.padding-top-5 {padding-top: 50px !important;}
.padding-top-6 {padding-top: 60px !important;}
.padding-top-7 {padding-top: 70px !important;}
.padding-top-8 {padding-top: 80px !important;}
.padding-top-9 {padding-top: 90px !important;}
.padding-top-10 {padding-top: 100px !important;}
.padding-right-0 {padding-right: 0px !important;}
.padding-right-1 {padding-right: 10px !important;}
.padding-right-2 {padding-right: 20px !important;}
.padding-right-3 {padding-right: 30px !important;}
.padding-right-4 {padding-right: 40px !important;}
.padding-right-5 {padding-right: 50px !important;}
.padding-right-6 {padding-right: 60px !important;}
.padding-right-7 {padding-right: 70px !important;}
.padding-right-8 {padding-right: 80px !important;}
.padding-right-9 {padding-right: 90px !important;}
.padding-right-10 {padding-right: 100px !important;}
.padding-bottom-0 {padding-bottom: 0px !important;}
.padding-bottom-1 {padding-bottom: 10px !important;}
.padding-bottom-2 {padding-bottom: 20px !important;}
.padding-bottom-3 {padding-bottom: 30px !important;}
.padding-bottom-4 {padding-bottom: 40px !important;}
.padding-bottom-5 {padding-bottom: 50px !important;}
.padding-bottom-6 {padding-bottom: 60px !important;}
.padding-bottom-7 {padding-bottom: 70px !important;}
.padding-bottom-8 {padding-bottom: 80px !important;}
.padding-bottom-9 {padding-bottom: 90px !important;}
.padding-bottom-10 {padding-bottom: 100px !important;}
.padding-left-0 {padding-left: 0px !important;}
.padding-left-1 {padding-left: 10px !important;}
.padding-left-2 {padding-left: 20px !important;}
.padding-left-3 {padding-left: 30px !important;}
.padding-left-4 {padding-left: 40px !important;}
.padding-left-5 {padding-left: 50px !important;}
.padding-left-6 {padding-left: 60px !important;}
.padding-left-7 {padding-left: 70px !important;}
.padding-left-8 {padding-left: 80px !important;}
.padding-left-9 {padding-left: 90px !important;}
.padding-left-10 {padding-left: 100px !important;}
.padding-x-0 {padding-left: 0px !important;padding-right: 0px !important;}
.padding-x-1 {padding-left: 10px !important;padding-left: 10px !important;}
.padding-x-2 {padding-left: 20px !important;padding-left: 20px !important;}
.padding-x-3 {padding-left: 30px !important;padding-left: 30px !important;}
.padding-x-4 {padding-left: 40px !important;padding-left: 40px !important;}
.padding-x-5 {padding-left: 50px !important;padding-left: 50px !important;}
.padding-x-6 {padding-left: 60px !important;padding-left: 60px !important;}
.padding-x-7 {padding-left: 70px !important;padding-left: 70px !important;}
.padding-x-8 {padding-left: 80px !important;padding-left: 80px !important;}
.padding-x-9 {padding-left: 90px !important;padding-left: 90px !important;}
.padding-x-10 {padding-left: 100px !important;padding-left: 100px !important;}
.padding-y-0 {padding-top: 0px !important;padding-bottom: 0px !important;}
.padding-y-1 {padding-top: 10px !important;padding-bottom: 10px !important;}
.padding-y-2 {padding-top: 20px !important;padding-bottom: 20px !important;}
.padding-y-3 {padding-top: 30px !important;padding-bottom: 30px !important;}
.padding-y-4 {padding-top: 40px !important;padding-bottom: 40px !important;}
.padding-y-5 {padding-top: 50px !important;padding-bottom: 50px !important;}
.padding-y-6 {padding-top: 60px !important;padding-bottom: 60px !important;}
.padding-y-7 {padding-top: 70px !important;padding-bottom: 70px !important;}
.padding-y-8 {padding-top: 80px !important;padding-bottom: 80px !important;}
.padding-y-9 {padding-top: 90px !important;padding-bottom: 90px !important;}
.padding-y-10 {padding-top: 100px !important;padding-bottom: 100px !important;}
  

/* margin */
.margin-0 {margin: 0px !important;}
.margin-1 {margin: 10px !important;}
.margin-2 {margin: 20px !important;}
.margin-3 {margin: 30px !important;}
.margin-4 {margin: 40px !important;}
.margin-5 {margin: 50px !important;}
.margin-6 {margin: 60px !important;}
.margin-7 {margin: 70px !important;}
.margin-8 {margin: 80px !important;}
.margin-9 {margin: 90px !important;}
.margin-10 {margin: 100px !important;}
.margin-top-0 {margin-top: 0px !important;}
.margin-top-1 {margin-top: 10px !important;}
.margin-top-2 {margin-top: 20px !important;}
.margin-top-3 {margin-top: 30px !important;}
.margin-top-4 {margin-top: 40px !important;}
.margin-top-5 {margin-top: 50px !important;}
.margin-top-6 {margin-top: 60px !important;}
.margin-top-7 {margin-top: 70px !important;}
.margin-top-8 {margin-top: 80px !important;}
.margin-top-9 {margin-top: 90px !important;}
.margin-top-10 {margin-top: 100px !important;}
.margin-right-0 {margin-right: 0px !important;}
.margin-right-1 {margin-right: 10px !important;}
.margin-right-2 {margin-right: 20px !important;}
.margin-right-3 {margin-right: 30px !important;}
.margin-right-4 {margin-right: 40px !important;}
.margin-right-5 {margin-right: 50px !important;}
.margin-right-6 {margin-right: 60px !important;}
.margin-right-7 {margin-right: 70px !important;}
.margin-right-8 {margin-right: 80px !important;}
.margin-right-9 {margin-right: 90px !important;}
.margin-right-10 {margin-right: 100px !important;}
.margin-bottom-0 {margin-bottom: 0px !important;}
.margin-bottom-1 {margin-bottom: 10px !important;}
.margin-bottom-2 {margin-bottom: 20px !important;}
.margin-bottom-3 {margin-bottom: 30px !important;}
.margin-bottom-4 {margin-bottom: 40px !important;}
.margin-bottom-5 {margin-bottom: 50px !important;}
.margin-bottom-6 {margin-bottom: 60px !important;}
.margin-bottom-7 {margin-bottom: 70px !important;}
.margin-bottom-8 {margin-bottom: 80px !important;}
.margin-bottom-9 {margin-bottom: 90px !important;}
.margin-bottom-10 {margin-bottom: 100px !important;}
.margin-left-0 {margin-left: 0px !important;}
.margin-left-1 {margin-left: 10px !important;}
.margin-left-2 {margin-left: 20px !important;}
.margin-left-3 {margin-left: 30px !important;}
.margin-left-4 {margin-left: 40px !important;}
.margin-left-5 {margin-left: 50px !important;}
.margin-left-6 {margin-left: 60px !important;}
.margin-left-7 {margin-left: 70px !important;}
.margin-left-8 {margin-left: 80px !important;}
.margin-left-9 {margin-left: 90px !important;}
.margin-left-10 {margin-left: 100px !important;}
.margin-x-0 {margin-left: 0px !important;margin-right: 0px !important;}
.margin-x-1 {margin-left: 10px !important;margin-left: 10px !important;}
.margin-x-2 {margin-left: 20px !important;margin-left: 20px !important;}
.margin-x-3 {margin-left: 30px !important;margin-left: 30px !important;}
.margin-x-4 {margin-left: 40px !important;margin-left: 40px !important;}
.margin-x-5 {margin-left: 50px !important;margin-left: 50px !important;}
.margin-x-6 {margin-left: 60px !important;margin-left: 60px !important;}
.margin-x-7 {margin-left: 70px !important;margin-left: 70px !important;}
.margin-x-8 {margin-left: 80px !important;margin-left: 80px !important;}
.margin-x-9 {margin-left: 90px !important;margin-left: 90px !important;}
.margin-x-10 {margin-left: 100px !important;margin-left: 100px !important;}
.margin-y-0 {margin-top: 0px !important;margin-bottom: 0px !important;}
.margin-y-1 {margin-top: 10px !important;margin-bottom: 10px !important;}
.margin-y-2 {margin-top: 20px !important;margin-bottom: 20px !important;}
.margin-y-3 {margin-top: 30px !important;margin-bottom: 30px !important;}
.margin-y-4 {margin-top: 40px !important;margin-bottom: 40px !important;}
.margin-y-5 {margin-top: 50px !important;margin-bottom: 50px !important;}
.margin-y-6 {margin-top: 60px !important;margin-bottom: 60px !important;}
.margin-y-7 {margin-top: 70px !important;margin-bottom: 70px !important;}
.margin-y-8 {margin-top: 80px !important;margin-bottom: 80px !important;}
.margin-y-9 {margin-top: 90px !important;margin-bottom: 90px !important;}
.margin-y-10 {margin-top: 100px !important;margin-bottom: 100px !important;}

.pointer-events {pointer-events: all !important;}
.disable-pointer-events {pointer-events: none !important;}

.noSelect, .noSelect *, .disableSelect, .disableSelect * {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
      -moz-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}

.selectable, .selectable *, .enableSelect, .enableSelect * {
  -webkit-touch-callout: auto !important;
  -webkit-user-select: auto !important;
      -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}

/* Fonts - Source Sans Pro */
/* @font-face {
    font-family: 'Light';
    src: url('./fonts/SSP-Light.ttf') format('truetype'), url('./fonts/SSP-Light.woff') format('woff'), url('./fonts/SSP-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Regular';
    src: url('./fonts/SSP-Regular.ttf') format('truetype'), url('./fonts/SSP-Regular.woff') format('woff'), url('./fonts/SSP-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Semibold';
    src: url('./fonts/SSP-Semibold.ttf') format('truetype'), url('./fonts/SSP-Semibold.woff') format('woff'), url('./fonts/SSP-Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Bold';
    src: url('./fonts/SSP-Bold.ttf') format('truetype'), url('./fonts/SSP-Bold.woff') format('woff'), url('./fonts/SSP-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Bolder';
    src: url('/fonts/SSP-Black.ttf') format('truetype'), url('/fonts/SSP-Black.woff') format('woff'), url('/fonts/SSP-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
} */


/* Base */
body, main, p {
  font-family: 'Regular'; 
  font-weight: 400;
  color: #303030;
  letter-spacing: 0;
  -webkit-transition: ease 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.light {font-family: 'Light'; font-weight: 300;}
.regular {font-family: 'Regular'; font-weight: 400;}
.semibold {font-family: 'Semibold'; font-weight: 600;}
.bold {font-family: 'Bold'; font-weight: 700;}
.bolder {font-family: 'Bolder'; font-weight: 900;}

.black {color: #303030 !important;}
.white {color: #ffffff !important;}
.gray {color: #cccccc !important;}

h1 {font-size: 80px;}
h2 {font-size: 70px;}
h3 {font-size: 60px;}
h4 {font-size: 50px;}
h5 {font-size: 40px;}


@media all and (min-width: 1600px) {}
@media all and (min-width: 1400px) and (max-width: 1599px) {}
@media all and (min-width: 1200px) and (max-width: 1399px) {}
@media all and (min-width: 992px) and (max-width: 1199px) {}
@media all and (min-width: 768px) and (max-width: 991px) {}
@media all and (min-width: 1px) and (max-width: 767px) {}