/*
    FONT
*/
@font-face {
    font-family: "Rotis Semi for Phonak", sans-serif;
    src: url('RotisSemiforPhonak-Bold.woff2') format('woff2'),
    url('RotisSemiforPhonak-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Rotis Sans for Phonak", sans-serif;
    src: url('RotisSansforPhonak-Regular.woff2') format('woff2'),
    url('RotisSansforPhonak-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Rotis Sans for Phonak", sans-serif;
    src: url('RotisSansforPhonak-Light.woff2') format('woff2'),
    url('RotisSansforPhonak-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face{font-family:GeneratePress;src:url(generatepress.eot);src:url(generatepress.eot#iefix) format("embedded-opentype"),url(generatepress.woff2) format("woff2"),url(generatepress.woff) format("woff"),url(generatepress.ttf) format("truetype"),url(generatepress.svg#GeneratePress) format("svg");font-weight:400;font-style:normal}.cat-links:before,.comments-link:before,.dropdown-menu-toggle:before,.generate-back-to-top:before,.menu-toggle:before,.nav-next .next:before,.nav-previous .prev:before,.search-item a:before,.tags-links:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.cat-links:before,.comments-link:before,.nav-next .next:before,.nav-previous .prev:before,.tags-links:before{opacity:.7}.menu-toggle:before{content:"\f0c9";font-family:GeneratePress;width:1.28571429em;text-align:center;display:inline-block}.toggled .menu-toggle:before{content:"\f00d"}.main-navigation.toggled .sfHover>a .dropdown-menu-toggle:before{content:"\f106"}.search-item a:before{content:"\f002";font-family:GeneratePress;width:1.28571429em;text-align:center;display:inline-block}.search-item.close-search a:before{content:"\f00d"}.widget .search-form button:before{content:"\f002";font-family:GeneratePress}.dropdown-menu-toggle:before{content:"\f107";font-family:GeneratePress;display:inline-block;width:.8em;text-align:left}nav:not(.toggled) ul ul .dropdown-menu-toggle:before{text-align:right}.dropdown-hover .sub-menu-left:not(.toggled) ul ul .dropdown-menu-toggle:before{transform:rotate(180deg)}.dropdown-click .menu-item-has-children.sfHover>a .dropdown-menu-toggle:before{content:"\f106"}.dropdown-hover nav:not(.toggled) ul ul .dropdown-menu-toggle:before{content:"\f105"}.entry-header .cat-links:before,.entry-header .comments-link:before,.entry-header .tags-links:before{display:none}.cat-links:before,.comments-link:before,.nav-next .next:before,.nav-previous .prev:before,.tags-links:before{font-family:GeneratePress;text-decoration:inherit;position:relative;margin-right:.6em;width:13px;text-align:center;display:inline-block}.cat-links:before{content:"\f07b"}.tags-links:before{content:"\f02c"}.comments-link:before{content:"\f086"}.nav-previous .prev:before{content:"\f104"}.nav-next .next:before{content:"\f105"}.dropdown-hover .inside-right-sidebar .dropdown-menu-toggle:before,.dropdown-hover.both-right .inside-left-sidebar .dropdown-menu-toggle:before{content:"\f104"}.dropdown-hover .inside-left-sidebar .dropdown-menu-toggle:before,.dropdown-hover.both-left .inside-right-sidebar .dropdown-menu-toggle:before{content:"\f105"}.generate-back-to-top:before{content:"\f106";font-family:GeneratePress}
body {
    min-height: 1200px;
    color: #666;
    font-family: "Rotis Sans for Phonak", sans-serif;
    font-weight: 300;
    font-size: 21px;
}
h1,h2,h3{
    font-family: "Rotis Semi for Phonak", sans-serif;
    color: #1a171b !important;
}
h1.sonova::after{
    content: "";
    display: inline-block;
    background: #8bbd0a;
    border-radius: 100%;
    height: 0.25em;
    width: 0.25em;
    margin-left: 0.125em;
}
h2{
    color: #403f38;
}
.text-shadow{
    text-shadow: 0 0 5px rgba(0,0,0,0.85);
}
.check-li{
    padding-left: 0;
}
.bg-white{
    background-color: #ffffff;
}
.check-li li{
    list-style: none;
    background: url("../images/li.png") 0 5px no-repeat;
    padding-left: 36px;
    padding-bottom: 20px;
    padding-top: 4px;
}

.big-li, .big-li li{
    padding-left: 0;
    list-style: none;
    padding-bottom: 40px;
}
.big-li li strong{
    font-size: 3em;
    float: left;
    display: block;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 20px;
    color:#80c342;
    text-shadow: 2px 3px 0 #465c2e;
}
ul{
    list-style: decimal;
}

small{
    font-size: 12px;
    line-height: 12px;
    padding-left: 33px;
    display: inline-block;
}

.lead{
    font-weight: 400;
}
#sonova{
    background: url("../images/hero.jpg") top right no-repeat #dcdcde;
    background-size: 60% auto;
}
#sonova.big2{
    background: url("../images/hero.png") bottom right no-repeat;
    background-size: auto 100%;
}
#sonova.big{
    background: url("../images/hero2.jpg") bottom center no-repeat #dcdcde;
    background-size: 100% auto;
}
#sonova.big.grazie{
    background: url("../images/__hero2.jpg") bottom center no-repeat #dcdcde;
    background-size: 100% auto;
}
#form-big::after{
    content: '';
    position: absolute;
    bottom: 0;
    left:0;
    width: 100%;
    height: 200px;
    background: url("../images/bg.png") top center no-repeat;
    background-size: contain;
}
#form-big{
    padding-bottom: 250px!important;
}
#benefici{
}

