@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

html {
    font-family: 'Poppins', sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-y: scroll;
    color: #000;
}
html,
body {
    height: 100%;
    min-height: 100%;
}
body { margin: 0; }
a { background-color: transparent; }
a:active,
a:hover { outline: 0; }
a {
    color: #2498e3;
    text-decoration: none;
    cursor: pointer;
}
a:hover {
    color: #188dd9;
    text-decoration: none;
}
img {
    box-sizing: border-box;
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

p {
    font-family: 'Poppins';
}


.text-left{
    text-align:left;
}

.text-right{
    text-align:right;
}

.row {
    margin: 0 0.5em;
}

.col-lg-6.col-md-6.col-sm-12{
    padding: 20px;
}

.col-10 {
   
    margin: 0 auto;
}

.col-12 {
    flex: 0 0 auto;
    width: 100%;
    margin-bottom: 20px;
}

.mb--30{
    margin-bottom: 30px;
}

.mt--50{
    margin-top: 50px;
}

.mt--100{
    margin-top: 100px;
}

.container-fluid{

    padding:0;
    position: relative;
    overflow:hidden;
}

.display-desktop{
    display:none;
}



section.visual-home .container {
    position: absolute;
    top: 6%;
    left: 0%;
}

h1.title-line {
    border-bottom: 2px solid #099e3b;
    display: inline-block;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    padding-bottom: 18px;
    color: #099e3b;
    margin-bottom: 28px;
}

h2 {
    font-family: 'Poppins';
    font-size: 16px;
    color: #000;
    font-weight: 500;
    line-height: 22px;
    background-color: #fff;
    display: inline;
}

h2.green-big {
    color: #3a834c;
    display: contents;
    font-weight: 600;
    font-size: 26px;
    line-height: 26px;
}

section#section-background-green {
    background-image: url(../img/ombra.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: right;
}

section#section-background-green-light {
    background: #daf1e24a;
    padding: 70px 0 0;
    margin: 50px 0;
}


.number {
    flex: 0 0 auto;
    background: #099e3b;
    border-radius: 50%;
    color: #fff;
    width: 120px;
    height: 120px;
    padding: 0;
}

.number h1 {
    font-family: 'Poppins';
    font-size: 70px;
    font-weight: 700;
    padding: 10px;
    margin-bottom: 0;
    width: 120px;
    height: 120px;
    line-height: inherit;
    text-align: center;
}

.step {
    flex: 0 0 auto;
    width: 90px;
    background: #099e3b;
    height: 36px;
    padding: 0;
}

.step p {
    color: #fff;
    font-family: 'Poppins';
    padding: 5px;
    line-height: inherit;
    font-weight: 700;
    text-align: center;
    width: 90px;
    height: 36px;
    margin: 0;
}

.step-text {
    flex: 1 1 50%;
    width: 100%;
    margin: 20px 0;
}

.step-text p {
    margin: 0;
}

.line-step {
    flex: 1 0 10%;
    padding: 0;
}

.vl {
    border-right: 5px dotted #099e3b;
    height: 60px;
    flex: 0 0 auto;
    width: 64px;
}

section#section-no-background {
    margin-top: 40px;
}

p.aziende-top {
    font-weight: 700;
    color: #099e3b;
    min-height: 50px;
}

.torta-aziende {
    margin: 10px 0 20px;
}


.legenda {
    display: inline-block;
    align-items: baseline;
}

.legenda-dett {
    display: flex;
    margin: 0 20px;
    align-items: baseline;
}

.bullet-scuro {
    width: 15px;
    height: 15px;
    background: #115f24;
    border-radius: 50%;
    margin-right: 10px;
   
}

.bullet-medio {
    width: 15px;
    height: 15px;
    background: #099e3c;
    border-radius: 50%;
    margin-right: 10px;
   
}

.bullet-chiaro {
    width: 15px;
    height: 15px;
    background: #8ec047;
    border-radius: 50%;
    margin-right: 10px;
   
}

.bullet-verde {
    width: 15px;
    height: 15px;
    background: #24a63a;
    border-radius: 50%;
    margin-right: 10px;
   
}

.bullet-rosso {
    width: 15px;
    height: 15px;
    background: #c6192d;
    border-radius: 50%;
    margin-right: 10px;
   
}

.bullet-giallo {
    width: 15px;
    height: 15px;
    background: #f59d0f;
    border-radius: 50%;
    margin-right: 10px;
   
}

.line-top {
    margin: 40px 0;
    border-top: 3px solid #099e3b;
    padding-top: 20px;
}

.icone-goals img {
    width: 50px;
    margin-top: 5px;
}

.legenda-risultati {
    display: block;
    margin: 15px 0 -5px 0;
}

.legenda-dett-risultati {
    margin: 0 10px;
    font-size: 20px;
    color: #575f62;
}

