html {
  scroll-behavior: smooth;
}
	
html, body {
    box-sizing: border-box;
    /*font-family: 'DM Sans', sans-serif;*/
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #4d4d4d;
    line-height: 1.8em;
    font-size: 18px;
}

h1 { font-weight: 700; } 
h2 { font-weight: 700; } 
h3 {  } 

a { text-decoration: none !important; color: #0656a7; font-size: inherit;  }
a:hover { color: #0656a7; }
b, strong { font-size: inherit !important; }
tspan { font-size: 0.8rem; }
span { color: inherit; font-size: inherit; }

.footer { background-color:#191a1a; }	
.footer * {color:#fff; text-decoration:none; font-size:12px; }	
.footer .fa-brands { font-size: 30px !important;}



.tab a {color:#fff !important; font-weight:1000; font-size:1.2em; text-shadow: 2px 0px 4px #000;}
.tab p {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows:200px; grid-gap: 10px; justify-items: center;}	
.ico {background-repeat: no-repeat; background-size: 100% auto; background-position: center; width: 180px; height: 180px; display: inline-block; padding-top: 180px; text-align: center;}
.separatore {border: 2px solid #ffb310; width: 80px;}
.tabellaMobile {overflow-x: auto;}

.txt-verde {color:#28a745;}
.bg-giallo {background-color:#ffb310;}
.bg-gialloChiaro {background-color:#ffedcf;}
.bg-verde {background-color:#28a745;}
.bg-report { background-color: #183a72 !important; }
.bg-report2 { background-color: #0656a7 !important; }

.bg-report2 a:hover, .bg-report a:hover { color: #2caffe !important; }

.btn-verde {background-color:#28a745;}
.btn-verde:hover {background-color:#ffb310;}

.btn-giallo {background-color:#ffb310;}
.btn-giallo:hover {background-color:#28a745;}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
  /*display: none;*/
  overflow: hidden;
}



/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #4CAF50;
}
	
.cc-selector input, .cc-selector-2 input, .cc-selector-3 input {
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}

.int{background-image:url(../img/int.png);}
.intevoce{background-image:url(../img/int+tel.png);}
.modem{background-image:url(../img/modem.png);}
.nomodem{background-image:url(../img/nomodem.png);}
.nonso{background-image:url(../img/man.png);}
	
.cc-selector-3 input:active +.drinkcard-cc, .cc-selector-2 input:active +.drinkcard-cc, .cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector-3 input:checked +.drinkcard-cc, .cc-selector-2 input:checked +.drinkcard-cc, .cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    height:60px;
	padding-left: 70px;
    line-height: 60px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}	

.select2-container--open .select2-dropdown {top:-39px; }
.logoSX {width:100%;}
.logoDX {width:9%}	
	
.bounce-in-left {
	animation: bounce-in-left 1.1s both;
}

/*SCROLL TOP*/
    .scrollup {width:80px; height:80px; position:fixed; bottom:100px; right:200px; display:none; text-indent:-9999px; background-image:url(../img/scrollTop_btn.png); background-position:center; background-repeat:no-repeat; z-index:200; overflow:hidden; opacity:.5; background-size:70%; -moz-transition:ease-in-out .2s; -webkit-transition:ease-in-out .2s; transition:ease-in-out .2s;}
    .scrollup:hover {opacity:.9; background-size:100%;}


/*SCROLL TOP*/

    .header-menu { text-align: center; padding-top: 50px;}


/* PAGINA ATECO */
    .list-group-item a { 
        text-decoration: none; 
        margin-left: 20px;
        vertical-align: super;
}

/* Form hubspot */
.private-form__set+.private-form__set {
    display: none;
}