body.page-template-page-valori {
overflow: hidden !important; }
body.page-template-page-valori .circle-wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 50%;
max-width: 100%;
max-height: 100%; }
body.page-template-page-valori .circle-wrapper #circle {
opacity: 0;
position: absolute;
top: 50%;
left: 0;
width: 220rem; 
height: 220rem; 
margin-top: -110rem; 
margin-left: -110rem;
border-radius: 100%;
-webkit-transform: scale(0.1);
transform: scale(0.1);
-webkit-transform-origin: center center;
transform-origin: center center;
cursor: move; }
body.page-template-page-valori .circle-wrapper #circle b {
font-family: "Plantin W01 Light", "Georgia", "Times", "Times New Roman", serif;
font-size: 32px;
line-height: 32px;
font-size: 2rem; line-height: 2rem; display: block;
color: #232323;
font-weight: normal;
position: absolute;
top: 50%;
right: 50%;
-webkit-transform-origin: center right;
transform-origin: center right;
width: 50%;
height: 2rem;  margin-top: -1.6rem;
text-align: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
opacity: 1;
-webkit-transition: opacity 1s;
transition: opacity 1s;
padding-right: 40%;
white-space: nowrap; }
body.page-template-page-valori .circle-wrapper #circle b.clickable {
cursor: pointer; }
body.page-template-page-valori .circle-wrapper #circle b.clickable span { color: #ffc925;
}
body.page-template-page-valori .circle-wrapper #circle b span {
display: block;
color: #232323;
float: right; }
body.page-template-page-valori .person-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(35, 35, 35, 0.95);
z-index: 9999;
display: none;
overflow: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: left;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-overflow-scrolling: touch; }
body.page-template-page-valori .person-overlay nav.close-person {
position: relative;
top: 0px;
right: 0;
z-index: 1;
height: 62px; }
body.page-template-page-valori .person-overlay nav.close-person ul li a {
color: white;
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out; }
body.page-template-page-valori .person-overlay nav.close-person svg {
fill: white;
width: 20px;
height: 20px; }
body.page-template-page-valori .person-overlay nav.close-person svg path {
fill: white; }
body.page-template-page-valori .person-overlay .content {
width: 100%;
max-height: 100%;
padding: 20px 7px;
max-width: 480px;
color: #fff;
margin-top: 50px;
}
body.page-template-page-valori .person-overlay .content img {
display: block;
margin: 0 auto 20px auto; }
body.page-template-page-valori .person-overlay .content h1 {
font-family: "Plantin W01 Semibold", "Georgia", "Times", "Times New Roman", serif;
font-size: 20px;
line-height: 26px;
font-size: 1.3rem;
line-height: 1.8rem;
text-align: center; 
color: #ffc925;
}
body.page-template-page-valori .person-overlay .content h2 {
font-size: 20px;
line-height: 26px;
font-size: 2rem;
line-height: 2.6rem;
text-align: center;
margin-top: 3px; }
body.page-template-page-valori .person-overlay .content .bio {
margin-top: 20px; }
body.page-template-page-valori .person-overlay .content .bio p {
font-size: 18px;
line-height: 26px;
font-size: 1.1rem;
line-height: 1.6rem;
margin-bottom: 20px; 
text-align: justify;
}  @media all and (min-width: 768px) {
body.page-template-page-valori .circle-wrapper #circle {
width: 160rem; 
height: 160rem; 
margin-top: -78rem;
margin-left: -78rem;
}
#title-value .content {
animation: show 0s 4s forwards;
visibility: hidden;
}
@keyframes show {
to   { visibility: visible; }
}
#page-value-tit {
display: none;
}
} @media all and (min-width: 1024px) {
body.page-template-page-valori .person-overlay .content {
max-width: 350px;
}
body.page-template-page-valori .person-overlay {
width: 100%;
max-width: 1140px;
margin: auto;
position: absolute;
background-color: transparent;
z-index: 5;
}
body.page-template-page-valori .person-overlay .content .bio p {
color: #232323;
}
body.page-template-page-valori .person-overlay nav.close-person {
position: relative;
right: 0;
height: 30px;
}
body.page-template-page-valori .person-overlay nav.close-person ul li a {
color: #232323;
}
}
.close-person ul {
list-style: none;
}
.close-person ul li {
text-align: right;
}
#title-value {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
width: 100%;
max-width: 1140px;
margin: auto;
padding-right: 20px;
z-index: 2;
overflow: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: right;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-overflow-scrolling: touch;
}
#title-value .content {
width: 100%;
text-align: right;
}
#title-value h1 {
color: #ffc925;
font-size: 1.9rem;
letter-spacing: 2px;
}
#circle-page {
position: absolute;
z-index: 10;
}
@media (min-width: 992px) {
.hidden-lg-up {
display: none !important;
}
} @media all and (max-width: 767px) {
.hidden-md-down,
#title-value {
display: none;
}
#page-value-tit {
background-color: #fff;
position: absolute;
z-index: 11;
top: 68px;
padding-top: 2px;
padding-left: 25px;
left: 0;
display: block;
width: 100%;
}
#page-value-tit h1 {
margin: 0;
line-height: 1;
padding-bottom: 10px;
font-size: 2rem;
}
.elementor-533 .elementor-element.elementor-element-2c8187b0 {
padding: 10px 20px;
max-height: 70px;
}
body.page-template-page-valori,
.elementor.elementor-533.elementor-location-header,
.elementor.elementor-533.elementor-location-header .elementor-inner,
.elementor.elementor-533.elementor-location-header .elementor-section-wrap {
max-height: 70px;
}
#page-value-tit {
animation: delay 0s 3.5s forwards;
visibility: hidden;
}
@keyframes delay {
to   { visibility: visible; }
}
.elementor-533 .elementor-element.elementor-element-5201f1bc .elementor-nav-menu__container.elementor-nav-menu--dropdown {
margin-top: 10px !important;
}
} @media all and (min-width: 768px) and (max-width: 960px) {
body.page-template-page-valori .circle-wrapper { }
} @media all and (max-width: 1023px) {
body.page-template-page-valori .person-overlay .content {
margin-left: auto;
margin-right: auto;	
}
}
@media all and (min-width: 768px) and (max-width: 1023px) {
#title-value h1 {
margin-right: 100px;
}
} @media all and (min-width: 961px) {
#title-value h1 {
font-size: 2.1rem;
}
} body.page-template-page-valori .elementor.elementor-515.elementor-location-footer {
display: none;
} .hideable-section,
#section-one {
display: none;
}
body.page-template-page-valori .circle-wrapper #circle b a {
display: block;
float: right;
color: #ffc925;
} @media all and (max-width: 667px) {
body.page-template-page-valori .circle-wrapper #circle {
margin-top: -90rem;
}
body.page-template-page-valori .circle-wrapper {
position: relative;
top: 50px;
}
#circle-page {
min-height: 750px;
position: relative;
}
.page-template-page-valori .type-page {
overflow: hidden !important;
}
}