/* google */
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');


* {box-sizing: border-box;}



@font-face {
    font-family:'Tiempos';
    src: url('../../font/tiempos/TiemposHeadline-Medium.otf');
	src: url("../../font/tiempos/TiemposHeadline-Medium.otf?#iefix") format("embedded-opentype"), url("../font/tiempos/TiemposHeadline-Medium.otf") format("truetype");
  font-style: normal;

}
@font-face {
    font-family:'Tiempos-light';
    src: url('../font/tiempos/TiemposHeadline-Light.otf');
	src: url("../font/tiempos/TiemposHeadline-Light.otf?#iefix") format("embedded-opentype"), url("../font/tiempos/TiemposHeadline-Light.otf") format("truetype");
  font-style: normal;

}
@font-face {
    font-family:'Tiempos-semibold';
    src: url('../font/tiempos/TiemposHeadline-Semibold.otf');
	src: url("../font/tiempos/TiemposHeadline-Semibold.otf?#iefix") format("embedded-opentype"), url("../font/tiempos/TiemposHeadline-Semibold.otf") format("truetype");
  font-style: normal;

}

@font-face {
    font-family:'Tiempos-reg';
    src: url('../font/tiempos/TiemposHeadline-Regular.otf');
	src: url("../font/tiempos/TiemposHeadline-Regular.otf?#iefix") format("embedded-opentype"), url("../font/tiempos/TiemposHeadline-Regular.otf") format("truetype");
  font-style: normal;

}

