/* ------------------------------------------------  */


/* ------------------------------------------------  */


/* --------- OVERRIDE STILI DEL TEMA --------------  */


/* ------------------------------------------------  */


/* ------------------------------------------------  */


/* IMPOSTAZIONI DI BASE */

/* arancione */
.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: #FC8F2A !important
}


/* cta */

.colore9 {
    background-color: #ffebec !important
}


/*crema */

.colore10 {
    background-color: #f0ffef !important
}

/* grigio scuro */
.colore11 {
    background-color: #3b3b3b !important
}

/* quasi bianco */
.colore12 {
    background-color: #FAFAFA !important
}

/* giallo fastidio */
.colore13 {
    background-color: #FFFF00 !important;
}


/* verde si */

.chiaro {
    color: #f2f2f2 !important
}

.scuro {
    color: #3b3b3b !important
}

.bianco {
    color: #ffffff !important
}

.nero {
    color: #0c0909 !important
}

.grigio {
    color: #3b3b3b !important
}

.grigiochiaro {
    color: #b6b6b6 !important
}

.arancione {
    color: #FC8F2A !important
}

.blu {
    color: #2C6DA2 !important
}

.giallo {
    background: #fcfc6d !important
}

.red {
    color:#ef0000;
}

.blu-link {
    color: #0000FF !important;
}


.testoBarrato {
    text-decoration: line-through;
}


/* FONT GOOGLE */

h1 {
    font-family: 'Playfair Display', serif !important;
    /* font-size: 4rem; */
    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: 3rem;
        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: 2rem;
        font-weight: 400 !important;
    }
}

h2 {
    font-family: "source-sans-pro", sans-serif !important;
    /*font-family: 'Playfair Display', serif !important;*/
    font-weight: 400 !important;
}

h3,
h4,
h5,
h6 {
    font-family: "source-sans-pro", sans-serif !important;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
}

p {
    font-family: "source-sans-pro", sans-serif !important;
    font-size: 18px !important;
    color: #0c0909 !important;
    line-height: 32px;
    /* text-align: justify; */
}

ul,
li {
    font-family: "source-sans-pro", sans-serif !important;
    font-size: 18px !important;
    font-weight: 500;
    color: #3b3b3b;
    /*list-style: square;*/
    ;
}

li .header_mobile .mobile_nav {
    color: #3b3b3b;
    font-weight: 500;
    background: #2C6DA2 !important;
}

.header_mobile .mobile_nav {
    color: #3b3b3b;
    font-weight: 500;
    background: #2C6DA2 !important;
}

li .menu-main-menu {
    background: #2C6DA2 !important;
}

.list-item-text {
    font-family: "source-sans-pro", sans-serif !important;
    color: #3b3b3b !important;
    font-weight: 500;
}

a {
    font-family: "source-sans-pro", sans-serif !important;
    color: #2C6DA2;
}

a:hover {
    font-family: "source-sans-pro", sans-serif !important;
    color: #D8EDFF;
}

.small {
    font-family: "source-sans-pro", sans-serif !important;
    font-size: 12px !important;
    font-weight: 500;
    color: #868686;
}


/* STILI NUOVI */

