@font-face { font-family: MontserratBlack; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/Montserrat-Black.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: MontserratBold; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/Montserrat-Bold.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Montserrat; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/Montserrat-Regular.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: MerriweatherLight; font-style: normal; font-weight: 200; font-display: swap; src: url("../fonts/Merriweather-Light.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Merriweather; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/Merriweather-Regular.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: MerriweatherBold; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/Merriweather-Bold.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
video { object-fit: cover; width: 100vw; height: 100vh; position: fixed; top: 0px; left: 0px; }
html, body { height: 100%; }
html body { font-size: 15px; line-height: 1.5; color: rgb(51, 51, 51); cursor: default; background: rgb(255, 255, 255); }
.viewport-body { position: relative; text-align: center; display: flex; justify-content: center; padding-top: 0px; font-family: Montserrat; background-color: rgb(255, 255, 255); }
.sticky {background: rgb(255, 255, 255);position: sticky;top: 0px;left: 0;right: 0;z-index: 999;height: 58px;}
.sticky2 {background: rgb(255, 255, 255);position: sticky;top: 58px;z-index: 998;}
.fixed {position: fixed;top: 0;left: 0;right: 0;z-index: 999;}
.goog{height: 60px;padding: 10px 0;}
a, ::before, ::after, img, span, input, button, .navbar, .fixedmenu, .tp-bullet, .owl-dot, .owl-prev, .owl-next { transition: 0.3s; }
.block { display: block; }
.padding_half { padding: 4.375rem 0px; }
.viewport-body h1 { margin-bottom: 30px; font-family: Lato; }
.viewport-body h2 { color: rgb(255, 255, 255); margin-bottom: 15px; text-transform: uppercase; font: bold 20px / 25px Montserrat; min-height: 50px; display: flex; align-items: center; }
.viewport-body h2 small { color: rgb(0, 0, 0); font-size: 18px; }
.viewport-body p { text-align: center; font-size: 18px; font-weight: normal; letter-spacing: 0px; color: rgb(255, 255, 255); min-height: 60px; margin: 0px; }
.viewport-body p small { text-align: center; margin-top: 30px; font-weight: 400; margin-bottom: 30px; letter-spacing: 0px; text-transform: uppercase; color: rgb(114, 114, 114); }
.viewport-body p small strike { color: rgb(5, 40, 91); font-weight: bold; font-size: 20px; }
.viewport-body p span.txt { text-align: center; font-size: 14px; margin-top: 2px; font-weight: normal; }
.glass { display: inline-flex; padding: 10px; border-radius: 6px; margin: 20px 0px; }
header { background-color: rgb(255, 255, 255); }
#header {background: #FFF;background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(235, 235, 235, 1) 100%);margin-bottom: 30px;}
header { position: relative; }
.montserrat {font-family: Montserrat;}
.meta { z-index: 99; position: relative; text-align: center; }
#header h1 {color: rgb(24 45 102);font: 700 36px / 40px "Frank Ruhl Libre";display: block;margin-bottom: 25px;}
#header h1 strong { font: 60px / 60px MerriweatherBold; }
#header h2 { color: rgb(0, 0, 0); font: 20px / 28px Montserrat; margin-bottom: 40px; padding-bottom: 0px; }
#header p { font-size: 20px; line-height: 1; font-style: italic; margin-bottom: 25px; }
#header .logo { text-align: center; margin: 15px 0px 40px; display: block; }
.claim2 {flex-direction: column;margin-bottom: 50px;}
.claim2 h3 {color: rgb(24 45 102);font: 700 26px / 40px "Frank Ruhl Libre";display: block;margin-bottom: 10px;}
.claim2 h3 a{color: rgb(33, 150, 243);}
.claim2 h3 a:hover{color: rgb(139 202 252);}
.btn-mfgpt{display: inline-flex;align-items: center;gap: 8px;padding: 12px 12px 12px 8px;border-radius: 6px;border: 2px solid transparent;background: linear-gradient(#ffffff, #f9f9f9) padding-box, /* sfondo interno */ linear-gradient(90deg, #FF333B 0%, #0D6EFD 100%) border-box;box-shadow: 0 0 0 4px rgba(255, 51, 59, 0.15), 0 0 10px rgba(13, 110, 253, 0.25);color: #2196f3;font-size: 16px;font-weight: bold;cursor: pointer;text-transform: uppercase;}
.btn-mfgpt:hover{background: linear-gradient(#fdfdfd, #ebebeb) padding-box, /* sfondo interno */linear-gradient(90deg, #0D6EFD 0%, #FF333B 100%) border-box;box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25), 0 0 10px rgba(255, 51, 59, 0.15);}
.btn-mfgpt:before{background-image: url(https://static.milanofinanza.it/milanofinanza/images/mfgpt.svg);background-size:24px 16px;content:'';width: 24px;height: 16px;}
.btn-compare {display: flex;justify-content: center;}
.btn-compare a{font-family: Montserrat; font-size:26px;font-weight: 700;background: #fff;border: none;}
.btn-compare a.collapsed:after{font-family: bootstrap-icons !important;speak: none;font-style: normal;line-height: 1;-webkit-font-smoothing: antialiased;content: "\F4F8";font-size:26px;font-weight: 700;background: #fff;border: none;vertical-align: middle;color: #2196F3;margin-left: 15px;}
.btn-compare a:after{font-family: bootstrap-icons !important;speak: none;font-style: normal;line-height: 1;-webkit-font-smoothing: antialiased;content: "\F2E4";font-size:26px;font-weight: 700;background: #fff;border: none;vertical-align: middle;color: #2196F3;margin-left: 15px;}
.btn-compare a:hover:after{color: #000;}
.hmfgpt { font: 700 24px / 28px MerriweatherBold; display: block; margin: 15px 0px 0px; text-align: center; color: rgb(43, 73, 149); }
#others { background: linear-gradient(rgb(18, 98, 179) 0%, rgb(24, 45, 102) 100%) 0% 0% / cover; padding: 40px; margin-bottom: 30px; }
#others h4 { margin: 30px 0px 0px; font-size: 25px; color: rgb(255, 255, 255); font-family: MontserratBlack; text-align: center; font-weight: 700; }
#borsa { background-color: rgb(216, 34, 41); padding: 0px; margin: 0px 0px 70px; text-align: center; color: rgb(255, 255, 255) !important; }
#borsa h4 { margin: 15px 0px; font-size: 25px; color: rgb(255, 255, 255); font-family: Montserrat; text-align: center; font-weight: 700; text-shadow: rgb(24, 9, 4) 2px 2px 16px; }
#borsa h6 { color: rgb(255, 255, 255); }
.promo { display: flex; flex-direction: column; place-content: center; align-items: center; margin-bottom: 15px; background-color: rgb(9, 45, 102) !important; }
.promo p { font: 600 13px / 18px Montserrat; }
.promo h5 { color: rgb(255, 255, 255) !important; font-family: Montserrat; }
#mfgpt .promo h5 { font-family: Montserrat; min-height: 49px; color: rgb(255, 255, 255) !important; }
.promo, .promino { padding: 30px; border-radius: 10px; }
#mfgpt .promo, #mfgpt .promino { padding: 30px; height: 100%; border-radius: 10px; width: 320px; max-width: 96%; margin: 0px 2%; }
.promino { border: 2px solid rgb(158, 158, 158); width: 270px; height: 370px; display: flex; flex-direction: column; align-items: center; place-content: center space-between; margin: 10px; padding: 50px 20px 20px; background-color: rgb(239, 244, 247) !important; }
.promino p { text-align: center; font-size: 16px; line-height: 1.4rem; margin-top: 0px; font-weight: normal; margin-bottom: 0px; letter-spacing: -1px; color: rgb(78, 71, 70); font-family: Montserrat; display: flex; align-items: center; flex-direction: column; }
.promino .carta { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 6px; }
.promino h5 { text-align: center; letter-spacing: 0px; color: rgb(24, 57, 107); min-height: 2.5em; text-transform: uppercase; font: 800 22px / 24px MontserratBold; }
.promino-sub h5 { font-family: Montserrat !important; }
.promino h5 span { text-align: center; font-weight: normal; letter-spacing: 0px; font-family: Montserrat; }
a.btnpro { background: rgb(239, 244, 247); color: rgb(24, 57, 107); font-family: MontserratBold; font-size: 15px; padding: 10px; line-height: 1; text-transform: uppercase; text-align: center; font-weight: 700; display: inline-block; margin-bottom: 10px; border: 2px solid rgb(24, 57, 107); border-radius: 6px; width: 100%; }
a:hover.btnpro { background: rgb(216, 34, 41); color: rgb(255, 255, 255); font-size: 16px; line-height: 1; text-transform: uppercase; text-align: center; font-weight: 700; z-index: 1; border: 3px solid transparent; border-radius: 30px; }
a.btnplus { color: rgb(255, 255, 255); font-family: MontserratBold; font-size: 20px; margin: 15px auto; padding: 1rem 2rem; line-height: 1; text-transform: uppercase; text-align: center; font-weight: 700; display: inline-block; border: 3px solid rgb(255, 255, 255); border-radius: 30px; }
a:hover.btnplus { background: rgb(255, 255, 255); color: rgb(216, 34, 41); font-size: 18px; padding: 1rem 2rem; line-height: 1; text-transform: uppercase; text-align: center; font-weight: 700; z-index: 1; border: 3px solid rgb(255, 255, 255); border-radius: 30px; }
a.btnplus2 { color: rgb(255, 255, 255); background: rgb(216, 34, 41); font-family: Montserrat; font-size: 20px; margin: 15px auto; padding: 1rem 2rem; line-height: 1; text-transform: uppercase; text-align: center; font-weight: 700; display: inline-block; border: 3px solid rgb(255, 255, 255); border-radius: 30px; }
a:hover.btnplus2 { background: rgb(255, 255, 255); color: rgb(216, 34, 41); font-size: 18px; padding: 1rem 2rem; line-height: 1; text-transform: uppercase; text-align: center; font-weight: 700; z-index: 1; border: 3px solid rgb(216, 34, 41); border-radius: 30px; }
.betw { display: flex; justify-content: space-between; }
.betw span { width: 23%; padding: 1%; text-align: center; text-wrap-mode: wrap; display: flex; flex-direction: column; justify-content: space-between; }
#year .promo ul { text-align: left; padding-left: 0px; line-height: 18px; margin-top: 15px; min-height: 370px; }
#month .promo ul { text-align: left; padding-left: 0px; line-height: 18px; margin-top: 15px; min-height: 250px; }
.promo ul li { margin-bottom: 12px; font-weight: 500; font-size: 16px; color: rgb(255, 255, 255); text-align: start; }
.promo ul li strong { font-family: MontserratBold; color: rgb(255, 255, 255); }
.promo h4 { margin: 0px 0px 30px; font-size: 22px; color: rgb(255, 255, 255); font-family: Montserrat; }
.promo h3 { margin: 15px 0px 0px; font-size: 32px; color: rgb(255, 255, 255); font-family: MontserratBold; }
.promo h3 big{font-size: 50px;}
.promo h3 sub { font-size: 16px; letter-spacing: -1.5px; bottom: 0px; left: -2px; text-transform: uppercase; }
.promo h3 small { font-size: 16px; font-weight: 400; letter-spacing: -1.5px; text-transform: uppercase; display: block; }
.btnpromo { background: rgb(255, 255, 255); color: rgb(33, 150, 243); margin-top: 10px; }
.btnpromo:hover, .btnprimary:focus { background: rgb(33, 150, 243); color: rgb(255, 255, 255); }
.mobile-table .btnpromoSmall { background: rgb(33, 150, 243); color: rgb(255, 255, 255); margin-top: 0px; font-size: 12px; padding: 4px; border-radius: 6px; }
.btnpromoSmall { background: rgb(33, 150, 243); color: rgb(255, 255, 255); margin-top: 10px; font-size: 16px; }
.btnpromoSmall:hover, .btnprimary:focus { background: rgb(24, 45, 102); color: rgb(255, 255, 255); }
.button { position: relative; display: inline-block; font-size: 18px; padding: 10px 25px; line-height: 1; text-transform: uppercase; text-align: center; font-weight: 700; z-index: 1; border: 3px solid transparent; border-radius: 6px; overflow: hidden; }
#others h3 { font-size: 26px; color: rgb(155, 155, 155); text-transform: uppercase; margin: 15px 0px 30px; }
#others h6 { font-size: 20px; font-family: Montserrat; color: rgb(255, 255, 255); margin: 15px 0px 30px; text-align: center; font-weight: 500; text-shadow: rgb(24, 9, 4) 2px 2px 16px; }
#others { margin: 0px 0px 70px; }
.footer {background: rgba(0, 0, 0, 0.25); border-radius: 12px; bottom: 30px; color: rgb(255, 255, 255); font-size: 13px; text-align: center; padding: 0px 10px;}
.box { background: rgb(212, 212, 212); padding: 15px; height: 100%; text-align: center; border-radius: 12px; box-shadow: rgb(206, 206, 206) 0px 1px 4px 0px; }
.mh { min-height: 240px; }
.box h4 { color: rgb(73, 73, 73); }
.box p { font-size: 16px; text-align: justify; font-weight: normal; letter-spacing: -0.5px; color: rgb(96, 96, 96); }
/* HTML: <div class="ribbon">Your text content</div> */
.ribbon {font-size: 16px;font-weight: bold;color: #fff;}
.ribbon {
  --f: .5em; /* control the folded part*/
  --r: .8em; /* control the ribbon shape */
  position: absolute;
  top: 6px;
  left: 3px;
  padding-inline: .25em;
  line-height: 1.8;
  background: #987F69;
  border-bottom: var(--f) solid #0005;
  border-right: var(--r) solid #0000;
  clip-path:polygon(calc(100% - var(--r)) 0,0 0,0 calc(100% - var(--f)),var(--f) 100%,var(--f) calc(100% - var(--f)),calc(100% - var(--r)) calc(100% - var(--f)),100% calc(50% - var(--f)/2));
  }




a.btn-abbonati { background: rgb(5, 40, 91); color: rgb(255, 255, 255); padding: 10px; display: block; margin: 0px auto; border-radius: 3px; font-weight: 700; border: 1px solid rgb(5, 40, 91); }
a:hover.btn-abbonati { background: rgb(255, 255, 255); color: rgb(5, 40, 91); border: 1px solid rgb(5, 40, 91); }
a.btn-accedi { padding: 10px 30px; display: inline-block; background: rgb(75, 150, 244); margin: 0px 10px; border-radius: 30px; border: 3px solid rgb(255, 255, 255); color: rgb(255, 255, 255); font-weight: 700; font-family: MontserratBold; font-size: 20px; text-transform: uppercase; text-align: center; }
a:hover.btn-accedi { background: rgb(255, 255, 255); color: rgb(75, 150, 244); }
.tab-slider--nav { width: 100%; float: left; margin-bottom: 20px; display: flex; justify-content: center; }
.tab-slider--tabs { display: inline-block; margin: 0px; padding: 5px; list-style: none; position: relative; overflow: hidden; user-select: none; }
.tab-slider--tabs::after { content: ""; width: 50%; border-bottom: 3px solid rgb(255, 255, 255); height: 100%; position: absolute; top: 0px; left: 0px; transition: 250ms ease-in-out; border-radius: 0px; }
.tab-slider--tabs.slide::after { left: 50%; }
.tab-slider--trigger { font-size: 25px; line-height: 1; font-weight: 700; color: rgba(33, 150, 243, 0.35); text-transform: uppercase; text-align: center; padding: 10px; position: relative; z-index: 2; cursor: pointer; display: inline-block; transition: color 250ms ease-in-out; user-select: none; margin-bottom: 10px; }
.tab-slider--trigger a { color: rgb(92, 20, 18) !important; }
.tab-slider--trigger a:hover { color: rgb(92, 20, 18) !important; }
.tab-slider--trigger.active a { color: rgb(92, 20, 18) !important; }
.tab-slider--trigger.active a:hover { color: rgb(92, 20, 18) !important; }
.tab-slider--trigger.active { color: rgb(33, 150, 243); border-bottom: solid; }
.tab-slider--body { margin-bottom: 20px; }
.text-blu { color: rgb(63, 81, 181); }
.message { font-family: Montserrat; }
p.fp { font-size: 14px; }
.accordion { margin: 0px auto 70px; width: 95%; }
.accordion input { display: none; }
.box-acco { position: relative; background: white; height: 64px; border-radius: 20px; margin-bottom: 15px; transition: 0.15s ease-in-out; }
.box-acco::before { content: ""; position: absolute; display: block; inset: 0px; font-weight: 600; box-shadow: rgb(229, 229, 229) 0px -1px 0px, rgba(0, 0, 0, 0.12) 0px 0px 2px, rgba(0, 0, 0, 0.24) 0px 2px 4px; }
.img-fluid-carta { max-width: 50%; height: auto; margin-bottom: 5px; }
.table {text-align: left;margin-bottom: 50px;font-size: 12px;color: rgb(18, 18, 18);}
.table thead th { color: rgb(18, 18, 18); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; text-align: center; vertical-align: middle; background: rgb(238, 238, 238); }
.table th[scope="row"] { max-width: 280px; }
.table-head { text-align: left; color: rgb(96, 96, 96); text-transform: uppercase; font-weight: 700; }
.table i { font-size: 16px; color: rgb(18, 140, 0); }
.table-cel-center { display: flex; flex-direction: row; justify-content: center; align-items: flex-end; }
table.table tbody tr td { text-align: center; vertical-align: middle; white-space: nowrap; padding: 8px; }
.table-col-left { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; line-height: 16px; }
.table-border-b { border-bottom: 1px solid rgb(174, 174, 174); padding-top: 24px; padding-bottom: 10px; font-weight: 600; }
.mobile-table { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.mobile-table img { width: 10% !important; }
-mobile-table div { display: flex; justify-content: space-around; }
.item { display: flex; justify-content: center; align-items: center; }
a {color: #000;}
a:hover { color: rgba(33, 150, 243, 0.57); }
.g12 { gap: 12px; }
.f26 { font-size: 26px!important; }
.box-title { width: calc(100% - 40px); height: 64px; line-height: 64px; padding: 0px 20px; display: inline-block; cursor: pointer; user-select: none; font-family: MontserratBold; font-size: 20px; text-transform: uppercase; color: rgb(34, 57, 107); }
.box-content { width: calc(100% - 40px); padding: 30px 20px; font-size: 18px; font-family: Montserrat; color: rgb(0, 0, 0); display: none; }
.box-close { position: absolute; height: 64px; width: 100%; top: 0px; left: 0px; cursor: pointer; display: none; }
input:checked + .box-acco { height: auto; margin: 16px 0px; }
input:checked + .box-acco .box-title { border-bottom: 1px solid rgba(0, 0, 0, 0.18); }
input:checked + .box-acco .box-content, input:checked + .box-acco .box-close { display: inline-block; }
.arrows section .box-title { padding-left: 44px; width: calc(100% - 64px); }
.arrows section .box-title::before {position: absolute;display: block;font-family: bootstrap-icons !important;speak: none;font-style: normal;font-weight: 700;line-height: 1;-webkit-font-smoothing: antialiased;content: "\F285";font-size: 30px;left: 10px;top: 17px;transition: transform 0.15s ease-in-out;color: rgb(96, 150, 245);}
input:checked + section.box-acco .box-title::before { transform: rotate(90deg); }
footer { background: rgb(24, 57, 107); padding: 20px; bottom: 0px; text-align: center; }
footer h4 { color: rgb(255, 255, 255); font-family: Montserrat; display: inline-block; }
.bblack { background: rgb(0, 0, 0); z-index: 5555555; position: absolute; display: block; width: 100%; height: 15px; bottom: 0px; }
.button-natale { border-radius: 30px; color: rgb(255, 255, 255); background-color: rgb(143, 30, 28); padding: 10px; width: 160px; margin: 10px auto; text-transform: uppercase; font-weight: bold; }
@media (min-width: 1px) {
  .navbar-brand { width: 60px; height: 60px; background: url("//static.milanofinanza.it/milanofinanza/images/promo/logo-mobile.png") center center / contain no-repeat; margin: 0px auto; }
}
@media (max-width: 320px) {
  #header .logo { margin: 0px 0px 30px; }
  .promo { padding: 10px; }
  .promino { margin: 0px; }
  .viewport-body h2 { font-size: 18px; }
  .button { padding: 8px 18px; font-size: 14px; }
}
@media (max-width: 375px) {
  #header .logo { margin: 0px 0px 20px; }
  .promo div { padding: 10px; }
  .promo h5 { font-size: 16px; }
  .promo p { font-size: 12px; }
  .promo { padding: 10px; }
}
@media (max-width: 619.9px) {
  .promo p { min-height: 90px; }
  #header .logo { margin: 15px 0px 25px !important; }
  #header h1 { font-size: 30px; line-height: 35px; }
}
@media (min-width: 620px) {
  .navbar-brand { width: 200px; height: 66px; background: url("//static.milanofinanza.it/milanofinanza/images/promo/logo-mobile.png") center center / contain no-repeat; margin-right: 10px; }
  #others { margin: 0px 0px 20px; }
  .desktop-hide { display: inline-table; }
  .mobile-table { display: none; }
  #gptHead { padding: 5px 0px; }
  .d-flexstart { gap: 8px; }
}
@media (max-width: 767.9px) {
  #header { background-size: cover; padding: 30px 0px; margin-bottom: 0px; }
  #header h1 strong { color: rgb(5, 40, 91); font: bold 40px / 55px MerriweatherBold; margin: 20px 0px 5px; text-align: center; display: flex; justify-content: center; align-items: center; }
  #header h1 { margin: 0px; }
  #header .logo { text-align: center; margin: 0px; display: block; }
  .promo { padding: 20px; flex-wrap: nowrap; border-radius: 17px !important; }
  .promo p { margin: 0px; min-height: auto; font-size: 12px !important; }
  #year { flex-wrap: nowrap; align-items: center; }
  #month { flex-wrap: nowrap; }
  #others { background-size: auto; background-position: center top; }
  .tab-slider--tabs { display: flex; place-content: center; align-items: flex-start; }
  .tab-slider--trigger { font-size: 1.2rem; }
  .tab-slider--nav { margin-bottom: 0px; display: flex; justify-content: center; }
  .promo { height: auto; padding: 20px; }
  .button { padding: 10px 20px; font-size: 15px; }
  .item { padding: 0px 10px; }
  .desktop-hide { display: none; }
  .mobile-hide { display: inline-table; }
  .viewport-body h2 { margin: 0px; font-size: 18px; }
  #header h1 strong { text-shadow: rgb(255, 255, 255) 0px 0px 5px; }
  .item { padding: 0px 10px; }
  .mobile-table { display: inline-table !important; }
  .mobile-hide { display: none; }
  #year { flex-wrap: nowrap; align-items: center; }
  #month { flex-wrap: nowrap; align-items: center; }
  .promo { line-height: inherit; margin-bottom: 15px; padding: 20px 25px !important; }
  .tab-slider--nav { justify-content: center; }
  .mobile-table h6 { font-family: Montserrat; font-size: 13px; line-height: 1.4; font-weight: 700; text-align: left; }
  .table-head { text-transform: uppercase; display: flex; justify-content: space-between; align-items: center; background: rgb(238, 238, 238); font-weight: 700; text-align: center !important; color: rgb(96, 96, 96) !important; border-bottom: 1px solid rgb(218, 218, 218) !important; }
  .row4 { display: flex; justify-content: space-between; text-align: center !important; }
  .table-head span, .row4 span { width: 23%; padding: 1%; text-wrap-mode: wrap; }
  .table-head:first-child { }
}
@media (max-width: 1023.9px) {
  #year .promo ul { min-height: auto; }
  .mobile-hide { display: none; }
  .desktop-hide { display: inline-table; }
  .mobile-table { display: inline-table; }
}
@media (min-width: 1024px) {
  .promo { height: stretch; }
}
@media (max-width: 1289px) {
  #header { padding: 0px; margin-bottom: 10px; background-size: cover; }
  #header h1 strong { color: rgb(5, 40, 91); font: bold 60px / 50px Merriweather; margin: 20px 0px 5px; display: block; text-align: center; }
  .desktop-hide { display: inline-table; }
  .mobile-table { display: none; }
  .mobile-table img { width: auto !important; }
}
#gptHead { background: linear-gradient(91.9deg, rgb(255, 0, 10), rgb(115, 46, 82) 38.23%, rgb(21, 97, 255) 78.58%); display: flex; justify-content: space-between; align-items: center; padding: 5px 0px; }
#gptHead h6 { color: rgb(255, 255, 255); font-size: 16.5px; line-height: 20px; margin: 0px; }
#gptHead a { background: rgb(255, 255, 255); border-radius: 28px; padding: 5px 12px; color: rgb(0, 63, 125); box-shadow: rgb(206, 33, 48) 1px 1px 2px 0px; font-family: Lato; font-weight: 700; font-size: 12px; line-height: 20px; letter-spacing: -0.3px; display: flex; text-wrap-mode: nowrap; }
#gptHead a:hover { color: rgb(77, 146, 213); }
i.ico-mfgpt { content: url("https://static.milanofinanza.it/milanofinanza/images/mfgpt.svg"); margin-left: 5px; height: 20px; }
.d-flexstart { align-items: center; gap: 12px; display: flex !important; }