@charset "utf-8";
.headiolanding {/* margin-top:0; */}
.headiolandingKO {background:#f2e4cf;padding: 25px;margin-top: 49px;}
.headiolandingKO h1 {color: #7c1e00;text-align: center;font-size: 34px;font-style: normal;font-weight: 900;line-height: 48px;}
.headiolanding h1 {color: #19682A;text-align: center;font-size: 34px;font-style: normal;font-weight: 900;line-height: 48px;}
.headiolanding p {color: #333;text-align: center;font-family: "guyot-sans";font-size: 22px;font-style: normal;font-weight: 500;line-height: 28px;}
.headiolanding p a {color: #24953c;font-weight: 700;border: none}
.headiolanding p a:hover {color: #96c03d;font-weight: 700;}
#mainAbbo{padding-bottom:50px;}
#mainAbbo .btn{font-family: "guyot-sans";}
#mainAbbo .card-abbo-prodotto h2{font-family: "guyot-sans";font-size: 30px;font-style: normal;font-weight: 700;line-height: 24px;margin: 8px 0;text-align: start;}
.card-abbo-prezzo h3{color:#19682A;font-family: "guyot-sans";font-size: 34px;font-style: normal;font-weight: 900;line-height: 34px;}
.card-abbo-prezzo h3 sub{font-size: 18px;font-style: normal;font-weight: 900;line-height: 24px;bottom:0;}
.card-abbo-prezzo h3 sub span{font-size: 18px;font-style: normal;font-weight: 400;line-height: 24px;}
.card-abbo-prodotto p span{background: #E4EFD5;padding: 4px 8px;color:#24953C; }
.r24{right: 24px!important}
.totale strong{color: #19682A}
.totale h5{font-size:40px;line-height: 40px;font-weight: 900;font-family: "guyot-sans";text-align: end;margin-bottom: 25px;}
.totale h5 sub{line-height:1;font-weight: 900;font-family: "guyot-sans";vertical-align: middle;}
.totale h5 sub span{font-weight: 500;}
.message {font-size: 14px;color: #52647c;font-weight: 500;line-height: 21px;letter-spacing: 1px;text-align: center;margin: 15px 0 40px;text-transform: uppercase}
.message i{font-size: 14px;color: #24953C;font-weight: 700;}
.leftgreen{border-left:4px solid #24953C;line-height: 1.3;text-align: center;}
#Riepilogo th .titleconf{display: flex;justify-content: center;align-items: center;}
#Riepilogo td {text-align: start;vertical-align: middle;}
#Riepilogo .text-success i,#Riepilogo .text-danger i{font-size:26px;}
#Riepilogo #status{font-size:20px;margin-left: 4px;}
.titleconfKO{display: flex;justify-content: center;align-items: center;border:1px solid #ccc;padding: 8px;font-size: 20px;gap:4px;margin-bottom: 36px}
.listKO p{font-family: "guyot-sans"}
.listKO ul{margin: 24px 12px;}
.listKO ul li{text-align: left;list-style: square;line-height: 18px;margin-bottom: 16px;}
.tab-content#tabContentFunnel{background: none!important}
/*MULTISTEP*/
.cd-breadcrumb,.cd-multi-steps{width:90%;max-width:768px;padding:.5em 1em;margin:1em auto;background-color:#E4EFD5;border-radius:.25em}
.cd-breadcrumb:after,.cd-multi-steps:after{content:"";display:table;clear:both}
.cd-breadcrumb li,.cd-multi-steps li{display:inline-block;float:left;margin:.5em 0}
.cd-breadcrumb li::after,.cd-multi-steps li::after{display:inline-block;content:'\00bb';margin:0 .6em;color:#959fa5}
.cd-breadcrumb li:last-of-type::after,.cd-multi-steps li:last-of-type::after{display:none}
.cd-breadcrumb li > *,.cd-multi-steps li > *{display:inline-block;font-size: 14px;color:#2c3f4c}
.cd-breadcrumb li.current > *,.cd-multi-steps li.current > *{color:#96c03d}
.no-touch .cd-breadcrumb a:hover,.no-touch .cd-multi-steps a:hover{color:#96c03d}
.cd-breadcrumb.custom-separator li::after,.cd-multi-steps.custom-separator li::after{content:'';height:16px;width:16px;background:url(https://static.italiaoggi.it/IOBlazor/images/cd-custom-separator.svg) no-repeat center center;vertical-align:middle}
.cd-breadcrumb.custom-icons li > ::before,.cd-multi-steps.custom-icons li > ::before{content:'';display:inline-block;height:20px;width:20px;margin-right: 4px;margin-top:-2px;/* background:url(https://static.italiaoggi.it/IOBlazor/images/cd-custom-icons-01.svg) no-repeat 0 0; */vertical-align:middle}

.cd-multi-steps.custom-icons li:nth-child(1) > ::before{content:'\F8A8';font-family: bootstrap-icons !important;font-size: 20px;line-height: 1;display:inline-block;height:20px;width:20px;margin-right: 4px;margin-top:-2px;vertical-align:middle}
.cd-multi-steps.custom-icons li:nth-child(2) > ::before{content:'\F615';font-family: bootstrap-icons !important;font-size: 20px;line-height: 1;display:inline-block;height:20px;width:20px;margin-right: 4px;margin-top:-2px;vertical-align:middle}
.cd-multi-steps.custom-icons li:nth-child(3) > ::before{content:'\F407';font-family: bootstrap-icons !important;font-size: 20px;line-height: 1;display:inline-block;height:20px;width:20px;margin-right: 4px;margin-top:-2px;vertical-align:middle}

.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > ::before,.cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > ::before{background-position:-20px 0}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > ::before,.cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > ::before{background-position:-40px 0}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > ::before,.cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > ::before{background-position:-60px 0}
.cd-breadcrumb.custom-icons li.current:first-of-type > ::before,.cd-multi-steps.custom-icons li.current:first-of-type > ::before{background-position:0 -20px}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > ::before,.cd-multi-steps.custom-icons li.current:nth-of-type(2) > ::before{background-position:-20px -20px}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > ::before,.cd-multi-steps.custom-icons li.current:nth-of-type(3) > ::before{background-position:-40px -20px}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > ::before,.cd-multi-steps.custom-icons li.current:nth-of-type(4) > ::before{background-position:-60px -20px}   
@media (min-width: 768px) {
/*MULTISTEP*/
 .cd-multi-steps{background-color:transparent;padding: 12px 0;text-align:center}
.cd-multi-steps li{position:relative;float:none;margin:.4em 40px .4em 0}
.cd-multi-steps li:last-of-type{margin-right:0}
.cd-multi-steps li::after{position:absolute;content:'';height:4px;background: #d3dec1;margin:0}
.cd-multi-steps li.visited::after{background-color:#96c03d}
.cd-multi-steps li > *,.cd-multi-steps li.current > *{position:relative;color:#2c3f4c}
.cd-multi-steps.custom-separator li::after{height:4px;background:#edeff0}
.cd-multi-steps.text-center li::after{width:100%;top:50%;left:100%;-webkit-transform:translateY(-50%) translateX(-1px);-moz-transform:translateY(-50%) translateX(-1px);-ms-transform:translateY(-50%) translateX(-1px);-o-transform:translateY(-50%) translateX(-1px);transform:translateY(-50%) translateX(-1px)}
.cd-multi-steps.text-center li > *{z-index:1;padding:.6em 1em;border-radius:.25em;background-color: #d3dec1;}
.cd-multi-steps.text-center li.current > *,.cd-multi-steps.text-center li.visited > *{color:#fff;background-color:#96c03d}
.cd-multi-steps.text-center a:hover{background-color:#19682A;color: #fff;}    
.cd-multi-steps.text-center.custom-icons li.visited a::before{background-position:0 -60px;content: '\F633';font-family: bootstrap-icons !important;font-size: 20px;line-height: 1;}
.cd-multi-steps.text-top li,.cd-multi-steps.text-bottom li{width:80px;text-align:center}
.cd-multi-steps.text-top li::after,.cd-multi-steps.text-bottom li::after{position:absolute;left:50%;width:calc(100% + 40px)}
.cd-multi-steps.text-top li > ::before,.cd-multi-steps.text-bottom li > ::before{content:'';position:absolute;z-index:1;left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);height:12px;width:12px;border-radius:50%;background-color:#edeff0}
.cd-multi-steps.text-top li.visited > ::before,.cd-multi-steps.text-top li.current > ::before,.cd-multi-steps.text-bottom li.visited > ::before,.cd-multi-steps.text-bottom li.current > ::before{background-color:#96c03d}
.no-touch .cd-multi-steps.text-top a:hover,.no-touch .cd-multi-steps.text-bottom a:hover{color:#96c03d}
.no-touch .cd-multi-steps.text-top a:hover::before,.no-touch .cd-multi-steps.text-bottom a:hover::before{box-shadow:0 0 0 3px #96c03d4d}
.cd-multi-steps.text-top li::after{bottom:4px}
.cd-multi-steps.text-top li > *{padding-bottom:20px}
.cd-multi-steps.text-top li > ::before{bottom:0}
.cd-multi-steps.text-bottom li::after{top:3px}
.cd-multi-steps.text-bottom li > *{padding-top:20px}
.cd-multi-steps.text-bottom li > ::before{top:0}    
}
@media (max-width: 480px) {
#mainAbbo{padding: 0 30px 50px}    
}
@media (max-width: 979.9px) {
.cd-multi-steps{margin-top: 60px;margin-bottom: 10px;}    
}