.hero {
    background-image: url("../images/header.png") !important;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

.hero-2 {
    font-size: x-large !important;
    line-height: 30px;
    padding: 20px 0;
}

.hero-3 {
    font-weight: 400 !important;
    line-height: 40px;
    font-size: 30px !important;
}

.bloccaprezzo {
    font-size: 32px !important;
    padding: 20px 20px;
}

.centra {
    text-align: center !important;
}

.sinistra {
    text-align: left !important;
}

.giustifica {
    text-align: justify !important;
}

.p-form {
    font-family: "source-sans-pro", sans-serif !important;
    font-size: 18px !important;
    line-height: 24px !important;
    text-align: left !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 */

.is-stuck {
    background: #629ece !important;
}

.ot-heading>span {
    font-family: "source-sans-pro", sans-serif !important;
    font-size: 90%;
    border-radius: 4px;
}

.ot-heading {
    padding: 0px 0 20px 0 !important;
}

.ot-heading-header {
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.ot-heading-header>span {
    /* background-color: blue; */
    padding: 12px 40px;
    font-size: 120%;
    font-weight: 600;
}

.ot-counter span {
    font-family: "source-sans-pro", sans-serif !important;
}

.icounter-title {
    font-family: "source-sans-pro", sans-serif !important;
}

.top-14 .overlay {
    background-image: none !IMPORTANT;
    background-color: #0c0909 !important;
}


/* Introduzione */

.hover1:hover {
    background-color: #ceedff !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: #ceedff !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: "source-sans-pro", sans-serif !important;
}

.octf-btn.octf-btn-primary {
    font-family: "source-sans-pro", sans-serif !important;
}

.ot-icon-box .icon-box-btn {
    font-family: "source-sans-pro", sans-serif !important;
}

.icon-box-des {
    font-family: "source-sans-pro", sans-serif !important;
}


/* 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: 506px;
}

.ot-pricing-table .inner-table h2 {
    color: #0c0909;
}

.ot-pricing-table {
    background-color: #ffffff;
    /*border: 1px solid #0c0909;*/
    line-height: 28px;
}

.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: #3b3b3b;
}

.octf-btn {
    font-family: "source-sans-pro", sans-serif !important;
    font-size: 14px !important;
    background-color: #3b3b3b;
    color: #AAA;
    border-radius: 5px 5px 5px 5px;
}

.octf-btn:hover {
    font-family: "source-sans-pro", sans-serif !important;
    background-color: hsl(0, 0%, 89%) !important;
    color: #0c0909 !important;
    border-radius: 5px 5px 5px 5px;
}

.secondario {
    font-family: "source-sans-pro", sans-serif !important;
    background-color: #f2f2f2 !important;
    border: 1px solid #000000;
    color: #0c0909 !important;
}

.secondario:hover {
    font-family: "source-sans-pro", sans-serif !important;
    background-color: #c7c7c7 !important;
    color: #0c0909 !important;
    border: 1px solid #0c0909;
    border-radius: 5px 5px 5px 5px;
}

.cta-1 {
    font-size: large !important;
    font-family: "source-sans-pro", sans-serif !important;
    background-color: #fc8f2a !important;
    color: #ffffff !important;
    border-radius: 5px 5px 5px 5px;
}

.cta-1:hover {
    font-size: large !important;
    font-family: "source-sans-pro", sans-serif !important;
    background-color: #fc6900 !important;
    color: #ffffff !important;
    border-radius: 5px 5px 5px 5px;
}

.ghost {
    font-family: "source-sans-pro", sans-serif !important;
    background-color: #ffffff !important;
    color: #2C6DA2 !important;
    border: 1px solid #2C6DA2;
    border-radius: 5px 5px 5px 5px;
}

.ghost:hover {
    font-family: "source-sans-pro", 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 #ccc !important
}
tr:hover {background-color: #ceedff;}


/* TESTIMONIAL */

.ot-testimonials-slider-15 .ttext {
    font-family: "source-sans-pro", sans-serif !important;
    font-weight: 500;
}

.ot-testimonials-slider-15 h6 {
    font-family: "source-sans-pro", sans-serif !important;
}


/* FAQ */

.ot-accordions .acc-item .acc-toggle,
.ot-accordions2 .acc-item .acc-toggle {
    font-family: "source-sans-pro", sans-serif !important;
}


/* form contatti */

input[type=text],
input[type=email],
input[type=tel] {
    width: 80%;
    color: #0c0909;
    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;
}

.header-form {
    padding: 20px;
    background-color: #2C6DA2;
    border-radius: 4px;
}

.header-form input {
    margin-bottom: 8px;
}

.header-form-input-text,
#albo {
    min-width: 100%;
}

.header-form select {
    padding: 10px 20px;
}

.cgncaptcha {
    margin-bottom: 8px;
}

#alert_cf,
#alert_albo {
    color: white !important;
    font-weight: 200 !important;
}

