/* tablet.css */
@media screen and (max-width: 980px) {
	/* STRUCTURE
	----------------------------------------------------------------------------- */
	.grid-container{
		padding: 0 14px;
		}

	.grid_col3 {
		display: block;
		width: 100%;
	  }


	/* PAGINA PAGAMENTO
	----------------------------------------------------------------------------- */
	#pagina-pagamento form{
		width: 100%;
		}
	/* FOOTER
	----------------------------------------------------------------------------- */
	.footer_links_line .grid20,
    .footer_links_line .grid25 {
		width: 100%;
		float: none;
		padding: 0 30px;
		text-align: center;
	}
		.footer_links_line .title-list {
			min-height: inherit;
			margin-bottom: 5px;
		}
		.footer_links_line li {
			display: inline-block;
		}
		.footer_links_line li a::before {
			content: "-";
			display: inline-block;
			padding-left: 3px;
			padding-right: 7px;
		}
		.footer_links_line li:first-child a::before {
			display: none;
		}
}

/* menu.css */
@media screen and (max-width: 820px) {
	.header_wrapper{
			min-height: 92px;
		}
		.header_wrapper .grid-container {
			position: fixed;
		}

		#main_menu > ul > li.login_mobile {
			display: block;
			background-color: #ebf6fd;
		}
		#main_menu #box_login_mobile a {
		    text-transform: none;
		    display: inline-block;
		    padding: 0;
		    margin: 0 10px;
		}


	.menu_icon,
	#numero-verde span,
	a.link_login,
	#tc,
	#blog-cerca_menu{
		display:none;
		}

	.getaquote_fixed a {
		right: 98px;
		height: 38px;
		top: 14px;
		text-transform: uppercase;
		line-height: 14px;
		font-size: 14px;
		padding: 6px;
		border-radius: 0;
		width: 110px;
		font-family: "Alsanreg", Arial, sans-serif;
	}
	.getaquote_fixed a.showgetaquote {
	    top: 14px;
	}

	/* Logo Allianz */
	#logo_wrapper{
		max-width: 130px;
		left: 24px;
		top: 24px;
		}


	/* Numero Verde */
	#numero-verde a{
		padding: 4px 14px 12px 40px;
		border-bottom-left-radius: 24px;
		background-position: 16px 4px;
		background-color: transparent;
		position: absolute;
		top: 59px;
		right: 0;
		margin: 0;
		text-align: right;
		}

	/* Top Menu */
	#mobile_menu{
		box-sizing: border-box;
		background: #fff;
		padding: 14px;
		display: block;
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
		}

		#mobile_menu li{
			display: inline-block;
			float: right;
		    height: 38px;
		    width: 38px;
		    margin-left: 3px;
			}

			#mobile_menu li a{
				position: relative;
				background-position: center;
				background-repeat: no-repeat;
				box-sizing: border-box;
				text-indent: -9999px;
				cursor: pointer;
				display: block;
				height: 100%;
				}
    .slide_hp_box header {
        padding: 60px 20px 10px;
    }
    .slide_hp_focus {
        min-height: auto;
        padding-bottom: 40px;
				}
	.blog_page .top_white_bar {
		display: block;
		min-height: 40px;
	}

	/* Pulsanti Top Menu */
	#mobile_menu .login_mobile{
		}

		#mobile_menu .login_mobile a{
			background-color: #00b1ee;
			background-image: url(/public/img/icon_lock.png);
			background-size: 22px;
			}

	#mobile_menu .open_menu a{
		background-color: #ebf6fd;
		background-image: url("/public/img/icon_menu.png");
		}

	#mobile_menu .callmeback a{
		background-color: #004992;
		background-image: url(/public/img/toolbar-tel.png);
		background-size: 22px;
		}
	#mobile_menu .preventivo_mobile a{
		background-color: #008fd0;
		background-image: url(/public/img/icon_cart.png);
		background-size: 24px;
		}

	#btn_ricerca {
		background-image: url("/public/img/icon_lock_google.png");
		background-color: #000080;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 22px auto;
		position: absolute;
		top: 24px;
		z-index: 2;
		width: 36px;
		height: 36px;
		right: 60px;
		}

	#top-bar a.link_carrello{
		position: absolute;
		width: 36px;
		height: 36px;
		background: #238dca;
		display: block;
		z-index: 2;
		top: 24px;
		padding: 0;
		right: 60px;
		}

		#top-bar a.link_carrello span{
			background-image: url("/public/img/carrello_bg.png");
			background-position: center 9px;
			background-size: 32px auto;
			background-repeat: no-repeat;
			display: block;
			text-align: center;
			color: #fff;
			margin: 0;
			width: 100%;
			height: 100%;
			line-height: 30px;
			text-indent: 4px;
			}

		#top-bar a.link_carrello span#tc{
			display: none;
			}

	/* Box Ricerca */
	#ricerca_mobile{
		padding: 22px 22px 14px 22px;
		background-color: #000080;
		width: calc(100% - 180px);
		position: absolute;
		box-sizing: border-box;
		right: 24px;
		top: 60px;
		z-index: 80;
		}

		#ricerca_mobile .gsc-input-box,
		input.gsc-input,
		.gsc-input-box,
		.gsc-input-box-hover,
		.gsc-input-box-focus{
			border: 0;
			height: 42px;
			}

		#box_ricerca input.gsc-search-button,
		#box_ricerca input.gsc-search-button:hover,
		#box_ricerca input.gsc-search-button:focus{
			padding-top: 14px !important;
			padding-bottom: 13px !important;
			}

	/* Navigation Menu */
	#main_menu{
		height: 0;
		width: calc(100% + 30px);
		margin-top: 26px;
		margin-left: -15px;
		padding: 0;
		float: none;
		background: #fff;
		position: relative;
		max-height: 90vh;
		box-sizing: border-box;
		overflow: scroll;
		}

		#main_menu > ul{
			max-width: 100%;
			margin-top: 70px;
			}

			#main_menu > ul > li{
				border-bottom: 1px solid #dfecf4;
				box-sizing: border-box;
				width: 100%;
				margin: 0;
				}

				#main_menu > ul > li:first-child{
					border-top: 0;
					}

				#main_menu > ul > li a{
					padding: 20px 24px;
					margin: 0;
					}


	/* Navigation SubMenu */
	#main_menu ul li ul {
		box-sizing: border-box;
		overflow: hidden;
		position: static;
		display: block;
		height: 0;
		}

	#main_menu ul li.active{
		background: #238dca;
		}

		#main_menu ul li.active > a{
			color: #fff;
			}

		#main_menu ul li.active ul.menu4Columns li,
		#main_menu ul li.active ul.menu5Columns li{
			width: 100%;
			}

			#main_menu ul li.active ul.menu4Columns li a,
			#main_menu ul li.active ul.menu5Columns li a{
				border-top: 1px solid #fff;
				box-sizing: border-box;
				height: auto;
				padding: 16px 24px;
				width: 100%;
				}

				#main_menu ul li.active ul.menu4Columns li a .text,
				#main_menu ul li.active ul.menu5Columns li a .text{
					position: static;
					letter-spacing: 0.5px;
					font-size: 14px;
					}



	#main_menu .close{
		display: none;
		}

	/* Navigation Secondary Link */
	.secondary_link{
		position: static;
		}

		.secondary_link a{
			background: #f3f6f8 !important;
			padding: 16px 14px !important;
			font-size: 14px !important;
			}


	/* Box Callmeback */
	#callmeback_mobile {
		background-color: #004992;
		color: #fff;
		font-size: 14px;
	    padding: 24px 14px 34px 14px;
	    position: fixed;
	    top: 94px;
	    z-index: 9999;
		width: 100%;
		margin-left: -14px;
		box-sizing: border-box;
	    overflow: auto;
	    height: 90vh;
		}

		#callmeback_mobile .cmb_title {
			display:block;
			color: #add9fe;
			font-family: "Alsanreg", sans-serif;
			text-transform: none;
			font-size: 20px;
			margin: 0;
			}

		#callmeback_mobile p{
			margin: 0 0 20px;
			font-style: italic;
			}

		#callmeback_mobile input{
			border: 0;
			}

		#callmeback_mobile textarea{
			min-height: 120px;
			border: 0;
			}

		#callmeback_mobile .privacy label{
			font-size: 12px;
			}

		#callmeback_mobile #callmeback_botton{
			width: 48%;
			}

		#callmeback_mobile a.close_link{
			text-decoration: underline;
			line-height: 52px;
			color: #fff;
			}
		.blog_menu {
			position: fixed;
			top: 94px;
			z-index: 99;
			width: 100%;
			background-color: #ff5911;
			text-align: left;
			padding: 10px 15px;
			box-sizing: border-box;
			color: #fff;
			left: 0;
		}
		.blog_ricerca {
			background-color: #ff5911;
		    font-family: "alsanlig";
		    height: auto;
		    position: fixed;
		    top: 138px;
		    width: 100%;
		    z-index: 20;
		    display: none;
		    left: 0;
		    border-top: none;
		    border-bottom: none;
		}
		#btn_open_menu,
		#btn_open_search {
			float: right;
			margin-left: 16px;
			color: #fff;
			position: relative;
		}
			#btn_open_menu {
				height: 20px;
				display: inline-block;
				width: 30px;
				margin-top: 3px;
			}
			#btn_open_menu span {
				display: block;
				width: 30px;
				height: 2px;
				background-color: #fff;
			}
			#btn_open_menu span::after,
			#btn_open_menu span::before {
				content: "";
				display: block;
				width: 30px;
				height: 2px;
				background-color: #fff;
				position: absolute;
				top:8px;
			}
			#btn_open_menu span::before {
				top:16px;
			}
		#logo_wrapper{
			max-width: 90px;
			left: 14px;
			top: 14px;
			transition: top 0.5s ease-in-out;
			}
			#logo_wrapper.hidelogo {
				top: -100px;
			}
			#logo_wrapper.flusso {
			    top: 14px !important;
			}

		#numero-verde a{
			padding-right: 14px;
			top: 62px;
			}

		#mobile_menu{
			padding: 14px;
			min-height: 95px;
			border-bottom: 1px solid #ddd;
			}

			#main_menu > ul{
				margin-top: 40px;
				max-width: none;
				}

		#top-bar a.link_carrello{
			right: 50px;
			top: 14px;
			}

		#btn_ricerca{
			right: 86px;
			top: 14px;
			}

		#ricerca_mobile{
			width: calc(100% - 28px);
			right: 14px;
			top: 50px;
			}

		#box_login_mobile{
		    width: 100%;
		    box-sizing: border-box;
		    padding: 0 15px 20px;
		    background-color: #ebf6fd;
			}


		/* Submenu */
		#main_menu{
			}

		#main_menu > ul > li a{
			padding: 20px 15px;
			}

		#main_menu ul li.active ul.menu4Columns li a,
		#main_menu ul li.active ul.menu5Columns li a{
			padding: 16px 14px;
			}

			/* CHIAMA GRATIS
			----------------------------------------------------------------------------- */
			/* Appare su landing, partnership & homepage */
			.chiama-gratis-wr{
				position: fixed;
			    z-index: 2;
			    right: 0;
			    top: 60px;
				}

				#chiama-gratis{
					padding: 0;
					font-size: 13px;
					float: left;
					height: 28px;
					line-height: 30px;
					padding-right: 8px;
					}

					#chiama-gratis > *{
						color: #329235;
						}

					#chiama-gratis a{
						background-image: url(/public/img/icona-boxtel.png);
						font-size: 100%;
						padding-left: 18px;
						background-repeat: no-repeat;
						background-size: 15px auto;
						margin-right: 6px;
						}

					#triangle {
						width: 0;
						height: 0;
						background: none;
						border-width: 0 0 28px 34px;
						border-style: solid;
						border-color: transparent transparent #329235 transparent;
						position: static;
						float: left;
	}
}

