@charset "utf-8";
@import url("/public/css/font.css");

/* Stile per uniformare shortquote landing a homepage B2C. Lavorazione Gennaio 2020. Lasciare cmq separato in caso richiesta differenziazione */


/* STRUCTURE
----------------------------------------------------------------------------- */
/* Questi stili potranno essere spostati in style.css una volta applicata
la struttura a tutte le pagine del sito */

.grid2 .col{
    width: 48%;
    }

#page{
    padding-top: 30px;
    font-size: 15px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    }

/* HEADER
----------------------------------------------------------------------------- */
.site-header{
    height: 90px;
    overflow: visible;
    position: relative;
    z-index: 3;
    background-color: #fff;
    }

    #logo{
        background-image: url("/public/img/Allianz-Global-Assistance-Logo.gif");
        background-size: 100% auto;
        text-indent: -9999px;
        display: inline-block;
        width: 140px;
        height: 87px;
        position: absolute;
        z-index: 2;
        float: left;
        margin-right: 10px;
        top: 15px;
        }

    #logo-partner {
        z-index: 2;
        position: absolute;
        left: 190px;
        top: 15px;
        }
    #top-bar {
        padding: 35px 0 0;
        width: auto;
        font-size: 13px;
        float: right;
    }
section.hero{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 80px 0 30px 0;
    position: relative;
    }
    section.hero::before {
        content: "";
        display: block;
        background-color: rgba(0,0,0,0.35);
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    section.hero::after {
        display: block;
        width: 100%;
        height: 90px;
        background-color: #fff;
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

/* Testo Box Blu su Landing Destinazioni */
.page-landing .text_short .title_landingprev,
.page-landing .text_short h1,
.page-landing .text_short h2,
.page-landing .text_short_title {
    font-size: 23px;
    font-family: "Alsanreg", Arial, sans-serif;
    text-shadow: 2px 1px 3px rgba(0,0,0,0.7);
    line-height: 1.4;
    text-transform: none;
}
    .page-landing .text_short .title_landingprev span {
        font-family: "Alsanreg", Arial, sans-serif;
        text-transform: uppercase;
        font-size: 2em;
        line-height: 1.1;
        color: #fff;
        text-shadow: 2px 1px 3px rgba(0,0,0,0.5);
        margin-bottom: 30px;
    }
    .page-landing #tab_polizza_panels > div {
        /*display: flex;
        align-items: flex-end;
        justify-content: space-between;
        width: 100%;*/
		display: flex;
		align-items: flex-end;
		justify-content: center;
    }



/* SHORTQUOTE
----------------------------------------------------------------------------- */
.bux-home .btn_calcolo {
	/* margin-top: 5px; */
	margin: 2rem 0 !important;
}

.quote_bar {
    position: relative;
    }

    #tab_polizza a{
        visibility: hidden;
        opacity: 0;
        }
		.text_short_landing{
			text-align: center !important;
			font-weight: normal;
			line-height: 1.2em;
			margin: 0;
			padding: 0;
			font-family: "Alsanreg", Arial, sans-serif;
			text-transform: uppercase;
			font-size: 3.2em;
			color: #fff;
			text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.5);
		}
		
		.text_short p {
			font-size: 1.4em;
			font-family: "Proximanova Bold", Verdana, sans-serif;
			text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.7);
			line-height: 1.4;
		}

        .quote_bar .text_short {
            /*background: none;
            background-color: transparent;
            border-radius: 0;
            position: relative;
            padding: 60px 0 120px;
            width: calc(100% - 480px);
            color: #fff;
            font-size: 0.8em;*/
				
			background-color: transparent;
			border-radius: 0;
			position: relative;
			padding: 60px 0 150px;
			width: 100%;
			color: #fff;
			font-size: 0.8em;
			margin-top: -60px;
        }

        .text_short .title_landingprev {
            font-family: "Alsanreg", Arial, sans-serif;
            text-shadow: none;
            font-size: 22px;
            color: #fff;
            }

            .text_short .testo_boxprev{
                margin-top: 10px;
                }


        .text_short .title_landingprev span{
            display: block;
            margin-bottom: 10px;
            }

    .quote_bar .sottotitolo {
        font-family: "Proxima Nova", Verdana, sans-serif;
        background: rgba(0, 83, 153, 1);
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        font-weight: normal;
        box-sizing: border-box;
        color: #fff;
        font-size: 15px;
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
        box-sizing: border-box;
        position: absolute;
        right: 40px;
        text-align: center;
        text-transform: none;
        margin: 0;
        top: 0;
        width: 600px;
        display: none;
        }

        .page-landing-partner .quote_bar .sottotitolo{
            font-size: 14px;
            }

    #sq_viaggi .input_short,
    #sq_cyberrisk .input_short{
        background: #004a93;
        padding: 30px 28px 0;
        width: 50%;
        margin-bottom: 40px;
        max-width: 380px;
        position: relative;
        min-height: 250px;
        z-index: 2;
        }