.header-privacy {
    font-size: 90%;
    color: white !important;
    font-weight: 200px;
    line-height: 20px;
}

.header-privacy a {
    color: white !important;
    text-decoration: underline;
}

.main-navigation ul>li>a {
    color: white;
}

.bkg-header {
    border-bottom: 1px solid #ccc;
    min-height: 602px;
    background-image: url(../images/background-5.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    padding-bottom: 0;
    /*background-size: cover;*/
}

.form_messages {
    display: none;
    background-color: white;
    border-radius: 8px;
    margin: 0;
    padding-top: 16px;
    padding-bottom: 16px;
}

#table-accordion .acc-item .acc-toggle {
    background: white !important;
    color: #43baff;
}

#apri-tabella {
    color: #43baff !important;
}

@media screen and (max-width: 1024px) {
    .icounter {
        padding: 0px;
    }
    .nopadding {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .solomobile {
        margin: 0 auto;
        margin-top: 30px !important;
        min-height: 280px !important;
        /*background-attachment: fixed;*/
        background-image: url(../images/header-mobile.png);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover !important;
    }

    .br-mobile {
        display: block;
    }
    .header_mobile .mobile_nav .mobile_mainmenu li a {
        padding: 9px 8px;
        color: #ffffff;
    }
    .header_mobile {
        position: fixed !important;
        padding-bottom: 0;
    }
}

@media screen and (min-width: 1024px) {
    .dettagli-piano {
        min-height: 140px;
    }
    .ot-pricing-table {
        min-height: 496px;
    }
    .main-navigation ul>li>a:hover {
        color: #ddd;
    }
}

#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;
}


/* Offerta mobile */

@media screen and (max-width: 767px) {
    #offerta-mobile .ot-icon-box {
        min-height: 0 !important;
    }
    #offerta-mobile .owl-nav {
        display: none !important;
    }
}


/* TESTIMONIAL */

@media screen and (min-width: 993px) {
    .testimonial_mobile {
        display: none;
    }
    .testimonial_full {
        display: block;
    }
    .testimonial_full h6 {
        text-transform: none !important;
        margin-top: 10px;
    }
    .testimonial_full h6 span {
        text-transform: none !important;
        font-weight: 500;
    }
}

@media screen and (max-width: 992px) {
    .testimonial_mobile {
        display: block;
    }
    .testimonial_full {
        display: none;
    }
    .hero {
        background-image: none !important;
    }
}

.table td p {
    text-align: center !important;
    margin-bottom: 0;
}

label {
    margin-bottom: 0 !important;
    margin-top: 5px !important;
}

.cta-1-black:link,
.cta-1-black:visited {
    font-size: large !important;
    font-family: "source-sans-pro", sans-serif !important;
    background-color: #000 !important;
    color: #ffffff !important;
    border-radius: 5px 5px 5px 5px;
}

.cta-1-black:hover,
.cta-1-black:visited:hover {
    font-size: large !important;
    font-family: "source-sans-pro", sans-serif !important;
    background-color: #000 !important;
    color: #ffffff !important;
    border-radius: 5px 5px 5px 5px;
}


/* AREA OFFERTA */

