/*--- header ---*/
.menu-header-001-header {
    position:absolute;
    top:0;
    left:0;
    padding:0 0 0 0;
    width:100%;
    height: 90px;
    z-index:1100;
    background-color: transparent;
}

.menu-header-001-header-scroll {
    position:fixed;
    top:-90px;
    left:0;
    padding:0 0 0 0;
    width:100%;
    height: 90px;
    background-color:#fff;
    box-shadow: -1px 1px 6px -1px rgba(0,0,0,0.5);
    z-index:999;
}

.menu-header-001-header-scroll .logo,
.menu-header-001-header .logo {
    position:relative;
    margin:0;
    padding:0 0 0 0;
    width: 240px;
    height:90px;
    float:left;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 320px) {

    .menu-header-001-header-scroll .logo, 
    .menu-header-001-header .logo {
        width: 180px;
    }

}

.menu-header-001-header-scroll .logo img,
.menu-header-001-header .logo img {
    width: auto;
    height: 90px;
}

.menu-header-001-nav {
    position:relative;
    margin:0 0 0 0;
    padding:0 0 0 0;
    float:right;
    height:90px;
    display: table;
}

.menu-header-001-nav ul {
    position:relative;
    margin:0 0 0 0;
    padding:0 0 0 0;
    height:21px;
}

.menu-header-001-nav ul li {
    position:relative;
    margin:0 20px 0 0;
    padding:0;
    list-style:none;
    text-align:center;
    float:left;
}

.menu-header-001-nav ul li.search {
    height:21px;
    padding: 29px 0 0 0;
}

.menu-header-001-nav ul li.hamburger {
    float:right;
}

.menu-header-001-nav ul li a {
    margin:0;
    padding:0;
    display: block;
    line-height: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    color: #fff;
    font-family: Gotham Medium;
    font-size: 14px;
    text-transform: uppercase;
}

.menu-header-001-nav ul li a:hover {
    color: #ddd;
}

.menu-header-001-nav ul li a.active {
/*
    box-shadow:0 2px 0px -1px rgba(255,255,255,0.5);
*/
    color:#ddd;
}

.menu-header-001-header-scroll .menu-header-001-nav ul li a {
    color:#333;
}

.menu-header-001-header-scroll .menu-header-001-nav ul li a:hover {
    color:#888;
}

.menu-header-001-header-scroll .menu-header-001-nav ul li a.active {
/*
    box-shadow:inset 0 2px 0px -1px rgba(0,0,0,0.5);
*/
    color:#888;
}

.menu-header-001-nav .for-shop {
    position:relative;
    top:21px;
}

@media only screen and (max-width: 930px)
{

    .menu-header-001-nav ul li {
        margin: 0 10px 0 0;
    }

}

@media only screen and (max-width: 768px)
{

    .menu-header-001-nav ul li {
        margin: 0 25px 0 0;
    }

}

@media only screen and (max-width: 575px)
{

    .menu-header-001-nav ul li {
        margin: 0 5px 0 0;
    }

    .menu-header-001-nav .for-shop {
        position:absolute;
        right:5px;
        top:21px;
    }
}

@media only screen and (max-width: 320px)
{

    .menu-header-001-nav ul li {
        margin: 0 0 0 0;
    }

}

/*--- ! ---*/
	
	.numero-verde-dim {
		width: 140px;
	}
/*--- panel menu ---*/
/*--- 
variabili pannello menu 
    colore sfondo pannello
    --bg-panel-menu:#fff;

    colore bordo a sinistra sub menu
    --border-left-sub-menu:#ddd;

    colore bordo in basso ai links
    --border-bottom-items:#ddd;

    colore link
    --link:#111;

    colore link hover
    --link-over:#777;

---*/
:root {
    --bg-panel-menu:#fff;
    --border-left-sub-menu:#ddd;
    --border-bottom-items:#ddd;
    --link:#111;
    --link-over:#777;
}

.panel-menu-004-panel-menu {
    position:fixed;
    top:10px;
    bottom:0;
    width:100%;
    max-width: 420px;
    height:calc(100% - 20px);
    z-index:9999999999999999999999999;
    margin:0 10px 0 0;
    padding:0 0 0 0;
    background-color:var(--bg-panel-menu);
    overflow:hidden;
}

@media only screen and (max-width: 480px) {

    .panel-menu-004-panel-menu {
        top: 0;
        height: calc(100% - 20px);
        width: calc(100% - 20px);
        margin: 10px 10px 10px 0;
    }

}

.panel-menu-004-panel-menu.panel-left {
    left:-100%;
    right:auto;
}

.panel-menu-004-panel-menu.panel-right {
    right:-100%;
    left:auto;
}

.panel-menu-004-panel-menu .header {
    position: relative;
    margin: 0;
    padding: 0;
    width:100%;
    height:90px;
}

.panel-menu-004-panel-menu .header a.close {
    position: absolute;
    top: 21px;
    right: 10px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0 0 0 0;
    z-index: 888;
}

.panel-menu-004-panel-menu .header .title {
    position: relative;
    margin: 0;
    padding: 0;
    width: 240px;
    display: flex;
    align-items: center;
}