.page-landing .input_short label {
    color: #fff;
    font-family: "Alsanlig", Arial, sans-serif;
    font-size: 15px;
    padding-bottom: 4px;
    clear: both;
}
.page-landing .campi_short {
    margin-left: 10px;
    margin-right: 10px;
}
.page-landing .campi_short25,
.page-landing #sq_veicoli .campi_short50 {
    width: calc(50% - 20px) !important;
}
.page-landing .campi_short50 {
    width: calc(100% - 20px);
}
.page-landing input[type="text"],
.page-landing input[type="email"],
.page-landing input[type="email2"],
.page-landing input[type="tel"],
.page-landing input[type="password"],
.page-landing select,
.page-landing textarea,
.page-landing .input_short #sq_viaggi_eta .label_short#num_ass {
    float: left;
    font-family: "Proximanova Regular", Verdana, sans-serif;
    background-color: #fafafa;
    border: 1px solid #bbb;
    color: #000;
    font-size: 14px;
    height: 42px;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    width: 100%;
}
.page-landing #quote_wr #sq_viaggi_eta .label_short#num_ass {
    width: 100%;
    background: none;
    border: none;
    color: #fff;
    padding: 0;
    font-family: "Alsanlig", Arial, sans-serif;
    height: auto;
    font-size: 15px;
    padding-bottom: 4px;
}
.page-landing .scelte .noinfo, .page-landing .scelte .info {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-family: "Proximanova regular", Verdana, sans-serif;
    clear: both;
    padding: 10px;
    background-color: rgba(255,255,255,0.3);
}
.page-landing #quote_wr input[type="button"] {
    width: calc(100% - 20px);
    font-size: 19px;
    font-family: "Alsanreg", Arial, sans-serif;
    border-radius: 0;
    margin: 0 10px;
    float: none;
}
.page-landing .input_short input[type="text"],
.page-landing .input_short select,
.page-landing .input_short #sq_viaggi_eta .label_short#num_ass {
    border: none;
}
.page-landing #quote_wr .age_input label {
    height: 42px;
    line-height: 14px;
}
.page-landing #sq_recupera_preventivo {
    position: relative;
    top: inherit;
}
.page-landing #sq_recupera_preventivo .link_recupera_preventivo {
    font-size: 16px;
    font-family: "Alsanlig", Arial, sans-serif;
    color: #fff;
    margin-top: 18px;
    margin-left: 7px;
}
.page-landing .input_short::after {
    display: block;
    content: "";
    width: 50px;
    border-top: 40px solid #004a93;
    border-left: 0px solid transparent;
    border-right: 40px solid transparent;
    position: absolute;
    right: 0;
    bottom: -40px;
}
.page-landing .input_short::before {
    display: block;
    content: "";
    width: calc(100% - 50px);
    background-color: #004a93;
    height: 40px;
    position: absolute;
    bottom: -40px;
    left: 0;
}
.page-landing h1.shortquote-title {
    display: block;
    font-family: "Alsanlig", Arial, sans-serif;
    color: #fff;
    font-size: 28px;
    text-rendering: optimizelegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: block;
    padding: 0 50px 15px 10px;
    margin: 0;
}
#sigilli-landing-desktop {
    margin-top: 25px;
}
#sigilli-landing-desktop #sigillo-tedesco {
    /*margin-left: 20px;*/
    height: 110px;
    width: auto;
}
#sq_cyberrisk .shortquote-title {
    display: block;
    font-family: "Alsanlig", Arial, sans-serif;
    color: #fff;
    font-size: 28px;
    text-rendering: optimizelegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: block;
    padding: 0 10px 15px;
}
.page-landing #sq_cyberrisk_copertura {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(100% - 20px);
    float: none;
}

/* Travel Awards */
.text_short #travel-awards {
    position: absolute;
    width: 100%;
    bottom: 30px;
    }

