dt {
    cursor: pointer !important;
    padding-left: 30px;
}
#domanda_6,#domanda_7,#domanda_8,#domanda_9,#domanda_10{
  border-bottom: 1px #4f4f4f solid;
}
dd {
    margin-top: -5px;
    border-bottom: 1px #4f4f4f solid;
    padding-left: 30px;
}
.logoDieciDts{
  width: 75px;
}
.logoPlayStore{
  width: 140px;
  float: left;
  display: none;
}
.logoAppleStore{
  width: 140px;
  float: right;
  display: none;
}
.contenitoreLinkAppStore{
  float: right;
  width: 56%;
  text-align: center;
  padding-top: 30px;
}
#contenitoreSinistraBottomResponsive{
  width: 100%;
  display: none;
}

@media (max-width: 1250px) and (min-width: 1050px){
    .logoPlayStore{
        width: 100px;
        float: left;
    }
    .logoAppleStore{
        width: 100px;
        float: right;
    }
}

@media (max-width: 1049px) and (min-width: 900px){
    .contenitoreLinkAppStore{
      float: right;
      width: 65%;
      text-align: center;
      margin-top: -80px;
    }   
    .logoDieciDts{
      width: 55px;
    }
    .logoPlayStore{
        width: 100px;
        float: left;
    }
    .logoAppleStore{
        width: 100px;
        float: right;
    }
}
@media (max-width: 900px) and (min-width: 840px){
    .contenitoreLinkAppStore{
      float: right;
      width: 68%;
      text-align: center;
      margin-top: -180px;
    }   
    .logoDieciDts{
      width: 45px;
    }
    .logoPlayStore{
        width: 80px;
        float: left;
    }
    .logoAppleStore{
        width: 80px;
        float: right;
    }
}
@media (max-width: 840px) and (min-width: 769px){
    .contenitoreLinkAppStore{
        float: right;
        width: 60%;
        text-align: center;
        margin-top: -195px;
    } 
    .logoDieciDts{
      width: 45px;
    }
    .logoPlayStore{
        width: 80px;
        float: left;
    }
    .logoAppleStore{
        width: 80px;
        float: right;
    }
}

@media (max-width: 768px) and (min-width: 558px){
  .contenitoreLinkAppStore{
        float: right;
        width: 60%;
        text-align: center;
        margin-top: -95px;
    } 
    .logoDieciDts{
      width: 100px;
    }
    .logoPlayStore{
        width: 140px;
        float: left;
    }
    .logoAppleStore{
        width: 140px;
        float: right;
    }
}

@media (max-width: 557px) and (min-width: 400px){
  .contenitoreLinkAppStore{
        float: right;
        width: 60%;
        text-align: center;
        margin-top: -190px;
    } 
    .logoDieciDts{
      width: 60px;
    }
    .logoPlayStore{
        width: 80px;
        float: left;
    }
    .logoAppleStore{
        width: 80px;
        float: right;
    }
}

@media (max-width: 399px) and (min-width: 350px){
  .contenitoreLinkAppStore{
        float: right;
        width: 60%;
        text-align: center;
        margin-top: -250px;
    } 
    .logoDieciDts{
      width: 60px;
    }
    .logoPlayStore{
        width: 80px;
        float: left;
    }
    .logoAppleStore{
        width: 80px;
        float: right;
    }
}

@media (max-width: 349px){
  .contenitoreLinkAppStore{
        float: right;
        width: 66%;
        text-align: center;
        margin-top: -250px;
    } 
    .logoDieciDts{
      width: 60px;
    }
    .logoPlayStore{
        width: 60px;
        float: left;
    }
    .logoAppleStore{
        width: 60px;
        float: right;
    }
}


@media (max-width: 768px) {
    #contenitoreSinistraBottom{
        width: 100%;
        display: block;
        height: 500px;
        background-size: cover;
    }
    p{
      text-align: left;
    }
    ul li{
      text-align: left; 
    }
    p.scaricaApp {
        text-align: center;
    }
    dd{
      text-align: left; 
    }    
    /*
    .logoDieciDts{
      width: 45px;
    }
    .logoPlayStore{
        width: 80px;
        float: left;
    }
    .logoAppleStore{
        width: 80px;
        float: right;
    }
    */
}