.panel-menu-004-panel-menu .header .title a img {
    width: auto;
    height: 90px;
}

.panel-menu-004-panel-menu .container {
    position: relative;
    margin:0 0 0 0;
    padding:0 0 10px 0;
    width:100%;
    height:calc(100% - 130px);
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
}

.panel-menu-004-panel-menu .panel-shadow {
    position: absolute;
    top: 90px;
    left: 0;
    bottom: auto;
    right: auto;
    width: 100%;
    height: 50px;
    z-index: 1;
    background: linear-gradient(to top,rgba(255,255,255,0.2) 0%,rgba(255,255,255,1)100%);
}

.panel-menu-004-panel-menu .content {
    position: relative;
    margin:0;
    padding:0 0 0 0;
    font-family: 'Lato', sans-serif;
}

.panel-menu-004-panel-menu .content .section {
    position:relative;
    margin:0;
    padding:0 0 0 0;
    display: table;
    width: 100%;
    clear: both;
    border-bottom: 1px solid var(--border-bottom-items);
}

.panel-menu-004-panel-menu .content .section.no-border:last-child,
.panel-menu-004-panel-menu .content .section.no-border {
    border-bottom: none;
}

.panel-menu-004-panel-menu .section .title {
    position: relative;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 25px;
    font-weight: 300;
    color: var(--link);
    text-align: left;
    width: 100%;
    height: 51px;
    border-left: 10px solid transparent;
    display: flex;
    align-items: center;
}

.panel-menu-004-panel-menu .section .title.active {
    border-left: 10px solid var(--border-left-sub-menu);
    background-color: #f8f8f8;
}

.panel-menu-004-panel-menu .section.submenu .title.active {
	border-bottom: 1px solid var(--border-bottom-items);
}
.panel-menu-004-panel-menu .content ul li.active,
.panel-menu-004-panel-menu .content ul li.active a.active {
    background-color: #f8f8f8;
}

.panel-menu-004-panel-menu .section .title a {
    display: inline;
    align-items: center;
    float: left;
    width: calc(100% - 22px);
    padding: 0 0 0 25px;
    line-height: 20px;
}

.panel-menu-004-panel-menu .section .title a.with-icon {
/*
	display: flex;
*/
	display: inline;
	line-height: 25px;
}

.panel-menu-004-panel-menu .section .submenu a.with-icon {
    display: flex;
    align-items:center;
}

.panel-menu-004-panel-menu .section li .title {
    padding: 0 0 0 0;
}

.panel-menu-004-panel-menu .section img.submenu-open {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: right;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
}

.panel-menu-004-panel-menu .page-link {

}

.panel-menu-004-panel-menu .page-link.with-icon {
    font-size:20px;
}

.panel-menu-004-panel-menu .with-icon img {
    float:left;
    margin-right:15px;
    width: 25px;
    height: 25px;
}

.panel-menu-004-panel-menu .content ul {
    position: relative;
    margin:0;
    padding:0 0 0 0;
    width:100%;
    clear: both;
    display: none;
    border-left: 10px solid var(--border-left-sub-menu);
}

.panel-menu-004-panel-menu .content ul li ul {
    position: relative;
    margin:0;
    padding:0 0 10px 0;
    width:100%;
    clear: both;
    display: none;
}

.panel-menu-004-panel-menu .content ul li {
    position: relative;
    list-style-type: disc;
    list-style-position: inside;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 40px;
    clear: both;
    border-bottom: 1px solid var(--border-bottom-items);
    line-height: 50px;
}

.panel-menu-004-panel-menu .content ul li:last-child {
    border-bottom:none;
}