@media screen and (min-width: 993px) {
    .heightArea {
        height: 105px;
    }
    p.offerta {
        font-size: 24px !important;
        color: #fff;
        margin-bottom: 0;
    }
    .spazioOfferta, .spazioOfferta2{
        margin-top: 20px 
     }
     .cta-detail h2 {
        line-height: 62px !important;
    }
}
@media screen and (max-width: 1199px) {
    .g-recaptcha > div{
        margin: 10px auto !important;
        text-align: center;
        width: 0 auto !important;
        /* height: auto !important; */
       }
       

}
@media screen and (max-width: 992px) {

    .pPrivacy {
        font-size: 14px !important;
        line-height: 20px !important;
        text-align: center;
    }

    span.textPrivacy {
        font-size: 12px !important;
         line-height: 20px!important;
    }
    .elements-pricing {
        padding-bottom: 0px;
    }
   
    #form p.maxiWhite {
        font-size: 22px !important;
    }
    .cta-detail h2 {
        line-height: 44px !important;
        font-weight: 900 !important;
        font-size: 34px !important;
    }
    .heightArea {
        height: 240px;
        text-align: center;
    }
    .spazioOfferta{
        margin-top: 40px;
        margin-bottom: 20px 
     }
     .spazioOfferta2, .noSpaceBottom {
        margin-top: 0px;
     }
     .noHeight {
        height: 0px !important;
        margin: 0px !important;
     }
     .noMargin {
        margin: 0px !important;
     }
    p.offerta {
        font-size: 24px !important;
        color: #fff;
        margin-bottom: 0;
        text-align: center;
    }
    .heightArea p {
        text-align: center;
    }
    .boxNumero{
        float:left;
        margin-right:20px; 
    }
    .numberMobile {
        color:#3B3B3B;
      font-weight: 900;
       font-size: 25px; 
       font-family: "source-sans-pro", sans-serif !important;
    }
    .boxHeight {
        min-height: 350px;
    }
    .ot-icon-box {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .marginMobile {
        margin: 0 20px;
    }
}

.ttext img {
    margin-bottom: 10px;
}

.list-item-icon { 
    margin-top: 4px;
}
.ot-accordions .acc-item .acc-content {
    padding: 20px 20px 20px 20px !important;
}
.fontSubtitle {
    font-size: 25px !important;
}
@media screen and (min-width: 501px) and (max-width: 991px) {
    .ttext {
        height:400px !important;
    }
    .t-head {
        height:60px !important;
    }
}
@media screen and (max-width: 500px) {
    .heightArea {
        height: 300px;
    }
    .fontSubtitle {
        font-size: 22px !important;
    }
    .ttext {
        min-height:700px;
    }
    .t-head {
        height:60px;
    }
}
@media screen and (max-width: 1199px) {
    .alignCenterLG, .alignCenterLG p, .wpcf7 {
        text-align: center !important;
    }
    .testi-item-mobile {
        padding: 8px;
        border-radius: 4px;
    }
    #tabella .row {
        font-size: 16px !important;
    }
    .main-navigation ul>li>a {
        font-size: 16px;
    }
    .div-check-row {
         margin-top: -4px; 
    }
    .div-check-img {
        /* margin-top: 20px; */
    }
    #tabella .row {
    padding: 4px 0 30px 0;
    line-height: 18px;
}
}

@media(min-width: 1200px){
    section, #link-novita, #link-vantaggi, #link-recensioni, #link-promo, #link-funzionalita, #link-faq {
        scroll-margin-top: 100px;
    }
    #tabella .row {
        font-size: 18px !important;
    }
    .main-navigation ul>li>a {
        font-size: 22px;
    }
    .menu-col {
        padding-left: 7% !important;
    }
    #tabella .row {
    padding: 2px 0 12px 0;
    line-height: 24px;
}
}

p.maxi {
    font-size: 26px !important;
}
p.maxi2 {
    font-size: 28px !important;
}

#form h2, #form p, label, .wpcf7-checkbox  {
    color:#fff !important;
}
.wpcf7-checkbox a {
    color:#fff !important;
    text-decoration: underline !important;
}
.ot-accordions .acc-item.current .acc-toggle, .ot-accordions .acc-item.current .acc-toggle i  {
    color: #fc8f2a ;
}

.ot-accordions .acc-item .acc-toggle:hover {
    color: #fc6900 ;
}

.alert-success {
    background-color: #2C6DA2 !important;
  }
  
  .left-offset-xl-1 {
    margin-left: 0 !important;
  }
  
  .testi-block {
    padding-left: 0 !important;
  }

  .underline-header {
    text-decoration: underline;
    font-size: 180% !important;
    font-weight: 800;
  }

  