@font-face {
    font-family:'morionb';
    src: url('../font/morion/Morion-Bold.woff2') format('woff2'),
        url('../font/morion/Morion-Bold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'TT';
    src: url('../font/ttrounds/TTRoundsNeue-CondMedium.woff2') format('woff2'),
        url('../font/ttrounds/TTRoundsNeue-CondMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Recwp';
    src: url('../font/recoletawp/recoletawp.woff2') format('woff2'),
        url('../font/ttrounds/TTRoundsNeue-CondMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}







.roboto100  {font-family: 'Roboto', sans-serif; font-weight:100;}
.roboto300  {font-family: 'Roboto', sans-serif; font-weight:300;}
.roboto400  {font-family: 'Roboto', sans-serif; font-weight:400;}
.roboto500  {font-family: 'Roboto', sans-serif; font-weight:500;}
.roboto700  {font-family: 'Roboto', sans-serif; font-weight:700;}
.roboto900  {font-family: 'Roboto', sans-serif; font-weight:900;}

.tiempos-med {   font-family:'Tiempos';}
.tiempos-light {   font-family:'Tiempos-light';}
.tiempos-reg {   font-family:'Tiempos-reg';}

.morionb {font-family: 'morionb'; }

.ttrounds {font-family: 'TT'}

.recoleta-wp {font-family: 'Recwp'}



/* ---------------------------------------------------- */
/*        TIPOGRAFIA ED ELEMENTI GRAFICI                */
/* ---------------------------------------------------- */

/* ---------------------------------------------------- */
/*                      Reset                           */
/* ---------------------------------------------------- */

h1, h2, h3, h4, h5 {font-weight: 300;}
li {line-height: 1;}

/* proprietà applicata via js nel main */
p.solo-nbsp {
  margin-bottom: 0px!important;
}



/* ---------------------------------------------------- */
/*                      Basico                          */
/* ---------------------------------------------------- */

.maius {text-transform: uppercase;}




/* ---------------------------------------------------- */
/*                      Margini                         */
/* ---------------------------------------------------- */

/*margini fissi */
.mrg-btm4px {margin-bottom: 4px;}
.mrg-btm6px {margin-bottom: 6px;}
.mrg-btm8px {margin-bottom: 8px;}
.mrg-btm10px {margin-bottom: 10px;}
.mrg-btm12px {margin-bottom: 12px;}
.mrg-btm14px {margin-bottom: 14px;}
.mrg-btm16px {margin-bottom: 16px;}
.mrg-btm18px {margin-bottom: 18px;}
.mrg-btm20px {margin-bottom: 20px;}
.mrg-btm28px {margin-bottom: 28px;}
.mrg-btm36px {margin-bottom: 36px;}
.mrg-btm44px {margin-bottom: 44px;}
.mrg-btm50px {margin-bottom: 60px;}


.mrg-tp4px {margin-top: 4px;}
.mrg-tp6px {margin-top: 6px;}
.mrg-tp8px {margin-top: 8px;}
.mrg-tp10px {margin-top: 10px;}
.mrg-tp12px {margin-top: 12px;}
.mrg-tp14px {margin-top: 14px;}
.mrg-tp16px {margin-top: 16px;}
.mrg-tp18px {margin-top: 18px;}
.mrg-tp20px {margin-top: 20px;}
.mrg-tp28px {margin-top: 28px;}
.mrg-tp36px {margin-top: 36px;}
.mrg-tp44px {margin-top: 44px;}
.mrg-tp50px {margin-top: 60px;}

/*margini variabili in responsive */

/* ---------------------------------------------------- */
/*                       Titoli                         */
/* ---------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height: 1; margin: 0;}
h1 {font-size:16px; }
.h118px h1, h1.h118px {font-size: 18px;}
.h120px h1, h1.h120px {font-size: 20px;}
.h122px h1, h1.h122px {font-size: 22px;}
.h124px h1, h1.h124px {font-size: 24px;}
.h126px h1, h1.h126px {font-size: 26px;}
.h128px h1, h1.h128px {font-size: 28px;}
.h130px h1, h1.h130px {font-size: 30px;}
.h132px h1, h1.h132px {font-size: 32px;}
.h134px h1, h1.h134px {font-size: 34px;}
.h136px h1, h1.h136px {font-size: 36px;}
.h142px h1, h1.h142px {font-size: 42px;}
.h148px h1, h1.h148px {font-size: 48px;}
.h168px h1, h1.h168px {font-size: 68px;}
.h192px h1, h1.h192px {font-size: 92px;}



/* ---------------------------------------------------- */
/*                     Paragrafo                        */
/* ---------------------------------------------------- */

.p12px p, p.p12px {font-size: 12px;}
.p13px p, p.p13px {font-size: 13px;}
.p14px p, p.p14px {font-size: 14px;}
.p15px p, p.p15px {font-size: 15px;}
.p16px p, p.p16px {font-size: 16px;}
.p17px p, p.p17px {font-size: 17px;}
.p18px p, p.p18px {font-size: 18px;}
.p19px p, p.p19px {font-size: 19px;}
.p20px p, p.p20px {font-size: 20px;}
.p22px p, p.p22px {font-size: 22px;}
.p24px p, p.p24px {font-size: 24px;}
.p26px p, p.p26px {font-size: 26px;}
.p28px p, p.p28px {font-size: 28px;}
.p30px p, p.p30px {font-size: 30px;}
.p32px p, p.p32px {font-size: 32px;}
.p34px p, p.p34px {font-size: 34px;}
.p36px p, p.p36px {font-size: 36px;}
.p42px p, p.p42px {font-size: 42px;}
.p48px p, p.p48px {font-size: 48px;}
.p68px p, p.p68px {font-size: 68px;}
.p92px p, p.p92px {font-size: 92px;}


/* ---------------------------------------------------- */
/*                  Colori e relativi link              */
/* ---------------------------------------------------- */

.bianco {color: #fff;}
.grigio3 { color: #333;}
.grigio4, p.grigio4, .grigio4 p { color: #444;}
.nero {color: #000;}

.beige {color:#f9f7f8}
.bg-beige {background-color:#f9f7f8}

.celeste {color:#73aad5}
.bg-celeste {background-color:#73aad5}


.cartazucchero-ii {color:#536182}

.verdeoliva {color: #375b48;}
.bg-verdeoliva {background-color: #375b48;}

.verdechiaro {color:#e5ebe5; }
.bg-verdechiaro {background-color: #e5ebe5;}


.cartazucchero {color: #44779f }
.bg-cartazucchero {
	background-color:#44779f;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}
.bg-cartazucchero:hover { background-color:#295D8A;}


.cartazucchero-ii {color:#536182}
.cartazucchero-ii:hover {color:#66718C}

.bluverde, a.bluverde, .bluverde a {color: #104957;}
a.bluverde:hover, .bluverde a:hover  {color: #62848C;}
.bg-bluverde {background-color: #104957;}



.blupetrolio {color:#214b6f}
.bg-blupetrolio {
	background-color:#214b6f;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}
.bg-blupetrolio:hover { background-color:#295D8A;}

.blupastelloscuro {color:#104957}
.bg-blupastelloscuro {
	background-color:#104957;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}
.bg-blupastelloscuro:hover { background-color:#2E5862;}


.blureliure-i {color:#244d71}
a.blureliure-i, .blureliure-i a,a .blureliure-i  {color:#244d71}
a.blureliure-i, .blureliure-i a,a .blureliure-i  {color:#244d71}
a.blureliure-i:hover, 
.blureliure-i a:hover,
a .blureliure-i:hover {
    color: #415F7A;  
    }


.bg-blureliure-i {
	background-color:#244d71;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}
.bg-blureliure-i:hover { background-color:#244d71;}


.blureliure-ii {color:#243444}
.bg-blureliure-ii {
	background-color:#243444;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}
.bg-blureliure-ii:hover { background-color:#243444;}

.blureliure-logo {color:#085a8a}
.bg-blureliure-logo {
	background-color:#085a8a;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}
.bg-blureliure-logo:hover { background-color:#085a8a;}



/* ---------------------------------------------------- */
/*                  Pulsanti e link                     */
/* ---------------------------------------------------- */
a {
	text-decoration: none;
	-moz-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	-webkit-transition: color 0.2s linear;
	transition: color 0.2s linear;
	outline: none;	
}

a {color: #444;}
a:hover {color: #777;}

a.bianco {color: #fff;}
a.bianco:hover {color: #ddd;}

a.bott-i {padding: 8px 18px; border-radius: 24px; }

a.sottolin {text-decoration: underline;}



/* ---------------------------------------------------- */
/*                     Bottoni                          */
/* ---------------------------------------------------- */
.bottone-i-inline { padding:8px 20px; border-radius: 24px; display: inline-block; margin-right: 4px;}
.bottone-i-block { padding:8px 16px; border-radius: 12px; display: block; margin-top: 4px;  max-width: fit-content;}

.bottone-i-inline-sfondo { padding:8px 20px; border-radius: 24px; display: inline-block; margin-right: 4px; background-color: #ccc;}
.bottone-i-block-sfondo { padding:8px 16px; border-radius: 12px; display: block; margin-top: 4px; background-color: #ccc;  max-width: fit-content; }

.bottone-i-block-bordo { padding:8px 16px; border-radius: 24px; display: block; margin-top: 4px; border: 1px solid #999;}
.bottone-i-inline-bordo { padding:8px 16px; border-radius: 24px; display: block; margin-top: 4px; border: 1px solid #999;  max-width: fit-content; }



.bott-comp-i {
  position: relative;
  padding: 0px;
  display: -webkit-flex;
  display: flex;
}
.bott-comp-el-i {
  background-size: contain;
  background-repeat: no-repeat;
  max-width: 56px;
  content: "";
  background-repeat: no-repeat;
  align-self: center;
}
.bott-comp-txt-i {
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: -0.5px;
  font-size: 16px;
  line-height: 20px;
  margin-left: 12px;
  text-decoration: none;
  align-self: center;
}


.bott-comp-ii {
  position: relative;
  height: 44px;
  padding: 8px;
  display: -webkit-flex;
  display: flex;
}
.bott-comp-el-ii {
  background-size: contain;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  content: "";
  background-repeat: no-repeat;
  align-self: center;
}
.bott-comp-txt-ii {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: -0.5px;
  font-size: 16px;
  line-height: 20px;
  margin-left: 21px;
  text-decoration: none;
  align-self: center;
}

/* ---------------------------------------------------- */
/*                     Font Size                        */
/* ---------------------------------------------------- */
p { margin: 0;}
p {font-size:16px;}
.p14px p, p.p14px, .x14px  {font-size: 14px;}
.p16px p, p.p16px, .x16px  {font-size: 16px;}
.p18px p, p.p18px, .x18px  {font-size: 18px;}
.p20px p, p.p20px, .p20px li, .x20px  {font-size: 20px;}
.p22px p, p.p22px, .x22px  {font-size: 22px;}
.p24px p, p.p24px, .x24px  {font-size: 24px;}
.p26px p, p.p26px, .x26px  {font-size: 26px;}
.p28px p, p.p28px, .x28px  {font-size: 28px;}
.p30px p, p.p30px, .x30px  {font-size: 30px;}
.p32px p, p.p32px, .x32px  {font-size: 32px;}



/* ---------------------------------------------------- */
/*                     Line-height                       */
/* ---------------------------------------------------- */


.lineh-1, p.lineh-1, .lineh-1 p {line-height: 1;}
.lineh-1-3, p.lineh-1-3, .lineh-1-3 p {line-height: 1.3;}
.lineh-1-4, p.lineh-1-4, .lineh-1-4 p {line-height: 1.4;}
.lineh-1-5, p.lineh-1-5, .lineh-1-5 p, li.lineh-1-5, li .lineh-1-5, .lineh-1-5 li  {line-height: 1.5;}

.lineh-28px {line-height: 28px;}


/* ---------------------------------------------------- */
/*               Allineamenti - Txt                     */
/* ---------------------------------------------------- */
.txt-centro {text-align: center;}


/* ---------------------------------------------------- */
/*               Allineamenti - Float                   */
/* ---------------------------------------------------- */


/* Inclusi in impaginato.css*/





/* ---------------------------------------------------- */
/*                     Separatori                       */
/* ---------------------------------------------------- */

.separatore-etichetta-i { display: block; width: 100%; padding-bottom: 6px; font-size: 18px; border-bottom:1px solid #eee; margin-bottom: 24px;}


/* Meta tag con separatore */

/*div genitore*/
h4.sottolinea-i {

  display: block;
  margin-top: 8px;
  line-height: 1;
  margin-bottom: 24px;
  border-bottom: 1px solid #ccc;
  position: relative;
  max-width: 100%;
  padding-bottom: 12px;
}

/*div figlio*/
h4 .txt-sottolinea-i {
  display: inline-block;
  position: relative;
  color: #141515;
  font-weight: normal;
  font-size:19px; 
font-weight: 400;
}



h1.sottolinea-i {

  display: block;
  margin-top: 8px;
  line-height: 1;
  margin-bottom: 12px;
  border-bottom: 1px solid #ccc;
  position: relative;
  max-width: 100%;
  padding-bottom: 12px;
}
h1 .txt-sottolinea-i {
  display: inline-block;
  position: relative;
  color: #192531;
	font-weight: normal;

}


.txt-sottolinea-i::after {
  content: "";
  width: 100%;
  position: absolute;
  right: 0;
  bottom: -13px;
  height: 2px;
  background-color: #233f5b;
}
/* Fine - Meta tag con separatore */



/* ---------------------------------------------------- */
/*                  Bordo inferiore                     */
/* ---------------------------------------------------- */

/* Bordo inferiore  */
.bordo-sotto-i { 
border-bottom:  0.5px solid #d0d4dd;
	padding-bottom: 4px;
}


/* ---------------------------------------------------- */
/*                    Elenchi                           */
/* ---------------------------------------------------- */


ul.semplice-i, .semplice-i ul {list-style: none; margin-left:0px; margin-bottom: 24px; padding-left: 0px; margin-top: 0px;}
ul.semplice-i li {margin-bottom: 8px;}


a.more-link {   font-size: 14px;
font-weight: 500;
margin-top: 23px; }