.panel-menu-004-panel-menu .content ul li a {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 60px 0 0px;
    display: inline-block;
    width: 90%;
    font-size: 20px;
    font-weight: 300;
    color: var(--link);
    text-align: left;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.panel-menu-004-panel-menu .content ul li a span {
    font-weight: 700;
    margin-left: 6px;
}

.panel-menu-004-panel-menu .section .title a:hover,
.panel-menu-004-panel-menu a.single:hover,
.panel-menu-004-panel-menu .content ul li a:hover {
    color: var(--link-over);
}

.panel-menu-004-panel-menu .content ul li a.evidence {
    font-weight: 400;
}

.panel-menu-004-panel-menu .content ul li a.submenu-open {
    border:none;
}

.panel-menu-004-panel-menu .content a.single-image {
    position: relative;
    margin: 10px 10px 10px 10px;
    padding: 0 0 0 0;
    clear: both;
    display: flex;
    justify-content: center;
}

.panel-menu-004-panel-menu .footer {
    position: absolute;
    bottom:0;
    top: auto;
    margin: 0;
    padding: 0;
    width:100%;
    max-width: 420px;
    height:50px;
    clear: both;
    border-top: 1px solid var(--border-bottom-items);
    background-color: #fff;
}

.panel-menu-004-panel-menu .footer a {
    position:relative;
    margin:0;
    padding:0;
    width:100%;
    height:50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:14px;
    font-weight: 400;
    color: var(--link);
    text-transform: uppercase;
    font-family: Gotham Medium;
}

.panel-menu-004-panel-menu .footer a:hover {
    color: var(--link);
}

.panel-menu-004-panel-menu .footer a span {
    font-family: Gotham Black;
    padding-left: 5px;
}

.panel-menu-001-panel-menu .for-shop {
    position:absolute;
    right:60px;
    top:21px;
    width:80px;
}

@media only screen and (max-width: 590px) {

    .panel-menu-004-panel-menu .header-menu .title {
        padding: 0 0 0 0;
    }

}

@media only screen and (max-width: 480px) {

    .panel-menu-004-panel-menu .section .title {
        line-height: 20px;
    }

    .panel-menu-004-panel-menu .section .title a.page-link {
/*
        line-height: 46px;
*/
    }

    .panel-menu-004-panel-menu .page-link {
        line-height: 46px;
    }

    .panel-menu-004-panel-menu-content ul li a {
        padding: 0 60px 0 28px;
        background-position: 18px center;
    }

    .panel-menu-004-panel-menu-content ul li ul li a {
        padding: 0 40px 0 40px;
        background-position: 30px center;
    }

    .panel-menu-004-panel-menu ul li a.page-link {
/*
        display: contents;
*/
    }

    .panel-menu-004-panel-menu a.single {
        padding: 0 0 0 30px;
    }

}

@media only screen and (max-width: 320px) {

    .panel-menu-004-panel-menu .section .title {
        font-size: 20px;
    }

    .panel-menu-004-panel-menu .content ul li a {
        padding: 0 20px 0 0px;
        font-size: 18px;
    }

    .panel-menu-001-panel-menu .for-shop {
        top:15px;
    }

    .panel-menu-001-panel-menu .header a.close {
        top: 15px;
    }

}
/*--- ! ---*/

    :root {
        --colore-0: transparent;
        --colore-1: #00a0c7;
        --colore-2: #Bdd9f2;
        --colore-3: #3c7da6;
        --colore-4: #8ab0bf;
        --colore-5: #f2e0dc;
        --colore-h: #1f1f1f;
        --colore-p: #333;
        --nuovo-font: "Archivo", sans-serif;
    }
    
    .blueimp-gallery > .prev, 
    .blueimp-gallery > .next {
        width: auto;
        height: auto;
        background: transparent;
        border: none;
        opacity: 0.9;
    }
    
    .blueimp-gallery > .close {
	    width: 50px;
        height: 50px;
        border-radius: 50%;
        overflow: hidden;
        margin: 0;
        opacity: 0.9;
        padding: 0;
    }
    
    /*--- personalizzazoione pulsante intro ---*/
    .intro-001-intro-block a {
        position: relative;
        display: inline-block;
        padding: 8px 50px 10px 50px;
    /*
        line-height: 46px;
        height: 50px;
    */
        text-align: center;
        border-style: solid;
        border-width: 2px;
        border-color: rgba(255,255,255,0.40);
        color: #fff;
        font-family: 'Lato', sans-serif;
        font-size: 20px;
        letter-spacing: -1px;
        background-color: transparent;
        border-radius: 100px;
    }
    
    .intro-001-intro-block a:hover {
        background-color: #fff;
        color: #333;
    }
    
    /*
    .intro-001-intro-block a:last-child {
        margin-right: 0;
    }
    */
    
    .intro-001-intro-block a.eventi {
        position: relative;
        display: inline-block;
        padding: 8px 50px 10px 50px;
    /*
        line-height: 46px;
        height: 50px;
    */
        text-align: center;
        border-style: solid;
        border-width: 2px;
        border-color: rgba(255,255,255,0.40);
        color: #753b3e;
        font-family: 'Lato', sans-serif;
        font-size: 20px;
        letter-spacing: -1px;
        background-color: rgba(255,255,255,1);
        border-radius: 100px;
    }
    
    .intro-001-intro-block a.eventi:hover {
        background-color: transparent;
        color: #fff;
    }
    
    /*
    .intro-001-intro-block a.eventi:last-child {
        margin-right: 0;
    }
    */
    
    /*--- overlay intro home ---*/
    
    .intro-001-intro .shadow-top {
        background: rgba(0,0,0,0.35);
    }
    
    /*--- personalizzabile tramite override end ---*/
    
    /* Angoli tondi panel menu */
    .panel-menu-004-panel-menu.panel-right {
        border-radius: 15px;
    }
    
    /***** Menu panel ****/
    /* Voci di menu */
    .panel-menu-004-panel-menu .section .title a {
        font-family: 'Nunito Sans', sans-serif;
        font-weight: 500;
        font-size: 23px;
        line-height: 30px;
    /*
        background-image: url(/public/userdata/images/background-text/background-text1.jpg) !important;
        background-clip: text;
        background-size: cover;
        background-position: center;
        -webkit-background-clip: text;
        transition: 0.3s;
        color: transparent !important;
        -webkit-text-fill-color: transparent;
        background-color: #ccc;
    */
        color: #555;
    }
    
    .panel-menu-004-panel-menu .content ul li a {
        font-family: 'Nunito Sans', sans-serif;
        position: relative;
        margin: 0 0 0 0;
        padding: 0 60px 0 0px;
        display: inline-block;
        width: 90%;
        font-size: 20px;
        font-weight: 300;
        color: var(--link);
        text-align: left;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }
    
    /* Menu nav */
    .menu-header-001-nav ul li a {
        text-transform: lowercase;
        color: #111;
    }
    .menu-header-001-nav ul li a:hover {
        text-transform: lowercase;
        color: #f00;
        text-decoration: underline;
    }
    .menu-header-001-nav ul li a.active {
    	color: #888888;
    }





    
    .intro-001-intro-block h1.gotham {
/*
		font-family: 'Poppins', sans-serif;
*/
		font-family: "Pangea Display";
        font-size: calc(28px + (76 - 28) * ((100vw - 320px) / (2000 - 320)));
        line-height: calc(23px + (70 - 23) * ((100vw - 320px) / (2000 - 320)));
        letter-spacing: -3px;
        font-weight: 900;
        margin: 20px 260px 25px 0px;
    }

@media only screen and (max-width: 480px) {
    .intro-001-intro-block h1.gotham {
        font-size: 35px;
        line-height: 30px;
        margin: 0 0 0 0;
        padding: 100px 0px 10px 0px !important;
    }
}

    .contact-elements a span {
        font-family: 'Nunito Sans', sans-serif;
        font-size: 18px;
        line-height: 18px;
        letter-spacing: -1px;
        font-weight: 400;
        text-transform: uppercase;
    }
    
    .contact-elements a {
        font-family: 'Nunito Sans', sans-serif;
        font-weight: 400;
        position: relative;
        margin: 0 0 5px 0;
        padding: 0;
        background-color: #f7f7f7;
        text-align: center;
        font-size: 35px;
        line-height: 45px;
        letter-spacing: -1px;
        display: block;
        min-height: 100px;
        width: 100%;
        font-style: normal;
        word-wrap: break-word;
        text-decoration: none;
    }
    
    body.montagu {
        color: #333;
        font-family: 'Montagu Slab', serif;
        font-size: 18px;
        line-height: 25px;
        font-weight: 300;
        letter-spacing: 0px;
    }
    
    p.montagu {
        color: #333;
        font-family: 'Montagu Slab', serif;
        font-size: 18px;
        line-height: 25px;
        font-weight: 300;
        letter-spacing: 0px;
    }
    
    /*--- typography ---*/
    
    h1.montagu {
        font-family: 'Montagu Slab', serif;
        font-size: 60px;
        line-height: 55px;
        letter-spacing: -2px;
        font-weight: 700;
        margin: 20px 0 20px 0;
    }
    
    h2.montagu {
        font-family: 'Montagu Slab', serif;
        font-size: 50px;
        line-height: 48px;
        letter-spacing: -1px;
        font-weight: 600;
        margin: 20px 0 20px 0;
    }
    
    h3.montagu {
        font-family: 'Montagu Slab', serif;
        font-size: 40px;
        line-height: 40px;
        letter-spacing: -1px;
        font-weight: 500;
        margin: 20px 0 20px 0;
    }
    
    h4.montagu {
        font-family: 'Montagu Slab', serif;
        font-size: 30px;
        line-height: 33px;
        letter-spacing: 0px;
        font-weight: 500;
        margin: 20px 0 10px 0;
    }
    
    h5.montagu {
        font-family: 'Montagu Slab', serif;
        font-size: 25px;
        line-height: 28px;
        letter-spacing: 0px;
        font-weight: 500;
        margin: 20px 0 10px 0;
    }
    
    h6.montagu {
        font-family: 'Montagu Slab', serif;
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 0px;
        font-weight: 500;
        margin: 20px 0 5px 0;
    }
    
    .fw-100 {
        font-weight: 100;
    }

@media only screen and (max-width: 481px) {

    h1.montagu {
        font-family: 'Montagu Slab', serif;
        font-size: 45px;
        line-height: 45px;
        letter-spacing: -2px;
        font-weight: 700;
        margin: 20px 0 20px 0;
    }
    
    h2.montagu {
        font-family: 'Montagu Slab', serif;
        font-size: 40px;
        line-height: 40px;
        letter-spacing: -1px;
        font-weight: 600;
        margin: 20px 0 20px 0;
    }
    
    h3.montagu {
        font-family: 'Montagu Slab', serif;
        font-size: 36px;
        line-height: 36px;
        letter-spacing: -1px;
        font-weight: 500;
        margin: 20px 0 20px 0;
    }
    
    h4.montagu {
        font-family: 'Montagu Slab', serif;
        font-size: 30px;
        line-height: 33px;
        letter-spacing: 0px;
        font-weight: 500;
        margin: 20px 0 10px 0;
    }
    
    h5.montagu {
        font-family: 'Montagu Slab', serif;
        font-size: 25px;
        line-height: 28px;
        letter-spacing: 0px;
        font-weight: 500;
        margin: 20px 0 10px 0;
    }
    
    h6.montagu {
        font-family: 'Montagu Slab', serif;
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 0px;
        font-weight: 500;
        margin: 20px 0 5px 0;
    }

}

    /*--- ! ---*/
    
    /*--- typography ---*/
    
    h1.playfair {
        font-family: 'Playfair Display', serif;
        font-size: 60px;
        line-height: 55px;
        letter-spacing: -2px;
        font-weight: 700;
        margin: 20px 0 20px 0;
    }
    
    h2.playfair {
        font-family: 'Playfair Display', serif;
        font-size: 50px;
        line-height: 48px;
        letter-spacing: -1px;
        font-weight: 500;
        margin: 20px 0 20px 0;
    }
    
    h3.playfair {
        font-family: 'Playfair Display', serif;
        font-size: 40px;
        line-height: 40px;
        letter-spacing: -1px;
        font-weight: 400;
        margin: 20px 0 20px 0;
    }
    
    h4.playfair {
        font-family: 'Playfair Display', serif;
        font-size: 30px;
        line-height: 33px;
        letter-spacing: 0px;
        font-weight: 400;
        margin: 20px 0 10px 0;
    }
    
    h5.playfair {
        font-family: 'Playfair Display', serif;
        font-size: 25px;
        line-height: 28px;
        letter-spacing: 0px;
        font-weight: 500;
        margin: 20px 0 10px 0;
    }
    
    h6.playfair {
        font-family: 'Playfair Display', serif;
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 0px;
        font-weight: 600;
        margin: 20px 0 5px 0;
    }
    
    .fw-100 {
        font-weight: 100;
    }
    
    /*--- ! ---*/



@media only screen and (max-width: 481px) {

    h1.playfair {
        font-family: 'Playfair Display', serif;
        font-size: 40px;
        line-height: 40px;
        letter-spacing: -2px;
        font-weight: 700;
        margin: 20px 0 20px 0;
    }
    
    h2.playfair {
        font-family: 'Playfair Display', serif;
        font-size: 38px;
        line-height: 38px;
        letter-spacing: -1px;
        font-weight: 500;
        margin: 20px 0 20px 0;
    }
    
    h3.playfair {
        font-family: 'Playfair Display', serif;
        font-size: 34px;
        line-height: 34px;
        letter-spacing: -1px;
        font-weight: 400;
        margin: 20px 0 20px 0;
    }
    
    h4.playfair {
        font-family: 'Playfair Display', serif;
        font-size: 30px;
        line-height: 33px;
        letter-spacing: 0px;
        font-weight: 400;
        margin: 20px 0 10px 0;
    }
    
    h5.playfair {
        font-family: 'Playfair Display', serif;
        font-size: 25px;
        line-height: 28px;
        letter-spacing: 0px;
        font-weight: 500;
        margin: 20px 0 10px 0;
    }
    
    h6.playfair {
        font-family: 'Playfair Display', serif;
        font-size: 20px;
        line-height: 25px;
        letter-spacing: 0px;
        font-weight: 600;
        margin: 20px 0 5px 0;
    }

}


    /*--- typography ---*/
    
    h1.nuovofont, 
    h2.nuovofont, 
    h3.nuovofont, 
    h4.nuovofont, 
    h5.nuovofont, 
    h6.nuovofont { 
    /*
        font-family: 'Public Sans', sans-serif;
        font-family: 'Nunito Sans', sans-serif;
        font-family: "Pangea Text";
        font-family: "Pangea Display";
        font-family: 'Poppins', sans-serif;
    */
        font-family: "Pangea Display";
        color: #333;
    }

    h1.nuovofont {
		font-size: calc(45px + (65 - 45) * ((100vw - 320px) / (3000 - 320)));
		line-height: calc(45px + (65 - 45) * ((100vw - 320px) / (3000 - 320)));
        font-weight: 900;
        letter-spacing: -3px;
        margin: 20px 0 30px 0;
    }
    
    h2.nuovofont {
		font-size: calc(40px + (50 - 40) * ((100vw - 320px) / (3000 - 320)));
		line-height: calc(40px + (50 - 40) * ((100vw - 320px) / (3000 - 320)));
        font-weight: 800;
        letter-spacing: -2px;
        margin: 20px 0 25px 0;
    }
    
    h3.nuovofont {
		font-size: calc(35px + (40 - 35) * ((100vw - 320px) / (3000 - 320)));
		line-height: calc(35px + (40 - 35) * ((100vw - 320px) / (3000 - 320)));
        font-weight: 500;
        letter-spacing: -1px;
        margin: 20px 0 20px 0;
    }
    
    h4.nuovofont {
		font-size: calc(30px + (35 - 30) * ((100vw - 320px) / (3000 - 320)));
		line-height: calc(30px + (35 - 30) * ((100vw - 320px) / (3000 - 320)));
        font-weight: 300;
        letter-spacing: -1px;
        margin: 20px 0 10px 0;
    }
    
    h5.nuovofont {
        font-size: calc(25px + (30 - 25) * ((100vw - 320px) / (3000 - 320)));
		line-height: calc(25px + (30 - 25) * ((100vw - 320px) / (3000 - 320)));
		font-weight: 500;
        letter-spacing: -1px;
        margin: 20px 0 10px 0;
    }
    
    h6.nuovofont {
        font-size: calc(20px + (25 - 20) * ((100vw - 320px) / (3000 - 320)));
		line-height: calc(20px + (25 - 20) * ((100vw - 320px) / (3000 - 320)));
		font-weight: 500;
        letter-spacing: -1px;
        margin: 20px 0 10px 0;
    }
	
	p {
		font-family: 'Poppins', sans-serif;
		font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (3000 - 320)));
		line-height: calc(23px + (25 - 23) * ((100vw - 320px) / (3000 - 320)));
	}
	
	ul li, ol li {
		font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (3000 - 320)));
		line-height: calc(23px + (25 - 23) * ((100vw - 320px) / (3000 - 320)));
	}