.scaricaApp{
  color: #ffffff;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 22px !important;
  text-transform: uppercase;
  font-weight: bold;
  font-style: italic;
}

.spa-main.responsive{
	display: none;
}
.spa-main.desktop{
	display: block;
}
.contenitoreVantaggiResponsive{
    text-align: justify;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif !important;
    line-height: 28px;
    color: #000000;
    font-weight: 100;
    width: 100%;
    margin-top: 40px;
}
.contenitoreVantaggiResponsive p strong{
    font-weight: 600;
}


.anchorDts {
    background-color: #fbba00 !important;
    border-radius: 0 !important;
    border: none !important;
    color: #000000 !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 18px !important;
    font-style: italic;
    font-weight: bold !important;
    height: 36px;
    background-repeat: no-repeat;
    background-position: 98% 54%;
    text-align: left !important;
    margin-top: 15px;
}
.anchorDts:hover{
	text-decoration: underline;
}
.anchorDtsGray{
	background-color: #d1d1d1 !important;
    border-radius: 0 !important;
    border: none !important;
    color: #000000 !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
    width: 100%;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 18px;
    font-style: italic;
    font-weight: bold !important;
    height: 36px;
    background-repeat: no-repeat;
    background-position: 98% 54%;
    text-align: left !important;
    margin-top: 15px;
}
.anchorDtsGray:hover{
	text-decoration: underline;
}

#contenitoreh1h2Dts{
    width: 49%;
}

#contenitoreTitoloVantaggiPrincipali{
    width: 100%;
}
#contenitoreTitoloVantaggiPrincipali h2{
  color: #4f4f4f !important;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 24px !important;
  text-transform: uppercase;
  font-weight: bold;
  font-style: italic;
  width: 100%;
  margin-top: 60px;
  text-align: left;
  margin-bottom: 5px;
}
#contenitoreTitoloVantaggiInclusi{
    width: 100%;
}
#contenitoreTitoloVantaggiInclusi h2{
  color: #000000 !important;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 24px !important;
  text-transform: uppercase;
  font-weight: bold;
  font-style: italic;
  width: 100%;
  margin-top: 60px;
  text-align: left;
  margin-bottom: 5px;
}
#contenitoreTestoPrincipale{
    float: left;
    text-align: justify;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif !important;
    line-height: 28px;
    color: #ffffff;
    font-weight: 100;
    width: 68%;
    margin-top: 30px;
}
#contenitoreTestoPrincipale p strong{
    font-weight: 600;
}
.contenitoreSinistra ul li strong{
	font-weight: 600;	
}
.contenitoreDestra ul li strong{
	font-weight: 600;	
}

#contenitoreTestoPrincipale2{
    float: left;
    text-align: left;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif !important;
    line-height: 28px;
    color: #000000;
    font-weight: 100;
    width: 100%;
    margin-top: 10px;
}
#contenitoreTestoPrincipale2 p strong{
    font-weight: 600;
}

.contenitoreDestra{
    /*float: right;*/
    text-align: justify;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif !important;
    line-height: 28px;
    color: #000000;
    font-weight: 100;
    width: 49%;
    /*margin-top: 60px;*/
    padding: 20px;

    display: table-cell;
    vertical-align: middle;
    height: 400px;
    letter-spacing: -0.5px;
}
.contenitoreDestra p strong{
    font-weight: 600;
}
.contenitoreSinistra{
    /*float: left;*/
    text-align: justify;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif !important;
    line-height: 28px;
    color: #000000;
    font-weight: 100;
    width: 49%;
    /*margin-top: 60px;*/
    letter-spacing: -0.5px;
    padding: 20px;

    display: table-cell;
    vertical-align: middle;
    height: 400px;
    letter-spacing: -0.5px;    
}
.contenitoreSinistra p strong{
    font-weight: 600;
}

#contenitoreSinistraBottom{
    /*float: left;*/
    text-align: justify;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif !important;
    line-height: 28px;
    color: #000000;
    font-weight: 100;
    width: 48%;
    /*margin-top: 60px;*/
    letter-spacing: -0.5px;
    padding: 20px;

    display: table-cell;
    vertical-align: middle;
    height: 400px;
    letter-spacing: -0.5px;
    background-size: contain;   
    
}
#contenitoreSinistraBottom p strong{
    font-weight: 600;
}
#contenitoreDestraBottom{
    /*float: right;*/
    text-align: justify;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif !important;
    line-height: 28px;
    color: #000000;
    font-weight: 100;
    width: 48%;
    /*margin-top: 60px;*/
    padding-top: 9%;

    display: table-cell;
    vertical-align: middle;
    height: 400px;
    letter-spacing: -0.5px;
}
#contenitoreDestraBottom p strong{
    font-weight: 600;
}


