@import url("https://fonts.googleapis.com/css2?family=Frank+Ruhl+Libre:wght@300;400;500;800;900&display=swap;");
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;800;900&display=swap;");
@font-face{font-family:"MF-iconfont";src:url(../fonts/MF-iconfont.eot?og6uow);src:url(../fonts/MF-iconfont.eot?og6uow#iefix) format("embedded-opentype"),url(../fonts/MF-iconfont.ttf?og6uow) format("truetype"),url(../fonts/MF-iconfont.woff?og6uow) format("woff"),url(../fonts/iconfont/MF-iconfont.svg?og6uow#MF-iconfont) format("svg");font-weight:400;font-style:normal;font-display:block}
video{object-fit:cover;width:100vw;height:100vh;position:fixed;top:0;left:0}
.newbadge{background: #970002;color: #fff;padding: 0px 3px 2px;border-radius: 3px;margin: 0 0 0 3px;}
.newbadgemenu{background: #970002;color: #fff;font-size: 11px;padding: 2px 4px 3px;border-radius: 3px;margin: 0 0 0px 4px;font-weight: 600;}
html,body{height:100%}
html body{font-size: 15px;line-height: 1.5;color: #333;cursor: default;background: #DFEAF8;}
.viewport-body {position: relative;/* height: 100vh; */text-align: center;display: flex;/* align-items: center; */justify-content: center;padding-top: 80px;}
.sticky{background: #ABC3D4;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: 50px;font-family: 'Lato';color: #345f90;}

.viewport-body h2{color: #1a4995;font-family: 'Lato';text-align: justify;font-weight: 700;font-size: 18px;line-height: 24px;margin-bottom: 25px;}
.viewport-body p{text-align: left;font-size: 21px;margin-top: 2px;font-weight: bold;/* margin-bottom: 50px; */letter-spacing: -0.5px;color: #777777;}
.bgshadow{background: #fff;padding: 40px;box-shadow: 0px 0px 20px #092D6680;margin: 50px 0;}

.f20{font-size: 20px;}
.viewport-body p.txt{text-align: justify;font-size: 18px;margin-top: 2px;font-weight: normal;/* margin-bottom: 50px; */letter-spacing: -0.5px;}
.promo, .promo2{background: #fff;border-radius: 10px;margin: 20px 0;box-shadow: 0 1px 4px 0 #cecece;}
.promo h3{margin: 0 0 15px;font-size: 24px;line-height: 26px;color: #092D66;font-weight: 600;}
.promo p{margin: 0 0 15px;font-size: 18px;line-height: 26px;color: #092D6680;}
.promo p strong{color: #092D66;margin: 0 5px;}
.promo h4{margin: 0;font-size: 32px;line-height: 32px;font-weight: 600;color: #092D66;}
#mfplus h2{font-family: 'Lato';text-align: center;font-size: 32px;font-weight: bold;color: #6D6D6D;margin-bottom: 30px;}
#mfplus p{font-size: 18px;color: #6D6D6D;}
#mfplus p a{color: #000;text-decoration: none;}
#mfplus p a:hover{color: #5a9cfe;}
#business-info .col-md-4{margin-bottom: 30px;}
#business-info picture{}
#business-info h2{margin-bottom: 50px;font-family: 'Lato';font-size: 32px;color: #345f90;text-align: center;}
#business-info h3{margin-bottom: 20px;font-family: 'Lato';font-size: 18px;color: #1A4995;text-align: center;}
#business-info p{font-size: 16px;color: #000;text-align: center;}


.promo ul, .promo2 ul{color: #fff;text-align: left;padding-left: 0px;line-height: 18px;margin-top: 15px;}
.promo2 ul{color: #fff;text-align: left;padding-left: 0px;line-height: 18px;margin-top: 15px;min-height: auto;}
.promo ul li, .promo2 ul li{margin-bottom: 12px;font-weight: 700;color: #121212;}

.btnmfplus{background: #C01717;color: #fff;margin-top: 10px;}
.btnmfplus:hover, .btnmfplus:focus{background: #092d66;border: 1px solid #092d66;color: #fff;}
.btnpromo{background: #092d66;color: #fff;margin-top: 10px;}
.btnpromo:hover, .btnprimary:focus{background: red;border: 1px solid #850900;color: #fff;}
.button{position:relative;display: inline-block;font-size: 18px;padding: 1rem 3rem 1rem;line-height:1;text-transform:uppercase;text-align:center;font-weight:700;z-index:1;border:1px solid transparent;-webkit-border-radius:30px;border-radius:30px;overflow:hidden;text-decoration: none;margin: 0;}
#other h3{font-size: 26px;color: #9b9b9b;text-transform: uppercase;margin: 15px 0 30px;}
#other{margin: 0 0 30px;}
.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;}
.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:#1a4995;color:#fff;padding:10px;display:block;margin:0 auto;border-radius:3px;font-weight:700;border:1px solid #1a4995}
a:hover.btn-abbonati{background:#fff;color:#1a4995;border:1px solid #1a4995}
a.btn-accedi{padding: 10px 30px;/* width:150px; */display:inline-block;background:#fff;margin:0 10px;border-radius:3px;border:1px solid #1a4995;color:#1a4995;font-weight:700;text-align:center}
a:hover.btn-accedi{background:#1a4995;color:#fff}
#other .col-md-3{margin-bottom: 15px;}
.f28{font-size: 28px!important;}
/*SWITCH*/
.tab-slider--nav{width:100%;float:left;margin-bottom:20px}
.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;height:100%;position:absolute;top:0;left:0;transition:all 250ms ease-in-out;border-radius:35px}
.tab-slider--tabs.slide:after{left:50%}
.tab-slider--trigger{font-size: 16px;line-height:1;font-weight:700;color: #1a4995;text-transform:uppercase;text-align:center;padding:11px 20px;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}
.tab-slider--trigger.active{color:#fff}
.tab-slider--body{margin-bottom:20px}
.text-blu{color:#3f51b5;}
.link-store .logo{height: 40px;margin: 10px;}
/*ACCORDION*/
.accordion {margin: auto;width: 95%;}
.accordion input {display: none;}
.box-acco {position: relative;background: white;height: 64px;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;box-shadow: 0 -1px 0 #e5e5e5,0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);}
.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;}
#private-investor{margin-bottom: 30px;}
#private-investor h4{font-size: 26px;font-weight: 500;}
#private-investor h4 a{color: #345F90;font-weight: 700;}
#private-investor h4 a:hover{color: #2196F3;}
#mf-plus{margin: 0 10px 30px;background: #e8e8e8;border-radius: 6px;border: 1px solid #ccc;padding: 20px;}
#mf-plus h5{margin: 0;font-size: 19px;font-weight: 500;}
#mf-plus h5 a{font-weight: 700;}
.box-content {width: calc(100% - 40px);padding: 30px 20px;font-size: 11pt;color: rgba(0,0,0,.54);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 rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32);}
input:checked + .box-acco .box-title {border-bottom: 1px solid rgba(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;content: '\203a';font-size: 18pt;left: 20px;top: -2px;transition: transform .15s ease-in-out;color: rgba(0,0,0,.54);}
input:checked + section.box-acco .box-title:before {transform: rotate(90deg);}
footer{background: #e4e4e4;padding: 20px;bottom: 0;text-align: center;border-top: 1px solid #ccc;}
footer h4{color: #888;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;}
.btn-red {border-radius: 10px;color: #fff;background-color: #8f1e1c;padding: 3px 20px;margin: 0 auto 15px;text-transform: uppercase;font-weight: bold;display: inline-block;}
.paywallribbon{position: absolute;right: 9px;top: -10px;padding:0 .5em;font-size: 16px;text-transform: uppercase;margin:0 0 0 -.625em;line-height:1.875em;color: #ffffff;border-radius:0 .156em .156em 0;background: #F44336;box-shadow:-1px 2px 3px rgba(0,0,0,.5)}
.paywallribbon:after,.paywallribbon:before{position:absolute;content:'';display:block}
.paywallribbon:before{width:.469em;height: 120%;padding:0 0 .438em;top: 1px;right: -5px;background:inherit;border-radius: 0 .313em .313em 0;}
.paywallribbon:after{width:.313em;height:.313em;background:rgba(0,0,0,.35);bottom:-.313em;right: -.313em;border-radius:.313em 0 0 .313em;box-shadow:inset -1px 2px 2px rgba(0,0,0,.3)}
.ribblu{background: #2196F3;}


@media (max-width:600px){
.paywallribbon{line-height:1.143em;padding:.5em;}
.paywallribbon:after,.paywallribbon:before{font-size:.714em}
}
@media (min-width: 1px) {
.viewport-body{padding-top: 20px;}	
.viewport-body h2 small{font-size: 15px;}	
.navbar-brand {width: 60px;height: 60px;background: url("../images/promo/logo-mobile.png") center no-repeat;background-size: contain;margin: 0 auto;}
.promo, .promo2 {padding: 20px;text-align: center;display: inline-block;width: 40%;margin: 0 1% 20px;}	
.promo ul, .promo2 ul{min-height: auto;}
.promo sub{bottom: 0;font-size: 18px;}
.promo small{font-size: 75%;}
h2.block{min-height: auto;margin-top: 10px;}
#business-info picture{padding: 0 50px;display: block;}
}
@media (min-width: 620px) {
.navbar-brand {width: 200px;height: 66px;background: url(../images/MF_logo.png) center no-repeat;background-size: contain;margin-right: 10px;}
}
@media (min-width: 768px) {
.mh100{min-height: 100px;}	
.viewport-body{padding-top: 60px;}	
.viewport-body h2 small{font-size: 16px;line-height: 15px;}		
.mh{min-height: 230px;}
.promo, .promo2 {padding: 20px;text-align: center;display: inline-block;width: 25%;margin: 0 0.8% 2%;}
h2.block{min-height: 80px;margin-top: 0;}
.promo ul, .promo2 ul{min-height: 220px;}	
}@media (min-width: 1024px) {
.valigncn{position: relative;height: 444px;}	
.valignbox{ margin: 0;position: absolute;top: 50%;transform: translateY(-50%);margin-right: 48px;}	
.custompadding{padding: 0 75px}	
.viewport-body{padding-top: 30px;}		
.promo, .promo2 {padding: 20px 20px;text-align: center;display: inline-block;width: 15%;margin: 0 0.5%;}
.viewport-body#cookieless .promo, .promo2 {padding: 40px 20px 20px;min-height: 365px;}
h2.block{min-height: 85px;}
.promo ul, .promo2 ul{min-height: 350px;}	
#business-info picture{padding: 0 30px;display: block;}	
}
.redshd{-webkit-box-shadow: 1px 1px 10px -1px #8A0000!important;box-shadow: 1px 1px 10px -1px #8A0000!important;}
.blushd{-webkit-box-shadow: 1px 1px 10px -1px #2196F3!important;box-shadow: 1px 1px 10px -1px #2196F3!important;}
a.btn-accept{background-color: #4b81e8;color: #ffffff;border-radius: 5px;font-weight:bold;font-size: 20px;padding: 1rem 3rem 1rem;}
a:hover.btn-accept{color: #ffffff;opacity:.8;}