@media screen and (min-width: 3001px) {
	
	h1.nuovofont {
		font-size: 65px;
		line-height: 65px;
	}
	
	h2.nuovofont {
		font-size: 50px;
		line-height: 50px;
	}
	
	h3.nuovofont {
		font-size: 40px;
		line-height: 40px;
	}
	
	h4.nuovofont {
		font-size: 30px;
		line-height: 35px;
	}
	
	h5.nuovofont {
		font-size: 25px;
		line-height: 30px;
	}
	
	h6.nuovofont {
		font-size: 20px;
		line-height: 25px;
	}
	
	p {
		font-size: 18px;
		line-height: 25px;
	}
	
	ul li, ol li {
		font-size: 18px;
		line-height: 25px;
	}
	
}

@media screen and (max-width: 319px) {

    h1.nuovofont {
        font-size: 45px;
        line-height: 45px;
    }
    
    h2.nuovofont {
        font-size: 40px;
        line-height: 40px;
    }
    
    h3.nuovofont {
        font-size: 35px;
        line-height: 35px;
    }
    
    h4.nuovofont {
        font-size: 30px;
        line-height: 35px;
    }
    
    h5.nuovofont {
        font-size: 25px;
        line-height: 30px;
    }
    
    h6.nuovofont {
        font-size: 20px;
        line-height: 25px;
    }
	
	p {
		font-size: 16px;
		line-height: 23px;
	}
	
	ul li, ol li {
		font-size: 16px;
		line-height: 23px;
	}

}

	.sottotitolo {
		font-family: "Pangea Display";
		color: #333;
		font-size: calc(35px + (40 - 35) * ((100vw - 320px) / (3000 - 320)));
		line-height: calc(35px + (40 - 35) * ((100vw - 320px) / (3000 - 320)));
		font-weight: 500;
		letter-spacing: -1px;
		margin: 20px 0 20px 0;
	}

