/** resets **/

.titolo {
    color: #292929;
    font-family: "Roboto";
    font-size: 24px;
    font-weight: 300;
    line-height: 24px;
    text-transform: uppercase;
		width: 100%;
		text-align: center;
		margin: 0px;
}

.bt-heading .bt-heading-sub-text {
    color: #666;
    font-weight: 300;
		cursor: pointer;
		font-size: 12px;
}


#calc-sidebar div.customInfoHome {
    width: 100%;
		float: none;
		display: table;
}



#step0  {
    display: table;
		display: none;
}


#step1  {
    display: table;
    margin: 0px;
    padding: 0 5px !important;
}

#step2  {
    display: none;
    margin: 0px;
    padding: 0 5px !important;
}

#step3  {
    display: none;
    margin: 0px;
    padding: 0 5px !important;
}

#step4  {
    display: none;
    margin: 0px;
    padding: 0 5px !important;
}

#step2bcan{
    display: none;
}

#step2bnegato {
    display: none;
}


#finereg {
    display: none;
}

#contenitoreapp { 
 width: 100%;
 float:none;
 margin: 0px;
 padding:0px;
 }

 #calc-sidebar { 
    display: table;
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
 }

 #barradestraapp  { 
 width: 100%;
 float:none;
  margin: auto;
 padding:0px;
 display: table;
 }

 #step1  { 
 width: 100%;
 float:none;
  margin: 0px;
 padding:0 5px !important;
 }

 
 
#block1 { 
 width: 100%;
 float:none;
 }

 #block11 { 
    border: 1px solid #d2d2d2;
    float: left;
    padding: 10px;
/*    width: 45%;*/
 }
 
  #block12 { 
/* width: 10%;*/
 float:left;
 }
 
  #block13 { 
   border: 1px solid #d2d2d2;
    float: left;
    padding: 10px;
/*    width: 45%;*/
 }
 
 #block14  { 
/* width: 100%;*/
 float:none;
/* min-height: 35px;*/
 }
 
 
 #block2 { 
   border-bottom: 1px dotted #d2d2d2;
    border-top: 1px dotted #d2d2d2;
    float: left;
/*    margin-top: 10px;*/
    padding: 10px;
/*    width: 100%;*/
 }

#block3 { 
/*    float: left;
    margin-bottom: 20px;
    margin-left: 5px;
    margin-top: 20px;*/
/*    width: 45%;*/
}

#block4 { 
/*    float: right;
    margin-bottom: 20px;
    margin-left: 5px;
    margin-top: 20px;*/
/*    width: 45%;*/
}
 
 
 #partenza { 
 width: 400px;
 }
 
 #arrivo { 
 width: 400px;
 }
 
  #compagnia { 
/* width: 100%;*/
 }
 
 #activate_selectator2  {
    display: none;
}

 #activate_selectator1  {
    display: none;
}

 #activate_selectator3  {
    display: none;
}

#formritardo {
/*    width: 100;*/
		text-align: center;
}

.form-head h2 {
    background: #0068a0 none repeat scroll 0 0;
    border-bottom: 1px none #ffffff;
    color: #ffffff;
    font-family: "Roboto";
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 10px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
}



#block11 h3  {
    color: #292929;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    margin: 0 0 10px !important;
    padding: 0 !important;
    text-transform: uppercase;
}	

  #block12 h3  {
    color: #292929;
    font-family: "Roboto";
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
/*    margin: 0 0 10px !important;*/
/*    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 41%;*/
    text-align: center;
    text-transform: uppercase;
}	

 #block13 h3 {
    color: #292929;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    margin: 0 0 10px !important;
    padding: 0 !important;
    text-transform: uppercase;
}		


#step1avanti, #step1avanti_coinc, #step2avanti3_coinc, #step3avanti {
    background-color: #0068a0;
    color: #ffffff;
    float: right;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 800;
    line-height: normal;
    margin: 0 auto;
    padding: 10px 0;
    text-transform: uppercase;
    cursor: pointer !important;
/*    width: 94%;*/
}		

#step2avanti, #step2avanti2_coinc {
    background-color: #0068a0;
    color: #ffffff;
    float: left;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 800;
    line-height: normal;
    margin: 0 auto;
    padding: 10px 0;
    text-transform: uppercase;
