@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+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, 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:0;left:0}
html,body{height:100%}
html body{font-size: 15px;line-height: 1.5;color: #333;cursor: default;background: #d82229;}
.viewport-body {position: relative;/* height: 100vh; */text-align: center;display: flex;/* align-items: center; */justify-content: center;padding-top: 0px;font-family: 'Montserrat'; background-color: #fff;}
.sticky{background: #fff;position: sticky;top: 0;z-index: 999;}
a,::before,::after,img,span,input,button,.navbar,.fixedmenu,.tp-bullet,.owl-dot,.owl-prev,.owl-next{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.block{display:block}.padding_half{padding:4.375rem 0}
.viewport-body h1{margin-bottom: 30px;font-family: 'Lato';}
.viewport-body h2{color: #ffffff;line-height: 24px;margin-bottom: 15px;text-transform: uppercase;font: normal normal bold 30px/28px Montserrat;}
.viewport-body h2 small{color: #000;font-size: 18px;}

.viewport-body p{text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 0;color: #ffffff;min-height: 60px;}
.viewport-body p small{text-align: center;margin-top: 30px;font-weight: 400;margin-bottom: 30px;letter-spacing: 0px;text-transform: uppercase;color: #727272;}
.viewport-body p small strike{color: #05285B;font-weight: bold;font-size: 20px;}
.viewport-body p span.txt{text-align: center;font-size: 14px;margin-top: 2px;font-weight: normal;/* margin-bottom: 50px; *//* letter-spacing: 1px; */}
header{background-color: #fff;}
#header{background: url("//static.milanofinanza.it/milanofinanza/images/promo/MF-Campagna_Natale_2025-Header_1366x300.png")no-repeat;background-size: cover;/* padding: 20px 0 60px; */margin-bottom: 30px;}
header{position: relative;}
.meta{z-index: 99;position: relative;text-align: center}
#header h1{color: #d82229;font: normal normal normal 36px/40px MerriweatherBold;display: block;font-weight: 700;margin-bottom: 25px;}
#header h1 strong{font: normal normal normal 60px/60px MerriweatherBold;}
#header h2{color: #2b4995;font: normal normal normal 20px/28px MerriweatherBold;margin-bottom: 40px;padding-bottom: 0;}
#header p{font-size: 20px;line-height: 1;font-style: italic;margin-bottom: 25px;}
#header .logo{text-align: center;margin: 15px 0 40px;display: block;}
.hmfgpt{font: normal normal bold 24px/28px MerriweatherBold;display: block;font-weight: 700;margin: 15px 0 0px;text-align: center;color: #2b4995;}
#others{background: url("//static.milanofinanza.it/milanofinanza/images/promo/MF-Campagna_Natale_2025-Box-DesktopMobile.png")no-repeat; background-size: cover;padding: 40px;margin-bottom: 30px;}
#others h4{margin: 30px 0 0;font-size: 25px;color: #d82229 ;font-family: 'MontserratBlack';text-align: center;font-weight: 700;}
#borsa{margin: 0 0 70px;background-color: #d82229;color: #fff !important; padding:0; margin-bottom: 0; margin: 0 0 70px; text-align: center;}
#borsa h4{margin: 15px 0;font-size: 25px;color: #ffffff;font-family: 'Montserrat';text-align: center;font-weight: 700;text-shadow: 2px 2px 16px #180904;}
#borsa h6{color: #fff;}
.promo{background-color: #d82229 !important;border-radius: 35px !important;display: flex;flex-direction: column;justify-content: center;align-content: center;align-items: center;}
.promo p{font: normal normal 600 15px/18px Montserrat;}
.promo h5{color: #fff !important;font-family: 'Montserrat';}
#mfgpt .promo h5{color: #fff !important;font-family: 'Montserrat';min-height: 49px;}
.promo,.promino{padding: 30px 30px 30px;height: 100%; border-radius: 10px;}
#mfgpt .promo,#mfgpt .promino{padding: 30px 30px 30px;height: 100%;border-radius: 10px;width: 320px;max-width: 96%;margin: 0 2%;}
.promino{background-color: #eff4f7 !important; border: 2px solid #d82229; width: 270px; height: 370px;display: flex;flex-direction: column;align-items: center;align-content: center;justify-content: space-between; margin: 10px;padding-top: 50px;padding-left: 20px;padding-right: 20px;padding-bottom: 20px;}
.promino p{text-align: center;font-size: 16px;line-height: 1.4rem;margin-top: 0px;font-weight: normal;margin-bottom: 0;letter-spacing: -1px;color: #4E4746;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: 0;color: #d82229;min-height: 2.5em;text-transform: uppercase;font: normal normal 800 22px/24px MontserratBold;}
.promino-sub h5{font-family: 'Montserrat' !important;}
.promino h5 span{text-align: center;font-weight: normal;letter-spacing: 0;font-family: 'Montserrat'}
a.btnpro{background: #eff4f7;color: #d82229;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 #d82229;-webkit-border-radius:30px;border-radius:30px;width: 100%;}
a:hover.btnpro{background: #d82229;color: #fff;font-size: 16px;line-height:1;text-transform:uppercase;text-align:center;font-weight:700;z-index:1;border: 3px solid transparent;-webkit-border-radius:30px;border-radius:30px;}

a.btnplus{color: #fff;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 #fff;-webkit-border-radius:30px;border-radius:30px;}
a:hover.btnplus{background: #fff;color: #d82229;font-size: 18px;padding: 1rem 2rem 1rem;line-height:1;text-transform:uppercase;text-align:center;font-weight:700;z-index:1;border: 3px solid #fff;-webkit-border-radius:30px;border-radius:30px;}

a.btnplus2{color: #fff;background:#d82229;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 #fff;-webkit-border-radius:30px;border-radius:30px;}
a:hover.btnplus2{background: #fff;color: #d82229;font-size: 18px;padding: 1rem 2rem 1rem;line-height:1;text-transform:uppercase;text-align:center;font-weight:700;z-index:1;border: 3px solid #d82229;-webkit-border-radius:30px;border-radius:30px;}

#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: #ffffff;text-align: start;}
.promo ul li strong{font-family: 'MontserratBold';color: #ffffff;}
.promo h4{margin: 0 0 30px;font-size: 22px;color: #ffffff;font-family: 'Montserrat';}
.promo h3{margin: 15px 0 0;font-size: 28px;color: #ffffff;font-family: 'MontserratBold';}
.promo h3 sub{font-size: 16px;letter-spacing: -1.5px;bottom: 0;left: -2px;text-transform: uppercase;}
.btnpromo{background: #ffff;color: #d82229;margin-top: 10px;}
.btnpromo:hover, .btnprimary:focus{background: #d82229;border: 3px solid #ffffff;color: #ffffff;}
.button{position:relative;display: inline-block;font-size: 18px;padding: 10px 30px 10px;line-height:1;text-transform:uppercase;text-align:center;font-weight:700;z-index:1;border: 3px solid transparent;-webkit-border-radius:30px;border-radius:30px;overflow:hidden;}
#others h3{font-size: 26px;color: #9b9b9b;text-transform: uppercase;margin: 15px 0 30px;}
#others h6{font-size: 20px;font-family: 'Montserrat';color: #fff;margin: 15px 0 30px;text-align: center;font-weight: 500;text-shadow: 2px 2px 16px #180904;}
#others{margin: 0 0 70px;}
.footer{background: rgb(0 0 0 / 25%);border-radius: 12px;bottom:30px;color: #fff;font-size: 13px;text-align: center;padding: 0 10px;}
.box{background: #d4d4d4;padding: 15px;height: 100%;text-align: center;border-radius: 12px;box-shadow: 0 1px 4px 0 #cecece;}
.mh{min-height: 240px;}
.box h4{color:#494949;}
.box p{font-size: 16px;text-align: justify;font-weight: normal;letter-spacing: -0.5px;color: #606060;}
a.btn-abbonati{background:#05285B;color:#fff;padding:10px;display:block;margin:0 auto;border-radius:3px;font-weight:700;border:1px solid #05285B}
a:hover.btn-abbonati{background:#fff;color:#05285B;border:1px solid #05285B}
a.btn-accedi{padding: 10px 30px;/* width:150px; */display:inline-block;background: #840707;margin:0 10px;border-radius: 30px;border: 3px solid #ffffff;color: #ffffff;font-weight:700;font-family: 'MontserratBold';font-size: 20px;text-transform: uppercase;text-align:center}
a:hover.btn-accedi{background: #fff;color: #5c1412;}
/*SWITCH*/
.tab-slider--nav{width:100%;float:left;margin-bottom:20px;display: flex;justify-content: center;}
.tab-slider--tabs{display: inline-block;/* border: 4px solid #fff; *//* box-shadow: 0 2px 4px 0 #cecece; */margin:0;padding: 5px;list-style:none;position:relative;/* border-radius:35px; */overflow:hidden;/* background:#fff; */-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.tab-slider--tabs:after{content:"";width:50%;/* background:#345F90; */border-bottom: 3px solid #fff;height:100%;position:absolute;top:0;left:0;transition:all 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: rgb(131 7 7 / 50%);text-transform:uppercase;text-align:center;padding:10px 10px;position:relative;z-index:2;cursor:pointer;display:inline-block;transition:color 250ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom: 10px;}
.tab-slider--trigger a{color: #5c1412 !important;}
.tab-slider--trigger a:hover{color: #5c1412 !important;}
.tab-slider--trigger.active a{color: #5c1412 !important;}
.tab-slider--trigger.active a:hover{color: #5c1412 !important;}
.tab-slider--trigger.active{color: #d82229;border-bottom: solid;}
.tab-slider--body{margin-bottom:20px}
.text-blu{color:#3f51b5;}
.message{font-family: 'Montserrat';}
p.fp{font-size:14px;}
/*ACCORDION*/
.accordion {margin: 0 auto 70px;width: 95%;}
.accordion input {display: none;}
.box-acco {position: relative;background: white;height: 64px;border-radius: 20px;margin-bottom: 15px;transition: all .15s ease-in-out;}
.box-acco::before {content: '';position: absolute;display: block;top: 0;bottom: 0;left: 0;right: 0;pointer-events: none;border-radius: 20px;box-shadow: 0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);}
.img-fluid-carta{max-width: 50%;height: auto;margin-bottom: 5px;}
.table{color: #cc1f28;text-align: left;margin-bottom: 100px;}
.table thead th{color: #606060;border: none;width: 50%;}
.table-head{text-align: left;color: #606060;text-transform: uppercase;font-weight: 700;}
.table-cel-center{display: flex;flex-direction: row;justify-content: center;align-items: flex-end;}
.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 #aeaeae;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: #5c1412;}
a:hover{color: rgb(131 7 7 / 50%);}
.g12{gap:12px;}
.box-title{width:calc(100% - 40px);height:64px;line-height:64px;padding:0 20px;display:inline-block;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:'MontserratBold';font-size:20px;text-transform:uppercase;color:#d82229}
.box-content{width:calc(100% - 40px);padding:30px 20px;font-size:18px;font-family:'Montserrat';color:#000;display:none}
.box-close{position:absolute;height:64px;width:100%;top:0;left:0;cursor:pointer;display:none}
input:checked + .box-acco{height:auto;margin:16px 0;box-shadow:0 0 6px #00000029 6px 12px #00000052}
input:checked + .box-acco .box-title{border-bottom:1px solid #0000002e}
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;content:'\203a';font-size:30px;left:20px;top:-2px;transition:transform .15s ease-in-out;color:#750000}
input:checked + section.box-acco .box-title:before{transform:rotate(90deg)}


footer{background: #840707;padding: 20px;bottom: 0;text-align: center;/* border-top: 1px solid #ccc; */}
footer h4{color: #fff;font-family: 'Montserrat';display: inline-block;}
.bblack{background:#000;z-index: 5555555;position: absolute;display: block;width: 100%;height:15px;bottom: 0px;}
.button-natale {border-radius: 30px;color: #fff;background-color: #8f1e1c;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 no-repeat;background-size: contain;margin: 0 auto;}
}

@media (max-width:320px){
#header .logo{margin: 0px 0 30px;}
.promo{padding: 10px;}
.promino{margin: 0;}
.viewport-body h2{font-size: 18px;}
.button{padding: 8px 18px; font-size: 14px;}
}

@media (max-width: 375px){
#header .logo{margin: 0px 0 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 0 25px!important;}  
#header h1{font-size: 30px;line-height: 35px;} 
#header h2{font: normal normal normal 20px / 30px Merriweather!important;} 
}
@media (min-width: 620px) {
.navbar-brand {width: 200px;height: 66px;background: url("//static.milanofinanza.it/milanofinanza/images/promo/logo-mobile.png") center no-repeat;background-size: contain;margin-right: 10px;}
#others{margin: 0 0 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: url("//static.milanofinanza.it/milanofinanza/images/promo/MF-Campagna_Natale_2025-KV-390x390.png")no-repeat 0;background-size: cover;padding: 30px 0;margin-bottom: 0px;height: 400px;}
#header h1 strong{color: #05285B;font: normal normal normal 40px/55px MerriweatherBold;margin: 20px 0 5px 0;display: block;text-align: center;font-weight: bold;display: flex;justify-content: center;align-items: center;}
#header h1{margin: 0;}
#header h2{color: #05285B;font: normal normal normal 25px / 32px Merriweather;text-align: center;margin-bottom: 40px;}
#header .logo{text-align: center;margin: 0 0;display: block;}
.promo{padding: 20px;flex-wrap: nowrap;border-radius: 17px !important;}
.promo p{font-size: 12px !important;margin: 0;}
#year{flex-wrap: nowrap;align-items: center;}
#month{flex-wrap: nowrap;}
#others {background: url("//static.milanofinanza.it/milanofinanza/images/promo/MF-Campagna_Natale_2025-Box-DesktopMobile.png")no-repeat;background-size:auto;background-position: top;}
.tab-slider--tabs{display: flex;align-content: center;justify-content: center;align-items: flex-start;}
.tab-slider--trigger{font-size: 1.2rem;}
.tab-slider--nav{margin-bottom: 0;display: flex;justify-content: center;}
.promo {height: auto;padding: 20px;}
.button{padding: 10px 20px;font-size: 15px;}
.item {padding: 0 10px;}
.desktop-hide{display: none;}
.mobile-hide{display: inline-table;}
.viewport-body h2{margin: 0;font-size: 18px;}
#header h1 strong{text-shadow: 0px 0px 5px #FFFFFF;}
#header h2{text-shadow: 0px 0px 5px #FFFFFF;}
.item {padding: 0 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{padding: 20px 10px 20px!important;line-height:inherit;}
.tab-slider--nav{justify-content: center;}
.table-head{text-align: center !important;color: #606060 !important;text-transform: uppercase;}
.table-head:first-child{border-bottom: none;}
}
@media (max-width: 1024px) {
#year .promo ul{min-height: auto;}
.mobile-hide{display: none;}
.desktop-hide{display: inline-table;}
.mobile-table{display: inline-table;}
}
@media (max-width: 1289px) {
#header{/* background: url("//static.milanofinanza.it/milanofinanza/images/promo/MF-Campagna_Natale_2025-Header_1366x300.png")no-repeat; */padding: 0;margin-bottom: 10px;background-size: cover;}
#header h1 strong{color: #05285B;font: normal normal normal 60px/50px Merriweather;margin: 20px 0 5px 0;display: block;text-align: center;font-weight: bold;}
.desktop-hide{display: inline-table;}
.mobile-table{display: none;}
.mobile-table img {width: auto !important;}
}

/*STRIPE MFGPT*/
#gptHead{background: linear-gradient(91.9deg, #ff000a, #732e52 38.23%, #1561ff 78.58%);display: flex;justify-content: space-between;align-items: center;padding: 5px 0px;}
#gptHead h6{color: #fff;font-size: 16.5px;line-height: 20px;margin: 0;}
#gptHead a{background: #fff;border-radius: 28px;padding: 5px 12px;color: #003F7D;box-shadow: -8px -3px 11px 0px #02173C0A;box-shadow: 1px 1px 2px 0px #CE2130;font-family: Lato;font-weight: 700;font-size: 12px;line-height: 20px;letter-spacing: -.3px;/* box-shadow: -2px 0px 5px 0px #004B9BB2; *//* box-shadow: 0px 0px 2px 0px #FF929B; */display: flex;text-wrap-mode: nowrap;}
#gptHead a:hover{color: #4D92D5;}
i.ico-mfgpt{content: url(https://static.milanofinanza.it/milanofinanza/images/mfgpt.svg);margin-left: 5px;height: 20px;}
.d-flexstart {display: flex !important;align-items: center;gap: 12px;}