@media screen and (min-width: 3001px) {
	
	.sottotitolo {
		font-size: 40px;
		line-height: 40px;
	}
	
}

@media screen and (max-width: 319px) {

	.sottotitolo {
		font-size: 35px;
		line-height: 35px;
	}

}
    
    .background-text1 {
        background-image: url(/public/userdata/images/background-text/pelle-nera.jpg) !important;
	    background-clip: text;
        background-size: cover;
        background-position: center;
        -webkit-background-clip: text;
        transition: 0.3s;
        display: block;
        color: transparent !important;
        -webkit-text-fill-color: transparent;
        background-color: #ccc;
        padding: 0 0 10px 0;
    }
    
    .background-text2 {
        background-image: url(/public/userdata/images/background-text/legno2.jpg) !important;
	    background-clip: text;
        background-size: cover;
        background-position: center;
        -webkit-background-clip: text;
        transition: 0.3s;
        display: block;
        color: transparent !important;
        -webkit-text-fill-color: transparent;
        background-color: #ccc;
        padding: 0 0 10px 0;
    }
    
    .background-text3 {
        background-image: url(/public/userdata/images/background-text/background-text3.jpg) !important;
	    background-clip: text;
        background-size: cover;
        background-position: center;
        -webkit-background-clip: text;
        transition: 0.3s;
        display: block;
        color: transparent !important;
        -webkit-text-fill-color: transparent;
        background-color: #ccc;
        padding: 0 0 10px 0;
    }
    
    .background-text4 {
        background-image: url(/public/userdata/images/background-text/background-text4.jpg) !important;
	    background-clip: text;
        background-size: cover;
        background-position: center;
        -webkit-background-clip: text;
        transition: 0.3s;
        display: block;
        color: transparent !important;
        -webkit-text-fill-color: transparent;
        background-color: #ccc;
        padding: 0 0 10px 0;
    }
    
    .background-text5 {
        background-image: url(/public/userdata/images/background-text/background-text5.jpg) !important;
	    background-clip: text;
        background-size: cover;
        background-position: center;
        -webkit-background-clip: text;
        transition: 0.3s;
        display: block;
        color: transparent !important;
        -webkit-text-fill-color: transparent;
        background-color: #ccc;
        padding: 0 0 10px 0;
    }
    
	/*
    .intro-001-intro-block h1.gotham {
        background-image: url(/public/userdata/images/background-text/background-text1.jpg) !important;
        background-clip: text;
        background-size: cover;
        background-position: center;
        -webkit-background-clip: text;
        transition: 0.3s;
        display: block;
        color: transparent !important;
        -webkit-text-fill-color: transparent;
        background-color: #ccc;
        padding: 0 0 10px 0;
    }
    */
	
    /* Icone Google */
    .material-symbols-rounded {
	    font-variation-settings:
	    'FILL' 0, /* 0,1 */
	    'wght' 100, /* 100,200,300,400,500,600,700 */
	    'GRAD' 0, /* -25,0,200 */
	    'opsz' 48 /* 20,24,40,48 */
    }
    
    .icona-prova {
	     font-size: 80px;
	     color: aqua;
	     text-decoration: none !important;
    }
    .icona-prova:hover {
	     font-size: 80px;
	     color: #000;
    }
    
    
    
    
    /* Toglie i punti dai sottomenu */
    .panel-menu-004-panel-menu .content ul li {
        list-style-type: none;
    }
    
    /***** Panel *****/
    /* Sfondo panel */
    .panel-menu-004-panel-menu.panel-right {
        background-color: #3e3e3e;    
    }
    
    /* Primo blocco del panel */
    .panel-menu-004-panel-menu .content .section.no-border:first-child,
    .panel-menu-004-panel-menu .content .section.no-border:first-child:hover {
        border-bottom: none !important;
        background-color: inherit !important;
    }
    
    /* Box link singolo */
    .panel-menu-004-panel-menu .content .section {
        border-bottom: 1px solid #595a5a;
    }
    .panel-menu-004-panel-menu .content .section:hover {
        background-color: #333131 !important;
    }
    
    /* Link text box singolo */
    .panel-menu-004-panel-menu .section .title a {
        color: #fff;
    }
    .panel-menu-004-panel-menu .section .title a.active {
        color: #ffc300;
    }
    .panel-menu-004-panel-menu .section .title a:hover,
    .panel-menu-004-panel-menu a.single:hover,
    .panel-menu-004-panel-menu .content ul li a:hover {
        color: #ffc300;
        background-color: #333131;
    }
    
    /* Box link sottomenu */
    .panel-menu-004-panel-menu .content ul li {
        border-bottom: 1px solid #376a9e;
        color: #fff !important;
    }
    .panel-menu-004-panel-menu .content ul {
        border-left: 10px solid #0e74de;
        background-color: #0056b0;
    }
    
    /* Link text sottomenu */
    .panel-menu-004-panel-menu .section .submenu a.with-icon {
        color: white;
    }
    /***** Fine Panel *****/
    
    
    /* Personalizzazione singolo link menu panel */
    .pippo {
        color: #900 !important;
        background-color: #ec0;
    }
    .pippo:hover,
    .pippo:hover a{
        color: #aaa !important;
        background-color: #000;
    }
    
    
    .panel-menu-004-panel-menu .content ul li a {
        color: #fff;
    }

    .max-1600 {
        max-width: 1600px;
    }