/*    width: 150px;*/
}		

#block21 {
/*    width: 50%;*/
		float: left;
}		

#block22 {
    float: left;
    margin-top: 10px;
    text-align: center;
/*    width: 50%;*/
}


#spaziosicurezza {
    width: 100%;
		float: none;
		text-align: center;
		height: 300px;
		display: none;
}


#compagniadesc h2 {
    color: #292929;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    margin: 0 5px;
    padding: 0;
}



.dettratt {
    color: #292929;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    margin: 0 5px;
    padding: 0;
}

.dettratt span {
    color: #292929;
    font-family: "Roboto";
    font-size: 11px;
    font-weight: 300;
    line-height: normal;
    margin: 0 5px;
    padding: 0;
}

#info1risultato h2 {
    color: #292929;
    font-family: "Roboto";
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
    margin: 5px 5px;
    padding: 0;
}


#info2risultato h3 {
    color: #292929;
    font-family: "Roboto";
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
/*    margin: 5px 5px;*/
    padding: 30px 15px;
}

.blockreg {
    color: #292929;
    font-family: "Roboto";
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
/*    margin: 5px 5px;
    padding: 0;
	float: none;*/
}

.obl {
    color: #cc0000;
    font-family: "Roboto";
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
    margin: 5px 5px;
    padding: 0;
		float: none;
}


#step2avanti1 {
background-color: #0068a0;
    color: #ffffff;
    float: left;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 800;
    line-height: normal;
    margin: 0 auto;
    padding: 10px 15px;
    text-transform: uppercase;
/*    width: 33%;*/
}		

#step2avanti2 {
background-color: #0068a0;
    color: #ffffff;
    float: left;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 800;
    line-height: normal;
    margin: 0 auto;
    padding: 10px 15px;
    text-transform: uppercase;
/*    width: 33%;*/
}	

#step2avanti3 {
background-color: #0068a0;
    color: #ffffff;
    float: left;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 800;
    line-height: normal;
    margin: 0 auto;
    padding: 10px 15px;
    text-transform: uppercase;
/*    width: 33%;*/
}

#step3avanti  {
background-color: #0068a0;
    color: #ffffff;
    float: left;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 800;
    line-height: normal;
    margin: 0 auto 7px;
    padding: 10px 15px;
    text-transform: uppercase;
/*    width: 100%;*/
}

.quest {
    display: table;
    float: left;
    margin-bottom: 10px;
    margin-top: 20px;
/*    width: 100%;*/
	border-bottom: 1px solid #000000;
}



#que1 {
    display: table;
    float: left;
    margin-bottom: 10px;
    margin-top: 20px;
/*    width: 100%;*/
		border-bottom: 1px solid #000000;
}

#que2 {
    display: table;
    float: left;
    margin-bottom: 10px;
    margin-top: 20px;
/*    width: 100%;*/
		border-bottom: 1px solid #000000;
}

#que3 {
    display: table;
    float: left;
    margin-bottom: 10px;
    margin-top: 20px;
/*    width: 100%;*/
		border-bottom: 1px solid #000000;
}

.domanda {
    float: left;
    padding: 4px 10px 0 0;
/*    width: 90%;*/
font-weight: 500;
}

.risposta {
    float: right;
    width: auto;
}



#stepregavanti {
background-color: #0068a0;
    color: #ffffff;
    float: left;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 800;
    line-height: normal;
    margin: 0 auto;
    padding: 10px 15px;
    text-transform: uppercase;
/*    width: auto;*/
}


#step2 p {
    color: #292929;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
/*    margin: 0 5px;
    padding: 0;*/
		margin-top: 10px;
}


#detritardo label, #step2bcan label {
    display: inline-block;
    float: left;
    font-weight: bold;
    margin-bottom: 5px;
/*    max-width: 100%;*/
    padding-right: 10px;
    padding-top: 5px;
    white-space: nowrap;
}


.domandatxt {
    color: #292929;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
    margin: 0 5px;
    padding: 0;
		margin-top: 20px;
}


#info2risultato {
    color: #292929;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: 300;
    line-height: normal;