.playfair {
    font-family: 'Playfair Display', serif !important;
}

.roboto {
    font-family: 'roboto' !important;
}

.lh-1 { line-height: 1; }
.lh-sm { line-height: 1.25; }
.lh-base { line-height: 1.5; }
.lh-lg { line-height: 2; }

.lista {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.box-recensioni {
    padding: 10px;
    border: solid black 2px;
    border-radius: 2px;
    min-height: 580px;
}


.testo-testimonial {
    font-size: 80%; 
    line-height: 24px;
}

#btn-giallo .octf-btn:hover {
    background-color: #f8f861 !important;
    color: #0000FF !important;
}

#bottone-header .octf-btn-third:hover {
    background-color: #FC8F2A !important;
    color: white !important;
}

#software-section {
    padding-bottom: 20px !important;
}

.yellow-button {
    font-size: large !important;
}

#tabella .row {
    border-bottom: 1px solid #CCC;
}

.icona-novita {
    width: 60px;
    height: 60px;
}

.novita-img {
    padding: 20px;
}

.novita-titolo {
    margin-bottom: 10px !important;
}

/* blu su azzurro */
.cta-2 {
    font-size: large !important;
    font-family: "source-sans-pro", sans-serif !important;
    background-color: #ceedff !important;
    color: #2C6DA2 !important;
    border-radius: 5px 5px 5px 5px;
}

.cta-2:hover {
    font-size: large !important;
    font-family: "source-sans-pro", sans-serif !important;
    background-color: #e7f5fd !important;
    color: #276ea8 !important;
    border-radius: 5px 5px 5px 5px;
}

.check-img {
    width: 30px;
}

.div-check-img {
    text-align: center;
    /* margin-top: -8px; */
}

/* Visibile solo su dispositivi con larghezza massima di 767px (mobile) */
.only-mobile {
  display: block;
}

.only-desktop {
  display: none;
}

@media (min-width: 768px) {
  .only-mobile {
    display: none;
  }

  .only-desktop {
    display: block;
  }
}

.only-mobile {
  display: none;
}
/* Mostra solo su schermi piccoli (max 767px, tipico per mobile) */
@media (max-width: 767px) {
  .only-mobile {
    display: inline;
  }
}

/* Nasconde sempre di default */
.only-desktop {
  display: none;
}
/* Mostra solo su schermi grandi (min 768px) */
@media (min-width: 768px) {
  .only-desktop {
    display: inline;
  }
}

#tabella img {
  width: 24px;
}
@media (max-width: 991.98px) {
  #tabella .d-flex.flex-column {
    margin-bottom: 0.5rem;
  }
}


.btn.btn-cta{
 margin-bottom:10px;
}

.menu-fatturazione{
display: block;
    width: 100%;
    clear: both;
padding: 25px 0;
}

.menu-fatturazione a{
    display: inline-block;
    margin: 0 10px;
    color: #fff;
    padding: 10px 25px;
    border-radius: 24px;
}

.menu-fatturazione a:nth-child(2){
    color: #fff;
    background-color: #008dcf;
    transition: all .6s;
}

.menu-fatturazione a:nth-child(1){
    background: #EFEFEF;
    border: 1px solid #AFAFAF;
    color: #666666;
    transition: all .6s;
}
.menu-fatturazione a:nth-child(2):hover {
    color: #ffffff;
    background: #0c88e8;
}

.menu-fatturazione a:nth-child(1):hover {
    background-color: #AFAFAF;
    color: #fff;
}

   .delimitatorevideo{
        width:100%;
        margin:auto;
    }
    .contenitorevideo{
        height:0px;
        width:100%;
        /*max-width:560px; /* Así establecemos el ancho máximo (si lo queremos) */
        padding-top:56.25%; /* Relación: 16/9 = 56.25% */
        position:relative;
    }

    iframe{
            position:absolute;
            height:100%;
            width:100%;
            top:0px;
            left:0px;
    }