/* sfondi */

    .grigio1 {
        background-color: #eae7e3;
    }
    .grigio2 {
        background-color: #e6e2dd;
    }
    .grigio3 {
        background-color: #d4cfc8;
    }
    .grigio4 {
        background-color: #C8C3C1;
    }
    
    ul li, ol li {
        font-family: 'Poppins', sans-serif;
    }
    
    .footer-001-1600-footer {
        background-color: #000;
		height: 650px;
    }
	
	.footer-001-1600-footer .container {
		padding: 50px 50px 0 50px;
	}
	
    .footer-001-1600-astrelia-footer {
        background-color: #000 !important;
    }
    .footer-001-1600-footer-menu .title span {
        letter-spacing: 0px;
        font-weight: 100;
        font-family: "Pangea Display";
    }
    .footer-001-1600-astrelia-footer-menu .title span {
        letter-spacing: 0px !important;
        font-weight: 100 !important;
        font-family: "Pangea Display" !important;
    }

    .footer-001-1600-astrelia-footer {
        height: 665px;
    }

    .footer-001-1600-astrelia-footer .copyright-credits {
        background-color: inherit;
    }

/* GDPR */
    .gdpr {
        max-width: 160px;
    }

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .gdpr {
        max-width: 140px;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .gdpr {
        max-width: 120px;
    }
}