/*    margin: 0 5px;
    padding: 20px;
		margin-top: 20px;*/
		border: 1px solid #cc0000;
		text-align: center;
}

#info2risultato h2 {
    color: #800000;
    font-family: "Roboto";
    font-size: 26px;
    font-weight: 800;
    line-height: normal;
    margin: 0;
    padding: 0;
    text-align: center;
}



.txtapptop1  {
/*   width: 33%;*/
	 float: left;
	 text-align: center;
	 cursor: pointer;
}

.txtapptop1:hover  {
 background-color: #0068A0;
 border-radius: 10px;
 color: #ffffff;
}

.txtapptop1 img  {
    background-color: #0068a0;
		padding: 10px;
		 border-radius: 50px;
}

.txtapptop1 h3 {
    margin: 0px;
}


.txtapptop2  {
/*   width: 33%;*/
	 float: left;
	 text-align: center;
	 cursor: pointer;
}

.txtapptop2:hover  {
 background-color: #0068A0;
 border-radius: 10px;
 color: #ffffff;
}

.txtapptop2 h3 {
    margin: 0px;
}

.txtapptop2 img  {
    background-color: #0068a0;
				padding: 10px;
		 border-radius: 50px;
}

.txtapptop3  {
/*   width: 33%;*/
	 float: left;
	 text-align: center;
	 cursor: pointer;
}

.txtapptop3:hover  {
 background-color: #0068A0;
 border-radius: 10px;
 color: #ffffff;
}

.txtapptop3 h3 {
    margin: 0px;
}

.txtapptop3 img  {
    background-color: #0068a0;
				padding: 10px;
		 border-radius: 50px;
}


#activate_selectator_partenza {
/*    width: 90%;*/
}

#activate_selectator_arrivo {
/*    width: 90%;*/
}


.blockreg {
/*    width: 49%;*/
		float: left;
}

.blockreg1 {
    /*    width: 100%;*/
/*		float: none;
		display: table;
		padding-left: 7px;*/
		padding-top: 15px;
    }

#info3risultato h1 {
	 text-align: center;
}

#info3risultato h5 {
	 text-align: center;
	 font-family: "Roboto";
	 font-size: 36px;
	 margin-bottom: 10px;
    margin-top: 20px;
}

#step0 h5 {
font-family: "Roboto";
font-size: 36px;
}

.sottotitolotop {
/*    width: 100%;*/
		float: none;
		display: table;
		text-align: center;
		margin-top:15px;
		 font-size: 17px;
}

.testobottom  {
/*    width: 100%;*/
		float: none;
		display: table;
		text-align: center;
		margin-top:30px;
		margin-bottom: 0px;
		
}

.testobottom span  {
font-weight:400;
	font-family:"Roboto";
	color: #0b7ebf;
  font-size: 30pt;
	}
	
	
.blockreg label {
		 font-size: 14px;
}

.blockreg input  {
/*		width: 90%;*/
}

#stepregavanti {
/*		width: 100%;*/
}


#finereg h5 {
		font-size: 22px;
		margin-top: 20px;
		margin-bottom: 20px;
}



@media only screen and (max-width: 970px) {
		
		#barradestraapp {
/*      width: 100%;*/
    }
		
		
		#background_slideshow {
      display: none;
    }
		
		.t3-sl {
    padding-bottom: 0px;
    }
		
		.t3-content {
    padding-bottom: 20px;
    padding-top: 10px;
}
/*
.logo {
    width: 60%;
}*/

#step2avanti1 {
/*   width: 100%;*/
	 float: none;
	 margin-bottom: 10px;
}

#step2avanti2 {
/*   width: 100%;*/
	 float: none;
	 margin-bottom: 10px;
}

#step2avanti3 {
/*   width: 100%;*/
	 float: none;
	 margin-bottom: 10px;
}

#spaziosicurezza {
    display: none;
		height: 20px;
}

}


@media only screen and (max-width: 570px) {
#block11 {
    float: none;
/*    width: 100%;*/
}

#block12 {
    float: none;
/*    width: 100%;*/
}

#block12 h3 {
   padding-top: 10px;
}

#block13 {
    float: none;
/*    width: 100%;*/
}