span.cerchio-verde{
    width: calc(100% - 30px);
    background-color: #8bbd0a!important;
    z-index: -1;
}
span.cerchio-verde1{
    width: 200px;
    height: 200px;
    background-color: #8bbd0a!important;
    z-index:-1;
}

.btn{
    font-weight: bold;
}

.btn-primary, .btn-primary:hover{
    background: #CFFB5E!important;
    color: #111111!important;;
    border: 3px solid #fff!important;;
    min-width: 120px;
    line-height: 48px;
    padding-left: 56px;
    padding-right: 56px;
    border-radius: 16px!important;
}

.btn-primary:focus{
    box-shadow: 0 0 0 0.25rem #88bc07;
}

#offerta{
    background-repeat: no-repeat;
}

#foto{
    background: url("../images/prodotto.png") left center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    position: relative;
    min-height: 400px;
}

#foto .badge-test{
    position: absolute;
    left: 20px;
    top: 40px;
}
/*
    FORM VERDI\
*/
#form, #form-big{
}

#form h2, #form-big h2{
}

#form a, #form-big a{
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-top: -3px;
    width: 21px;
    height: 21px;
}

footer{
    background: #55555e;
    color: #fff;
}

footer a:link, footer a:visited, footer a:hover{
    color: #fff;
    text-decoration: underline;
}

img.bianco{
    filter: brightness(0) invert(1);
}

.col-sm-x5x2{
    width: 40%;
}
.col-sm-offset-x5x3{
    margin-left: 60%;
}
ol{
    list-style: upper-latin;
}
ol li{
    margin-bottom: 20px;
}
span.tratteggiato-verticale{
    display: block;
    height: 50px;
    width: 1px;
    border-left: 1px dashed #80c342;
}
span.tratteggiato-verticale.v1{
    display: block;
    height: 1px;
    width: 50%;
    margin-left: 50%;
    border-top: 1px dashed #80c342;
}
span.tratteggiato-verticale.v2 {
    display: block;
    height: 1px;
    width: 100%;
    border-top: 1px dashed #80c342;

}
span.tratteggiato-verticale.v4{
    display: block;
    height: 1px;
    width: 50%;
    margin-right: 50%;
    border-top: 1px dashed #80c342;
}

/*
    MOBILE
*/
@media all and (min-width: 1395px) {
    #testata > div.row.align-items-center.h-100.d-none.d-md-flex > div.col-5.col-md-4.offset-md-5.col-xl-4.offset-xl-4.pt-5.pt-md-0.d-md-block{
        margin-top: -450px!important;
    }
}
@media all and (max-width: 1201px) {
    #sonova.ratio-16x9 {
        --bs-aspect-ratio: 75%;
        background-size: cover;
    }
    #form-big::after{
        content: '';
        position: absolute;
        bottom: 0;
        left:0;
        width: 100%;
        height: 130px;
        background: url("../images/bg.png") top center no-repeat;
        background-size: cover;
    }
    #testata > div.row.align-items-center.h-100.d-none.d-md-flex > div.col-5.col-md-4.offset-md-4.pt-5.pt-md-0.d-md-block > img{
        max-width: 70%;
        margin-bottom: -80px;
    }
    #testata > div.row.align-items-center.h-100.d-none.d-md-flex > div.col-5.col-md-4.offset-md-5.col-xl-4.offset-xl-4.pt-5.pt-md-0.d-md-block{
        margin-top: -400px!important;
    }
}
@media all and (min-width: 992px) {
}
@media all and (max-width: 991px) {
    #testata > div.row.align-items-center.h-100.d-none.d-md-flex > div.col-5.col-md-4.offset-md-5.col-xl-4.offset-xl-4.pt-5.pt-md-0.d-md-block{
        margin-top: -245px!important;
    }
    #sonova.ratio-16x9 {
        --bs-aspect-ratio: 100%;
        background-size: cover;
    }
    #descrizione > div.row.pb-5.align-items-center > div.col-12.col-md-6.pb-5.px-0.px-md-3.order-0.order-md-1.position-relative > span{
        right: 40%!important;
        bottom: 40%!important;
    }
    #form-big::after{
        content: '';
        position: absolute;
        bottom: -1px;
        left:0;
        width: 100%;
        height: 90px;
        background: url("../images/bg.png") top center no-repeat;
        background-size: cover;
    }
}
@media all and (max-width: 768px) {
    #sonova.big {
        background: url(../images/hero2.png) bottom center no-repeat #ffffff;
        background-size: auto 50%;
    }
    #sonova.ratio-16x9, #sonova.ratio-21x9 {
            --bs-aspect-ratio: 200%;
    }
    #form-big::after{
        content: '';
        position: absolute;
        bottom: 0;
        left:0;
        width: 100%;
        height: 100px;
        background: url("../images/bg.png") bottom center no-repeat;
        background-size: 100% auto;
    }
    #form-big {
        padding-bottom: 5rem!important;
    }
    #descrizione > div.row.pb-5.align-items-center > div.col-12.col-md-6.pb-5.px-0.px-md-3.order-0.order-md-1.position-relative > span{
        right: 40%!important;
        bottom: 40%!important;
    }
}