p.risultati-text {
    font-size: 40px;
    color: #575f62;
    font-weight: 700;
    margin-bottom: 0;
        margin-top: 30px;
}

.risultato-singolo {
    margin: 30px 0 0;
}

#background-green {
    background: #3a834d;
    color: #fff;
    padding: 30px 0;
}

p.text-bold {
    font-weight: 600;
    font-size: 18px;
}

ol {
    list-style: none;
}

li {
    display: table-row;
}

li:before {
    content: attr(value)"";
    padding-right: 15px;
    margin-left: -30px;
    font-family: 'Poppins';
    min-width: 34px!important;
    display: inline-block;
}

section.footer {
    position: relative;
    background: url(../img/bg-footer-mobile.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}


p.text-footer {
    color: #fff;
}

.loghi-foot {
    height: 70px;
    margin: 10px 10px;
    display: block;
}

.loghi-footer {
    
    display: contents;
}


.conteiner-fluid.separatore {
    position: absolute;
    width: 100%;
    top: -10px;
}

.container.footer-text {
    padding: 60px 0 0 0;
}

.conteiner-fluid.copyright {
    background: #0d6034;
    margin: 30px 0;
}

.col-12.col-copyright {
    margin: 10px 0px;
}

p.text-copyright {
    margin: 0;
    color: #fff;
    font-size: 15px;
}

p.text-copyright a {

    color: #fff;
}
p.totale-top {
    font-size: 30px;
    color: #099e3b;
}


.legenda-dett-sezioni {
    padding-top: 0;
    font-size: 13px;
}



.legenda-goals {
    display: block;
    align-items: baseline;
    justify-content: center;
}

a.btn-scarica {
    background: #3a834c;
    padding: 15px 25px;
    color: #fff;
    /* margin-top: 20px; */
    line-height: 70px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

@media only screen and (min-width:576px) and (max-width:991px){

.display-mobile{
    display:none;
}

.display-desktop{
    display:block;
}

section.visual-home {
    margin-bottom: 60px;

}

section.visual-home .container {
    position: absolute;
    top: 7%;
    left: 8%;
}

h1.title-line {
    border-bottom: 2px solid #099e3b;
    display: inline-block;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    color: #099e3b;
    margin-bottom: 28px;
    padding-bottom: 18px;
}

h2 {
    font-family: 'Poppins';
    font-size: 20px;
    color: #000;
    font-weight: 500;
    line-height: 28px;
    background-color: #fff;
    display: inline;
}

h2.green-big {
    color: #3a834c;
    display: contents;
    font-weight: 600;
    font-size: 32px;
    line-height: 35px;
}

.legenda-dett-risultati {
    margin: 0 10px;
    font-size: 20px;
}

.loghi-foot {
    height: 45px;
    margin: 0 18px 0 0;
}

}



@media only screen and (min-width:992px){


.display-mobile{
    display:none;
}

.display-desktop{
    display:block;
}

section.visual-home {
    margin-bottom: 60px;

}

h2 {
    font-family: 'Poppins';
    font-size: 42px;
    color: #000;
    font-weight: 500;
    line-height: 48px;
    background-color: #fff;
    display: inline;
}

h2.green-big {
    color: #3a834c;
    display: contents;
    font-weight: 600;
    font-size: 65px;
    line-height: 70px;
}

p.big {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    line-height: 32px;
    margin-top: 16px;
}

p.small {
    font-size: 16px;
    font-weight: 100;
    line-height: 32px;
    color: #fff;
}



section.visual-home .container {
    position: absolute;
    top: 10%;
    left: 10%;
}

.arrow-down {
    width: 352px;
    height: 352px;
    background: rgba(103, 136, 81, 0.1);
    bottom: -200px;
    position: absolute;
    border-radius: 50%;
    transform: translate(-50%, 0);
    left: 50%;
}

.container-fluid{

    padding:0;
    position: relative;
    overflow:hidden;
}

.step-text {
    flex: 1 1 50%;
    width: 100%;
    margin: 20px;
}

.legenda {
    display: inline-flex;
    align-items: baseline;
}

.icone-goals img {
    width: 70px;
}


.legenda-dett-risultati {
    margin: 0 10px;
    font-size: 28px;
}

section.footer {
    position: relative;
    background: url(../img/bg-footer.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.container.footer-text {
    padding: 130px 0 0 0;
}

.loghi-foot{
    height: 70px;
    margin: 0 30px 0 0;
}

.loghi-footer {
    
    display: contents;
}

p.text-footer {
    color: #fff;
}

.legenda-dett-sezioni {
    padding-top: 65px;
    font-size: 14px;
}

.legenda-goals {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

a.btn-scarica {
    background: #3a834c;
    padding: 15px 25px;
    color: #fff;
    margin-top: 20px;
    line-height: 113px;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
}

}