/* Bollino */
.bollino_img {
    height: auto;
    position: absolute;
    right: -50px;
    top: -15px;
    width: auto;
    z-index: 9999;
    }

/* Sapevi Che */
/*.sapeviche {
    background-image: url("/public/img/landing/bg_sapeviche.png");
    background-position: left top;
    background-repeat: no-repeat;
    box-sizing: border-box;
    font-size: 15px;
    line-height: 20px;
    min-height: 65px;
    padding: 13px 30px 0 165px;
    position: absolute;
    right: 40px;
    top: 42px;
    width: 575px;
    z-index: 999;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    }

.sapeviche:before {
    content: url("/public/img/landing/freccia_sapevi.png");
    position: absolute;
    z-index: 999;
    bottom: -26px;
    left: 40px;
    }

.has-bollino .sapeviche{
    padding-right: 140px;
    }*/

/* Form Elements */
.quote_bar #sq_box_sconti{
    display: none;
    }

.quote_bar input[type="button"] {
    min-width: 37%;
    }



/* focus
----------------------------------------------------------------------------- */
.hp_focus {
    box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.2);
}

/* GARANZIE E COPERTURE
----------------------------------------------------------------------------- */
h3.title_col {
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #dbdddf;
    color: #005399;
    font-family: "Alsanreg", Arial, sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 15px 0;
    padding: 20px 0 15px 50px;
    text-align: left;
    }

.list_icon {
    list-style: none;
    margin: 0;
    padding: 0;
    }

    .list_icon li {
        background-position: left top;
        background-repeat: no-repeat;
        padding-bottom: 15px;
        padding-left: 50px;
        }
.info_icon em {
    background-color: #ffaf00;
}


/* CONTENT BOX
----------------------------------------------------------------------------- */
.title-garanzie {
    display: block;
    width: 100%;
    font-size: 26px;
    color: #3f8bc9;
    margin-bottom: 12px;
    font-family: "Alsanlig", Arial, sans-serif;
}
.content-box .landing-destinazioni-title{
    font-size: 28px;
    line-height: 1.25;
    text-align: left;
    text-transform: none;
    margin-bottom: 20px;
	}

.content-box  .landing-destinazioni-subtitle{
    font-size: 20px;
    line-height: 1.25;
    margin: 0 0 30px;
	}

.content-box p{
    text-align: justify;
    hyphens: auto;
    padding: 20px 0 0;
    margin: 0;
    }

.partner-block{
    margin-top: 40px;
    background-color: #f6f5fa;
    padding: 10px 20px;
    font-size: 0.9em;
    }

    .partner-block h3 {
        color: #224f97;
        font-size: 17px;
        font-family: "Alsanreg", Arial, sans-serif;
        margin-bottom: 6px;
    }

    .partner-block p {
        margin-top: 0;
        }

    .partner-block > div {
        display: table;
        width: 100%;
        margin-bottom: 5px;
        }
        .partner-block > div > div {
            display: table-cell;
            width: 120px;
            vertical-align: middle;
            padding: 0 15px 0 0;
        }
        .partner-block > div > div:last-child {
            width: auto;
        }
        .partner-block > div > div img {
            width: 100%;
        }
        .partner-block > div > div p {
            margin: 0
        }
/* Nota */
p.nota {
    background-color: #f1f1f1;
    border: 1px solid #e0e0e0;
    clear: both;
    box-sizing: border-box;
    display: block;
    font-size: 14px;
    padding: 10px;
    color: #777;
    text-align: center;
    }

    p.nota .nota-title {
        display: block;
        font-size: 22px;
        font-weight: 400;
        margin-bottom: 10px;
        font-family: "Alsanreg", Arial, sans-serif;
        }

    p.nota img{
        margin-bottom: 10px;
        margin-right: 15px;
        height: 50px;
        width: auto;
        }


/* Box My Travel App
----------------------------------------------------------------------------- */
#box-app{
    background: #fff;
    padding: 0;
    border-radius: 8px;
    margin: 30px auto 0;
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #eee;
	}

#box-app h3{
	font-size: 18px;
	background-color: #238dca;
	color: #fff;
	padding: 14px 20px 10px 20px;
	margin: 0;
	}

#box-app .roundicon-list {
    padding: 20px !important;
	}

#box-app .roundicon-list li{
	font-size: 15px;
	}