@media only screen and (max-width: 768px) {
    .gdpr {
        display: none;
    }
}

    h2.sottotitolo {
        font-family: "Pangea Display";
        color: #333;
/*
        font-size: 40px;
        line-height: 40px;
*/
		font-size: calc(30px + (40 - 30) * ((100vw - 320px) / (3000 - 320)));
		line-height: calc(30px + (40 - 30) * ((100vw - 320px) / (3000 - 320)));
        font-weight: 500;
        letter-spacing: -1px;
        margin: 20px 0 20px 0;
    }

@media only screen and (min-width: 481px) and (max-width: 768px) {

    h2.sottotitolo {
/*
        font-size: 35px;
        line-height: 35px;
*/
        font-weight: 500;
        letter-spacing: -1px;
        margin: 20px 0 20px 0;
    }

}

@media only screen and (max-width: 480px) {

    h2.sottotitolo {
/*
        font-size: 35px;
        line-height: 35px;
*/
        font-weight: 500;
        letter-spacing: -1px;
        margin: 20px 0 20px 0;
    }

}

	.nota {
		font-size: 15px;
		font-style: italic;
		color: #636363;
		border-left: 6px solid #9c9c9c;
		padding: 6px 10px 6px 10px;
		margin-bottom: 10px;
	}
	
	.bordo-img-interno-container {
		position: relative;
	}
	
	.bordo-img-interno {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		border: 10px;
		border-style: solid;
		border-color: #ece7e3;
	}
	
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
	.bordo-img-interno {
		border: 8px;
		border-style: solid;
		border-color: #ece7e3;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.bordo-img-interno {
		border: 6px;
		border-style: solid;
		border-color: #ece7e3;
	}
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
	.bordo-img-interno {
		border: 8px;
		border-style: solid;
		border-color: #ece7e3;
	}
}

