/* ------------------------------------------------  */
/* ------------------------------------------------  */
/* --------- OVERRIDE STILI DEL TEMA --------------  */
/* ------------------------------------------------  */
/* ------------------------------------------------  */

/* IMPOSTAZIONI DI BASE */

.colore1 {background-color: #ffead4 !important} /* peach */
.colore2 {background-color: #cdfdcb !important} /* verdino */
.colore3 {background-color: #fcffc2 !important} /* giallino */
.colore4 {background-color: #ceedff !important} /* celestino */
.colore5 {background-color: #2C6DA2 !important;} /* innocente */
.colore6 {background-color: #F8F7F7 !important;} /* grigietto chiaro */
.colore7 {background-color: #ecddff !important} /* lilla */

.colore8 {background-color: #76ff71 !important} /* cta */

.colore9 {background-color: #ffebec !important} /* rosso no */
.colore10 {background-color: #f0ffef !important} /* verde si */


.chiaro {color:#f2f2f2 !important}
.scuro {color:#3b3b3b !important}

.bianco {color: #ffffff !important}
.nero {color: #0c0909 !important}
.bluscuro {color: #151d41 !important}



/* FONT GOOGLE */
h1 {
    font-family: 'Playfair Display', serif !important;
    font-size: 3rem;
    font-weight: 400 !important;
}

/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
    h1 {
        font-family: 'Playfair Display', serif !important;
        font-size: 4rem;
        font-weight: 400 !important;
    }
}

/* On screens that are 600px or less, set the background color to blue */
@media screen and (max-width: 600px) {
    h1 {
        font-family: 'Playfair Display', serif !important;
        font-size: 3rem;
        font-weight: 600 !important;
    }
}

h2, h3 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300 !important;
}

h4, h5 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
}

h6 {
    font-family: 'Roboto', sans-serif !important;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
}

p {
    font-family: 'Roboto', sans-serif !important;
    font-size: 18px !important;
    color: #0c0909 !important;
	font-weight: 300;
}

ul, li {
    font-family: 'Roboto', sans-serif !important;
    font-size: 18px !important;
    font-weight: 400;
    color: #3b3b3b;
    list-style: square;
    }

.list-item-text {
    font-family: 'Roboto', sans-serif !important; 
    color: #3b3b3b !important;
    font-weight: 400;
}
    

a {font-family: 'Roboto', sans-serif !important;color: #2C6DA2;}
a:hover {font-family: 'Roboto', sans-serif !important;color: #D8EDFF;}


.small {
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500;
    color: #868686;
}

/* STILI NUOVI */

.hero {background-color: #ecddff;}

.playfair {
	font-family: 'Playfair Display', serif !important;
    font-weight: 400 !important;
}

.sottolineato {
	text-decoration-line: underline;
	text-decoration-color: rgba(27, 127, 204, .2);
}


.centra {text-align: center !important;}
.prezzocgn {
    text-decoration: line-through;
    font-size: 28px !important;
    color: #ababab !important;
}

.testoscript {
    font-family: 'Playfair Display', serif !important;
    text-align: center !important;
    font-size: 2rem !important;
    line-height: 3rem;
    font-weight: 500;
    font-style: italic;
}

.sceltapiano {
    background-color: #4444;
}

.bordo0 {border-left: 15px solid #f2f2f2;}
.bordo1 {border-left: 15px solid #f3e9ff;}
.bordo2 {border-left: 15px solid #ceedff;}
.bordo3 {border-left: 15px solid #cdfdcb;}
.bordo4 {border-left: 15px solid #cdcdcd;}
.bgtabella {background-color: #f2f2f2;}


.tag1 {font-size: 10px; font-weight: 700; color: #9568d0; padding: 6px 6px; border: 1px solid #0c0909; background-color: #dbbfff; margin-right: 5px; letter-spacing: 2px; text-transform: uppercase;} /* PRIVATI */
.tag2 {font-size: 10px; font-weight: 700; color: #529bc6; padding: 6px 6px; border: 1px solid #0c0909; background-color: #ceedff; margin-right: 5px; letter-spacing: 2px; text-transform: uppercase;} /* AZIENDE */
.tag3 {font-size: 10px; font-weight: 700; color: #479b44; padding: 6px 6px; border: 1px solid #0c0909; background-color: #cdfdcb; margin-right: 5px; letter-spacing: 2px; text-transform: uppercase;} /* STUDI */

.tag4 {font-size: 10px; font-weight: 700; color: #0c0909; padding: 6px 6px; border: 1px solid #0c0909; background-color: #b2b2b2; margin-right: 5px; letter-spacing: 2px; text-transform: uppercase;} /* STARTER PLUS */
.tag5 {font-size: 10px; font-weight: 700; color: #ffffff; padding: 6px 6px; border: 1px solid #0c0909; background-color: #0c0909; margin-right: 5px; letter-spacing: 2px; text-transform: uppercase;} /* STARTER */

.tag6 {font-size: 10px; font-weight: 700; color: #0c0909; padding: 6px 6px; border: 1px solid #0c0909; margin-right: 5px; letter-spacing: 2px; text-transform: uppercase;} /* CATEGORIA */

.tag7 {font-size: 10px; font-weight: 700; color: #0c0909; padding: 6px 6px; border: 1px solid #0c0909; background-color: #fff9aa; margin-right: 5px; letter-spacing: 2px; text-transform: uppercase;} /* INFRASTRUTTURA */

/* OVERRIDE STILI ORIGINALI DEL TEMA */

.site-header {padding:15px 0 !important}
.is-stuck {background: #629ece  !important;}
.ot-heading > span {
    font-family: 'Roboto', sans-serif !important; 
	color: rgba(27, 127, 204, .8);
    background: rgba(27, 127, 204, .2);
}

.ot-counter span {
    font-family: 'Roboto', sans-serif !important; 
}

.icounter-title {
    font-family: 'Roboto', sans-serif !important; 
}

.top-14 .overlay {
    background-image: none !IMPORTANT;
    background-color: #0c0909 !important;
}

/* Introduzione */
.hover1:hover {background-color: #dbbfff !important; color: #0c0909 !important; 
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear; 
    transform: translateY(-5%);}

.hover2:hover {background-color: #ceedff !important; color: #0c0909 !important; 
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear; 
    transform: translateY(-5%);}

.hover3:hover {background-color: #cdfdcb !important; color: #0c0909 !important; 
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear; 
    transform: translateY(-5%);}



.btn-cta-header .octf-btn {
    font-family: 'Roboto', sans-serif !important; 
}

.octf-btn.octf-btn-primary {
    font-family: 'Roboto', sans-serif !important; 
}

.ot-icon-box .icon-box-btn {
    font-family: 'Roboto', sans-serif !important; 
}

.icon-box-des {
    font-family: 'Roboto', sans-serif !important; font-weight: 300;
}

/* Pricing */

.spunta {fill:#51dd4c !important; text-align: center!important; vertical-align: middle!important;} 
.list-item-icon svg {fill:#51dd4c !important}

.ot-icon-box {background-color: #ffffff; min-height: 620px; border: 1px solid #cbcbcb; padding: 30px 30px 0px 30px;}

.ot-pricing-table .inner-table h2 {color: #0c0909;}

.ot-pricing-table {background-color: #ffffff; border: 1px solid #0c0909;}
.ot-pricing-table:hover {background-color: #ceedff !important; color: #0c0909 !important; transform: scale(1.05);}
.title-table {color: #0c0909}
.ot-pricing-table:hover h4, .ot-pricing-table:hover .details ul li.active {color: #0c0909;}

.octf-btn { 
    font-family: 'Roboto', sans-serif !important; font-size: 14px !important; background-color: #0c0909 !important; color:#cdfdcb !important; border-radius: 5px 5px 5px 5px;
     border: 1px solid #ffffff;
    }
.octf-btn:hover {
    font-family: 'Roboto', sans-serif !important; background-color: #cdfdcb !important; color:#0c0909 !important; border-radius: 5px 5px 5px 5px;
    border: 1px solid #0c0909;
}

.secondario { font-family: 'Roboto', sans-serif !important; background-color: #f2f2f2 !important; border: 1px solid #000000; color:#0c0909 !important;}
.secondario:hover { font-family: 'Roboto', sans-serif !important; background-color: #c7c7c7 !important; color:#0c0909 !important; border: 1px solid #0c0909;border-radius: 5px 5px 5px 5px;}


.cta-1 { 

    font-family: 'Roboto', sans-serif !important;
    background-color: #FF8E2A  !important;
    color: #ffffff !important;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #0c0909;
}
.cta-1:hover { 
    font-family: 'Roboto', sans-serif !important;
    background-color: #f7a769 !important;
    color: #ffffff !important;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #0c0909;
}

.ghost { font-family: 'Roboto', sans-serif !important; background-color: #ffffff !important; color:#2C6DA2 !important; border: 1px solid #2C6DA2;border-radius: 5px 5px 5px 5px;}
.ghost:hover { font-family: 'Roboto', sans-serif !important; background-color: #4682b4 !important; color:#ffffff !important; border: 1px solid #ffffff;border-radius: 5px 5px 5px 5px;}

.ot-icon-box .icon-box-btn {text-transform: none !important;color: #2C6DA2;}


table,
th,
td {
  border: 1px solid #0c0909 !important
} 


/* TESTIMONIAL */
.ot-testimonials-slider-15 .ttext {
    font-family: 'Playfair Display', serif !important;
    font-weight: 500;
}

.ot-testimonials-slider-15 h6 {
    font-family: 'Roboto', sans-serif !important; 
}

/* FAQ */
.ot-accordions .acc-item .acc-toggle {
    font-family: 'Roboto', sans-serif !important; 
}

/* form contatti */

input[type=text], input[type=email], input[type=tel] {
	color: #b5b5b5;
    padding: 10px 20px;
    box-sizing: border-box;
    outline: none;
    border: none;
    border-bottom: 1px solid #ced4da;
    border-radius: 0px;
    background: #ffffff;

}

select {
    width: 80%;
    color: #0c0909;
    padding: 15px;
    border: 1px solid #0c0909 !important;
    background: #ffffff;
}

/* pagina Vantaggi */ 

.service12-img-1 {background-color: #ecddff !important;}
.service12-img-2 {background-color: #ceedff !important;}
.service12-img-3 {background-color: #cdfdcb !important;}


@media screen and (max-width: 1023px) {
    .br-mobile {
        display:block;
    }
}

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

}



.Roboto-thin {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .Roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .Roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .Roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .Roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .Roboto-black {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .Roboto-thin-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .Roboto-light-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .Roboto-regular-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .Roboto-medium-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .Roboto-bold-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .Roboto-black-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: italic;
  }
  
  .cta-1 {
    font-family: 'Roboto', sans-serif !important;
    /* background-color: #FF8E2A !important; */
    color: #ffffff !important;
    border-radius: 5px 5px 5px 5px !important;
    border: 0px !important;
  }

  .etichetta-01 {
    background-color: #fcffc2 !important;
    color: #3b3b3b !important;
  }

  h5.fascione-blu {
    font-size: 150%;
  }

  @media (min-width: 1200px){
    .heading-eseprienza {
        padding-right: 100px;
      }
  }

  @media (max-width: 1199px){
    .bottoni-doppi {
        margin-bottom: 20px;
        margin-top: 20px;
    }
  }

#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
  }