#contenitorePulsantiera{
	width: 400px;
	float: right;
	margin-top: -30px;
}

#heroSlideDts {
  width: 100%;
  position: relative;
  background-size: cover;
  margin-top: 0px !important;
  /*margin-top: 45px;*/
  /*background-color: #404040;*/
  background-color: #4a4a4a;
  padding-bottom: 60px;
}
#heroSlideDts2{
  width: 100%;
  position: relative;
  background-size: cover;
  margin-top: 0px !important;
  background-color: #fbba00;
  padding-bottom: 60px;
}
.heroSlideDts3{
  width: 100%;
  position: relative;
  background-size: cover;
  margin-top: 0px !important;
  background-color: #ffffff;
  padding-bottom: 60px;
}
.heroSlideDts4{
  width: 100%;
  position: relative;
  background-size: cover;
  margin-top: 0px !important;
  background-color: #ededed;
  padding-bottom: 60px;
}
#heroSlideDts5 {
  width: 100%;
  position: relative;
  background-size: cover;
  margin-top: 0px !important;
  /*margin-top: 45px;*/
  background-color: #404040;
  padding-bottom: 60px;
  padding-top: 70px;
  background-color: #4a4a4a;
}

.titoloDts h1{
  color: #ffffff !important;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 24px !important;
  text-transform: uppercase;
  font-weight: bold;
  font-style: italic;
  width: 100%;
  margin-top: 60px;
  text-align: left;
  margin-bottom: 5px;
}


.titoloDts h2{
  width: 100%;
  color: #ffffff;
  font-size: 30px;
  font-weight: lighter;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-style:italic;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;  
}

.titoloVantaggio{
  width: 100%;
  color: #000000;
  font-size: 30px;
  font-weight: 800;
  font-family: 'Roboto Condensed', sans-serif !important;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;  
}

.titoloDts{
	border-bottom: 7px solid #fbba00;
	height: auto;
}

.pulsantieraDts{
	height: auto;
}


.boxTitolo360{
  width: 100%;
  margin-top: 60px;
}
.boxTesto360{
  margin: auto;
  width: 50%;
  margin-top: 30px;
}
.boxPulsante360{
    /* width: 50%; */
    /* margin-top: 30px; */
    text-align: center;
    /* margin-bottom: 40px; */
    float: right;
    bottom: 75px;
    /* right: 0px; */
    position: relative;
    /* right: 64px;*//
}
.titolo360{
  text-align: center;
  font-size: 22px;
  font-style: italic;
  font-weight: 600;
  font-family: 'Roboto', sans-serif !important;
  font-stretch: 100%;
  letter-spacing: -0.5px;
}
.testo360{
  text-align: center;
  font-size: 18px;
  font-family: 'Roboto Condensed', sans-serif !important;
  line-height: 22px;
}
.pulsante360{
  
}
.box360OKImg{
    width: 100%;
}
.box360OK {
    width: 25%;
    justify-content: center;
    align-items: center;
    font-size: 1.2em;
}
.box360 {
    width: 25%;
    justify-content: center;
    align-items: center;
    font-size: 1.2em;
}