@media only screen and (min-width: 100px) and (max-width: 480px) {
	.bordo-img-interno {
		border: 10px;
		border-style: solid;
		border-color: #ece7e3;
	}
}

	.footer-001-1600-footer-menu ul li {
		color: #ffffff45;
	}
	
	.footer-001-1600-astrelia-footer-menu ul li {
		color: #ffffff45;
	}
	
	.img-cover {
		width: 100vw;
		object-fit: cover;
	}
	
	.pul-panel-iubenda {
		border-bottom: 1px solid #595a5a;
	}
	
	.numero-verde-dim {
		animation: pulse;
		animation-duration: .5s;
		animation-delay: 2s;
		animation-iteration-count: 3;
	}
	
	.intro-001-intro-block h1.gotham {
		background: linear-gradient(360deg, rgba(255, 255, 255, 0.6) -7.95%, rgba(255, 255, 255, 0.456) 8.42%, rgba(255, 255, 255, 0.216) 36.7%, rgba(255, 255, 255, 0.06) 56.8%, rgba(255, 255, 255, 0) 66.48%), linear-gradient(81.31deg, #8636F8 2.26%, #F020B3 24.84%, #F8475E 45.42%, #FF9421 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		text-fill-color: transparent;
		font-style: normal;
		position: relative;
	}
	
    .panel-menu-004-panel-menu .section .title.active {
        border-left: 10px solid #ffc300;
        background-color: #3E3E3E;
    }

    .panel-menu-004-panel-menu .section .title a {
        line-height: 50px;
    }

    .panel-menu-004-panel-menu .section .title a {
        width: 100%;
    }
	
	#iubenda-cs-banner .iubenda-cs-brand img {
		max-width: 247px !important;
		max-height: 60px !important;
	}
	/* Menu nav */
	.menu-header-001-nav ul li a {
		text-transform: lowercase;
	}

	.menu-header-001-nav ul li a:hover {
		text-transform: lowercase;
		color: #111;
		text-decoration: underline;
	}

	.menu-header-001-nav ul li a.active {
		color: #989898;
	}

	/* Hamburger */
	.header .icon-20-12 {
/*
		background-position: -900px -550px;
*/
		opacity: 1;
	}

	.sfumatura {
		background: linear-gradient(139deg,#6b1250 12.98%,#f0099b 86.78%);
	}

	.onda-top-bottom {
		width: 100%;
	}

	.oggetto1 {
		box-shadow: 0 4px 34px 0 rgb(0 0 0 / 20%);
		border: 12px solid #F5FBF9;
		border-radius: 30px;
	}

	.icone-design {
		width: 70px;
		color: #fff;
	}

	.shadow-top {
		opacity: 0 !important;
	}
    
	.t-001.no-fixed {
		top: 90px;
	}

/* Smartphone */
@media only screen and (max-width: 480px) {
	.oggetto1 {
		box-shadow: 0 4px 34px 0 rgb(0 0 0 / 20%);
		border: 12px solid #F5FBF9;
		border-radius: 30px;
		margin-left: -25%;
	}
}

/* Tablet */
@media only screen and (min-width: 481px) and (max-width: 768px) {
	.oggetto1 {
		box-shadow: 0 4px 34px 0 rgb(0 0 0 / 20%);
		border: 12px solid #F5FBF9;
		border-radius: 30px;
		margin-left: -25%;
	}
}

    .container-dinamico {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        margin: 0 auto;
    }

@media only screen and (min-width: 1367px) {
	.container-dinamico {
		background-image: url(/public/userdata/images/_pagine/identity/very-1920.svg);
		max-width: 1600px;
	}
	.iphone {
		margin: 0 auto;
		max-width: 300px
	}
}

@media only screen and (min-width: 769px) and (max-width: 1366px) {
	.container-dinamico {
		background-image: url(/public/userdata/images/_pagine/identity/very-1366.svg);
	}
	.iphone {
		margin: 0 auto;
	}
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
	.container-dinamico {
		background-image: url(/public/userdata/images/_pagine/identity/very-768.svg);
	}
	.iphone {
		max-height: 600px;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 480px) {
	.container-dinamico {
		background-image: url(/public/userdata/images/_pagine/identity/very-360.svg);
		background-size: cover;
	}
	.iphone {
		max-height: 400px;
		margin: 0 auto;
	}
}