.bordovideo {
-webkit-box-shadow:0px 0px 10px 1px #b8b8b8 ;
-moz-box-shadow:0px 0px 10px 1px #b8b8b8 ;
box-shadow:0px 0px 10px 1px #b8b8b8 ;}

/* Stile da aggiungere in pagina - tabs */
#tabs_service_pratiche {
	margin:0;
	padding:0;
}

#tabs_service_pratiche h5 {
	text-align:left;
	font-size:20px;
	padding:10px;
	margin:2px;
}

#tabs_service_pratiche div {
	text-align:left;
	padding:10px;
}

.ui-widget.ui-widget-content {
    border: 1px solid #fff !important;
}

.ui-widget-header {
border:0px !important;
    border-bottom: 1px solid #DDDDDD !important;
    background: #FFFFFF !important;
}
/* nuovi */
@media (min-width: 1200px) {
 .contenitorevideo {
     margin-top: 100px;
}
    h1.RevPag {
        font-size: 65px !important;
    }
h3 {
    line-height: 1.3;
}
.vert-spacer {
       padding-bottom: 0px !important;
    }
#video-fatturazione {
       padding-top:60px;
   }
p.RevBot {
    margin-bottom: 20px;
  }
p.BIG  {
    font-size: 20px !important;
  }
#trigger1 br {
    display: block;
  }
.containerIntro {
   padding: 50px 0 60px 0  !important;
}
.container1 {
    padding: 0 0 35px 0  !important;
   }
.container2 {
     padding: 35px  0 60px 0  !important;
   }
.container3 {
     padding: 35px  0 50px 0  !important;
   }
.container4 {
     padding: 35px  0 60px 0  !important;
   }
.container5 {
     padding: 35px  0 60px 0  !important;
   }
img.Rev, PadRev {
     padding-top:15px;
   }
img.Rev2 {
     padding-top:23px;
   }
.spacer10 {
    height: 0px !important;
   }
#tabella .row {
    border-bottom: 1px solid #CCC;
    padding: 0 !important;
}
 .Altbug{
     line-height: 1;
}
.space-100 {
 height: 100px !important;
}
.space-50 {
 height: 50px !important;
}
.space-30 {
 height: 30px !important;
}
.space-20 {
 height: 20px !important;
}
.marginCon {
    margin-bottom:30px;
  }
}



@media (min-width: 768px) and (max-width: 1199px) {
    h1.RevPag {
        font-size: 36px !important;
    }
.containerIntro  {
       padding:40px 0 60px 0;
   }
.contenitorevideo {
     margin-top: 30px;
}
.container1 {
   padding: 0px 0 25px 0;
}
.container2 {
   padding: 30px 0 60px 0;
}
.container3 {
   padding: 30px 0 60px 0;
}
.container4 {
   padding: 30px 0 60px 0;
}
.container5 {
   padding: 30px 0 30px 0;
}
.space-100 {
 height: 50px !important;
}
section {
    padding: 0px;
}
}



@media (max-width: 767px) {
 h1.RevPag {
        font-size: 40px !important;
    }
   .containerIntro {
         padding: 90px 0 60px 0  !important;
    }
.contenitorevideo {
     margin-top: 30px;
}
.marginCon {
    margin-bottom:20px;
  }
#tabella p {
text-align: center !important;
  }
.container2 {
     padding:0px  0 50px 0  !important;
   }
.container3 {
     padding: 15px  0 50px 0  !important;
   }
.container4 {
     padding: 0px  0 60px 0  !important;
   }
.container5 {
     padding: 0px  0 60px 0  !important;
   }
.space-100 {
 height: 50px !important;
}
}

.custom-date-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-color: #ffffff; /* <-- Bianco */
  color: #444;
  font-size: 14px;

  border: 1px solid #ccc;
  border-radius: 4px;

  padding: 4px 8px;
  width: 200px;

  background-color: white !important;
  cursor: pointer;
}