@media (max-width: 1200px) and (min-width: 769px){
  .box360OK {
      width: 50%;
  }
}
@media (max-width: 1350px) and (min-width: 1250px){
    #contenitoreTestoPrincipale{
    	width: 65%;
    } 
}
@media (max-width: 1249px) and (min-width: 1100px){
    #contenitoreTestoPrincipale{
    	width: 60%;
    } 
}
@media (max-width: 1099px) and (min-width: 950px){
    #contenitoreTestoPrincipale{
    	width: 55%;
    } 
}
@media (max-width: 949px) and (min-width: 850px){
    #contenitoreTestoPrincipale{
    	width: 45%;
    } 
}
@media (max-width: 849px) and (min-width: 769px){
    #contenitoreTestoPrincipale{
    	width: 44%;
    } 
}
@media (max-width: 768px){
  /*#contenitoreSinistraBottomResponsive{
    display: block;
  }
  #contenitoreSinistraBottom{
    display: none;
  }*/  
  dd{
    line-height: 20px;
  }
  .contenitoreVantaggiResponsive ul li strong{
    font-weight: 600;
  }
  #risposta_6,#risposta_7,#risposta_8,#risposta_9,#risposta_10{
    display: none;
  }
	.spa-main.desktop{
		display: none;
	}	
	.spa-main.responsive{
		display: block;
	}			
	.box360OK {
	  width: 100%;
	}
    .boxPulsante360 {
        width: 100%;   
        float: none;
        position: initial; 
        margin-bottom: 10px;
    }
    #contenitoreh1h2Dts{
        width: 100%;
    }  
    .titoloDts h2{
        text-align: center;
    }
    .titoloDts h1{
        text-align: center;
    }   
    #contenitoreTestoPrincipale{
    	width: 100%;
    } 
    #contenitorePulsantiera{
    	width: 100%;	
    	margin-top: 15px;
    }
    .contenitoreSinistra{
        width: 100%;
        display: block;
    }
    .contenitoreDestra{
        width: 100%;
        display: block;
    }   
    #contenitoreDestraBottom{
        width: 100%;
        display: block;
        height: auto;
    }    
    #heroSlideDts5{
      height: auto;
    }    
    .section360_2{
      width: 100% !important;
    }
    .section360{
      width: 100% !important;
    }   
    .anchorDtsGray {
      font-size: 15px;
    } 
}

@media (max-width: 1024px) and (min-width: 769px){
  #contenitoreDestraBottom {
    padding-top: 0%;
    padding-left: 20px;
  }
  #heroSlideDts5{
    padding-bottom: 0%;
    height: 400px;
  }
}


@media (max-width: 1600px) and (min-width: 1200px){
  .section360{
    /*font-size: 16px !important;
    width: 300px !important;*/
  }
  .testo360{
    /*font-size: 16px !important;*/
  }
}

.section360 {
    /*background: rgba(98.4, 72.9, 0, 1);*/
    border-color: #fbba00;
    background-color: #fbba00;
    border-radius: 0;
    color: #000000;
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
    font-size: 16px !important;
    width: 400px;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 21px;
    font-style: italic;
    border: none;
    font-weight: bold;
    height: 60px;
}
.section360:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 100%;
  background: #676567;
  z-index: -1;
  -webkit-transition: width 150ms ease-in-out;
  transition: width 150ms ease-in-out;
}
.section360:hover {
  color: #fff;
}
.section360:hover:after {
  width: 110%;
}


.section360_2 {
    /*background: rgba(98.4, 72.9, 0, 1);*/
    border-color: #d1d1d1;
    background-color: #d1d1d1;
    border-radius: 0;
    color: #000000;
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: color 150ms ease-in-out;
    transition: color 150ms ease-in-out;
    font-size: 16px !important;
    width: 400px;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 21px;
    font-style: italic;
    border: none;
    font-weight: bold;
    height: 60px;
    margin-bottom: 20px;
}
.section360_2:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 100%;
  background: #676567;
  z-index: -1;
  -webkit-transition: width 150ms ease-in-out;
  transition: width 150ms ease-in-out;
}
.section360_2:hover {
  color: #fff;
}
.section360_2:hover:after {
  width: 110%;
}




.containerBox {
  position: relative;
  /*width: 50%;*/
  cursor: pointer;
}

.overlayBox {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(140,104,1);
  background: linear-gradient(0deg, rgba(140,104,1,1) 6%, rgba(226,168,3,1) 46%, rgba(251,186,0,1) 92%);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}
.overlayBoxInterna {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:rgba(0,0,0,0.3);
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.containerBox:hover .overlayBox {
  height: 100%;
}

.textBox {
  color: #000000;
  font-size: 20px;
  position: absolute;
  /*top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  cursor: initial !important;*/

  /*top: 50%;
  left: 49%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  cursor: initial !important;
  padding-left: 19%;*/

  text-align: center;
  cursor: initial !important;
  padding-left: 30px;
  padding-right: 42px;
  padding-top: 52px;
  width: 100%;
}