.app_screens{
	display: block;margin: 0 auto;width: 100%;max-width: 290px;float: right;padding: 20px;
	}

/* LOADER OVERLAY
----------------------------------------------------------------------------- */
.landing-loader-wrapper{
	background: #FFFFFF;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	z-index: 99999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	}

.landing-loader {
	transform: translate(-50%,-50%) scale(1.5);
	display: inline-block;
	width: 64px;
	height: 64px;
	position: absolute;
	top: 50%;
	left: 50%;
	}

.landing-loader div {
	transform-origin: 32px 32px;
	animation: landing-loader 1.2s linear infinite;
	}

.landing-loader div:after {
	content: " ";
	display: block;
	position: absolute;
	top: 3px;
	left: 29px;
	width: 5px;
	height: 14px;
	border-radius: 20%;
	background: #238dca;
	}

.landing-loader div:nth-child(1) {
	transform: rotate(0deg);
	animation-delay: -1.1s;
	}

.landing-loader div:nth-child(2) {
	transform: rotate(30deg);
	animation-delay: -1s;
	}

.landing-loader div:nth-child(3) {
	transform: rotate(60deg);
	animation-delay: -0.9s;
	}

.landing-loader div:nth-child(4) {
	transform: rotate(90deg);
	animation-delay: -0.8s;
	}

.landing-loader div:nth-child(5) {
	transform: rotate(120deg);
	animation-delay: -0.7s;
	}

.landing-loader div:nth-child(6) {
	transform: rotate(150deg);
	animation-delay: -0.6s;
	}

.landing-loader div:nth-child(7) {
	transform: rotate(180deg);
	animation-delay: -0.5s;
	}

.landing-loader div:nth-child(8) {
	transform: rotate(210deg);
	animation-delay: -0.4s;
	}

.landing-loader div:nth-child(9) {
	transform: rotate(240deg);
	animation-delay: -0.3s;
	}

.landing-loader div:nth-child(10) {
	transform: rotate(270deg);
	animation-delay: -0.2s;
	}

.landing-loader div:nth-child(11) {
	transform: rotate(300deg);
	animation-delay: -0.1s;
	}

.landing-loader div:nth-child(12) {
	transform: rotate(330deg);
	animation-delay: 0s;
	}

@keyframes landing-loader {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}



/* FOOTER
----------------------------------------------------------------------------- */
.landing-footer{
    padding-top: 50px;
    font-size: 11px;
    color: #756d6d;
    }

    #footer_sigilli {
        margin-bottom: 20px;
    }




/* MEDIA QUERY >> 980px
----------------------------------------------------------------------------- */
@media only screen and (max-width: 980px){
    #sq_viaggi .input_short,
    #sq_cyberrisk .input_short {
        width: 100%;
        max-width: inherit;
    }

    section.hero {
        padding: 30px 0 30px 0;
    }

    .quote_bar .sottotitolo,
    #travel-awards,
    .sapeviche{
        display: none;
        }

    .quote_bar .text_short{
        display: block;
        width: 100%;
        height: auto;
        min-height: 0 !important;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 0 0 30px;
        }

    .page-landing #tab_polizza_panels > div {
        display: block;
    }
    #sigilli-landing-desktop {
        display: none;
    }
    .bollino_img {
        right: 0;
        top: 35px;
        width: 120px;
    }
}

/* MEDIA QUERY >> 980px - 520px
----------------------------------------------------------------------------- */
@media only screen and (max-width: 979px) and (min-width: 521px) {

  .page-landing .text_short .title_landingprev,
  .text_short .title_landingprev {
    padding-right: 120px;
  }

}