#block21 {
    float: none;
    margin-bottom: 20px;
/*    width: 100%;*/
}

/*
.t3-sl {
    padding-bottom: 0px;
    }

.t3-content {
    padding-bottom: 20px;
    padding-top: 10px;
}		
.logo {
    width: 60%;
}*/


#block22 {
    float: left;
    margin-top: 10px;
    text-align: center;
/*    width: 100%;*/
}


#step2avanti1 {
/*   width: 100%;*/
	 float: none;
	 margin-bottom: 10px;
}

#step2avanti2 {
/*   width: 100%;*/
	 float: none;
	 margin-bottom: 10px;
}

#step2avanti3 {
/*   width: 100%;*/
	 float: none;
	 margin-bottom: 10px;
}
#spaziosicurezza {
    display: none;
		height: 20px;
}

.txtapptop1 h3 {
    font-size: 18px;
}

.txtapptop2 h3 {
    font-size: 18px;
}

.txtapptop3 h3 {
    font-size: 18px;
}

.sottotitolotop {
    font-size: 12px;
    text-align: center;
}


.blockreg {
    float: left;
/*    width: 100%;*/
}

#block3 {
    float: left;
/*    width: 100%;*/
}

#block4 {
    float: left;
/*    width: 100%;*/
}

}

#step2avanti4 {
    background-color: #82828a;
    color: #ffffff;
    /*float: left;*/
    font-family: "Roboto";
    font-size: 12px;
    font-weight: 800;
    line-height: normal;
    margin: 30px auto 0;
    padding: 10px 15px;
    text-transform: uppercase;
/*    width: 250px;*/
}

#step3indietro {
    background-color: #82828a;
    color: #ffffff;
    float: left;
    font-family: "Roboto";
    font-size: 12px;
    font-weight: 800;
    line-height: normal;
    margin: 10px auto;
    padding: 10px 15px;
    text-transform: uppercase;
/*    width: 250px;*/
}

.pagamento_disclaimer h3{
    padding: 30px 0 15px !important;
    margin: 0;
}

.barrasinistraapp-npf .trustpilot-widget {
    max-width: 160px;
    margin: 0 auto;
    opacity: 0.7;
}


.module-rimborso .lista-accesso {
    float: right!important;
}

.module-rimborso .accesso-utente, .module-rimborso .accesso-utente a, .module-rimborso #benvenuto a {
    color: #fff !important;
    font-size: 14px !important;
}

.mobileheader {
    min-height: 65px;
}

.widget-trustpilot-mobile {
    max-width: 150px;
    float: right;
}

.quote-widget {
    max-width: 160px;
    margin: 15px auto;
} 

.quote-widget p {
    font-size: 12px !important;
    font-weight: 400;
    color: #898989;
    opacity: 0.7;
}

.quote-logo {
    max-width: 110px;
    opacity: 0.7;
    margin-bottom: 15px;
}

.info-message {
    color: #1994C9;
    text-align: left!important;
    /* ----- ----- ELY MOFICHE 01/07/2019 ----- ----- */
    font-size: 16px;
    font-weight: 400;
}

/* ----- ----- ELY MOFICHE 01/07/2019 ----- ----- */
.info-message .fa-info-circle::after{
    content: '\00a0 \00a0';
}

#info2risultato .info-message {
    color: #1994C9;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin: 5px 5px;
    padding: 20px 15px;
    font-family: "Titillium Web", sans-serif !important;
    text-align: left!important;
}

.animated2 {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    66% { opacity:0; }
    100% {opacity: 1;}
}

@keyframes fadeIn {
    0% {opacity: 0;}
    66% { opacity:0; }
    100% {opacity: 1;}
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
/* ----- ----- ELY MODIFICHE 01/07/2019 ----- ----- */
@media (max-width: 425px){
    #info2risultato .info-message{
      padding: 0px!important;
    }

}

.placefontawesome {
  font-family: "Source Sans Pro", sans-serif, 'FontAwesome', sans-serif !important;
}

.placefontawesome, .barradestraapp-npf input {
  font-family: "Source Sans Pro", sans-serif, 'FontAwesome', 'Font Awesome 5 Pro', sans-serif !important;
}