.custom-date-select:focus {
  outline: none;
  border-color: #999;
  background-color: #ffffff; /* anche in focus resta bianco */
}

.relatore_img {
    width: 110px;
    padding-top: 2px;
}

.logo-grigio_img {
    width: 200px;
    margin-top: 0;
}

professione-domani {
    padding: 20px 20px 20px 40px;
    background-color: #ff780030;
    border-radius: 5px;
    border-left: solid 4px gray;
}


#banner_locazioni {
    background: #fcffc2;
    /* height: 80px; */
}

#banner_730 {
    background: #fcffc2;
}

.promo_img {
    width: 80px;
    height: 80px;
    text-align: center;
}


.offerta_text p {
    margin: 0px;
}

.btn_offerta,
.btn_offerta:link,
.btn_offerta:visited {
    color: #f4822a;
    border: 1px solid #f4822a;
    margin: 20px 0px 20px 0px;
    height: 40px;
    line-height: 20px;
    border-radius: 3px;
    padding: 10px 24px;
    transition: all 0.6s;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    touch-action: manipulation;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 180px;
    text-transform: uppercase;
    white-space: nowrap;
}

.btn_offerta_730,
.btn_offerta_730:link,
.btn_offerta_730:visited {
    color: #f4822a;
    border: 1px solid #f4822a;
}


.btn_offerta_730:hover {
    color: #f4822a;
    border: 1px solid #f4822a;
    background-color: #FEF2E9;
}


.polizze {
    display: inline-block !important;
}

.form-polizze .form-group {
    margin-bottom: 5px;
}


#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;
}

/* FORM CON SFONDO BLU */
.styleBlue {
    background-color: #2C6DA2 !important;
}
.styleBlue h2, .styleBlue p, .styleBlue h2, .styleBlue h4, .styleBlue .label_privacy, .styleBlue a   {
    color: #ffffff !important;
}
.styleBlue a   {
   text-decoration: underline !important;
}
.g-recaptcha div {
   margin: 0 auto;
   text-align: center;
}
.g-recaptcha div iframe {
    position: relative;
}
.styleBlue .alignPrivacy, .styleBlue .label_privacy {
    text-align: center;
}
@media only screen and (max-width: 991px) {
   .styleBlue .form-group input {
         margin: 0 auto;
    }
}
.img100   
{ max-width: 100%;}

/* MODIFICA PAGINE SITO */
@media only screen and (max-width: 1199px) {
    .revisione h1 {
        font-size: 48px !important;
    }
    .revisione h2 {
        font-size: 34px !important;
    }
    .revisione .vert-spacer-small {
        padding-top:0px!important;
    }
    .offerta_text {
        line-height: 20px;
        margin: 10px 10px 10px 10px;
    }

}
@media only screen and (min-width: 1200px) {
    .offerta_text {
        line-height: 20px;
        margin: 20px 10px 0px 10px;
    }
}

.banner-unoformat-titolo {
    font-size: 20px !important;
    line-height: 23px;
    color: #3b3b3b !important;
    font-family: 'Roboto', sans-serif !important;
    text-align:center;
}

.banner-unoformat-sottotitolo {
    font-size: 17px;
    line-height: 20px;
    font-weight: 200 !important;
    color: #3b3b3b !important;
    font-family: 'Roboto', sans-serif !important;
    text-align:center;
}

.banner-unoformat-data {
    font-size: 17px;
    line-height: 20px;
    font-weight: 200 !important;
    color: #3b3b3b !important;
    font-family: 'Roboto', sans-serif !important;
    font-style: italic;
}

.banner-unoformat-img-pulsante {
    height: 30px;
}

.banner-unoformat-btn {
    margin-top: 0px !important;
    padding: 8px 12px !important;
    font-style: normal !important;
}

.banner-unoformat-testo-logo {
    padding: 0;
    margin: 28px 0 0 0;
    line-height: 16px;
    font-size:14px !important;
    color: #333 !important;
}