/* MEDIA QUERY >> 520px
----------------------------------------------------------------------------- */
@media only screen and (max-width: 580px){

    /* Struttura (Riportare nelle nuove regole di layout */
    .grid-container{
        padding: 0 14px;
        }

    .col{
        width: 100% !important;
        margin-bottom: 30px;
        }

    /* Header */
    .site-header{
        height: 46px;
        }

    #top-bar{
        padding: 7px 0;
        }

    #numero-verde{
        display: none;
        }

    a#logo{
        width: 110px;
        height: 68px;
        }

    #logo-partner {
        top: inherit;
        left: 132px;
        height: 70px;
        width: auto;
        }

    /* Fascia foto */
    .page-landing section.smartphone{
        max-height: 120px;
        position: relative;
        overflow: hidden;
        }

    /* Shortquote */
    #sq_viaggi .input_short,
    #sq_cyberrisk .input_short {
        padding: 20px 10px 0;
    }
    .testo_boxprev{
        display: none;
        }

    section.hero {
        background: #fff !important;
        margin: 0;
        padding: 0;
        }

        section.hero .grid-container{
            padding: 0;
            }

    #tab_polizza{
        display: none;
        }

    .quote_bar .text_short{
        padding: 14px;
        border-radius: 0;
        display: none;
        }

        .page-landing .text_short .title_landingprev{
            font-size: 15px;
            }

    .quote_bar .input_short{
        box-shadow: 0 0 40px rgba(0,0,0,0.3);
        }

    #quote_wr .btn_calcolo{
        margin-bottom: 0;
        }

    /* Bollino */
    .bollino_img {
        right: 12px;
        width: 90px;
        top: 7px;
        }

        .page-landing-partner-bocconi .bollino_img,
        .page-landing-partner-nozzeadvisor .bollino_img{
            width: 70px;
            }

    /* Content Box */
    .content-box .landing-destinazioni-
    title{
        font-size: 20px;
    	}

    .content-box  .landing-destinazioni-subtitle{
        font-family: "Proximanova Bold", Verdana, sans-serif;
        text-align: left;
        font-size: 15px;
        line-height: 1.4;
        margin-bottom: 20px;
        color: inherit;
        }

    /* Sigillo qualità */
    .text_short #sigillo-topgaranzie{
        display: none;
    }

    /* Box partner */
    .partner-block > div > div {
        display: block;
        margin: 0 auto 18px;
    }

    .chiama-gratis-wr {
        position: absolute;
        z-index: 2;
        right: 0;
        top: 93px;
    }

    #chiama-gratis {
        padding: 0;
        font-size: 13px;
        float: left;
        height: 28px;
        line-height: 30px;
        padding-right: 8px;
        color: #fff;
        background-color: #329235;
    }
    #chiama-gratis > * {
        color: #fff;
    }
    #chiama-gratis a {
        background-image: none;
        font-size: 100%;
        padding-left: 0;
        background-repeat: no-repeat;
        background-size: 15px auto;
        margin-right: 6px;
        color: #ffff;
    }
    .page-landing #quote_wr .age_input label {
        color: #fff;
    }
}

.page-landing .text_short p {
    /*font-size: 15px;
    text-shadow: none;
    font-family: "Proximanova Regular", Verdana, sans-serif;
    line-height: 1.2;*/
}
.scheda_prod .spec_prod #garanzie_incluse .garanzie {
    border-radius: 7px;
    border: none;
    background-color: #f6f6f6;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 10%);
}
.ui-accordion .open_tab {
    background-color: #1e4890;
    color: #fff !important;
    font-size: 30px;
    line-height: 33px;
    border:none;
    position: absolute;
    right: 1rem;
    display: block;
    bottom: inherit;
    height: 30px;
    width: 30px;
    padding: 0;
    text-align: center;
    border-radius: 50%;
    top: 8px;
}
    .ui-accordion .open_tab::before {
        display: block;
        content: "+";
    }
    .ui-accordion .open_tab.ui-state-active {
        text-indent: inherit;
        line-height: 9px;
    }
    .ui-accordion .open_tab.ui-state-active::before {
        content: "_";
    }
    .garanzie .ui-state-default .ui-icon, .box_codicisconto .ui-state-default .ui-icon {
        display: none;
    }
    .scheda_prod {
        margin-top: 30px;
    }
    .ui-widget-content {
        /*background-color: transparent;*/
    }
    .ui-accordion-content p {
        padding: 0 65px 0 1rem;
        margin: 0 0 1rem 0;
    }
.box-blue {
    background-color: #1a4b8e;
    padding: 2rem 2rem 1rem;
    border-radius: 10px;
    color: #fff;
}
    .box-blue h3 {
        font-size: 30px;
        font-family: "Alsanreg", Arial, sans-serif;
        color: #fff;
        margin: 0;
        padding: 0 0 1rem;
    }
.pp_table.desktop {
    display: block;
}
.garanzie .nome_garanzia {
    padding: 1rem 3rem 1rem 1rem;
    text-align: left;
}

.landing-payback {
	margin: 40px 80px 0 0;
}

.landing-payback img{
    width: 210px;
    padding: 24px 40px;
}