@media screen and (max-width: 580px) {
	/* smartphone.css */
	/* GLOBAL
	----------------------------------------------------------------------------- */
	.smartphone{
		display: inline-block !important;
		}


	/* TYPOGRAPHY
	----------------------------------------------------------------------------- */

	/* Titles */
	.e1_title,
	.e2_page_title,
	.pp_page_title{
		font-size: 32px;
		margin-top: 0.8em;
		}

	.e4_block_title{
		font-size: 24px;
		}


	/* BUTTONS
	----------------------------------------------------------------------------- */
	.btn{
		height: 52px;
		line-height: 54px;
		font-size: 16px;
		}




	/* FORMS
	----------------------------------------------------------------------------- */
	/* Forms Structure */
	.field-wr,
	.field-wr.field-wr-large,
	.field-wr.field-wr-medium,
	.field-wr.field-wr-small,
	.field-wr.field-wr-tiny{
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
		}

	/* Form Inputs */
	input[type="text"],
	input[type="email"],
	input[type="password"],
	input[type="tel"],
	select,
	textarea,
	.input_short #sq_viaggi_eta .label_short{
		font-size: 16px;
		height: 42px;
		}


	/* STRUCTURE
	----------------------------------------------------------------------------- */
	.grid-container{
		padding: 0 14px;
		}



	/* HOME PAGE
	----------------------------------------------------------------------------- */
	#hp_hero{
		padding: 0;
		height: auto;
		}

	#hp_hero_mobile{
		position: relative;
		height: 120px;
		}

		#hp_hero_mobile img{
			display: none;
			}
		.mainContainerHome[data-headerimage="mymobility"] #hp_hero .img_mobility {
			display: block;
			margin-top: 0px;
		}
		.mainContainerHome[data-headerimage="mymobility"] #hp_hero .img_general {
			display: none;
		}

	.hp_our_products{
		margin-bottom: 0;
		}

	/* Fascia blu */
	.e4_block.blue_block .e4_subtitle {
		margin-top: 30px;
	}
	.e4_block .block_01 {
		padding-bottom: 24px;
	}


	/* SHORTQUOTE
	----------------------------------------------------------------------------- */
	/* Struttura Base */
	.quote_bar{
		position: relative;
		z-index: 10;
		margin-top: -5px;
		top: 0;
		}

		.quote_bar .grid-container{
			padding: 0;
			}

	#tab_polizza a,
	#fai_un_preventivo #tab_polizza a{
		border-radius: 0;
		width: 20%;
		margin: 0 1px;
		text-align: center;
		font-size: 12px;
		height: 50px;
		top: 0;
		line-height: 40px;
		}

        #tab_polizza a#sq_btn_viaggi {
            margin-left: 0;
		}

		#tab_polizza a i{
			display: none;
			}

		#tab_polizza a.active{
			background: #fff;
			line-height: 40px;
			margin-top: 0;
			}

	img.icon_shortquote {
		width: 35px;
		margin: 0 4px 10px;
	}

	.input_short{
		background: #fff;
		padding: 20px 14px;
		}


	#sq_viaggi_campibase .campi_short,
	#sq_viaggi_span_destinazione,
	#sq_viaggi_span_importo_assicurato,
	#sq_viaggi_span_durata,
	#sq_viaggi_span_massimale,
	#sq_viaggi_span_biglietto_inizio,
	#sq_viaggi_span_biglietto_fine,
	#sq_veicoli_cilindrata select,
	#sq_casa #sq_casa_copertura,
	#sq_cellulare_data_acquisto_wr,
	#sq_recupera_preventivo #input_recupero,
	#sq_viaggi_span_destinazione_annuale {
		}

	.date_preve,
	#sq_viaggi_span_fine,
	#sq_viaggi_span_data_nascita,
	.sq_viaggi_span_volo.ora_viaggio,
	.sq_viaggi_span_volo_ritorno.ora_viaggio,
	#sq_veicoli #veicolo,
	#sq_veicoli #sq_veicolo_n_veicoli,
	#sq_veicoli #sq_veicolo_validita_territoriale{
        width: 48%;
		}

	#tipo_viaggio .label_short{
		line-height: normal;
		font-size: 13px;
		}

	#sq_viaggi_campibase{
		margin-bottom: 0;
		}

	#tipo_viaggio select{
		width: 100%;
		}

	#sq_viaggi_span_data_nascita{
		float: left;
		}

	#sq_veicoli .date_preve{
		margin-right: 0;
		}

	#sq_veicoli_cilindrata{
		margin-top: 0;
		}

	/* Numero Assicurati */
	#quote_wr #sq_viaggi_eta .label_short {
		display: none;
	}
	#quote_wr #sq_viaggi_eta .label_short#num_ass {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
		border: medium none;
		color: #005399;
		display: block;
		float: none;
		font-family: "Alsanreg", Arial, sans-serif;
		font-size: 15px;
		height: auto;
		line-height: normal;
		padding: 0;
		}

	#sq_viaggi_eta .scelte{
		position: static;
		background: transparent;
		display: block;
		padding: 0 0 20px 0;
		border: 0;
		border-bottom: 1px dotted #ddd;
		}

		#lbl_totale_assicurati{
			display: none;
			}

		#sq_viaggi_eta .scelte .age_input,
		#sq_viaggi_eta .scelte .age_input.last{
			margin: 0 4% 0 0;
			float: left;
			width: 22%;
			}

			#sq_viaggi_eta .scelte .age_input label{
				background: transparent;
				padding: 16px 0 6px 0;
				font-size: 12px;
				height: auto;
				width: 100%;
				}

                .mainContainerHome #sq_viaggi_eta .scelte .age_input label{
                    color: #fff;
                }

			#sq_viaggi_eta .scelte .age_input input[type="text"]{
				width: 100%;
				}

	#sq_viaggi_span_tariffa_famiglia.campi_short{
		margin: 14px 0 0 0;
		}

	.campi_short50{
		width: 100%;
	}

	/* Submit */
	#quote_wr .btn_calcolo{
		margin-top: 10px;
		}

		#quote_wr input[type="button"],
		#sq_recupera_preventivo{
			margin-bottom: 10px;
			position: static;
			width: 100%;
			}

	/* Recupera Preventivo */
	#sq_recupera_preventivo #input_recupero input[type="text"]{
		width: calc(100% - 42px);
		}

	#sq_recupera_preventivo #input_recupero a{
		line-height: 42px;
		width: 42px;
		height: 42px;
		}

	/* Fullquote (Fai un preventivo) */
	#fai_un_preventivo.left_column{
		width: 90%;
		margin: 20px auto 0 auto;
		}

	#fai_un_preventivo #tab_polizza{
		height: 50px;
		}

	#fai_un_preventivo #tab_polizza a{
		font-size: 11px;
		border-left: 0;
		}

		#fai_un_preventivo #tab_polizza a#sq_btn_viaggi{
			border-left: 1px solid #ccc;
			}

	#fai_un_preventivo #tab_polizza a.active{
		outline: 1px solid #005399;
		z-index: 2;
		position: relative;
		top: -1px;
		}

		#fai_un_preventivo #tab_polizza a#sq_btn_viaggi.active{
			border-left: 1px solid #005399;
			}

	#fai_un_preventivo #tab_polizza a.active img {
		left: calc(50% - 12px);
		bottom: -14px;
		}

	#fai_un_preventivo .label_short,
	#fai_un_preventivo #sq_viaggi_campibase .campi_short .label_short{
		line-height: initial;
		height: auto;
		}

	#fai_un_preventivo #sq_viaggi_campibase{
		margin-bottom: 20px;
		}

		#fai_un_preventivo #sq_viaggi_campibase .campi_short#tipo_viaggio select,
		#fai_un_preventivo #sq_viaggi_campibase .campi_short#sq_viaggi_eta .scelte{
			width: 100%;
			}

		#fai_un_preventivo .scelte .info, #fai_un_preventivo .scelte .noinfo{
			position: relative;
			top: -4px;
			text-align: left;
			display: block;
			}

		#fai_un_preventivo #sq_viaggi_span_tariffa_famiglia{
			margin-bottom: 0 !important;
			}


	/* Box Sconti (Fai un preventivo) */
	#fai_un_preventivo #sq_box_sconti{
		margin: 20px 0;
		}

		#sq_box_sconti .box_promo{
			margin-bottom: 20px;
			width: 100%;
			}

	/* Box Sconti (Pagina Garanzie) */
	.garanzie_all .box_codicisconto{
		margin-top: 20px;
		}

		.garanzie_all .box_codicisconto .box_promo_wr{
			width: 100%;
			}

		.garanzie_all .box_codicisconto .btn{
			width: 48%;
			clear: both;
			}

	/* PAGINA PAGAMENTO
	----------------------------------------------------------------------------- */
	#pagina-pagamento{
		padding: 0 14px;
		}

	#pagina-pagamento .order_summary .pp_table{
		margin-bottom: 0;
		}

	#pagina-pagamento .os_product ul li {
		width: 100%;
		}

	#pagina-pagamento .tiny-text{
		text-align: justify;
		-moz-hyphens: auto;
		hyphens: auto;
		}

	#pagina-pagamento .codice-transazione strong{
		display: block;
		}


	/* SIDEBAR
	----------------------------------------------------------------------------- */
	.pagina_preventivo aside .sigilli{
		display: none;
		}

	/* HOME
	----------------------------------------------------------------------------- */

	.hp_focus {
	  margin-bottom: -10px;
	  font-family: 'alsanlig', sans-serif;
	  text-transform: uppercase;
	}
	  .hp_focus .gridcol3,
	  .hp_focus .gridcol2 {
		margin-bottom: 10px !important;
		font-size: 15px;
	  }
	  .hp_focus h3 {
		display: none;
	  }
	  .hp_focus .container {
		width: 100%;
		max-width: 100%;
	  }
	  .hp_focus .gridcol3 > div,
	  .hp_focus .gridcol2 > div {
		border: none;
		width: 100%;
		border-bottom: 1px dashed #ccc;
		height: auto;
		box-shadow: none;
		padding-bottom: 10px;
		padding-top: 10px;
	  }
	  .hp_focus .gridcol3 > div > div,
	  .hp_focus .gridcol2 > div > div {
		padding-left: 20px;
	  }


	/* FOOTER
	----------------------------------------------------------------------------- */
	.footer_social_line {
		padding-bottom: 0;
		}

	.footer_social_line_block{
		width: 100%;
		border-width: 1px 0 0 0;
		min-height: 0;
		margin: 0;
		height: auto;
		border-color: #ccc;
		}

		.line1 .footer_social_line_block:first-child{
			border-top: 0;
			}

		.line1 .footer_social_line_block:last-child{
			border-bottom: 1px solid #ccc;
			}

		.footer_social_line_block .social_bar{
			max-width: 260px;
			margin: auto;
			}

	.footer_links_line li{
		}

		.footer_links_line li a{
			}

	.line2,
	.intro_howcanwehelp{
		display: none;
		}

	.bottom_line span{
		text-align: center;
		display: block;
		clear: both;
		}

		.bottom_line span.intro{
			margin-top: 20px;
			}

			.bottom_line span.intro .float-dx{
				float: none;
				}

	#footer_sigilli {
		padding: 20px 0;
		margin-bottom: -40px;
		}

		#footer_sigilli > div {
		  display: table;
		  vertical-align: middle;
		  padding: 0 4%;
		  margin-bottom: 20px;
		  font-size: 15px;
		  font-family: 'alsanlig', sans-serif;
		  color: #27291e;
		  width: 100%;
		  text-align: center;
		  border-bottom: 1px dashed #ccc;
		  padding-bottom: 10px;

		  }

		  #footer_sigilli > div > div {
			display: table-cell;
			text-align: left;
			text-transform: uppercase;
			}

			#footer_sigilli > div > div:first-child {
			  text-align: center;
			  width: 120px;
			  height: auto;
			  }
}