/*************************************************
                          CSS GENERALE
**********************************************/

/* serve ad avere un top del mio menu, e quindi ad abbassarlo, solo quando accedo a wordpress, perchè il menu nero di
wordpress, copre il mio menu*/
.admin-bar .navbar{
  top:32px;
}


body{
  display:flex;
  min-height:100vh;
  flex-direction:column;
  /*padding-top:70px;*/
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
  padding-top:0;
  background-color: #f6f6f6;
  color:#454545;
}



.main-content {
  flex:1 0 auto;
}

*{min-height:0.01px}



/*************************************************
                          UTILITIES
**********************************************/

a{color:#C73837}
a:hover{text-decoration: none}

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*************************************************
                            BOTTOM FIXED
**********************************************/
.footer_red{background-color:#C73837; font-size: 25px}
.footer_red .btn{border:2px solid #fff; color: #fff; font-weight: 800;  border-radius: 32px;  background-color: #C73837; font-size: 20px}
/*************************************************
                          HEADER
**********************************************/

.navbar{ background: transparent!important;     position: absolute; top: 0px; left: 0px; right: 0; z-index: 100;}
.navbar p{font-size: 18px}
.navbar-brand img {width: 200px;}
.nav-link{ text-transform: uppercase; font-size:30px; color:#C73837!important; font-weight: 800}

/*************************************************
                      Slider
******************************************************/
.jumbotron-header{padding: 110px 0 80px}
.jumbotron-header h1,#header-mobile h1{font-size:50px; font-weight:800; max-width:350px; line-height: 52px}
.jumbotron-header .sottotitolo,#header-mobile .sottotitolo{color:#C73837; max-width:420px;  border-bottom: 2px solid #F04342}
.btn-outline-light{  color: #fff; font-weight: 800;  border-radius: 32px;  background-color: #C73837; border:2px solid #C73837; font-size: 20px}
.btn-outline-light:hover{  color: #C73837; background-color: #fff;  border:2px solid #C73837;}


/*************************************************
                      TESTO PROTEZIONE
******************************************************/
.testo_protezione{font-size: 30px; line-height: 34px}
.testo_protezione span{box-shadow: inset 0 -3px 0 #F04342; font-weight: 800;}
/*************************************************
                  BONUS
******************************************************/
.bonus h2{font-weight: 900; color:#fff; font-size:60px; line-height:52px}
.bonus p{font-size: 30px;  color:#fff;}
.bonus p span{font-size: 30px;  color:#fff;font-weight: 800 }
.bonus .maggiori_info{font-size: 20px; text-decoration: underline 2px; text-underline-offset: 8px;  color:#fff;}
/*************************************************
                    PUNTI DI FORZA
******************************************************/
.mobile{display: none}
.punti_forza{width: 95%!important}
.punti_forza h2 {font-size: 40px; font-weight: 800}
.punti_forza h2 span{color:#F04342}
.punti_forza h4{font-weight: 800; font-size: 25px;/* padding: 0 3rem*/}
.punti_forza h4 span{max-width:400px;  border-bottom: 2px solid #F04342}
.punti_forza .card-text{font-size: 14px; color:#454545; /*padding: 0.8rem 1.8rem*/}
.punti_forza .card {  border: 0px solid transparent;}

/*************************************************
                  SISTEMA INTELLIGENTE
******************************************************/
.sistema_int h4{font-weight: 800; font-size: 25px}
.sistema_int .card-text{font-size: 16px; color:#454545}
.sistema_int .card {  border: 0px solid transparent; background-color: transparent}
/*************************************************
                TI CONTATTIAMO NOI
******************************************************/
.contatto{font-size: 20px}
.contatto h2{font-weight: 800; font-size: 46px!important}
.contatto span{color:#F04342; }
.contatto .form-text{font-size: 12px}
.contatto .form-text a{color:#fff}
.contatto .form-control {border-radius: 8rem; padding: 0.7rem 0.75rem;}
.contatto .btn-primary{padding: 0.5rem 1rem; background-color: #fff; border-radius: 1.5rem;}



/****************************************************************
          PROTEZIONE CASA
****************************************************************/
.container_casa{margin-bottom: 7rem;}
.container_casa .card{border: 0px!important}
.container_casa .card .contenuto{ position: absolute;   right: 62px; top: 140px; width: 450px; font-size: 15px; background-color: #fff; padding: 1.6rem; border-radius: 1rem}
.container_casa .card span{font-weight: 800; border-bottom: 3px solid #F04342}
.container_casa .card .contenuto h1{font-size: 55px; font-weight: 800}
.container_casa .card .card-title-red{color:#F04342}
.container_casa .card p{font-size: 18px}


/****************************************************************
          PROTEZIONE PROFESSIONAL
****************************************************************/
/*.container_professional{margin-bottom: 7rem}*/
.container_professional .card{border: 0px!important}
.container_professional .card .contenuto{ position: absolute;   top:-45px; left:100px; width: 450px; font-size: 15px; background-color: #fff; padding:2.5rem 1.6rem 1.6rem; border-radius: 1rem;}
.container_professional .card span{font-weight: 800; border-bottom: 3px solid #F04342}
.container_professional .card .contenuto h1{font-size: 55px; font-weight: 800}
.container_professional .card .card-title-red{color:#F04342}
.container_professional .card p{font-size: 18px}



/****************************************************************
              CONFIGURATORE / MODAL
****************************************************************/
.configuratore{background-color: #F04342 }
/*.configuratore .btn{
  width: 85%!important; padding: 0.6rem 0.75rem!important; background-color: #fff!important; color:#000!important;
  font-weight: 800!important; font-size: 1.8rem!important; border-radius: 32rem; border-color: #fff; cursor: pointer;}*/

.modal {  background-color: rgba(240,67,66, 0.85); }
.modal .modal-content { border: 1px solid #fff;  border-radius: 3px; background-color: transparent;}
.modal-content-pallini{ border: 0px; background-color: transparent;}
.modal button.close { cursor:pointer; z-index: 9999; top: -12px; right: -13px; position: absolute; padding: 0;  background: #fff; border: 2px; width: 30px; height: 30px;  -webkit-appearance: none;	opacity:1}
.modal.show .modal-dialog { -webkit-transform: translate(0,-50%);  -o-transform: translate(0,-50%);  transform: translate(0,-50%);   top: 50%;   margin: 0 auto;}
.modal-header{border-bottom:0px}
/*.modal-footer{border-top:0px; justify-content: center;}*/
.modal .btn{background-color: transparent;cursor: pointer;     box-shadow: none!important; outline: 0!important;}

.modal-content-pallini .page-dots{ position: absolute; width: 100%;  bottom: -25px; padding: 0;  margin: 0; list-style: none; text-align: center; line-height: 1;}
.modal-content-pallini .page-dots .dot{ display: inline-block; width: 50px!important; height: 50px!important; opacity: 0.5; background: #fff; border: 0px; border-radius: 30px}
.modal-content-pallini .page-dots .active{display: inline-block; width: 50px!important; height: 50px!important;border: 0px; border-radius: 30px; opacity:1;background-image: url("img/slider_casa.png")!important; background-repeat: no-repeat;background-position: center center;}
.modal-content-pallini .page-dots .dot:hover {cursor:pointer;}
.casa .slide2, .casa .slide3, .casa .slide4, .casa .slide5, .casa .slide6, .casa .slide7,
.business .slide2, .business .slide3, .business .slide4, .business .slide5, .business .slide6, .business .slide7,
.thank_you_casa, .thank_you_business{display: none}

/***CONFIGURATORE APPUNTAMENTO**/
#btn_submit_appuntamento{ background-color: transparent; border-color: transparent; background-image: url("img/freccia_gialla.png"); background-repeat: no-repeat;background-position: center center; background-size: contain; width:70px;height: 42px; box-shadow: none!important;   outline: 0!important; cursor:pointer;}
.thank_you_appuntamento{display: none}

/**CONFIGURATORE CASA / BUSINESS**/
#Step0_Casa_Config{width: 90%!important; border-radius: 32rem;background-color: transparent; border-color: transparent; background-image: url("img/casa_appartamento_2.png"); background-repeat: no-repeat;background-position: center center; background-size: cover;  height:72px; box-shadow: none!important;   outline: 0!important; cursor:pointer;}
#Step0_AttCommerciale_Config{width: 90%!important; border-radius: 32rem;background-color: transparent; border-color: transparent; background-image: url("img/attivita_commerciale_2.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; height:72px; box-shadow: none!important;   outline: 0!important; cursor:pointer;}

#Step0_Casa_Config{background-image: url("img/casa_appartamento_2.png"); background-repeat: no-repeat;background-position: center center; background-size: contain; width:320px; height:110px; box-shadow: none!important;   outline: 0!important; cursor:pointer;}
#Step0_AttCommerciale_Config{ background-image: url("img/attivita_commerciale_2.png"); background-repeat: no-repeat;background-position: center center; background-size: contain; width:320px; height:110px; box-shadow: none!important;   outline: 0!important; cursor:pointer;}
#Step1_Casa_Appartamento_Config{background-image: url("img/appartamento.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:304px; height:72px; box-shadow: none!important;   outline: 0!important;}
#Step1_Casa_Villa_Config{background-image: url("img/villa.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:185px; height:72px; box-shadow: none!important;   outline: 0!important;}
#Step2_Casa_PrimaCasa_Config{background-image: url("img/prima_casa.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:240px; height:72px; box-shadow: none!important;   outline: 0!important;}
#Step2_Casa_SecondaCasa_Config{background-image: url("img/seconda_casa.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:290px; height:72px; box-shadow: none!important;   outline: 0!important;}
#Step3_Casa_IngrIndipendente_Config{background-image: url("img/ingresso_indipendente.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:260px; height:72px; box-shadow: none!important;   outline: 0!important;}
#Step3_Casa_IngrCondiviso_Config{background-image: url("img/ingresso_condiviso.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:200px; height:72px; box-shadow: none!important;   outline: 0!important;}
#Step3_Casa_IngrCondiviso_Config_port{background-image: url("img/ingresso_condiviso_con_portiere.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:275px; height:72px; box-shadow: none!important;   outline: 0!important;}
#Step4_Casa_Giardino_Config{background-image: url("img/giardino.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:210px; height:76px; box-shadow: none!important;   outline: 0!important;}
#Step4_Casa_BalconeTerrazza_Config{background-image: url("img/balcone_o_terrazza.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:330px; height:76px; box-shadow: none!important;   outline: 0!important;}
#Step4_Casa_NoAccessiSec_Config{background-image: url("img/non_ci_sono.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:170px; height:76px; box-shadow: none!important;   outline: 0!important;}
.casa #Step5_CAP_Config, .casa #Invio_Lead, .business #Invio_Lead, .business #Step5_CAP_Config{ background-color: transparent; border-color: transparent; background-image: url("img/freccia_gialla.png"); background-repeat: no-repeat;background-position: center center; background-size: contain; width:70px; box-shadow: none!important;   outline: 0!important; cursor:pointer;}
.casa #Step5_CAP_Config, .business #Step5_CAP_Config{ height:72px }
.casa #Invio_Lead, .business #Invio_Lead{height: 42px}
.casa #Step5_RubatoSi, .business #Step5_RubatoSi { background-image: url("img/si.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:110px; height:72px; box-shadow: none!important;   outline: 0!important;}
.casa #Step5_RubatoNo, .business #Step5_RubatoNo{ background-image: url("img/no.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:110px; height:72px; box-shadow: none!important;   outline: 0!important;}

#Step1_NegozioStrada_Config{background-image: url("img/su_strada.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:184px; height:72px; box-shadow: none!important;   outline: 0!important; cursor:pointer;}
#Step1_Localecommerciale_Config{ background-image: url("img/locale_centro_comm.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:295px; height:72px; box-shadow: none!important;   outline: 0!important; cursor:pointer;}
#Step1_UfficioProfessionale_Config{background-image: url("img/ufficio.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:227px; height:72px; box-shadow: none!important;   outline: 0!important;}
#Step2_InNucleoUrbano_Config{background-image: url("img/nel_centro.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:185px; height:72px; box-shadow: none!important;   outline: 0!important;}
#Step2_OutNucleoUrbano_Config{background-image: url("img/fuori_centro.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:240px; height:72px; box-shadow: none!important;   outline: 0!important;}
#Step3_Soloio_Config{background-image: url("img/solo.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:190px; height:72px; box-shadow: none!important;   outline: 0!important;}
#Step3_Dadueacinque_Config{background-image: url("img/max_5.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:242px; height:72px; box-shadow: none!important;   outline: 0!important;}
#Step3_piudicinque_Config{background-image: url("img/piu_5.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:235px; height:72px; box-shadow: none!important;   outline: 0!important;}
#Step4_AltoValore_Config{background-image: url("img/alto_valore.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:222px; height:72px; box-shadow: none!important;   outline: 0!important;}
#Step4_MedioValore_Config{background-image: url("img/medio_valore.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:250px; height:76px; box-shadow: none!important;   outline: 0!important;}
#Step4_BassoValore_Config{background-image: url("img/basso_valore.png"); background-repeat: no-repeat;background-position: center center; background-size: cover; width:240px; height:76px; box-shadow: none!important;   outline: 0!important;}

/*#btn_mattina{background-image: url("img/mattina.png"); background-repeat: no-repeat;background-position: center center; background-size: contain;  height:40px; box-shadow: none!important;   outline: 0!important; cursor:pointer}
#btn_pomeriggio{background-image: url("img/pomeriggio.png"); background-repeat: no-repeat;background-position: center center; background-size: contain;  height:40px; box-shadow: none!important;   outline: 0!important; cursor:pointer}*/
#btn_mattina{  width: 100%!important; padding: 0.6rem 0.75rem!important; background-color: #fff!important; color:#000!important; font-weight: 800!important; font-size: 1.4rem!important; border-radius: 32rem; border-color: #fff; cursor: pointer;}
#btn_pomeriggio{  width: 100%!important; padding: 0.6rem 0.75rem!important; background-color: #fff!important; color:#000!important; font-weight: 800!important; font-size: 1.4rem!important; border-radius: 32rem; border-color: #fff; cursor: pointer;}
#btn_mattina:focus, #btn_pomeriggio:focus,#btn_mattina.selected,#btn_pomeriggio.selected{background-color: #f3d15c!important; border-color: #f3d15c!important; }
/*#btn_mattina, #btn_pomeriggio{  width: 85%!important; padding: 0.6rem 0.75rem!important; background-color: #fff!important; color:#000!important;
    font-weight: 800!important; font-size: 1.8rem!important; border-radius: 32rem; border-color: #fff; cursor: pointer;}*/

.sottotitolo_slide{font-size: 20px;line-height: 22px}
.form-control{border-radius:2.25rem; padding: 0.9rem 0.75rem; }
.form-group ::placeholder{color:#ddd!important}
.empty-cap, label.error {font-size: 16px;font-style: italic;}
.bd-modal-contattaci-lg .contattaci_dot {display: none;}
#frm-contatto-telefono label.error{color: white;}
.telefono-feedback{display:none;text-align: center;color: white;font-weight: bold;}
.bd-modal-form-lg .thank_you_appuntamento p, .thank_you_business, .thank_you_business p, .thank_you_casa, .thank_you_casa p{margin: 0 !important;}



/*************************************************
                  VIDEO
******************************************************/

.video{width: 95%!important}
.video h2 {font-size: 55px; font-weight: 900}
.video h2 span{color:#F04342}
.video .video-container {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.video .video-container iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}

/*************************************************
            CLIENTI
******************************************************/
.flickity-slider{left:-140px!important}
.carousel-cell {width: 35%; height: 190px; margin-right: 30px; border-radius: 20px;  counter-increment: carousel-cell;}
.flickity-page-dots .dot { width: 16px!important; height: 16px!important; opacity: 1; background: #fff!important; border: 1px solid #2e2e2e;}
.flickity-page-dots .dot.is-selected {  background: #f3d15c!important;}
.flickity-prev-next-button.previous, .flickity-prev-next-button.next{display: none}
/*************************************************
            FOOTER
******************************************************/
.footer{background-color: #818181}
.footer .text{font-size: 11px}
.footer a{color:#fff}
.footer a:hover{color:#F04342}

/*************************************************
            POLICY
******************************************************/
.policy{font-size: 16px; margin-top: 140px;}

/*************************************************
          MAC
*************************************************/
@media (min-width:1400px){

.jumbotron-header{padding: 145px 0; background-position: 70% 100%!important}

/***************** PUNTI DI FORZA**********************/

/*.punti_forza h4{padding: 0 6rem}
.punti_forza .card-text{ padding: 0.8rem 1.8rem}*/

.punti_forza .card_security{width: 50%!important}

/***************** CLIENTI**********************/
.flickity-viewport{height:280px!important}
.flickity-slider{left:-180px!important}
.carousel-cell { width: 36%;    height: 227px;}
}



/*************************************************
          TABLET
*************************************************/
@media (max-width:998px){


/****************
  Slider
******************/

.jumbotron-header p,#header-mobile p{font-size: 18px}
.jumbotron-header h1,#header-mobile h1{font-size:28px; max-width:350px; line-height: 28px}
.jumbotron-header .sottotitolo,#header-mobile .sottotitolo{color:#C73837; max-width:246px;  border-bottom: 2px solid #F04342}
.btn-outline-light{ font-size: 13px}
/*******************
    PUNTI DI FORZA
********************/
.punti_forza .card{width: 50%!important; margin-top: 4rem}

/************************
    TI CONTATTIAMO NOI
*************************/
.contatto{font-size: 14px}
.contatto h2{ font-size: 28px!important}
.contatto .form-text{font-size: 11px!important}

/******************
    SISTEMA INTELLIGENTE
************************/
.sistema_int .card{width: 50%}

/********************************
      PROTEZIONE CASA
*********************************/
  /*.container_casa{ height: 600px!important;   background-position: 25% 100%!important; background-size: auto!important;transform: scaleX(-1);}*/
.container_casa .card .contenuto{ position: absolute; right: 0px; top: 250px; width: 335px; font-size: 15px;padding: 1rem; }
.container_casa .card .contenuto h1{font-size: 38px;}
.container_casa .card p{font-size: 13px}

/*******************************
    PROTEZIONE PROFESSIONAL
**********************************/
/*.container_professional{height: 600px!important;   background-position: 75% 100%!important; background-size: auto!important;}*/
.container_professional .card .contenuto{ position: absolute;   top:-30px; left:0px; width: 330px; font-size: 15px;  padding: 1.6rem; }
.container_professional .card .contenuto h1{font-size: 38px;}
.container_professional .card p{font-size: 13px}

/*******************
    CONFIGURATORE
*******************/

#Step0_Casa_Config{width:100%!important;background-size: contain;height: 60px; background-image: url("img/casa_appartamento_grande.png")}
#Step0_AttCommerciale_Config{width:100%!important;background-size: contain;height: 60px;  background-image: url("img/attivita_commerciale_grande.png")}
#container_buttoncasa{margin-bottom:40px;}
#Step1_Casa_Appartamento_Config{background-size: contain; float: none!important}
#Step1_Casa_Villa_Config{ background-size: contain;}
#Step2_Casa_PrimaCasa_Config{background-size: contain; width:200px; float: none!important}
#Step2_Casa_SecondaCasa_Config{background-size: contain;width:220px; float: none!important}
#Step3_Casa_IngrIndipendente_Config{background-size: contain; width:160px;}
#Step3_Casa_IngrCondiviso_Config{background-size: contain; width:128px; float: none!important}
#Step3_Casa_IngrCondiviso_Config_port{background-size: contain; width:168px; float: none!important}
#Step4_Casa_Giardino_Config{background-size: contain; width:142px;}
#Step4_Casa_BalconeTerrazza_Config{background-size: contain; width:200px; float: none!important}
#Step4_Casa_NoAccessiSec_Config{background-size: contain; width:110px; }
.casa #Step5_CAP_Config, .casa #Invio_Lead, .business #Invio_Lead,.business #Step5_CAP_Config{ width:60px; }
.casa #Step5_RubatoSi, .casa #Step5_RubatoNo, .business #Step5_RubatoSi, .business #Step5_RubatoNo{background-size: contain;}
.casa #Step5_CAP_Config, .business #Step5_CAP_Config{ height:72px }
/*.casa #Invio_Lead, .business #Invio_Lead{ float: left !important;}*/

#Step1_NegozioStrada_Config{background-size: contain; width:118px;}
#Step1_Localecommerciale_Config{ background-size: contain; width:185px;}
#Step1_UfficioProfessionale_Config{background-size: contain; width:148px;}
#Step2_InNucleoUrbano_Config{background-size: contain; width:180px; float: none!important}
#Step2_OutNucleoUrbano_Config{background-size: contain; width:220px; float: none!important}
#Step3_Soloio_Config{background-size: contain; width:140px; float: none!important}
#Step3_Dadueacinque_Config{background-size: contain; width:155px; float: none!important}
#Step3_piudicinque_Config{background-size: contain; width:145px; float: none!important}
#Step4_AltoValore_Config{background-size: contain; width:140px; float: none!important}
#Step4_MedioValore_Config{background-size: contain; width:150px; float: none!important}
#Step4_BassoValore_Config{background-size: contain; width:145px;float: none!important}

#btn_pomeriggio{width: 126px!important; font-size: 1rem!important}
#btn_mattina{  width: 100%!important;  font-size: 1rem!important}

/****************
  CONFIGURATORE CONTATTACI
******************/
.contattaci p{font-size: 18px}
.contattaci h1{padding: 0px!important; font-size: 1.5rem!important}
.contattaci #Step0_Casa_Config, .contattaci #Step0_AttCommerciale_Config{width: 220px}

/*******************
    CLIENTI
*******************/
.clienti{margin-top: 4rem}
.flickity-slider{left:0px!important}
.carousel-cell { width: 40%; height: 148px; margin-right: 30px;}
/*******************
    FOOTER
******************/
/*.footer .text{display: none}*/
/*.footer .immagine{text-align: center;}*/
}




/*************************************************
          CELLULARE
*************************************************/

@media (max-width:767px){

  /****************
    menu
  ******************/
.navbar{position: relative!important;}
.navbar-brand{width:140px; margin-right: 0px!important; margin-bottom: 1.5rem}
.navbar-brand img {width: 70%}
.nav-link span{font-size: 16px}
.nav-link, .navbar p{font-size: 12px}
/****************
  Slider
******************/
.jumbotron-header{padding: 10px 0 250px; background-size: cover!important; background-position: 10% 100%!important}
.jumbotron-header p,#header-mobile p{font-size: 18px}
.jumbotron-header h1,#header-mobile h1{font-size:30px; max-width:350px; line-height: 28px}
.jumbotron-header .sottotitolo,#header-mobile .sottotitolo{color:#C73837; max-width:255px;  border-bottom: 2px solid #F04342}
.btn-outline-light{ font-size: 13px}

/*******************
    CONFIGURATORE RICHIEDI UN APPUNTAMENTO
*******************/

.appuntamento {padding-top: 0px!important; padding-bottom: 0px!important}
.appuntamento p{font-size: 18px}
.appuntamento h1{padding: 0px!important; font-size: 1.5rem!important}
.appuntamento .form, .appuntamento .form{padding: 0px!important}
.appuntamento .sottotitolo_slide{padding-bottom: 0px!important}
.appuntamento p{font-size: 14px}
.thank_you_appuntamento{margin-top: 1rem!important}
.thank_you_appuntamento h1{font-size: 1.8rem!important}
.thank_you_appuntamento p{margin-top: 5px; font-size: 16px!important}
#btn_submit_appuntamento{float:left!important}

/*******************
    TESTO PROTEZIONE
********************/
.testo_protezione{font-size: 18px; line-height: 24px}
/*******************
   BONUS
********************/
.bonus p{line-height:38px}
.bonus p a{    line-height: 31px;}
/*******************
    PUNTI DI FORZA
********************/
.mobile{display: block}
.desktop{display: none}
.punti_forza h2 {font-size: 30px;}
.punti_forza .card{width: 100%!important; margin-top: 1rem}
/*.punti_forza h4 span{max-width:400px;  border-bottom: 2px solid #F04342}*/
.punti_forza .card-body { padding: 1rem 0rem!important}
.punti_forza .card-text{margin-top: 1rem!important}

/*************************************************
      SISTEMA INTELLIGENTE
******************************************************/

.sistema_int h4{font-size: 18px}
.sistema_int img{margin-top: 2rem}
.sistema_int .card{width: 100%}
.sistema_int .card-text{font-size: 16px; margin-top: 0px!important}

/************************
    TI CONTATTIAMO NOI
*************************/
.contatto{font-size: 14px}
.contatto h2{ font-size: 28px!important}
.contatto .container_form{padding-left: 5px!important; padding-right: 5px!important}
.contatto .form-text{font-size: 12px}
.contatto .colonna_btn{padding-left: 0px!important; padding-right: 0px!important;margin-top: 20px}
.contatto .colonna_form{padding-right: 5px!important;}
.contatto .form-control { margin-top: 20px}



/********************************
      PROTEZIONE CASA
*********************************/
.container_casa{ height: 600px!important;   background-position: 25% 100%!important; background-size: auto!important;transform: scaleX(-1);}
.container_casa .card .contenuto{ position: absolute; right: 0px; top: 450px; width: 335px; font-size: 15px;padding: 1rem; transform: scaleX(-1)}
.container_casa .card .contenuto h1{font-size: 38px;}
.container_casa .card p{font-size: 14px}


/*******************************
    PROTEZIONE PROFESSIONAL
**********************************/
.container_professional{height: 600px!important;   background-position: 75% 100%!important; background-size: auto!important;}
.container_professional .card .contenuto{ position: absolute;   top:520px; left:0px; width: 330px; font-size: 15px;  padding: 1.6rem; }
.container_professional .card .contenuto h1{font-size: 38px;}
.container_professional .card p{font-size: 14px}


/*******************
    CONFIGURATORE
*******************/
.modal.show .modal-dialog{top:55%}
.configuratore{margin-top: 18rem!important}
.configuratore p{font-size: 18px}
.configuratore h1{font-size: 1.5rem}
.modal_title_casa, .modal_title_business{font-size: 16px}
.modal-body{padding-top: 0px!important}
.modal-body h1{font-size: 1.5rem!important}
.page-dots{left: 0px}
.modal-content-pallini .page-dots .active, .modal-content-pallini .page-dots .dot{width: 30px!important; height: 30px!important}
.slide6 h1{padding:0px!important}
.colonna_btn .form-group{    margin-top: auto !important;  margin-bottom: auto !important;}
.colonna_form .form-group{margin-left: 10px}
.sottotitolo_slide{padding: 0px!important; font-size: 14px; margin-bottom: 0px!important}
.slide7 .form, .slide_7 .form{padding: 0px!important}
.slide7 .sottotitolo_slide{padding-bottom: 0px!important}
.thank_you_casa, .thank_you_business{margin-top: 1.5rem!important}
.thank_you_casa h1, .thank_you_business h1{font-size: 1.8rem!important}
.thank_you_casa p, .thank_you_business p{margin-top: 5px; font-size: 16px!important}
.form-control {    padding: 0.4rem 0.75rem!important;}
#btn_casa{width:100%!important;background-size: contain; }
#btn_business{width:100%!important;background-size: contain;}

#Step1_Casa_Appartamento_Config{width:260px}
#Step1_Casa_Villa_Config{background-image: url("img/villa_grande.png"); background-size: contain; width:260px; float: none!important}
#Step2_Casa_PrimaCasa_Config{background-image: url("img/prima_casa_grande.png"); background-size: contain; width:220px; float: none!important}
#Step2_Casa_SecondaCasa_Config{background-size: contain; width:220px; float: none!important}
#Step3_Casa_IngrIndipendente_Config{ background-image: url("img/ingresso_indipendente_grande.png");width:212px;}
#Step3_Casa_IngrCondiviso_Config{background-image: url("img/ingresso_condiviso_grande.png"); background-size: contain; width:212px; float: none!important}
#Step3_Casa_IngrCondiviso_Config_port{background-size: contain; width:212px; float: none!important}
#Step4_Casa_Giardino_Config{background-image: url("img/giardino_grande.png");background-size: contain; width:230px;}
#Step4_Casa_BalconeTerrazza_Config{background-size: contain; width:230px; float: none!important}
#Step4_Casa_NoAccessiSec_Config{background-image: url("img/non_ci_sono_grande.png");background-size: contain; width:230px;}
#btn_submitCap, .casa #Invio_Lead, .business #Invio_Lead, #btn_submitCap_business{ width:60px; }
#btn_submitCap, #btn_submitCap_business{ height:72px }
.casa #Invio_Lead, .business #Invio_Lead{ float: left !important;}

#Step1_NegozioStrada_Config{background-image: url("img/su_strada_grande.png");background-size: contain; width:220px;}
#Step1_Localecommerciale_Config{ background-size: contain; width:220px;}
#Step1_UfficioProfessionale_Config{background-image: url("img/ufficio_grande.png"); background-size: contain; width:220px;}
#Step2_InNucleoUrbano_Config{background-image: url("img/nel_centro_grande.png"); background-size: contain; width:220px; float: none!important}
#Step2_OutNucleoUrbano_Config{background-size: contain; float: none!important}
#Step3_Soloio_Config{background-image: url("img/solo_grande.png"); width:180px; background-size: contain; float: none!important}
#Step3_Dadueacinque_Config{background-size: contain; width:180px; float: none!important}
#Step3_piudicinque_Config{background-image: url("img/piu_5_grande.png");background-size: contain; width:180px; float: none!important}
#Step4_AltoValore_Config{background-size: contain; width:170px; float: none!important}
#Step4_MedioValore_Config{background-size: contain; width:170px; float: none!important}
#Step4_BassoValore_Config{background-size: contain; width:170px; float: none!important}

#btn_mattina, #btn_pomeriggio{  width: 50%!important;   padding: 0.3rem 0.75rem!important; font-size: 1.1rem!important;}

/*******************
    CONFIGURATORE CONTATTACI
*******************/
.contattaci p{font-size: 18px}
.contattaci h1{padding: 0px!important; font-size: 1.5rem!important}
#btn_casa_app_casa, #btn_attiv_comm_casa {width:270px; float: none!important }

/*******************
    CLIENTI
*******************/
.clienti{margin-top: 2rem}
.flickity-slider{left:0px!important}
.carousel-cell { width: 100%; height: 140px; margin-right: 30px;}

/*******************
    FOOTER
******************/
/*.footer .text{display: none}*/
/*.footer .immagine{text-align: center;}*/
/******************
  BOTTOM FIXED RED
****************/
.footer_red .col_text, .footer_red .col_btn{text-align: center!important}
.footer_red .col_text{font-size: 16px; margin-bottom: 10px}
.footer_red .col_btn{margin-bottom: 10px}


/*************************************************
            POLICY
******************************************************/
.policy{margin-top: 30px;}
}


.bd-modal-form-lg .modal-content .modal-body .form select,
.bd-casa-modal-lg .modal-content .modal-body .form select,
.bd-business-modal-lg .modal-content .modal-body .form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(...);
  width: 100%;
  height: 100%;
  font-size: 1rem;
  line-height: 1.25;
  color: #495057;
  background-color: #fff;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 2.25rem;
  padding: 0.9rem 0.75rem;
}

.bd-modal-form-lg .modal-content .modal-body .form select,
.modal-content .modal-body select {
  height: auto!important;
}

.privacy {
  font-size: 11px;
  font-weight: 500;
  font-style: italic;
  text-align: left;
  margin: 0;
}

.privacy > div {
  display: flex;
  margin-bottom: 5px;
  align-items: flex-start;
}

.privacy > div:last-child {
  margin-bottom: 0;
}

.privacy > div input {
  margin-right: 10px;
}
.privacy a {
  color: #fff;
  text-decoration: underline;
}
#frm-appuntamento-privacy_base,
#frm-appuntamento-privacy_marketing,
#frm-appuntamento-privacy_profilazione,
#frm-casa-privacy_base,
#frm-casa-privacy_marketing,
#frm-casa-privacy_profilazione,
#frm-business-privacy_base,
#frm-business-privacy_marketing,
#frm-business-privacy_profilazione{
  min-width: 16px!important;
}

.modal-header {
  padding: 0;
}


.modal.show .modal-dialog {
  max-height: 96%;
}
/*
.privacy > div label {
  font-weight: 500;
  font-style: italic;
  display: inline;
  margin: 0;
  font-size: 11px;
}

.privacy a {
  font-weight: bold;
  color: white;
  text-decoration: underline;
}

.privacy > div label.error {
    order: 2;
    margin-left: 12px;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    margin-left: 7px;
    font-weight: bold;
}
*/
#frm-contatto-telefono .privacy label {
  color: white;
  width: 90%;
}

#frm-contatto-telefono .privacy {
  margin-top: 20px;
  /*
  padding-left: 0;
  padding-right: 0;
  */
}

#box-header{
  background: url(img/img-header-2024.png);
  background-size: contain;
  background-position: right center;
  background-repeat:no-repeat
}
#header-mobile{
  display: none;
}
@media (max-width:767px) {
  #box-header {
    background: url(img/img-header-mobile-2024.png);
    margin-top:-10px;
    margin-bottom:0px;
  }
  #header-desktop{
    visibility: hidden;
    height: 80px;
  }
  #header-mobile{
    display: block;
  }
}
.bollo-gratuito-desktop{
  position: absolute;
  top: 30px;
  right: 300px;
}
.bollo-gratuito-desktop img{
  width:350px;
}
@media (max-width:998px){
  .bollo-gratuito-desktop{
    top: 75px;
    right: 0px;
  }
  .bollo-gratuito-desktop img{
    width:150px;
  }
}
@media (min-width:1400px) and (max-width:1700px){
  .bollo-gratuito-desktop{
    top: 75px;
    right: 200px;
  }
}
.bollo-gratuito-mobile{
  background-color: #24366D;
  padding: 10px 5px;
  color:#fff;
  font-weight: 800;
  font-size: 20px;
  text-align: center;
  margin-bottom: 40px;
}