@font-face {
font-family: 'Roboto';
src: url('fonts/roboto/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
font-weight: 100 1000;
font-style: normal;
}
@font-face {
font-family: 'Roboto';
src: url('fonts/roboto/Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype');
font-weight: 100 1000;
font-style: italic;
}
.sep_admin {
display: none;
}
.tk-myfont {
font-display: swap;
}
.material-symbols-outlined {
font-family: 'Material Symbols Outlined' !important;
font-size: 1em;
vertical-align: sub;
}
.bianconero {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 10+, Firefox on Android */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
.nobianconero {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
}
.relauto {
position: relative;
overflow-x: clip;
overflow-y: auto;
}
.relhide {
position: relative;
overflow: clip;
}
.absauto {
position: absolute;
overflow-x: clip;
overflow-y: auto;
}
.abshide {
position: absolute;
overflow: clip;
}
.relvis {
position: relative;
overflow: visible;
}
.absvis {
position: absolute;
overflow: visible;
}
.fixhide {
position: fixed;
overflow: clip;
}
.fixvis {
position: fixed;
overflow: visible;
}
.sticky {
position: -webkit-sticky;
position: sticky;
}
.overXhidden {
overflow-x: clip;
}
.overflowUnset {
overflow: unset !important;
overflow-x: unset !important;
overflow-y: unset !important;
}
@media only screen and (max-width: 850px) {
.overflowUnset {
overflow: clip !important;
}
}
.margineg-sx {
left: 50%;
margin-left: calc(((1440px / 2) * -1));
}
@media only screen and (max-width: 1600px) {
.margineg-sx {
margin-left: 0;
left: 3vw;
}
}
.margineg-dx {
right: 50%;
margin-right: calc(((1440px / 2) * -1));
}
@media only screen and (max-width: 1600px) {
.margineg-dx {
margin-right: 0;
right: 3vw;
}
}
.flexPrimo {
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: -1;
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.img-sx,
.img-dx {
position: relative;
overflow: clip;
margin-bottom: 4rem;
}
.img-sx .int,
.img-dx .int {
position: relative;
overflow: clip;
}
.img-sx,
.img-dx {
position: relative;
overflow: clip;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
margin-bottom: 4rem;
}
@media only screen and (max-width: 900px) {
.img-sx,
.img-dx {
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-ms-box-direction: column;
-webkit-box-direction: column;
}
}
.img-sx.sticky,
.img-dx.sticky {
overflow: unset;
-webkit-align-items: start;
-ms-align-items: start;
align-items: start;
}
.img-sx.sticky > *,
.img-dx.sticky > * {
position: sticky !important;
top: 0;
}
.img-sx .int,
.img-dx .int {
position: relative;
overflow: clip;
width: 48%;
}
@media only screen and (max-width: 900px) {
.img-sx .int,
.img-dx .int {
-webkit-box-ordinal-group: -1 !important;
-moz-box-ordinal-group: -1 !important;
-ms-flex-order: -1 !important;
-webkit-order: -1 !important;
order: -1 !important;
width: 100%;
}
}
.img-sx img,
.img-dx img {
max-width: 48%;
}
@media only screen and (max-width: 900px) {
.img-sx img,
.img-dx img {
max-width: 100%;
margin: 30px 0 0 0 !important;
}
}
.img-sx img {
margin-right: 4%;
}
/*img-sx*/
.img-dx img {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
margin-left: 4%;
}
/*img-dx*/
.duecolonne,
.trecolonne {
position: relative;
overflow: unset;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
}
@media only screen and (max-width: 850px) {
.duecolonne,
.trecolonne {
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-ms-box-direction: column;
-webkit-box-direction: column;
}
.duecolonne.mobInv,
.trecolonne.mobInv {
flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
-ms-box-direction: column-reverse;
-webkit-box-direction: column-reverse;
}
.duecolonne div,
.trecolonne div {
width: 100% !important;
margin: 0;
}
}
.duecolonne img,
.trecolonne img,
.duecolonne iframe,
.trecolonne iframe {
max-width: 100%;
height: auto;
margin: 0;
/*mantieni sempre l'aspect ratio*/
aspect-ratio: attr(width) / attr(height);
}
.duecolonne img.micro,
.trecolonne img.micro,
.duecolonne iframe.micro,
.trecolonne iframe.micro {
width: auto;
height: 420px;
max-width: 60%;
margin-block: 0;
display: block;
}
.duecolonne img.min,
.trecolonne img.min,
.duecolonne iframe.min,
.trecolonne iframe.min {
width: 280px;
max-width: 100%;
height: auto;
margin: 0 auto;
display: block;
}
.duecolonne .sx,
.trecolonne .sx {
margin-right: 1rem;
}
@media only screen and (max-width: 850px) {
.duecolonne .sx,
.trecolonne .sx {
margin-right: 0;
}
}
.duecolonne .dx,
.trecolonne .dx {
margin-left: 1rem;
}
@media only screen and (max-width: 850px) {
.duecolonne .dx,
.trecolonne .dx {
margin-left: 0;
}
}
.duecolonne h1,
.trecolonne h1,
.duecolonne h2,
.trecolonne h2,
.duecolonne h3,
.trecolonne h3,
.duecolonne h4,
.trecolonne h4 {
max-width: 80%;
}
.duecolonne > div {
width: 47.5%;
}
.trecolonne > div {
width: 30%;
}
.duecolonne table,
.trecolonne table,
.img-sx table,
.img-dx table {
padding: 0;
border-spacing: 0;
border: none;
border-collapse: collapse;
max-width: 100%;
}
.duecolonne table td,
.trecolonne table td,
.img-sx table td,
.img-dx table td {
vertical-align: top;
max-width: auto;
}
.duegrid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5%;
row-gap: 1rem;
}
@media only screen and (max-width: 780px) {
.duegrid {
grid-template-columns: 1fr;
}
}
.bigimg {
position: relative;
overflow: visible;
display: block;
margin: auto;
width: fit-content;
width: 100%;
}
.bigimg img,
.bigimg iframe,
.bigimg object,
.bigimg embed,
.bigimg video {
display: block;
margin: 0 auto;
max-width: 100%;
-webkit-box-shadow: 0 60px 80px -55px rgba(0,0,0,.3),0 20px 20px -20px rgba(0,0,0,.7);
-moz-box-shadow: 0 60px 80px -55px rgba(0,0,0,.3),0 20px 20px -20px rgba(0,0,0,.7);
box-shadow: 0 60px 80px -55px rgba(0,0,0,.3),0 20px 20px -20px rgba(0,0,0,.7);
behavior: url(/css/PIE.htc);
}
.bigimg iframe,
.bigimg object,
.bigimg embed,
.bigimg video {
width: 100%;
aspect-ratio: 16/9;
}
/*----------------------------------------------------------------*/
*,
::before,
::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
/* Track */
::-webkit-scrollbar-track {
background: transparent;
background: #E0E0E0;
border-radius: 4px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #798093;
border-radius: 4px;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
#loader {
position: fixed;
overflow: clip;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100vw;
height: 100vh;
background-color: #001228;
z-index: 999999999999999999999999;
pointer-events: none;
opacity: 1;
transition: opacity 0.3s ease-in-out;
}
#loader::after {
content: "";
position: absolute;
overflow: clip;
display: block;
width: 4rem;
height: 4rem;
top: calc(50vh - 2rem);
left: calc(50vw - 2rem);
background-color: transparent;
background-image: url('images/ruzzola.svg');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
animation: spin 5s linear infinite;
}
#loader.fade-out {
opacity: 0;
}
html,
body {
margin: 0;
padding: 0;
width: 100%;
scroll-behavior: smooth;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
color: #001228;
background-color: #001228;
scrollbar-width: none;
-ms-overflow-style: none;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
display: none;
}
html {
height: 100%;
font-size: 16px;
font-size: clamp(15px, 0.85svw, 18px);
font-weight: 400;
}
*:first-child + html {
overflow: auto;
}
html.lenis,
html.lenis body {
height: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
overflow: clip;
}
.lenis.lenis-smooth iframe {
pointer-events: none;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0.3em 0;
padding: 0;
}
p.decor,
h1.decor,
h2.decor,
h3.decor,
h4.decor,
h5.decor,
h6.decor {
position: relative;
overflow: visible;
}
p.decor::before,
h1.decor::before,
h2.decor::before,
h3.decor::before,
h4.decor::before,
h5.decor::before,
h6.decor::before {
content: "";
position: absolute;
overflow: clip;
display: block;
top: -0.6em;
left: 0;
width: 5rem;
max-width: 100%;
height: 3px;
background-color: currentColor;
}
p.decor.txtBianco::before,
h1.decor.txtBianco::before,
h2.decor.txtBianco::before,
h3.decor.txtBianco::before,
h4.decor.txtBianco::before,
h5.decor.txtBianco::before,
h6.decor.txtBianco::before {
background-color: #fafafa;
}
p {
margin: 1em 0;
}
.contentBianco {
color: #fafafa;
}
.contentBianco h1,
.contentBianco h2,
.contentBianco h3,
.contentBianco h4,
.contentBianco h5,
.contentBianco h6,
.contentBianco p {
color: #fafafa;
}
hr {
clear: both;
display: block;
margin: 0;
border: none;
border-top: 1px solid #E0E0E0;
height: 1px;
size: 1px;
background: none;
}
hr.margine {
margin: 15px 0;
}
hr.stretto {
position: relative;
overflow: clip;
margin: 50px auto;
width: 1260px;
max-width: 80%;
}
@media only screen and (max-width: 1260px) {
hr.stretto {
max-width: 80vw;
}
}
a {
outline: none;
color: #3F6079;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
/*per eliminare il riquadro al tap dei link*/
-webkit-transition: all 0.28s ease;
-moz-transition: all 0.28s ease;
-ms-transition: all 0.28s ease;
-o-transition: all 0.28s ease;
transition: all 0.28s ease;
}
a:hover {
color: #738FA9;
}
a img {
border: none;
}
a span[class*='material'] {
font-size: 1em;
vertical-align: sub;
}
a.doc {
padding: 0.5rem 0;
color: #C0C0C0;
border-bottom: 1px solid #C0C0C0;
}
a.doc::before {
content: '\232A ';
margin-right: 0.5rem;
}
a.doc:hover {
color: #043A54;
}
a.due {
color: #EBCF48;
}
a.due:hover {
color: #fafafa;
}
/*
p a{
text-decoration: underline;
} */
u {
text-decoration: none;
background: rgba(0, 159, 227, 0.5);
background: linear-gradient(120deg, rgba(0, 159, 227, 0) 0%, rgba(0, 159, 227, 0.5) 20%, rgba(0, 159, 227, 0.5) 80%, rgba(0, 159, 227, 0) 100%);
}
table {
padding: 0;
border: none;
max-width: 100%;
}
table tr:nth-child(2n) td {
background: rgba(255, 255, 255, 0.4);
}
table tr td {
vertical-align: center;
max-width: auto;
border: none;
padding: 5px 10px;
}
@media only screen and (max-width: 639px) {
.cont-tabella {
overflow-x: auto;
scrollbar-width: none;
}
.cont-tabella::-webkit-scrollbar {
display: none;
}
}
.cont-tabella table {
position: relative;
overflow: clip;
width: 100%;
margin: 50px auto 0;
}
@media only screen and (max-width: 639px) {
.cont-tabella table {
width: 100%;
}
}
.cont-tabella table tr.testata td {
padding: 25px 15px;
background: #565c6b;
font-size: 1.3em;
color: #fafafa;
font-weight: 700;
}
.cont-tabella table tr:nth-child(2n + 2) td {
background: #f3f6f9;
}
.cont-tabella table td {
width: 25%;
padding: 15px;
background: #ecf0f9;
font-size: 1.1em;
}
.cont-tabella table td:nth-child(1) {
width: 50%;
}
.cont-tabella table td span {
overflow: clip;
display: inline-block;
height: 21px;
line-height: 21px;
}
.cont-tabella table td span.doc {
width: 30px;
}
.cont-tabella table td span.doc a {
margin: 3px;
transform: scale(0.5, 0.5);
-ms-transform: scale(0.5, 0.5);
-webkit-transform: scale(0.5, 0.5);
/**/
transform-origin: top left;
-ms-transform-origin: top left;
-webkit-transform-origin: top left;
}
.tree-view {
font-family: Arial, sans-serif;
margin: 20px;
}
.tree-view .tree-item {
margin: 5px 0;
position: relative;
}
.tree-view .tree-item:hover .action-icons {
display: flex;
}
.tree-view .tree-item:has(.tree-children) .add-file-icon {
display: inline-block;
}
.tree-view .tree-content {
display: flex;
align-items: center;
padding: 8px;
cursor: pointer;
border-radius: 4px;
user-select: none;
border: 1px solid #666;
margin: 2px 0;
}
.tree-view .tree-content .dragging {
opacity: 0.5;
background-color: #e0e0e0;
}
.tree-view .tree-content .drag-over {
border-top: 2px solid #007bff;
}
.tree-view .tree-content:hover {
background-color: #CCC;
color: white;
}
.tree-view .tree-content:hover .action-icon {
color: white;
}
.tree-view .tree-children {
margin-left: 20px;
display: none;
}
.tree-view .tree-children.active {
display: block;
}
.tree-view .toggle-icon {
width: 20px;
text-align: center;
margin-right: 5px;
transition: transform 0.2s;
}
.tree-view .toggle-icon::before {
content: 'chevron_right';
font-family: 'Material Icons';
font-size: 18px;
color: #666;
}
.tree-view.expanded > .tree-content > .toggle-icon::before {
content: 'expand_more';
}
.tree-view .file-icon {
margin-right: 5px;
color: #666;
font-family: 'Material Icons';
font-size: 18px;
}
.tree-view .action-icons {
position: absolute;
right: 10px;
display: flex;
gap: 8px;
}
.tree-view .action-icon {
cursor: pointer;
font-size: 18px;
color: #666;
transition: color 0.2s;
font-family: 'Material Icons';
}
.tree-view .action-icon:hover {
color: #333;
}
.tree-view .add-file-icon {
/*display: none;*/
}
.mt0 {
margin-top: 0 !important;
}
.mt1 {
margin-top: 1rem !important;
}
.mt2 {
margin-top: 2rem !important;
}
.mt3 {
margin-top: 3rem !important;
}
.mt4 {
margin-top: 4rem !important;
}
.mt5 {
margin-top: 5rem !important;
}
.mb0 {
margin-bottom: 0 !important;
}
.mb1 {
margin-bottom: 1rem !important;
}
.mb2 {
margin-bottom: 2rem !important;
}
.mb3 {
margin-bottom: 3rem !important;
}
.mb4 {
margin-bottom: 4rem !important;
}
.mb5 {
margin-bottom: 5rem !important;
}
.pt0 {
padding-top: 0 !important;
}
.pt1 {
padding-top: 1rem !important;
}
.pt2 {
padding-top: 2rem !important;
}
.pt3 {
padding-top: 3rem !important;
}
.pt4 {
padding-top: 4rem !important;
}
.pt5 {
padding-top: 5rem !important;
}
.pt6 {
padding-top: 6rem !important;
}
.pt7 {
padding-top: 7rem !important;
}
.pt8 {
padding-top: 8rem !important;
}
.pb0 {
padding-bottom: 0 !important;
}
.pb1 {
padding-bottom: 1rem !important;
}
.pb2 {
padding-bottom: 2rem !important;
}
.pb3 {
padding-bottom: 3rem !important;
}
.pb4 {
padding-bottom: 4rem !important;
}
.pb5 {
padding-bottom: 5rem !important;
}
.pb6 {
padding-bottom: 6rem !important;
}
.pb7 {
padding-bottom: 7rem !important;
}
.pb8 {
padding-bottom: 8rem !important;
}
.bgColore01chiaro3 {
background-color: #B1D2F0;
-webkit-box-shadow: -50vw 0px 0px 0px #B1D2F0, 50vw 0px 0px 0px #B1D2F0;
-moz-box-shadow: -50vw 0px 0px 0px #B1D2F0, 50vw 0px 0px 0px #B1D2F0;
box-shadow: -50vw 0px 0px 0px #B1D2F0, 50vw 0px 0px 0px #B1D2F0;
behavior: url(/css/PIE.htc);
}
.bgColore01chiaro2 {
background-color: #738FA9;
-webkit-box-shadow: -50vw 0px 0px 0px #738FA9, 50vw 0px 0px 0px #738FA9;
-moz-box-shadow: -50vw 0px 0px 0px #738FA9, 50vw 0px 0px 0px #738FA9;
box-shadow: -50vw 0px 0px 0px #738FA9, 50vw 0px 0px 0px #738FA9;
behavior: url(/css/PIE.htc);
}
.bgColore01chiaro {
background-color: #3F6079;
-webkit-box-shadow: -50vw 0px 0px 0px #3F6079, 50vw 0px 0px 0px #3F6079;
-moz-box-shadow: -50vw 0px 0px 0px #3F6079, 50vw 0px 0px 0px #3F6079;
box-shadow: -50vw 0px 0px 0px #3F6079, 50vw 0px 0px 0px #3F6079;
behavior: url(/css/PIE.htc);
}
.bgColore01 {
background-color: #043A54;
-webkit-box-shadow: -50vw 0px 0px 0px #043A54, 50vw 0px 0px 0px #043A54;
-moz-box-shadow: -50vw 0px 0px 0px #043A54, 50vw 0px 0px 0px #043A54;
box-shadow: -50vw 0px 0px 0px #043A54, 50vw 0px 0px 0px #043A54;
behavior: url(/css/PIE.htc);
}
.bgColore01scuro {
background-color: #001228;
-webkit-box-shadow: -50vw 0px 0px 0px #001228, 50vw 0px 0px 0px #001228;
-moz-box-shadow: -50vw 0px 0px 0px #001228, 50vw 0px 0px 0px #001228;
box-shadow: -50vw 0px 0px 0px #001228, 50vw 0px 0px 0px #001228;
behavior: url(/css/PIE.htc);
}
.bgColore01 strong,
.bgColore01scuro strong,
.bgColore01scuro2 strong,
.bgColore01scuro3 strong {
font-weight: 400;
color: #EBCF48;
}
.bgBianco {
background-color: #fafafa;
-webkit-box-shadow: -50vw 0px 0px 0px #fafafa, 50vw 0px 0px 0px #fafafa;
-moz-box-shadow: -50vw 0px 0px 0px #fafafa, 50vw 0px 0px 0px #fafafa;
box-shadow: -50vw 0px 0px 0px #fafafa, 50vw 0px 0px 0px #fafafa;
behavior: url(/css/PIE.htc);
}
.bgGrigio05 {
background-color: #ecf0f9;
-webkit-box-shadow: -50vw 0px 0px 0px #ecf0f9, 50vw 0px 0px 0px #ecf0f9;
-moz-box-shadow: -50vw 0px 0px 0px #ecf0f9, 50vw 0px 0px 0px #ecf0f9;
box-shadow: -50vw 0px 0px 0px #ecf0f9, 50vw 0px 0px 0px #ecf0f9;
behavior: url(/css/PIE.htc);
}
.bgGrigio06 {
background-color: #f3f6f9;
-webkit-box-shadow: -50vw 0px 0px 0px #f3f6f9, 50vw 0px 0px 0px #f3f6f9;
-moz-box-shadow: -50vw 0px 0px 0px #f3f6f9, 50vw 0px 0px 0px #f3f6f9;
box-shadow: -50vw 0px 0px 0px #f3f6f9, 50vw 0px 0px 0px #f3f6f9;
behavior: url(/css/PIE.htc);
}
@media only screen and (max-width: 850px) {
.mobNO {
display: none !important;
}
}
@media only screen and (max-width: 850px) {
.mobFirst {
-webkit-box-ordinal-group: -1 !important;
-moz-box-ordinal-group: -1 !important;
-ms-flex-order: -1 !important;
-webkit-order: -1 !important;
order: -1 !important;
margin-bottom: 2rem !important;
}
}
.bgImg01::before,
.bgImg01b::before,
.bgImg02::before {
content: "";
position: absolute;
overflow: clip;
display: block;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.bgImg01::before {
width: 60svw;
height: 140%;
min-width: 780px;
min-height: 140svh;
top: -10%;
left: -30svh;
background-image: url('images/bg_spirale.svg');
}
.bgImg01b::before {
width: 60svw;
height: 140%;
min-width: 780px;
min-height: 140svh;
top: -10%;
right: -30svh;
background-image: url('images/bg_spirale_b.svg');
}
.bgImg02::before {
width: 90svw;
height: 140%;
min-width: 780px;
min-height: 140svh;
top: -20%;
right: -20svh;
background-image: url('images/bg_alfa.svg');
}
.JS_sfondoParallax {
--parallax-y: 0%;
}
.JS_sfondoParallax::before {
transform: translateY(var(--parallax-y));
}
/*----------------------------------*/
h1,
h2,
.titolo {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 2svw;
color: #001228;
font-weight: 300;
line-height: 1.2;
letter-spacing: 0.03em;
font-display: swap;
font-size: clamp(2rem, 3svw, 3rem);
text-wrap: balance;
}
h1.large,
h2.large,
.titolo.large {
font-size: clamp(3rem, 4svw, 4.5rem);
}
h1.xlarge,
h2.xlarge,
.titolo.xlarge {
font-size: clamp(4rem, 6svw, 6rem);
}
h1.small,
h2.small,
.titolo.small {
font-size: clamp(2rem, 2.5svw, 2.5rem);
}
h1.xsmall,
h2.xsmall,
.titolo.xsmall {
font-size: clamp(1.7rem, 2svw, 2rem);
}
h1.asTxt,
h2.asTxt,
.titolo.asTxt {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1rem;
color: auto;
font-weight: 400;
line-height: 1.8em;
letter-spacing: 0.03em;
font-display: swap;
}
.sottotitolo,
h3,
h4,
h5,
h6 {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 2svw;
color: #001228;
font-weight: 400;
line-height: 1.4;
letter-spacing: 0.03em;
font-display: swap;
font-size: clamp(1.4rem, 2svw, 2rem);
}
.sottotitolo.small,
h3.small,
h4.small,
h5.small,
h6.small {
font-size: clamp(1.25rem, 1.7svw, 1.7rem);
}
.sottotitolo.xsmall,
h3.xsmall,
h4.xsmall,
h5.xsmall,
h6.xsmall {
font-size: clamp(1.1rem, 1.4svw, 1.4rem);
}
.sottotitolo.asTxt,
h3.asTxt,
h4.asTxt,
h5.asTxt,
h6.asTxt {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1rem;
color: #3F6079;
font-weight: 400;
line-height: 1.8em;
letter-spacing: 0.03em;
font-display: swap;
}
.intro-txt {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.5svw;
color: #001228;
font-weight: 700;
line-height: 1.7;
letter-spacing: 0.03em;
font-display: swap;
font-size: clamp(1.2rem, 1.5svw, 1.3rem);
}
.txtBianco {
color: #fafafa;
}
.txtNero {
color: #001228;
}
.txtCol01 {
color: #043A54;
}
.txtCol01chiaro {
color: #3F6079;
}
.txtCol01chiaro2 {
color: #738FA9;
}
.txtCol02 {
color: #EBCF48;
}
.txtColGrigio02 {
color: #798093;
}
.txt80 {
font-size: 80% !important;
}
.txt90 {
font-size: 90% !important;
}
.txt110 {
font-size: 110% !important;
}
.txt120 {
font-size: 120% !important;
}
.txt125 {
font-size: 125% !important;
}
.txt140 {
font-size: 140% !important;
}
.txt150 {
font-size: 150% !important;
}
.txtLight {
font-weight: 300 !important;
}
.txtRegular {
font-weight: 400 !important;
}
.txtNormal {
font-weight: 500 !important;
}
.txtSemiBold {
font-weight: 600 !important;
}
.txtBold {
font-weight: 700 !important;
}
.txtBlack {
font-weight: 900 !important;
}
.txtCentro {
text-align: center;
}
.maiu {
text-transform: uppercase !important;
}
.norm {
text-transform: none !important;
}
.txt-centro {
text-align: center;
}
.txt-sx {
text-align: left;
}
.txt-dx {
text-align: right;
}
.txt2colonne {
-webkit-columns: auto 2;
-moz-columns: auto 2;
-ms-columns: auto 2;
columns: auto 2;
-webkit-column-gap: 2rem;
-moz-column-gap: 2rem;
-ms-column-gap: 2rem;
column-gap: 2rem;
/* display: grid;
grid-template-rows: 1fr 1fr;
grid-auto-flow: column;
grid-column-gap: 2rem;
*/
}
@media only screen and (max-width: 850px) {
.txt2colonne {
-webkit-columns: auto 1;
-moz-columns: auto 1;
-ms-columns: auto 1;
columns: auto 1;
-webkit-column-gap: 0;
-moz-column-gap: 0;
-ms-column-gap: 0;
column-gap: 0;
}
}
.txt2colonne p {
margin: 0;
}
.txt3colonne {
display: grid;
grid-template-rows: 1fr 1fr 1fr;
grid-auto-flow: column;
grid-column-gap: 2rem;
}
@media only screen and (max-width: 1260px) {
.txt3colonne {
grid-template-rows: 1fr 1fr;
}
}
@media only screen and (max-width: 850px) {
.txt3colonne {
grid-template-rows: 1fr;
}
}
.sx {
float: left;
max-width: 50%;
margin: 0 5vw 3vw 0;
}
@media only screen and (max-width: 1000px) {
.sx {
max-width: 40%;
}
}
@media only screen and (max-width: 940px) {
.sx {
float: none;
width: 100%;
max-width: 100%;
margin: 0 0 2em 0;
}
}
.dx {
float: right;
max-width: 50%;
margin: 0 0 3vw 5vw;
}
@media only screen and (max-width: 1000px) {
.dx {
max-width: 40%;
}
}
@media only screen and (max-width: 940px) {
.dx {
float: none;
width: 100%;
max-width: 100%;
margin: 0 0 2em 0;
}
}
.icon-arrow-down,
.icon-arrow-up {
position: relative;
overflow: clip;
display: block;
width: 20px;
height: 20px;
font-size: 20px;
}
.icon-arrow-down::before,
.icon-arrow-up::before {
content: '';
position: absolute;
overflow: clip;
display: block;
top: 25%;
left: 25%;
width: 36%;
height: 36%;
border: 0.07em solid rgba(0, 0, 0, 0.3);
border-bottom-color: transparent;
border-left-color: transparent;
}
.icon-arrow-down::before {
top: 10%;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.icon-arrow-up::before {
top: 40%;
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
.ico {
position: relative;
overflow: clip;
display: block;
width: 100px;
height: 100px;
background-image: url('images/ico.png');
background-repeat: no-repeat;
-webkit-transform: scale(0.2);
transform: scale(0.2);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.ico.fb {
background-position: 0 -100px;
}
.ico.ig {
background-position: 0 -200px;
}
.ico.yt {
background-position: 0 -300px;
}
.ico.wa {
background-position: 0 -400px;
}
.ico.tel {
background-position: 0 -500px;
}
.ico.mail {
background-position: 0 -600px;
}
.ico.map {
background-position: 0 -700px;
}
.ico.in {
background-position: 0 -800px;
}
.ico.tiktok {
background-position: 0 -900px;
}
.ico.tw {
background-position: 0 -1000px;
}
.ico.home {
background-position: 0 -1100px;
}
.ico.user {
background-position: 0 -1200px;
}
.ico.job {
background-position: 0 -1300px;
}
.ico.dwl {
background-position: 0 -1400px;
}
.ico.it {
background-image: url('images/ico-bandiere.png');
background-position: 0 0;
}
.ico.en {
background-image: url('images/ico-bandiere.png');
background-position: 0 -100px;
}
.ico.de {
background-image: url('images/ico-bandiere.png');
background-position: 0 -200px;
}
.ico.fr {
background-image: url('images/ico-bandiere.png');
background-position: 0 -300px;
}
.ico.es {
background-image: url('images/ico-bandiere.png');
background-position: 0 -400px;
}
.ico.due {
background-image: url('images/ico-dk.png');
}
.listaIcone {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.listaIcone .icona {
position: relative;
display: block;
z-index: 2;
width: 70px;
height: 70px;
padding: 8px;
background: #738FA9;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
behavior: url(/css/PIE.htc);
-webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
.listaIcone .icona img {
max-width: 100%;
filter: invert(1);
}
.listaIcone.noFilter .icona {
padding: 14px;
}
.listaIcone.noFilter img {
filter: none;
}
.bottone,
input[type='button'].bottone,
input[type='submit'].bottone {
position: relative;
overflow: clip;
display: inline-block;
padding: 11px 25px;
min-height: 40px;
min-width: 120px;
width: max-content;
max-width: 100%;
margin: 0;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
-ms-border-radius: 22px;
-o-border-radius: 22px;
border-radius: 22px;
behavior: url(/css/PIE.htc);
border: 1px solid #043A54;
background: #043A54;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1rem;
color: #fafafa;
font-weight: 400;
font-weight: auto;
line-height: 20px;
letter-spacing: 0.03em;
font-display: swap;
text-decoration: none;
text-align: center;
cursor: pointer;
-webkit-transition: all 0.28s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.28s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.28s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.28s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.28s cubic-bezier(0.52, 0.16, 0.24, 1);
}
.bottone:hover,
input[type='button'].bottone:hover,
input[type='submit'].bottone:hover {
-webkit-box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.7);
box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.7);
behavior: url(/css/PIE.htc);
background: #3F6079;
border-color: #3F6079;
color: #fafafa;
}
.bottone.outline,
input[type='button'].bottone.outline,
input[type='submit'].bottone.outline {
background: none;
color: #001228;
border-color: #001228;
}
.bottone.outline:hover,
input[type='button'].bottone.outline:hover,
input[type='submit'].bottone.outline:hover {
background: #043A54;
border-color: #043A54;
color: #fafafa;
}
.bottone.outline.bianco,
input[type='button'].bottone.outline.bianco,
input[type='submit'].bottone.outline.bianco {
background: none;
border-color: #fafafa;
color: #fafafa;
}
.bottone.outline.bianco:hover,
input[type='button'].bottone.outline.bianco:hover,
input[type='submit'].bottone.outline.bianco:hover {
border-color: #fafafa;
background: #fafafa;
color: #043A54;
}
.bottone.outline.bianco:hover.avanti::after,
input[type='button'].bottone.outline.bianco:hover.avanti::after,
input[type='submit'].bottone.outline.bianco:hover.avanti::after,
.bottone.outline.bianco:hover.indietro::after,
input[type='button'].bottone.outline.bianco:hover.indietro::after,
input[type='submit'].bottone.outline.bianco:hover.indietro::after {
border-color: #043A54;
}
.bottone.outline.freccia::before,
input[type='button'].bottone.outline.freccia::before,
input[type='submit'].bottone.outline.freccia::before {
background: #043A54;
}
.bottone.outline.freccia::after,
input[type='button'].bottone.outline.freccia::after,
input[type='submit'].bottone.outline.freccia::after {
border-top-color: #fafafa;
border-right-color: #fafafa;
}
.bottone.bianco,
input[type='button'].bottone.bianco,
input[type='submit'].bottone.bianco {
border-color: #fafafa;
background: #fafafa;
color: #001228;
}
.bottone.bianco:hover,
input[type='button'].bottone.bianco:hover,
input[type='submit'].bottone.bianco:hover {
border-color: #3F6079;
background: #3F6079;
color: #001228;
}
.bottone.due,
input[type='button'].bottone.due,
input[type='submit'].bottone.due {
background: #E0E0E0;
border-color: #E0E0E0;
color: #001228;
}
.bottone.due:hover,
input[type='button'].bottone.due:hover,
input[type='submit'].bottone.due:hover {
border-color: #3F6079;
background: #3F6079;
color: #001228;
}
.bottone.tre,
input[type='button'].bottone.tre,
input[type='submit'].bottone.tre {
background: #001228;
border-color: #001228;
color: #fafafa;
}
.bottone.tre:hover,
input[type='button'].bottone.tre:hover,
input[type='submit'].bottone.tre:hover {
border-color: #043A54;
background: #043A54;
color: #fafafa;
}
.bottone.quattro,
input[type='button'].bottone.quattro,
input[type='submit'].bottone.quattro {
background: #EBCF48;
border-color: #EBCF48;
color: #001228;
}
.bottone.quattro:hover,
input[type='button'].bottone.quattro:hover,
input[type='submit'].bottone.quattro:hover {
border-color: #f5e7a4;
background: #f5e7a4;
color: #001228;
}
.bottone.centro,
input[type='button'].bottone.centro,
input[type='submit'].bottone.centro {
display: block;
margin: 0 auto;
}
.bottone.avanti,
input[type='button'].bottone.avanti,
input[type='submit'].bottone.avanti,
.bottone.indietro,
input[type='button'].bottone.indietro,
input[type='submit'].bottone.indietro {
min-width: 72px;
}
.bottone.avanti:after,
input[type='button'].bottone.avanti:after,
input[type='submit'].bottone.avanti:after,
.bottone.indietro:after,
input[type='button'].bottone.indietro:after,
input[type='submit'].bottone.indietro:after {
content: "";
display: block;
position: absolute;
overflow: clip;
width: 15px;
height: 15px;
top: 50%;
left: 50%;
border-right: 1px solid #fafafa;
border-bottom: 1px solid #fafafa;
transform: translate(-75%, -50%) rotate(-45deg);
-webkit-transition: all 0.28s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.28s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.28s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.28s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.28s cubic-bezier(0.52, 0.16, 0.24, 1);
}
.bottone.indietro:after,
input[type='button'].bottone.indietro:after,
input[type='submit'].bottone.indietro:after {
transform: translate(-25%, -50%) rotate(135deg);
}
.bottone.allegato,
input[type='button'].bottone.allegato,
input[type='submit'].bottone.allegato {
position: relative;
overflow: clip;
padding-right: 100px;
}
.bottone.allegato::after,
input[type='button'].bottone.allegato::after,
input[type='submit'].bottone.allegato::after {
content: '';
position: absolute;
overflow: clip;
display: block;
right: 42px;
top: 50%;
height: 1px;
width: 30px;
background: #fafafa;
}
.bottone.allegato::before,
input[type='button'].bottone.allegato::before,
input[type='submit'].bottone.allegato::before {
content: '';
position: absolute;
overflow: clip;
display: block;
right: 45px;
top: 50%;
height: 5px;
width: 5px;
border: 1px solid #fafafa;
border-left-color: transparent;
border-bottom-color: transparent;
transform: rotate(45deg) translateY(-55%);
}
.bottone.conMatIco,
input[type='button'].bottone.conMatIco,
input[type='submit'].bottone.conMatIco {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
align-items: center;
padding: 10px 30px 10px 20px;
white-space: nowrap;
}
.bottone.conMatIco span,
input[type='button'].bottone.conMatIco span,
input[type='submit'].bottone.conMatIco span {
display: block;
font-size: 0.9rem;
margin-right: 5px;
}
.file-link {
position: relative;
overflow: clip;
display: block;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
gap: 1rem;
}
.file-link a {
color: #043A54;
}
.file-link .icona {
width: 20px;
height: 20px;
}
.file-link::before {
position: relative;
overflow: clip;
content: "";
display: block;
width: 2.5rem;
height: 1px;
background: #C0C0C0;
}
.filter-menu {
width: 100%;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
gap: 2rem;
row-gap: 0.5rem;
margin: 0;
padding: 0;
list-style: none;
}
@media only screen and (max-width: 850px) {
.filter-menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.filter-menu .filter-link {
position: relative;
display: inline-block;
padding: 0.2em 0;
color: #000;
font-size: 1.2rem;
font-weight: 300;
text-transform: uppercase;
text-decoration: none;
transition: color 0.4s ease-in-out;
cursor: pointer;
}
.filter-menu .filter-link::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #3F6079;
transform: scaleX(0);
transform-origin: left;
/* parte da sinistra */
transition: transform 0.4s ease-in-out;
}
.filter-menu .filter-link:hover,
.filter-menu .filter-link.current {
color: #3F6079;
}
.filter-menu .filter-link:hover::after,
.filter-menu .filter-link.current::after {
transform: scaleX(1);
/* espande verso destra */
transform-origin: left;
}
.filter-menu .filter-link:not(:hover)::after {
transform-origin: right;
/* scompare verso destra */
}
.nav-prodotti {
position: fixed;
overflow: clip;
width: 100%;
height: min-content;
left: 0;
right: 0;
top: 50svh;
transform: translateY(-50%);
padding: 0 1rem;
z-index: 3;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
gap: 1rem;
pointer-events: none;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
@media only screen and (max-width: 850px) {
.nav-prodotti {
padding: 0;
}
}
.nav-prodotti .bottone {
position: relative;
overflow: visible;
background-color: #001228 !important;
min-width: 0;
max-height: 80px;
width: 40px;
height: max-content;
padding: 36px 22px;
z-index: 0;
pointer-events: all;
}
.nav-prodotti .bottone::after {
color: #fafafa !important;
}
@media only screen and (max-width: 850px) {
.nav-prodotti .bottone {
opacity: 0.6;
}
.nav-prodotti .bottone.indietro {
border-radius: 0 22px 22px 0;
border-left: none;
}
.nav-prodotti .bottone.avanti {
border-radius: 22px 0 0 22px;
border-right: none;
}
}
.nav-prodotti .bottone span {
position: absolute;
overflow: clip;
display: block;
opacity: 0;
pointer-events: none;
padding: 10px 16px;
top: 16px;
transition: 0.2s ease-in-out;
z-index: -1;
color: #fafafa;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0.03em;
white-space: nowrap;
}
@media only screen and (max-width: 850px) {
.nav-prodotti .bottone span {
display: none !important;
}
}
.nav-prodotti .bottone.indietro span {
left: calc(100% + 1px);
background: linear-gradient(90deg, rgba(4, 58, 84, 0.8) 5%, rgba(4, 58, 84, 0) 95%);
padding-right: 3rem;
}
.nav-prodotti .bottone.avanti span {
right: calc(100% + 1px);
background: linear-gradient(90deg, rgba(4, 58, 84, 0) 10%, rgba(4, 58, 84, 0.8) 95%);
padding-left: 3rem;
}
.nav-prodotti .bottone:hover {
background-color: #043A54 !important;
}
@media only screen and (max-width: 850px) {
.nav-prodotti .bottone:hover {
opacity: 0.9;
}
}
.nav-prodotti .bottone:hover::after {
border-color: #fafafa !important;
}
.nav-prodotti .bottone:hover span {
opacity: 1;
}
.nav-prodotti.hidden {
opacity: 0;
pointer-events: none !important;
}
.nav-prodotti.hidden .bottone {
pointer-events: none !important;
}
/*-----------------------------*/
#tornasu {
display: none;
/**/
position: fixed;
z-index: 99;
bottom: 15px;
right: 15px;
width: 40px;
height: 40px;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
-ms-border-radius: 24px;
-o-border-radius: 24px;
border-radius: 24px;
behavior: url(/css/PIE.htc);
background: #3F6079;
cursor: pointer;
}
#tornasu::before,
#tornasu::after {
content: "";
position: absolute;
overflow: clip;
display: block;
top: 56%;
left: 50%;
width: 12px;
height: 1px;
background: #fafafa;
}
#tornasu::before {
-webkit-transform: translate(-70%, 50%) rotate(-45deg);
transform: translate(-70%, 50%) rotate(-45deg);
transform-origin: left;
}
#tornasu::after {
-webkit-transform: translate(-30%, 50%) rotate(45deg);
transform: translate(-30%, 50%) rotate(45deg);
transform-origin: right;
}
.accordionInner {
position: relative;
overflow: clip;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
padding: 15px 0;
border-bottom: 1px solid #C0C0C0;
}
.accordionInner .accordionHead {
position: relative;
overflow: clip;
display: block;
font-size: 1.6rem;
color: #043A54;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 1.4em;
padding-right: 64px;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
gap: 1rem;
}
.accordionInner .accordionHead h1,
.accordionInner .accordionHead h2,
.accordionInner .accordionHead h3,
.accordionInner .accordionHead h4,
.accordionInner .accordionHead h5,
.accordionInner .accordionHead h6,
.accordionInner .accordionHead p,
.accordionInner .accordionHead a {
font-size: 1.6rem;
color: #043A54;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-weight: 400;
line-height: 1.4em;
}
@media only screen and (max-width: 850px) {
.accordionInner .accordionHead h1,
.accordionInner .accordionHead h2,
.accordionInner .accordionHead h3,
.accordionInner .accordionHead h4,
.accordionInner .accordionHead h5,
.accordionInner .accordionHead h6,
.accordionInner .accordionHead p,
.accordionInner .accordionHead a {
font-size: 1.2rem;
}
}
.accordionInner .accordionHead h1.icona,
.accordionInner .accordionHead h2.icona,
.accordionInner .accordionHead h3.icona,
.accordionInner .accordionHead h4.icona,
.accordionInner .accordionHead h5.icona,
.accordionInner .accordionHead h6.icona,
.accordionInner .accordionHead p.icona,
.accordionInner .accordionHead a.icona {
width: 28px;
height: 28px;
display: block;
filter: brightness(4) saturate(0.5);
}
.accordionInner .accordionHead h1.icona .ico,
.accordionInner .accordionHead h2.icona .ico,
.accordionInner .accordionHead h3.icona .ico,
.accordionInner .accordionHead h4.icona .ico,
.accordionInner .accordionHead h5.icona .ico,
.accordionInner .accordionHead h6.icona .ico,
.accordionInner .accordionHead p.icona .ico,
.accordionInner .accordionHead a.icona .ico {
-webkit-transform: scale(0.28);
transform: scale(0.28);
}
.accordionInner .accordionHead h1.icona:hover,
.accordionInner .accordionHead h2.icona:hover,
.accordionInner .accordionHead h3.icona:hover,
.accordionInner .accordionHead h4.icona:hover,
.accordionInner .accordionHead h5.icona:hover,
.accordionInner .accordionHead h6.icona:hover,
.accordionInner .accordionHead p.icona:hover,
.accordionInner .accordionHead a.icona:hover {
filter: brightness(10) saturate(0.2);
}
.accordionInner .accordionHead .tit {
cursor: pointer;
}
.accordionInner .accordionCnt {
padding: 10px 0 40px;
}
.accordionInner i {
position: absolute;
overflow: visible;
display: block;
bottom: 0;
right: 0;
width: 64px;
height: calc(100%);
background: transparent;
margin-top: -12px;
cursor: pointer;
border-radius: 16px;
transition: all 0.6s ease-in-out;
transition-property: background, transform, width, border-radius;
transition-duration: 0.6s;
transition: all 0.6s ease-in-out, bottom 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), height 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55), border-radius 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.accordionInner i::before,
.accordionInner i::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 1px;
background: #043A54;
transform-origin: center;
transform: translate(-50%, -50%) rotate(0deg);
transition: all 0.3s ease-in-out, top 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.accordionInner i::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.accordionInner.active {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.accordionInner.active i {
height: 64px;
top: auto;
bottom: -32px;
background: #C0C0C0;
border-radius: 32px;
}
.accordionInner.active i::before,
.accordionInner.active i::after {
background: #fafafa;
top: 30%;
width: 16px;
transform: translate(-50%, -50%) rotate(45deg);
}
.accordionInner.active i::before {
transform: translate(-85%, -50%) rotate(-45deg) !important;
}
.accordionInner.active i::after {
transform: translate(-15%, -50%) rotate(45deg) !important;
}
.accordionInner.bianco {
border-bottom: none;
}
.accordionInner.bianco .accordionHead {
color: #fafafa;
font-size: 1.5rem;
font-weight: 500;
padding-bottom: 0;
min-height: 40px;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
gap: 2rem;
padding-right: 96px;
}
.accordionInner.bianco .accordionHead::after {
content: "";
display: block;
position: relative;
overflow: clip;
width: 100%;
min-width: 25%;
height: 1px;
background: #fafafa;
flex-grow: 0;
flex-shrink: 1;
}
@media only screen and (max-width: 1440px) {
.accordionInner.bianco .accordionHead {
padding-right: 96px;
}
}
@media only screen and (max-width: 850px) {
.accordionInner.bianco .accordionHead::after {
display: none;
}
}
.accordionInner.bianco .accordionHead h1,
.accordionInner.bianco .accordionHead h2,
.accordionInner.bianco .accordionHead h3,
.accordionInner.bianco .accordionHead h4,
.accordionInner.bianco .accordionHead h5,
.accordionInner.bianco .accordionHead h6,
.accordionInner.bianco .accordionHead p,
.accordionInner.bianco .accordionHead a {
color: #fafafa;
font-size: 1.6rem;
font-weight: 500;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
line-height: 1.4em;
flex-grow: 1;
flex-shrink: 0;
width: max-content;
max-width: 75%;
}
@media only screen and (max-width: 850px) {
.accordionInner.bianco .accordionHead h1,
.accordionInner.bianco .accordionHead h2,
.accordionInner.bianco .accordionHead h3,
.accordionInner.bianco .accordionHead h4,
.accordionInner.bianco .accordionHead h5,
.accordionInner.bianco .accordionHead h6,
.accordionInner.bianco .accordionHead p,
.accordionInner.bianco .accordionHead a {
max-width: 100%;
font-size: 1.2rem;
}
}
.accordionInner.bianco .accordionHead i {
height: 40px;
border-radius: 20px;
background: #043A54;
bottom: calc(50% - 20px);
}
.accordionInner.bianco .accordionHead i::before,
.accordionInner.bianco .accordionHead i::after {
background: #fafafa;
width: 16px;
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.accordionInner.bianco .accordionHead i::before {
transform: translate(-85%, -50%) rotate(45deg);
}
.accordionInner.bianco .accordionHead i::after {
transform: translate(-15%, -50%) rotate(-45deg);
}
.accordionInner.bianco .accordionCnt {
color: #fafafa;
}
.accordionInner.bianco .accordionCnt h1,
.accordionInner.bianco .accordionCnt h2,
.accordionInner.bianco .accordionCnt h3,
.accordionInner.bianco .accordionCnt h4,
.accordionInner.bianco .accordionCnt h5,
.accordionInner.bianco .accordionCnt h6,
.accordionInner.bianco .accordionCnt p {
color: #fafafa;
}
.detail {
position: relative;
overflow: clip;
display: block;
color: #fafafa;
font-size: 1.5rem;
font-weight: 500;
padding: 15px 0;
min-height: 40px;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
gap: 2rem;
padding-right: 96px;
}
.detail::after {
content: "";
display: block;
position: relative;
overflow: clip;
width: 100%;
min-width: 25%;
height: 1px;
background: #fafafa;
flex-grow: 0;
flex-shrink: 1;
}
@media only screen and (max-width: 1440px) {
.detail {
padding-right: 96px;
}
}
@media only screen and (max-width: 850px) {
.detail::after {
display: none;
}
}
.detail h1,
.detail h2,
.detail h3,
.detail h4,
.detail h5,
.detail h6,
.detail p,
.detail a {
color: #fafafa;
font-size: 1.6rem;
font-weight: 500;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
line-height: 1.4em;
flex-grow: 1;
flex-shrink: 0;
width: max-content;
max-width: 75%;
}
@media only screen and (max-width: 850px) {
.detail h1,
.detail h2,
.detail h3,
.detail h4,
.detail h5,
.detail h6,
.detail p,
.detail a {
max-width: 100%;
font-size: 1.2rem;
}
}
.detail h1:hover,
.detail h2:hover,
.detail h3:hover,
.detail h4:hover,
.detail h5:hover,
.detail h6:hover,
.detail p:hover,
.detail a:hover {
color: #3F6079;
}
#cookiePopup {
padding: 0;
background: rgba(0, 0, 0, 0.7);
position: fixed;
z-index: 10000;
left: 0;
top: 0;
height: 100vh;
width: 100%;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1em;
color: #fafafa;
font-weight: 400;
font-weight: auto;
line-height: 1.3em;
letter-spacing: 0.03em;
font-display: swap;
}
#cookiePopup:active #cookieBox {
-webkit-box-shadow: 0 0 30px 15px rgba(255, 255, 255, 0.6);
-moz-box-shadow: 0 0 30px 15px rgba(255, 255, 255, 0.6);
box-shadow: 0 0 30px 15px rgba(255, 255, 255, 0.6);
behavior: url(/css/PIE.htc);
}
#cookiePopup #cookieBox {
position: absolute;
overflow: clip;
top: 0;
right: 0;
width: calc(100% - 50px);
max-width: 640px;
border: none;
background: #001228;
padding: 20px;
margin: 0 auto;
}
#cookiePopup #cookieBox a {
color: #fafafa;
}
#cookiePopup #cookieBox h3 {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 2rem;
color: #fafafa;
font-weight: 400;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.03em;
font-display: swap;
}
#cookiePopup #cookieBox #checkboxContainer {
padding: 20px 0;
}
#cookiePopup #cookieBox #checkboxContainer .singleCheckBox {
padding: 0 25px 0 0;
margin: 10px 0;
display: inline-block;
}
#cookiePopup #cookieBox #checkboxContainer .singleCheckBox input[type='checkbox'] {
margin: 0 10px 0 0;
cursor: pointer;
padding: 10px;
}
#cookiePopup #cookieBox button {
border: none;
background-color: #fafafa;
font-size: 90%;
letter-spacing: 0.1em;
font-weight: 700;
padding: 10px 20px;
cursor: pointer;
transition: all 0.5s;
}
#cookiePopup #cookieBox button:hover {
background-color: #3F6079;
}
#cookiePopup #cookieBox button.close {
margin-right: 5px;
background-color: #001228;
}
#cookiePopup #cookieBox button.close:hover {
background-color: #fafafa;
color: #001228;
}
.fila {
position: relative;
overflow: clip;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-justify-content: start;
justify-content: start;
-ms-flex-pack: start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
padding: 0;
width: calc(100% + 30px);
}
@media only screen and (max-width: 1000px) {
.fila {
margin: 0 -10px;
width: calc(100% + 20px);
}
}
.fila > li,
.fila > div {
list-style: none;
margin: 0 15px 30px;
padding: 0;
}
@media only screen and (max-width: 1000px) {
.fila > li,
.fila > div {
margin: 0 10px 20px;
}
}
.fila > li.spazioTit,
.fila > div.spazioTit {
position: relative;
display: block;
width: calc(100% / 2 - 30px);
}
.fila > li.spazioTit::before,
.fila > div.spazioTit::before {
content: "";
float: right;
padding-right: 33%;
height: 100%;
}
@media only screen and (max-width: 850px) {
.fila > li.spazioTit,
.fila > div.spazioTit {
width: 100%;
padding: 0 5% 1rem;
}
.fila > li.spazioTit::before,
.fila > div.spazioTit::before {
display: none;
}
}
.da5 {
margin-left: -8px;
margin-right: -8px;
width: calc(100% + 16px);
}
@media only screen and (max-width: 1000px) {
.da5 {
margin: 0 -5px;
width: calc(100% + 10px);
}
}
.da5 > li,
.da5 > div {
margin: 0 8px 16px;
width: calc(100% / 5 - 16px);
/* @media only screen and (max-width: 850px) {
width: calc(~'100% / 2 - 10px');
}
@media only screen and (max-width: 580px) {
width: 100%;
} */
}
@media only screen and (min-width: 1921px) {
.da5 > li,
.da5 > div {
width: calc(100% / 6 - 16px);
}
}
@media only screen and (max-width: 1260px) {
.da5 > li,
.da5 > div {
width: calc(100% / 4 - 16px);
}
}
@media only screen and (max-width: 1000px) {
.da5 > li,
.da5 > div {
margin: 0 5px 10px;
width: calc(100% / 3 - 10px);
}
}
.da4 > li,
.da4 > div {
width: calc(100% / 4 - 30px);
/* @media only screen and (min-width: 1921px) {
width: calc(~'100% / 5 - 30px');
} */
}
@media only screen and (max-width: 1000px) {
.da4 > li,
.da4 > div {
width: calc(100% / 3 - 20px);
}
}
@media only screen and (max-width: 850px) {
.da4 > li,
.da4 > div {
width: calc(100% / 2 - 20px);
}
}
@media only screen and (max-width: 580px) {
.da4 > li,
.da4 > div {
width: 100%;
}
}
.da3 > li,
.da3 > div {
width: calc(100% / 3 - 30px);
}
@media only screen and (max-width: 1600px) {
.da3 > li,
.da3 > div {
width: calc(100% / 2 - 30px);
}
}
@media only screen and (max-width: 850px) {
.da3 > li,
.da3 > div {
width: 100% !important;
}
}
.da2 > li,
.da2 > div {
width: calc(100% / 2 - 30px);
/* @media only screen and (min-width: 1921px) {
width: calc(~'100% / 3 - 30px');
} */
}
@media only screen and (max-width: 850px) {
.da2 > li,
.da2 > div {
width: 100% !important;
}
}
.MCEcont {
/*
.mt0;
.mb0;
.pt0;
.pb0;
*/
position: relative;
overflow: visible;
}
.MCEcont article {
/*
.mt0;
.mb0;
.pt0;
.pb0;
*/
position: relative;
overflow: visible;
padding: 0;
}
.MCEcont article:not(:has(.templateMCE)) {
padding: 5rem 0;
}
.MCEcont .templateMCE {
position: relative;
overflow: visible;
padding-block: 5rem;
}
.MCEcont .templateMCE .MCEnumero {
position: absolute;
overflow: clip;
display: block;
top: -2rem;
left: -130px;
font-size: 60svh;
font-weight: 600;
z-index: 0;
color: #E0E0E0;
line-height: 1;
}
.MCEcont .templateMCE:nth-child(even) .MCEnumero {
left: auto;
right: -130px;
}
.MCEcont .templateMCE .MCElogo,
.MCEcont .templateMCE .MCEtitolo,
.MCEcont .templateMCE .MCEintro {
position: relative;
overflow: visible;
display: block;
z-index: 1;
}
.MCEcont .templateMCE .MCElogo {
margin: 0 0 2rem;
max-width: 80svw;
max-height: 95px;
height: auto;
width: auto;
}
.MCEcont .templateMCE .MCElogo.centro {
margin: 0 auto 2rem;
}
.MCEcont .templateMCE .MCElogo.dx {
margin-left: auto;
}
.MCEcont .templateMCE .MCEtitolo,
.MCEcont .templateMCE .MCEintro {
margin-bottom: 1rem !important;
}
.MCEcont .templateMCE .MCEtitolo.centro,
.MCEcont .templateMCE .MCEintro.centro {
text-align: center;
width: 1260px;
max-width: 80%;
margin: 0 auto 1rem;
}
@media only screen and (max-width: 1260px) {
.MCEcont .templateMCE .MCEtitolo.centro,
.MCEcont .templateMCE .MCEintro.centro {
max-width: 80vw;
}
}
.MCEcont .templateMCE .MCEtitolo.destra,
.MCEcont .templateMCE .MCEintro.destra {
text-align: right;
}
.MCEcont .templateMCE .MCEintro {
margin-bottom: 4rem !important;
}
.MCEcont .templateMCE .MCElisting04 {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 1rem;
}
@media only screen and (max-width: 1440px) {
.MCEcont .templateMCE .MCElisting04 {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 850px) {
.MCEcont .templateMCE .MCElisting04 {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 480px) {
.MCEcont .templateMCE .MCElisting04 {
grid-template-columns: 1fr;
}
}
.MCEcont .templateMCE .MCElisting04 > * {
width: 100%;
position: relative;
overflow: hidden;
border-radius: 0.3rem;
display: block;
aspect-ratio: 1/1;
}
.MCEcont .templateMCE .MCElisting04 > *:hover img {
opacity: 0.8;
}
.MCEcont .templateMCE .MCElisting04 img:not(a img) {
opacity: 0.5;
}
.MCEcont .templateMCE .centra-y {
display: flex;
flex-direction: column;
justify-content: center;
}
.MCEcont .templateMCE .centra-x {
display: flex;
flex-direction: column;
align-items: center;
}
.MCEcont .templateMCE.bianco {
background-color: #fafafa;
-webkit-box-shadow: -50vw 0px 0px 0px #fafafa, 50vw 0px 0px 0px #fafafa;
-moz-box-shadow: -50vw 0px 0px 0px #fafafa, 50vw 0px 0px 0px #fafafa;
box-shadow: -50vw 0px 0px 0px #fafafa, 50vw 0px 0px 0px #fafafa;
behavior: url(/css/PIE.htc);
}
.MCEcont .templateMCE.grigio {
background-color: #ecf0f9;
-webkit-box-shadow: -50vw 0px 0px 0px #ecf0f9, 50vw 0px 0px 0px #ecf0f9;
-moz-box-shadow: -50vw 0px 0px 0px #ecf0f9, 50vw 0px 0px 0px #ecf0f9;
box-shadow: -50vw 0px 0px 0px #ecf0f9, 50vw 0px 0px 0px #ecf0f9;
behavior: url(/css/PIE.htc);
}
.MCEcont .templateMCE.dark {
background-color: #001228;
-webkit-box-shadow: -50vw 0px 0px 0px #001228, 50vw 0px 0px 0px #001228;
-moz-box-shadow: -50vw 0px 0px 0px #001228, 50vw 0px 0px 0px #001228;
box-shadow: -50vw 0px 0px 0px #001228, 50vw 0px 0px 0px #001228;
behavior: url(/css/PIE.htc);
}
.MCEcont .templateMCE.dark strong {
font-weight: 400;
color: #EBCF48;
}
.MCEcont .templateMCE.dark > * {
color: #fafafa;
}
.MCEcont .templateMCE.dark h1,
.MCEcont .templateMCE.dark h2,
.MCEcont .templateMCE.dark h3,
.MCEcont .templateMCE.dark h4,
.MCEcont .templateMCE.dark h5,
.MCEcont .templateMCE.dark h6,
.MCEcont .templateMCE.dark p,
.MCEcont .templateMCE.dark a {
color: #fafafa;
}
.MCEcont .templateMCE.dark .MCEnumero {
color: #043A54;
}
.MCEcont .templateMCE hr.full {
width: 100svw;
margin-left: calc(-50svw + 720px);
margin-right: calc(-50svw + 720px);
}
@media only screen and (max-width: 1600px) {
.MCEcont .templateMCE hr.full {
margin-left: -5svw;
margin-right: -5svw;
}
}
.quoteblock {
width: 80%;
margin: 0 auto;
}
.quoteblock .immagine,
.quoteblock .video {
position: relative;
overflow: clip;
display: block;
z-index: 1;
margin: -2px 0 0;
width: 100% !important;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
behavior: url(/css/PIE.htc);
box-shadow: 0 14px 30px -10px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 850px) {
.quoteblock .immagine,
.quoteblock .video {
width: 100% !important;
margin-top: 2rem;
}
}
.quoteblock .immagine::before,
.quoteblock .video::before {
position: relative;
overflow: clip;
content: '';
display: block;
padding-top: 75%;
z-index: 2;
-webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
.quoteblock .immagine picture,
.quoteblock .video picture,
.quoteblock .immagine #picture,
.quoteblock .video #picture {
position: absolute;
overflow: clip;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.quoteblock .immagine picture img,
.quoteblock .video picture img,
.quoteblock .immagine #picture img,
.quoteblock .video #picture img {
position: absolute;
margin: auto auto !important;
left: -10000%;
right: -10000%;
top: -10000%;
bottom: -10000%;
/*queste caratteristiche sotto x effetto COVER*/
max-width: 10000% !important;
min-width: 1000%;
min-height: 1000%;
-webkit-transform: scale(0.1);
transform: scale(0.1);
object-fit: cover;
/*queste caratteristiche sotto x effetto CONTAIN
max-width: 10%;
max-height: 10%;
-webkit-transform:scale(10);
transform: scale(10);
object-fit: contain;*/
}
.quoteblock .testo {
position: relative;
overflow: visible;
margin: 0 1rem;
padding: 1.5rem 1.5rem 0.2rem;
font-style: italic;
background-color: #001228;
color: #fafafa;
border-radius: 0 0 8px 8px;
}
@media only screen and (max-width: 850px) {
.quoteblock .testo {
width: calc(100% - 16px) !important;
margin: 0 8px;
padding: 1rem 1rem 0.2rem;
}
}
.quoteblock .testo .tit {
font-size: 1.2rem;
font-weight: 700;
font-style: normal;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #fafafa;
}
.blocco01 {
-webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
.blocco01 .int {
position: relative;
-webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
.blocco01 .int .immagine,
.blocco01 .int .video {
position: relative;
overflow: clip;
display: block;
z-index: 1;
margin: 0;
width: 100%;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
behavior: url(/css/PIE.htc);
background-color: #001228;
}
.blocco01 .int .immagine::before,
.blocco01 .int .video::before {
position: relative;
overflow: clip;
content: '';
display: block;
padding-top: 65%;
background-color: #B1D2F0;
opacity: 0.5;
z-index: 2;
-webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
.blocco01 .int .immagine picture,
.blocco01 .int .video picture,
.blocco01 .int .immagine #picture,
.blocco01 .int .video #picture {
position: absolute;
overflow: clip;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.blocco01 .int .immagine picture img,
.blocco01 .int .video picture img,
.blocco01 .int .immagine #picture img,
.blocco01 .int .video #picture img {
position: absolute;
margin: auto auto;
left: -10000%;
right: -10000%;
top: -10000%;
bottom: -10000%;
/*queste caratteristiche sotto x effetto COVER*/
max-width: 10000% !important;
min-width: 1000%;
min-height: 1000%;
-webkit-transform: scale(0.1);
transform: scale(0.1);
object-fit: cover;
/*queste caratteristiche sotto x effetto CONTAIN
max-width: 10%;
max-height: 10%;
-webkit-transform:scale(10);
transform: scale(10);
object-fit: contain;*/
}
.blocco01 .int .video::before {
display: none;
}
.blocco01 .int .testo {
position: absolute;
overflow: clip;
top: 0;
left: 0;
width: 100%;
height: 100%;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center;
color: #001228;
z-index: 2;
padding: 24px;
font-size: 0.8rem;
}
.blocco01 .int .testo .subtit {
display: block;
margin: 1rem 0;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3rem;
color: #001228;
font-weight: 400;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.03em;
font-display: swap;
text-wrap: balance;
}
.blocco01 .int .testo .intro-accordion {
-webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
position: relative;
overflow: clip;
max-height: 0;
opacity: 0;
text-wrap: balance;
}
.blocco01 .int .testo .minilogo {
position: relative;
overflow: clip;
display: block;
}
.blocco01 .int .testo .minilogo img {
width: auto;
height: auto;
max-height: 40px;
max-width: 100%;
filter: invert(0.9) sepia(2) hue-rotate(180deg) saturate(3);
}
@media only screen and (max-width: 850px) {
.blocco01 .int .testo {
padding: 15px;
}
.blocco01 .int .testo::before {
content: '';
position: absolute;
overflow: clip;
display: block;
top: -20px;
left: 15px;
width: 1px;
height: 30px;
background: #3F6079;
}
}
@media only screen and (max-width: 480px) {
.blocco01 .int .testo .intro-accordion > *:not(.bottone) {
display: none;
}
.blocco01 .int .testo .minilogo img {
max-height: 30px;
}
.blocco01 .int .testo .subtit {
font-size: 1rem;
}
}
.blocco01:hover .int .testo .intro-accordion {
max-height: 100%;
opacity: 1;
}
.blocco01:hover .int .immagine::before {
opacity: 0.85;
}
.blocco02 {
-webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
.blocco02 .int {
position: relative;
-webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
.blocco02 .int .immagine,
.blocco02 .int .video {
position: relative;
overflow: clip;
display: block;
z-index: 1;
margin: 0;
width: 100%;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
behavior: url(/css/PIE.htc);
background-color: #001228;
}
.blocco02 .int .immagine .bottone,
.blocco02 .int .video .bottone {
position: absolute !important;
overflow: clip !important;
display: block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
pointer-events: none;
z-index: 4;
}
.blocco02 .int .immagine::before,
.blocco02 .int .video::before {
position: relative;
overflow: clip;
content: '';
display: block;
padding-top: 75%;
background-color: #B1D2F0;
opacity: 0;
z-index: 2;
-webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
.blocco02 .int .immagine:hover::before,
.blocco02 .int .video:hover::before {
opacity: 0.5;
}
.blocco02 .int .immagine:hover .bottone,
.blocco02 .int .video:hover .bottone {
opacity: 1;
pointer-events: all;
}
.blocco02 .int .immagine picture,
.blocco02 .int .video picture,
.blocco02 .int .immagine #picture,
.blocco02 .int .video #picture {
position: absolute;
overflow: clip;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.blocco02 .int .immagine picture img,
.blocco02 .int .video picture img,
.blocco02 .int .immagine #picture img,
.blocco02 .int .video #picture img {
position: absolute;
margin: auto auto;
left: -10000%;
right: -10000%;
top: -10000%;
bottom: -10000%;
/*queste caratteristiche sotto x effetto COVER*/
max-width: 10000% !important;
min-width: 1000%;
min-height: 1000%;
-webkit-transform: scale(0.1);
transform: scale(0.1);
object-fit: cover;
/*queste caratteristiche sotto x effetto CONTAIN
max-width: 10%;
max-height: 10%;
-webkit-transform:scale(10);
transform: scale(10);
object-fit: contain;*/
}
.blocco02 .int .video::before {
display: none;
}
.blocco02 .int .testo {
position: relative;
overflow: visible;
z-index: 2;
padding: 24px 0;
}
@media only screen and (max-width: 850px) {
.blocco02 .int .testo {
padding: 16px 0;
}
}
.blocco02 .int .testo .tit {
display: block;
margin: 0 0 1rem;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.25rem;
color: #fafafa;
font-weight: 400;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.03em;
font-display: swap;
}
.blocco02 .int .testo .tit a {
color: #fafafa;
}
.blocco02 .int .testo .tit a:hover {
color: #EBCF48;
}
.blocco02 .int .testo .subtit {
display: block;
margin: 0;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.25rem;
color: #fafafa;
font-weight: 400;
line-height: 1.2;
letter-spacing: 0.03em;
font-display: swap;
}
.blocco02.tiny .int {
display: grid;
position: relative;
height: 100%;
grid-template-rows: min-content 1fr min-content;
}
.blocco02.tiny .immagine {
background-color: transparent;
}
.blocco02.tiny .immagine::before {
position: absolute;
overflow: clip;
content: none;
}
.blocco02.tiny .immagine img {
position: relative;
overflow: clip;
width: 100%;
}
.blocco02.tiny .testo {
padding-top: 0;
padding-bottom: 1rem;
}
.blocco02.tiny .testo h4 {
max-width: 100%;
margin: 0 0 1rem;
}
.blocco03 {
position: relative;
overflow: clip;
border: 1px solid #fafafa;
border-radius: 2.5rem;
background-color: #001228;
}
.blocco03::before {
position: absolute;
overflow: clip;
display: block;
content: "";
width: 80%;
padding-bottom: 80%;
left: 50%;
bottom: 0%;
border-radius: 50%;
-webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
transform: scale(1) translate(-50%, 50%);
background-color: #043A54;
opacity: 0;
pointer-events: none;
}
.blocco03.is-selected::before {
opacity: 1;
width: 410%;
padding-bottom: 310%;
bottom: 0;
}
.blocco03 .int {
position: relative;
overflow: clip;
-webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
padding: 2rem 2.5rem;
}
.blocco03 .int .immagine,
.blocco03 .int .video {
position: relative;
overflow: clip;
display: block;
z-index: 1;
margin: 0;
width: 100%;
}
.blocco03 .int .immagine::before,
.blocco03 .int .video::before {
position: relative;
overflow: clip;
content: '';
display: block;
padding-top: 100%;
}
.blocco03 .int .immagine picture,
.blocco03 .int .video picture,
.blocco03 .int .immagine #picture,
.blocco03 .int .video #picture {
position: absolute;
overflow: clip;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.blocco03 .int .immagine picture img,
.blocco03 .int .video picture img,
.blocco03 .int .immagine #picture img,
.blocco03 .int .video #picture img {
position: absolute;
margin: auto auto;
left: -10000%;
right: -10000%;
top: -10000%;
bottom: -10000%;
/*queste caratteristiche sotto x effetto COVER
max-width: 10000% !important;
min-width: 1000%;
min-height: 1000%;
-webkit-transform: scale(0.1);
transform: scale(0.1);
object-fit: cover;*/
/*queste caratteristiche sotto x effetto CONTAIN*/
max-width: 10%;
max-height: 10%;
-webkit-transform: scale(10);
transform: scale(10);
object-fit: contain;
}
.blocco03 .int .video::before {
display: none;
}
.blocco03 .int .testo {
position: relative;
overflow: visible;
z-index: 2;
margin-top: 2rem;
}
.blocco03 .int .testo .tit {
display: block;
margin: 0 0 1rem;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 2rem;
color: #fafafa;
font-weight: 400;
font-weight: 900;
line-height: 1.2;
letter-spacing: 0.03em;
font-display: swap;
}
.blocco03 .int .testo .tit a {
color: #fafafa;
}
.blocco03 .int .testo .tit a:hover {
color: #EBCF48;
}
.blocco03 .int .testo .subtit {
display: block;
margin: 0 0 1.5rem;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.125rem;
color: #fafafa;
font-weight: 400;
font-weight: 300;
line-height: 1.2;
letter-spacing: 0.03em;
font-display: swap;
}
.blocco03 .int .testo .cont-btn {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
gap: 1.5rem;
}
.blocco03 .int .testo .cont-btn::before {
content: "";
position: relative;
overflow: clip;
display: block;
width: 100%;
height: 1px;
background-color: #fafafa;
flex-grow: 0;
flex-shrink: 1;
}
.blocco03 .int .testo .cont-btn .link {
position: relative;
overflow: clip;
display: block;
flex-grow: 1;
flex-shrink: 0;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1rem;
color: #EBCF48;
font-weight: 400;
line-height: 1.2;
letter-spacing: 0.03em;
font-display: swap;
}
.blocco04 .int .immagine {
position: relative;
overflow: clip;
display: block;
z-index: 1;
margin: 0;
width: 100%;
height: min-content;
border-radius: 6px;
background-color: #043A54;
}
.blocco04 .int .immagine img {
width: 100%;
display: block;
}
.blocco04 .int .testo {
position: relative;
overflow: visible;
z-index: 2;
padding: 2rem 0;
padding-right: 2rem;
}
.blocco04 .int .testo .tit {
display: block;
margin: 0 0 0.25rem;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.4rem;
color: #043A54;
font-weight: 400;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.03em;
font-display: swap;
}
.blocco04 .int .testo .tit a {
color: #043A54;
}
.blocco04 .int .testo .tit a:hover {
color: #738FA9;
}
.blocco04 .int .testo .subtit {
display: block;
margin: 0 0 1.5rem;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.125rem;
color: #001228;
font-weight: 400;
font-weight: 300;
line-height: 1.2;
letter-spacing: 0.03em;
font-display: swap;
}
.blocco04 .int .testo .cont-btn {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
gap: 1.5rem;
}
.blocco04 .int .testo .cont-btn::before {
content: "";
position: relative;
overflow: clip;
display: block;
width: 100%;
height: 1px;
background-color: #001228;
flex-grow: 0;
flex-shrink: 1;
}
.blocco04 .int .testo .cont-btn .link {
position: relative;
overflow: clip;
display: block;
flex-grow: 1;
flex-shrink: 0;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1rem;
color: #043A54;
font-weight: 400;
line-height: 1.2;
letter-spacing: 0.03em;
font-display: swap;
}
.blocco05 .int .immagine {
position: relative;
overflow: clip;
display: block;
z-index: 1;
margin: 0;
width: 100%;
height: min-content;
border-radius: 6px;
background-color: #043A54;
}
.blocco05 .int .immagine img {
width: 100%;
display: block;
}
.blocco05 .int .testo {
position: relative;
overflow: visible;
z-index: 2;
padding: 1rem 0 0;
}
.blocco05 .int .testo .tit {
display: block;
margin: 0;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.125rem;
color: #001228;
font-weight: 400;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0.03em;
font-display: swap;
}
.blocco05 .int .testo .tit a {
color: #001228;
}
.blocco05 .int .testo .tit a:hover {
color: #738FA9;
}
.blocco05 .int .testo .subtit {
display: block;
margin: 0.5rem 0 1rem;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1rem;
color: #001228;
font-weight: 400;
font-weight: 300;
line-height: 1.2;
letter-spacing: 0.03em;
font-display: swap;
}
.blocco05 .int .testo .data {
width: 100%;
border-top: 1px solid #798093;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 0.8rem;
color: #798093;
font-weight: 400;
font-weight: 300;
line-height: 1.2;
letter-spacing: 0.03em;
font-display: swap;
text-align: right;
padding-top: 0.5rem;
}
.blocco05 .int .testo .cont-btn {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
gap: 1.5rem;
}
.blocco05 .int .testo .cont-btn::before {
content: "";
position: relative;
overflow: clip;
display: block;
width: 100%;
height: 1px;
background-color: #001228;
flex-grow: 0;
flex-shrink: 1;
}
.blocco05 .int .testo .cont-btn .link {
position: relative;
overflow: clip;
display: block;
flex-grow: 1;
flex-shrink: 0;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1rem;
color: #043A54;
font-weight: 400;
line-height: 1.2;
letter-spacing: 0.03em;
font-display: swap;
}
.blocco06 {
position: relative;
overflow: clip;
}
.blocco06.is-selected::before {
opacity: 1;
width: 410%;
padding-bottom: 310%;
bottom: 0;
}
.blocco06 .int {
position: relative;
overflow: clip;
-webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
display: grid;
grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 850px) {
.blocco06 .int {
grid-template-columns: 1fr;
}
}
.blocco06 .int::before {
position: absolute;
overflow: clip;
display: block;
content: "";
width: 75%;
height: 80%;
top: 10%;
background-color: #043A54;
opacity: 0.8;
z-index: 0;
border-radius: 1rem;
}
@media only screen and (max-width: 1440px) {
.blocco06 .int::before {
top: 5%;
height: 90%;
}
}
@media only screen and (max-width: 850px) {
.blocco06 .int::before {
width: 90%;
height: 80%;
top: 20%;
}
}
@media only screen and (max-width: 480px) {
.blocco06 .int::before {
width: 100%;
left: 0 !important;
right: 0 !important;
}
}
.blocco06 .int .immagine {
position: relative;
overflow: clip;
width: 100%;
height: 100%;
z-index: 1;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.blocco06 .int .immagine img {
position: relative;
overflow: clip;
display: block;
margin: 0 auto;
border-radius: 6px;
}
.blocco06 .int .testo {
position: relative;
overflow: visible;
z-index: 2;
padding: calc(10% + 3rem) 3rem;
}
@media only screen and (max-width: 1440px) {
.blocco06 .int .testo {
padding: calc(5% + 2rem) 2rem;
}
}
@media only screen and (max-width: 850px) {
.blocco06 .int .testo {
padding: 3rem calc(5% + 2rem) 2rem;
}
}
@media only screen and (max-width: 480px) {
.blocco06 .int .testo {
padding: 2rem 1rem;
}
}
.blocco06 .int .testo .tit {
display: block;
margin: 0 0 1rem;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 2rem;
color: #fafafa;
font-weight: 400;
font-weight: 900;
line-height: 1.2;
letter-spacing: 0.03em;
font-display: swap;
}
.blocco06 .int .testo .tit a {
color: #fafafa;
}
.blocco06 .int .testo .tit a:hover {
color: #EBCF48;
}
.blocco06 .int .testo .subtit {
display: block;
margin: 0 0 1.5rem;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.125rem;
color: #fafafa;
font-weight: 400;
font-weight: 300;
line-height: 1.2;
letter-spacing: 0.03em;
font-display: swap;
}
.blocco06 .int .testo .minilogo {
position: relative;
overflow: clip;
display: block;
}
.blocco06 .int .testo .minilogo img {
display: block;
margin: 0 auto;
width: auto;
height: auto;
max-height: 80px;
max-width: 180px;
}
.blocco06:nth-child(odd) .int::before {
left: 25%;
border-radius: 8rem 1rem 1rem 8rem;
}
@media only screen and (max-width: 850px) {
.blocco06:nth-child(odd) .int::before {
left: 5%;
border-radius: 1rem;
}
}
.blocco06:nth-child(odd) .int .immagine {
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: -1;
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.blocco06:nth-child(odd) .int .testo {
-webkit-box-ordinal-group: 999;
-moz-box-ordinal-group: 999;
-ms-flex-order: 999;
-webkit-order: 999;
order: 999;
padding-right: 3rem;
}
@media only screen and (max-width: 850px) {
.blocco06:nth-child(odd) .int .testo {
padding-left: calc(5% + 1rem);
padding-right: calc(5% + 1rem);
}
}
@media only screen and (max-width: 480px) {
.blocco06:nth-child(odd) .int .testo {
padding-left: 1rem;
padding-right: 1rem;
}
}
.blocco06:nth-child(even) .int::before {
right: 25%;
border-radius: 1rem 8rem 8rem 1rem;
}
@media only screen and (max-width: 850px) {
.blocco06:nth-child(even) .int::before {
right: 5%;
border-radius: 1rem;
}
}
.blocco06:nth-child(even) .int .immagine {
-webkit-box-ordinal-group: 999;
-moz-box-ordinal-group: 999;
-ms-flex-order: 999;
-webkit-order: 999;
order: 999;
}
@media only screen and (max-width: 850px) {
.blocco06:nth-child(even) .int .immagine {
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: -1;
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
}
.blocco06:nth-child(even) .int .testo {
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: -1;
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
padding-left: 3rem;
}
@media only screen and (max-width: 850px) {
.blocco06:nth-child(even) .int .testo {
-webkit-box-ordinal-group: 999;
-moz-box-ordinal-group: 999;
-ms-flex-order: 999;
-webkit-order: 999;
order: 999;
padding-left: calc(5% + 1rem);
padding-right: calc(5% + 1rem);
}
}
@media only screen and (max-width: 480px) {
.blocco06:nth-child(even) .int .testo {
padding-left: 1rem;
padding-right: 1rem;
}
}
/*------------------------------*/
#contenitore {
position: relative;
overflow-x: clip;
z-index: 3;
margin: 0 auto;
padding: 0;
margin-top: 124px;
width: 100%;
max-width: 100svw;
/*min-height:100%;*/
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1rem;
color: #001228;
font-weight: 400;
font-weight: auto;
line-height: 1.7;
letter-spacing: 0.03em;
font-display: swap;
background-color: #fafafa;
}
@media only screen and (max-width: 1600px) {
#contenitore {
margin-top: 124px;
}
}
@media only screen and (max-width: 850px) {
#contenitore {
margin-top: 124px;
}
}
#contenitore.basso::after {
top: 0;
}
#contenitore section:nth-last-of-type(1).bgBianco article {
-webkit-box-shadow: 0 -1px 0 0 #043A54 inset;
-moz-box-shadow: 0 -1px 0 0 #043A54 inset;
box-shadow: 0 -1px 0 0 #043A54 inset;
behavior: url(/css/PIE.htc);
}
#contenitore.alternate > .gen:nth-child(even) {
background: #f3f6f9;
-webkit-box-shadow: 40vw 0 0 #f3f6f9,-40vw 0 0 #f3f6f9;
-moz-box-shadow: 40vw 0 0 #f3f6f9,-40vw 0 0 #f3f6f9;
box-shadow: 40vw 0 0 #f3f6f9,-40vw 0 0 #f3f6f9;
behavior: url(/css/PIE.htc);
}
#contenitore.alternate > .gen:nth-child(even) img.principale {
float: right;
max-width: 50%;
margin: 0 0 1em 5%;
}
@media only screen and (max-width: 850px) {
#contenitore.alternate > .gen:nth-child(even) img.principale {
float: none;
max-width: 100%;
margin: 0 0 1em 0;
}
}
/*------------------------------*/
#logo {
position: absolute;
overflow: clip;
display: block;
z-index: 21;
top: 55px;
left: calc(50svw - 720px);
width: 309px;
height: 48px;
margin-inline: auto;
-webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
#logo a {
display: block;
}
#logo a img {
display: block;
margin: 0;
width: 100%;
}
@media only screen and (max-width: 1600px) {
#logo {
left: 5svw;
}
}
@media only screen and (max-width: 1260px) {
#logo {
width: 200px;
top: 64px;
}
}
#logo.basso,
#logo.inmenu {
top: -120px;
}
#logo.inmenu {
top: 55px;
}
@media only screen and (max-width: 1260px) {
#logo.inmenu {
top: 64px;
}
}
#logo.fix {
position: fixed;
}
#logo.inalto {
top: 55px;
}
@media only screen and (max-width: 1260px) {
#logo.inalto {
top: 64px;
}
}
/*------------------*/
.menu {
position: absolute;
overflow: clip;
z-index: 20;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 124px;
margin: 0;
padding: 0;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.1rem;
color: #fafafa;
font-weight: 400;
font-weight: auto;
line-height: 1.1em;
letter-spacing: 0.03em;
font-display: swap;
-webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
@media only screen and (max-width: 1600px) {
.menu {
top: 0;
}
}
.menu.none {
display: none;
}
.menu .sopra,
.menu .sotto {
position: relative;
overflow: clip;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
align-items: center;
padding: 0 calc(50svw - 720px);
transition: all 0.28s ease;
}
@media only screen and (max-width: 1600px) {
.menu .sopra,
.menu .sotto {
padding: 0 5svw;
}
}
.menu .sopra .icona,
.menu .sotto .icona {
display: block;
width: 20px;
height: 20px;
}
.menu .sopra .icona .ico,
.menu .sotto .icona .ico {
-webkit-transform: scale(0.2);
transform: scale(0.2);
}
.menu .sopra {
background: #043A54;
height: 34px;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify-content;
-moz-box-pack: justify-content;
-ms-flex-pack: justify-content;
-webkit-justify-content: justify-content;
justify-content: justify-content;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
gap: 3rem;
}
@media only screen and (max-width: 850px) {
.menu .sopra {
gap: 0.5rem;
}
}
.menu .sopra .cont-sx,
.menu .sopra .cont-dx {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
gap: 3rem;
}
@media only screen and (max-width: 850px) {
.menu .sopra .cont-sx,
.menu .sopra .cont-dx {
gap: 0.5rem;
}
}
.menu .sopra .riservata {
position: relative;
overflow: clip;
margin: 0;
padding: 0;
/* IGOR: per floattare a destra la sceitta esci*/
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
align-items: center;
gap: 6px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 0.9rem;
color: #fafafa;
font-weight: 400;
font-weight: 500;
line-height: 1.8;
letter-spacing: 0.03em;
font-display: swap;
}
.menu .sopra .riservata > a:has(.icona) {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
align-items: center;
gap: 6px;
}
@media only screen and (max-width: 1600px) {
.menu .sopra .riservata {
padding-inline: 0.5rem;
border: none;
}
}
@media only screen and (max-width: 850px) {
.menu .sopra .riservata {
padding-inline: 0;
padding-left: 0.5rem;
border: none;
}
.menu .sopra .riservata > a b {
display: none;
}
}
.menu .sopra .lingue {
position: relative;
overflow: clip;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
cursor: pointer;
}
@media only screen and (max-width: 1260px) {
.menu .sopra .lingue {
padding-inline: 0.5rem;
border: none;
}
}
.menu .sopra .lingue ul {
overflow: clip;
display: grid;
grid-auto-flow: column;
gap: 7px;
margin: 0 20px 0 0;
padding: 0;
max-width: 500px;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.menu .sopra .lingue ul li {
position: relative;
overflow: clip;
list-style: none;
margin: 0;
padding: 0;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.menu .sopra .lingue ul li .icona {
display: block;
width: 24px;
height: 24px;
padding: 2px;
}
.menu .sopra .lingue ul li .icona .ico {
transform: scale(0.2);
filter: none !important;
}
.menu .sopra .lingue ul.chiuso {
max-width: 0;
margin: 0;
}
.menu .sopra .ricerca {
position: relative;
overflow: clip;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
padding: 0 0 0 1.5rem;
cursor: pointer;
}
.menu .sopra .ricerca .icona {
margin-left: 0.5rem;
}
.menu .sopra .ricerca input {
display: none;
}
@media only screen and (max-width: 1600px) {
.menu .sopra .ricerca {
padding-left: 0.5rem;
}
.menu .sopra .ricerca span {
display: none;
}
.menu .sopra .ricerca .icona {
margin: 0;
}
}
.menu .sopra .social {
position: relative;
overflow: clip;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0;
cursor: pointer;
}
@media only screen and (max-width: 1260px) {
.menu .sopra .social {
padding-inline: 0.5rem;
border: none;
display: none;
}
}
.menu .sopra .social ul {
overflow: clip;
display: grid;
grid-auto-flow: column;
gap: 7px;
margin: 0 20px 0 0;
padding: 0;
max-width: 500px;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.menu .sopra .social ul li {
position: relative;
overflow: clip;
list-style: none;
margin: 0;
padding: 0;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.menu .sopra .social ul li .icona {
display: block;
width: 24px;
height: 24px;
padding: 2px;
}
.menu .sopra .social ul li .icona .ico {
transform: scale(0.2);
filter: none !important;
}
.menu .sopra .social ul.chiuso {
max-width: 0;
margin: 0;
}
.menu .sotto {
background: #001228;
height: 90px;
/*mobnav*/
}
.menu .sotto .mobnav {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
align-items: center;
margin-right: auto;
}
.menu .sotto .mobnav .hamburger {
display: block;
z-index: 9999;
position: relative;
overflow: visible;
width: 36px;
height: 36px;
padding: 0;
cursor: pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
/*per eliminare il riquadro al tap dei link*/
}
.menu .sotto .mobnav .hamburger .linea,
.menu .sotto .mobnav .hamburger::before,
.menu .sotto .mobnav .hamburger::after {
content: '';
display: block;
position: absolute;
overflow: clip;
margin-top: 16px;
width: 36px;
height: 3px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
behavior: url(/css/PIE.htc);
cursor: pointer;
background: #fafafa;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.menu .sotto .mobnav .hamburger::before {
left: 0;
width: 36px;
margin-top: 7px;
}
.menu .sotto .mobnav .hamburger::after {
left: 0;
width: 36px;
margin-top: 25px;
}
.menu .sotto .mobnav .hamburger.ics .linea {
opacity: 0;
}
.menu .sotto .mobnav .hamburger.ics::before,
.menu .sotto .mobnav .hamburger.ics::after {
left: 5px;
width: 36px;
margin-top: 3.5px;
background: #fafafa !important;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.menu .sotto .mobnav .hamburger.ics::after {
margin-top: 28.5px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu .sotto ul.menu-evidenza {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
margin: 0 0 0 auto;
padding: 0;
}
.menu .sotto ul.menu-evidenza > li {
list-style: none;
margin: 0;
padding: 0 1.5rem;
line-height: 1.1em;
font-weight: 600;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
@media only screen and (max-width: 1260px) {
.menu .sotto ul.menu-evidenza > li {
padding: 0 1rem;
}
}
@media only screen and (max-width: 850px) {
.menu .sotto ul.menu-evidenza > li:not(:has(.mobnav)) {
display: none;
}
}
.menu .sotto ul.menu-evidenza > li:nth-of-type(1) {
border: none;
padding-left: 0;
}
.menu .sotto ul.menu-evidenza > li:last-child {
border: none;
padding-right: 0;
}
.menu .sotto ul.menu-evidenza > li.unika-btn a {
position: relative;
overflow: clip;
display: block;
width: 72px;
height: 72px;
background-color: transparent;
border: 1px solid #fafafa;
border-radius: 6px;
background-image: url('images/unika_logo.svg');
background-size: 72px;
background-position: center;
}
.menu .sotto ul.menu-evidenza > li.unika-btn a:hover {
background-color: #043A54;
}
.menu .sotto .conIco {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
align-items: center;
padding: 0 1.5rem;
margin: 0;
line-height: 33px;
}
.menu .sotto .conIco.telefono {
margin-left: auto;
}
.menu .sotto .conIco.e-mail {
padding-right: 0;
border-left: 1px solid #001228;
}
.menu .sotto .conIco .icona {
margin: 0 0.5rem 0 0;
}
.menu a {
color: #fafafa;
}
.menu a:hover {
color: #EBCF48;
}
.menu.inmenu {
z-index: 20;
top: 0 !important;
left: unset !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
behavior: url(/css/PIE.htc) !important;
}
.menu.inmenu .sotto {
background: transparent;
}
.menu.inmenu .sotto li:not(:has(.mobnav)) {
opacity: 0;
pointer-events: none;
padding: 0;
}
.menu.inmenu .sotto li:not(:has(.mobnav)).unika-btn > * {
width: 20px;
}
.menu.basso {
top: -124px;
left: 0;
right: 0;
}
.menu.fix {
position: fixed;
}
.menu.inalto {
top: 0;
-webkit-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.1);
behavior: url(/css/PIE.htc);
}
nav,
#nav {
position: fixed;
display: block;
overflow-y: auto !important;
overflow-x: clip;
z-index: 19;
width: 100% !important;
top: 0px;
left: 100svw;
bottom: 0;
right: 0;
margin: 0;
padding: 0;
border: none;
background: #001228;
-webkit-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
scrollbar-width: none;
/*ul*/
}
nav::-webkit-scrollbar,
#nav::-webkit-scrollbar {
display: none;
width: 0;
}
nav.due,
#nav.due {
background-color: #001228;
}
nav.mostralo,
#nav.mostralo {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
}
nav.mostralo > div,
#nav.mostralo > div {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
}
nav > div,
#nav > div {
position: relative;
overflow: clip;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start;
padding: 0;
min-height: 100vh;
-webkit-transform: translateX(150%);
transform: translateX(150%);
-webkit-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
}
@keyframes anim {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
nav > div::after,
#nav > div::after {
content: '';
position: absolute;
overflow: clip;
display: block;
z-index: -1;
top: calc(124px + 3svw);
right: -21vw;
width: 70vw;
height: 70vw;
background: url(images/bg_cerchio.svg) center center no-repeat;
background-size: contain;
opacity: 1;
animation: anim 160s linear infinite;
}
@media only screen and (max-width: 850px) {
nav > div,
#nav > div {
display: block;
}
nav > div::after,
#nav > div::after {
top: 5svh;
left: 20svh;
right: unset;
width: 100svh;
height: 100svh;
}
}
nav ul,
#nav ul {
position: relative;
overflow: clip;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-ms-box-direction: column;
-webkit-box-direction: column;
padding: 164px 0 5vw calc(50svw - 720px);
margin: 0;
width: 50%;
min-height: 100svh;
left: 0;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.3rem;
color: #fafafa;
font-weight: 400;
font-weight: auto;
line-height: 1.2;
letter-spacing: 0.03em;
font-display: swap;
letter-spacing: 0.15em;
/*
@media only screen and (max-width: 1260px) {
padding:75px 0 75px 75px;
width:calc(~"50% - 75px");
min-height: calc(~"100vh - 150px");
}
*/
/*sotto*/
}
@media only screen and (max-width: 1600px) {
nav ul,
#nav ul {
padding: 164px 0 5vw 5svw;
}
}
@media only screen and (max-width: 850px) {
nav ul,
#nav ul {
padding: 164px 5svw 10vw;
width: 100%;
}
}
nav ul li,
#nav ul li {
display: inline-block;
/**/
list-style: none;
z-index: 3;
margin: 0;
padding: 0;
cursor: pointer;
}
@media only screen and (max-width: 850px) {
nav ul li,
#nav ul li {
font-size: 2.5vh !important;
}
}
nav ul.principale,
#nav ul.principale {
z-index: 2;
}
nav ul.principale > li,
#nav ul.principale > li {
position: relative;
padding: 0.35vw 0;
font-weight: auto;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
nav ul.principale > li::after,
#nav ul.principale > li::after {
content: '';
position: absolute;
overflow: clip;
display: block;
z-index: 1;
bottom: 0;
left: 0;
width: 0;
height: 100%;
border-bottom: 1px solid #fafafa;
-webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
@media only screen and (max-width: 850px) {
nav ul.principale > li,
#nav ul.principale > li {
padding: 1vh 0;
}
}
nav ul.principale > li a,
#nav ul.principale > li a {
position: relative;
z-index: 2;
color: #fafafa;
-webkit-transition: all 0.14s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.14s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.14s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.14s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.14s cubic-bezier(0.52, 0.16, 0.24, 1);
}
nav ul.principale > li a:hover,
#nav ul.principale > li a:hover {
color: #EBCF48;
}
nav ul.principale > li a.bottone,
#nav ul.principale > li a.bottone {
font-weight: auto;
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 1.2rem;
}
nav ul.principale > li a.bottone:hover,
#nav ul.principale > li a.bottone:hover {
border-color: #001228;
background: #001228;
color: #fafafa;
}
@media only screen and (max-width: 850px) {
nav ul.principale > li a.bottone,
#nav ul.principale > li a.bottone {
font-size: 2.2vh;
}
}
nav ul.principale > li.aprizona::before,
#nav ul.principale > li.aprizona::before {
position: relative;
overflow: clip;
content: "";
display: block;
width: 5px;
height: 5px;
margin: 0 24px;
border-radius: 50%;
background-color: #fafafa;
-webkit-box-ordinal-group: 999;
-moz-box-ordinal-group: 999;
-ms-flex-order: 999;
-webkit-order: 999;
order: 999;
box-shadow: -10px 0 #fafafa, 10px 0px #fafafa;
transition: 0.2s ease-in-out;
}
nav ul.principale > li.aprizona.current::before,
#nav ul.principale > li.aprizona.current::before {
background-color: #B1D2F0;
box-shadow: 0px 0 #fafafa, 0px 0px #fafafa;
}
nav ul.principale > li.spazio,
#nav ul.principale > li.spazio {
height: 2vw;
}
nav ul.principale > li.lingueMob .icona,
#nav ul.principale > li.lingueMob .icona {
display: inline-block;
width: 30px;
height: 30px;
margin-right: 8px;
}
nav ul.principale > li.lingueMob .icona .ico,
#nav ul.principale > li.lingueMob .icona .ico {
transform: scale(0.3);
}
@media only screen and (min-width: 1366px) {
nav ul.principale > li.lingueMob,
#nav ul.principale > li.lingueMob {
display: none;
}
}
@media only screen and (min-width: 851px) {
nav ul.principale > li.current::after,
#nav ul.principale > li.current::after {
width: 100%;
}
nav ul.principale > li.current a,
#nav ul.principale > li.current a {
color: #B1D2F0;
letter-spacing: 0.07em;
margin-left: 2rem;
font-weight: 900;
/* &:active{
color: @nero;
} */
}
nav ul.principale > li.current a:hover:not(:focus),
#nav ul.principale > li.current a:hover:not(:focus) {
opacity: 1;
color: #fafafa;
}
}
nav ul.principale > li.contatto,
#nav ul.principale > li.contatto {
font-weight: 400;
letter-spacing: 0.03em;
white-space: nowrap;
text-transform: none;
}
nav ul.principale > li.contatto a,
#nav ul.principale > li.contatto a {
font-weight: 700;
color: #3F6079;
}
nav ul.principale > li.contatto a:hover,
#nav ul.principale > li.contatto a:hover {
color: #fafafa;
}
@media only screen and (max-width: 850px) {
nav ul.principale > li.contatto,
#nav ul.principale > li.contatto {
font-size: 80% !important;
}
}
nav ul.principale > li.contatto:nth-last-child(2),
#nav ul.principale > li.contatto:nth-last-child(2) {
margin-top: auto;
}
nav ul.principale > li.unika-btn a,
#nav ul.principale > li.unika-btn a {
position: relative;
overflow: clip;
display: block;
width: 90px;
height: 90px;
border: 1px solid #fafafa;
border-radius: 6px;
background-color: transparent;
background-image: url('images/unika_logo.svg');
background-size: 90px;
background-position: center;
}
nav ul.principale > li.unika-btn a:hover,
#nav ul.principale > li.unika-btn a:hover {
background-color: #043A54;
}
nav ul.principale > li.social,
#nav ul.principale > li.social {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-pack: flex-start;
-moz-box-pack: flex-start;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
margin-top: 2rem;
bottom: 1rem;
}
nav ul.principale > li.social .icona,
#nav ul.principale > li.social .icona {
margin-right: 12px;
width: 48px;
height: 48px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
behavior: url(/css/PIE.htc);
background: #fafafa;
}
@media only screen and (max-width: 850px) {
nav ul.principale > li.social .icona,
#nav ul.principale > li.social .icona {
margin-left: 0;
margin-right: 8px;
width: 36px;
height: 36px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
behavior: url(/css/PIE.htc);
}
}
nav ul.principale > li.social .icona .ico,
#nav ul.principale > li.social .icona .ico {
top: 4px;
left: 4px;
-webkit-transform: scale(0.4);
transform: scale(0.4);
background-image: url(images/ico-dk.png);
}
@media only screen and (max-width: 850px) {
nav ul.principale > li.social .icona .ico,
#nav ul.principale > li.social .icona .ico {
top: 2px;
left: 2px;
-webkit-transform: scale(0.32);
transform: scale(0.32);
}
}
nav ul.secondario,
#nav ul.secondario {
overflow: auto;
display: block;
z-index: 2;
width: 50%;
padding: 164px 5vw 5vw;
padding-inline: 0;
max-width: 0;
background: rgba(4, 58, 84, 0.7);
border-left: 1px solid #fafafa;
-webkit-transform: translateX(50svw);
transform: translateX(50svw);
-webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
backdrop-filter: blur(5px);
}
nav ul.secondario.aperto,
#nav ul.secondario.aperto {
padding-inline: 5vw;
max-width: 100svw;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
@media only screen and (max-width: 850px) {
nav ul.secondario,
#nav ul.secondario {
position: absolute;
overflow: clip;
overflow-y: auto;
display: block;
z-index: 2;
top: 0;
left: 100vw;
padding: 120px 10vw 10vw;
min-width: 100svw;
min-height: 100svh;
height: 100svh;
-webkit-box-shadow: 0 0 0 transparent;
-moz-box-shadow: 0 0 0 transparent;
box-shadow: 0 0 0 transparent;
behavior: url(/css/PIE.htc);
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
}
nav ul.secondario .chiudi,
#nav ul.secondario .chiudi {
position: fixed;
overflow: clip;
display: block;
top: 60px;
left: 20px;
width: 24px;
height: 24px;
border: none;
padding: 0;
margin: 0 !important;
}
nav ul.secondario .chiudi::before,
#nav ul.secondario .chiudi::before {
content: '';
display: block;
position: absolute;
overflow: clip;
top: 8px;
left: 4px;
width: 16px;
height: 16px;
border-top: 3px solid #fafafa;
border-left: 3px solid #fafafa;
-webkit-transform: rotate(-225deg) translateY(40%);
transform: rotate(-225deg) translateY(40%);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
cursor: pointer;
}
nav ul.secondario.apertomob,
#nav ul.secondario.apertomob {
-webkit-transform: translateX(-100vw);
transform: translateX(-100vw);
-webkit-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1);
}
}
nav ul.secondario > li,
#nav ul.secondario > li {
position: relative;
overflow: clip;
display: block;
padding: 0.5vw 0;
margin: 0;
letter-spacing: 0.1em;
}
@media only screen and (max-width: 850px) {
nav ul.secondario > li,
#nav ul.secondario > li {
margin: 1.5vh 0;
}
}
nav ul.secondario > li a,
#nav ul.secondario > li a {
display: inline-block;
padding: 0;
color: #B1D2F0;
font-weight: 400;
-webkit-transition: all 0.14s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.14s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.14s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.14s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.14s cubic-bezier(0.52, 0.16, 0.24, 1);
}
nav ul.secondario > li a:hover,
#nav ul.secondario > li a:hover {
color: #fafafa;
}
nav ul.secondario > li a:hover picture,
#nav ul.secondario > li a:hover picture,
nav ul.secondario > li a:hover #picture,
#nav ul.secondario > li a:hover #picture {
opacity: 1;
}
@media only screen and (max-width: 850px) {
nav ul.secondario > li a,
#nav ul.secondario > li a {
width: 100%;
}
}
nav ul.secondario > li.icona,
#nav ul.secondario > li.icona {
width: 42px;
height: 42px;
margin: 1em 0 0;
filter: invert(1);
}
nav ul.secondario > li.icona .ico,
#nav ul.secondario > li.icona .ico {
transform: scale(0.42);
}
nav ul.secondario > li > i.icona,
#nav ul.secondario > li > i.icona {
display: inline-block;
vertical-align: middle;
width: 24px;
height: 24px;
margin: 0 15px 0 0;
filter: invert(1);
}
nav ul.secondario > li > i.icona .ico,
#nav ul.secondario > li > i.icona .ico {
transform: scale(0.24);
}
/*------------------------------*/
body.home {
height: 100svh;
}
body.home #contenitore {
padding-top: 0 !important;
}
body.home .menu .sopra {
padding: 0 calc(5svw + 90px + 1px * 2) 0 5svw;
}
@media only screen and (max-width: 850px) {
body.home .menu .sopra {
padding: 0 5svw;
}
}
body.home .menu .sotto {
padding: 0 calc(5svw + 90px + 1px * 2) 0 5svw;
}
@media only screen and (max-width: 850px) {
body.home .menu .sotto {
padding: 0 5svw;
}
}
body.home .menu .sotto:after {
content: "";
position: absolute;
overflow: clip;
display: block;
bottom: 0;
right: 0;
width: calc(90px);
height: calc(90px + 1px);
background: #fafafa;
transition: all 0.28s ease;
transition-delay: 0.82s;
}
@media only screen and (max-width: 850px) {
body.home .menu .sotto:after {
display: none;
}
}
body.home .menu.inmenu .sopra {
padding: 0 5svw;
}
body.home .menu.inmenu .sotto {
padding: 0 5svw;
}
body.home .menu.inmenu .sotto::after {
opacity: 0;
transition-delay: 0s;
}
body.home #logo {
left: 5svw;
}
body.home nav ul {
padding-left: 5svw;
}
body.con_bgvideo #contenitore {
padding-top: 34px !important;
background-color: transparent;
}
body.con_bgvideo .menu .sotto {
background-color: transparent;
}
body.con_bgvideo .menu.basso {
background-color: #001228;
}
body.con_bgimg #contenitore {
padding-top: 34px !important;
background-color: rgba(255, 255, 255, 0.55);
}
body.con_bgimg .menu .sotto {
background-color: #001228;
}
body.con_bgimg .menu.basso {
background-color: #001228;
}
.bgvideo {
position: fixed;
overflow: clip;
mix-blend-mode: luminosity;
opacity: 0.4;
width: 100vw;
height: 100vh;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0;
z-index: 0;
pointer-events: none;
margin: auto auto;
left: -10000%;
right: -10000%;
top: -10000%;
bottom: -10000%;
/*queste caratteristiche sotto x effetto COVER*/
min-width: 1000%;
min-height: 1000%;
-webkit-transform: scale(0.1);
transform: scale(0.1);
object-fit: cover;
}
.bgimg {
position: fixed;
overflow: clip;
filter: brightness(1.4) contrast(0.75) blur(26px);
width: 102vw;
height: 102vh;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0;
z-index: 0;
pointer-events: none;
margin: auto auto;
left: -10000%;
right: -10000%;
top: -10000%;
bottom: -10000%;
/*queste caratteristiche sotto x effetto COVER*/
min-width: 1000%;
min-height: 1000%;
-webkit-transform: scale(0.1);
transform: scale(0.1);
object-fit: cover;
}
.anchorMenu {
position: sticky;
display: block;
top: 0;
min-height: 42px;
height: min-content;
margin: 0 auto;
background: #043A54;
padding: 8px calc(50svw - 720px);
width: 100%;
z-index: 2;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
gap: 1rem;
-webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
.anchorMenu.basso {
top: 124px;
}
@media only screen and (max-width: 1600px) {
.anchorMenu {
padding: 12px 5svw;
}
}
@media only screen and (max-width: 850px) {
.anchorMenu {
position: relative;
flex-wrap: wrap;
top: 0 !important;
row-gap: 0.75rem;
padding: 1rem 5svw;
}
}
.anchorMenu li {
list-style: none;
display: flex;
margin: 0 5px 0 0;
padding: 0;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.1rem;
color: #fafafa;
font-weight: 400;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.03em;
font-display: swap;
}
@media only screen and (max-width: 850px) {
.anchorMenu li {
font-size: 1rem;
}
}
.anchorMenu li a {
color: #fafafa;
text-decoration: none;
text-align: center;
}
.anchorMenu li a:hover {
color: #EBCF48;
text-decoration: none;
}
.anchorMenu li::after {
content: ' >';
margin: 0 0 0 5px;
font-size: 0.9em;
color: #043A54;
font-weight: auto;
vertical-align: middle;
line-height: 1.1rem;
opacity: 0.5;
}
.anchorMenu li:nth-last-child(1):after {
content: none;
}
@media only screen and (max-width: 850px) {
.anchorMenu li:nth-last-of-type(1) {
display: none;
}
.anchorMenu li:nth-last-of-type(2)::after {
display: none;
}
}
/*------------------------------*/
header.bigslide,
#header.bigslide {
position: relative;
overflow: clip;
z-index: 1;
margin: 124px auto 0;
width: 100%;
height: calc(100svh - 124px);
/*slide*/
}
header.bigslide #slidepreview,
#header.bigslide #slidepreview {
background-color: #001228;
position: relative;
overflow: clip;
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
width: 100%;
height: calc(100svh - 124px - 90px);
margin: 0;
padding: 0 90px 0 0;
list-style: none;
}
@media only screen and (max-width: 850px) {
header.bigslide #slidepreview,
#header.bigslide #slidepreview {
height: calc(100svh - 124px - 130px);
}
}
header.bigslide #slidepreview li,
#header.bigslide #slidepreview li,
header.bigslide #slidepreview .blocco,
#header.bigslide #slidepreview .blocco {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
opacity: 1;
visibility: visible;
overflow: clip;
transform: translateY(100%);
transition: opacity 0.3s linear, visibility 0.3s linear;
}
header.bigslide #slidepreview li::before,
#header.bigslide #slidepreview li::before,
header.bigslide #slidepreview .blocco::before,
#header.bigslide #slidepreview .blocco::before {
content: '';
position: absolute;
overflow: clip;
display: block;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #001228;
opacity: 0.4;
}
header.bigslide #slidepreview li.blocco.is-active,
#header.bigslide #slidepreview li.blocco.is-active,
header.bigslide #slidepreview .blocco.blocco.is-active,
#header.bigslide #slidepreview .blocco.blocco.is-active {
z-index: 10;
pointer-events: auto;
}
header.bigslide #slidepreview li.blocco:not(.is-active),
#header.bigslide #slidepreview li.blocco:not(.is-active),
header.bigslide #slidepreview .blocco.blocco:not(.is-active),
#header.bigslide #slidepreview .blocco.blocco:not(.is-active) {
z-index: 0;
pointer-events: none;
}
header.bigslide #slidepreview li picture,
#header.bigslide #slidepreview li picture,
header.bigslide #slidepreview .blocco picture,
#header.bigslide #slidepreview .blocco picture,
header.bigslide #slidepreview li #picture,
#header.bigslide #slidepreview li #picture,
header.bigslide #slidepreview .blocco #picture,
#header.bigslide #slidepreview .blocco #picture {
position: fixed;
overflow: clip;
display: block;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.9;
/* &::before {
content: '';
.abshide;
display: block;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
} */
}
header.bigslide #slidepreview li picture img,
#header.bigslide #slidepreview li picture img,
header.bigslide #slidepreview .blocco picture img,
#header.bigslide #slidepreview .blocco picture img,
header.bigslide #slidepreview li #picture img,
#header.bigslide #slidepreview li #picture img,
header.bigslide #slidepreview .blocco #picture img,
#header.bigslide #slidepreview .blocco #picture img {
position: absolute;
overflow: clip;
z-index: 1;
margin: auto auto;
left: -10000%;
right: -10000%;
top: -10000%;
bottom: -10000%;
/*queste caratteristiche sotto x effetto COVER*/
min-width: 1000%;
min-height: 1000%;
-webkit-transform: scale(0.1);
transform: scale(0.1);
object-fit: cover;
}
header.bigslide #slidepreview li video,
#header.bigslide #slidepreview li video,
header.bigslide #slidepreview .blocco video,
#header.bigslide #slidepreview .blocco video,
header.bigslide #slidepreview li #video,
#header.bigslide #slidepreview li #video,
header.bigslide #slidepreview .blocco #video,
#header.bigslide #slidepreview .blocco #video {
position: absolute;
overflow: clip;
z-index: 1;
margin: auto auto;
left: -10000%;
right: -10000%;
top: -10000%;
bottom: -10000%;
/*queste caratteristiche sotto x effetto COVER*/
min-width: 1000%;
min-height: 1000%;
-webkit-transform: scale(0.1);
transform: scale(0.1);
object-fit: cover;
}
header.bigslide #slidepreview li .intro,
#header.bigslide #slidepreview li .intro,
header.bigslide #slidepreview .blocco .intro,
#header.bigslide #slidepreview .blocco .intro {
position: absolute;
overflow: visible;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
z-index: 4;
top: 50%;
left: 50%;
bottom: 0;
width: 1260px;
max-width: 80%;
height: 100%;
margin: 0 auto;
padding: 0 0 70px 0;
color: #fafafa;
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1260px) {
header.bigslide #slidepreview li .intro,
#header.bigslide #slidepreview li .intro,
header.bigslide #slidepreview .blocco .intro,
#header.bigslide #slidepreview .blocco .intro {
max-width: 80vw;
}
}
@media only screen and (max-width: 1440px) {
header.bigslide #slidepreview li .intro,
#header.bigslide #slidepreview li .intro,
header.bigslide #slidepreview .blocco .intro,
#header.bigslide #slidepreview .blocco .intro {
/* left: 30%;
width: 70%; */
padding-right: 90px;
}
}
@media only screen and (max-width: 850px) {
header.bigslide #slidepreview li .intro,
#header.bigslide #slidepreview li .intro,
header.bigslide #slidepreview .blocco .intro,
#header.bigslide #slidepreview .blocco .intro {
padding: 0;
left: 50%;
width: 90%;
max-width: 90%;
-webkit-align-items: flex-end;
-ms-align-items: end;
align-items: flex-end;
}
}
header.bigslide #slidepreview li .intro .JS_logo-intro,
#header.bigslide #slidepreview li .intro .JS_logo-intro,
header.bigslide #slidepreview .blocco .intro .JS_logo-intro,
#header.bigslide #slidepreview .blocco .intro .JS_logo-intro {
position: relative;
overflow: clip;
display: block;
margin: 0 auto 1rem;
max-width: 720px;
max-height: 120px;
height: auto;
width: auto;
}
@media only screen and (max-width: 1260px) {
header.bigslide #slidepreview li .intro .JS_logo-intro,
#header.bigslide #slidepreview li .intro .JS_logo-intro,
header.bigslide #slidepreview .blocco .intro .JS_logo-intro,
#header.bigslide #slidepreview .blocco .intro .JS_logo-intro {
max-width: 100%;
}
}
header.bigslide #slidepreview li .intro .JS_subtit,
#header.bigslide #slidepreview li .intro .JS_subtit,
header.bigslide #slidepreview .blocco .intro .JS_subtit,
#header.bigslide #slidepreview .blocco .intro .JS_subtit,
header.bigslide #slidepreview li .intro .JS_tit,
#header.bigslide #slidepreview li .intro .JS_tit,
header.bigslide #slidepreview .blocco .intro .JS_tit,
#header.bigslide #slidepreview .blocco .intro .JS_tit {
margin: 2rem auto 0;
}
header.bigslide #slidepreview li .intro .bottone,
#header.bigslide #slidepreview li .intro .bottone,
header.bigslide #slidepreview .blocco .intro .bottone,
#header.bigslide #slidepreview .blocco .intro .bottone,
header.bigslide #slidepreview li .intro .link,
#header.bigslide #slidepreview li .intro .link,
header.bigslide #slidepreview .blocco .intro .link,
#header.bigslide #slidepreview .blocco .intro .link {
display: block;
margin-top: 2rem;
text-transform: uppercase;
font-weight: 700;
color: #fafafa;
letter-spacing: 0.15em;
}
@media only screen and (max-width: 850px) {
header.bigslide #slidepreview li .intro .bottone,
#header.bigslide #slidepreview li .intro .bottone,
header.bigslide #slidepreview .blocco .intro .bottone,
#header.bigslide #slidepreview .blocco .intro .bottone,
header.bigslide #slidepreview li .intro .link,
#header.bigslide #slidepreview li .intro .link,
header.bigslide #slidepreview .blocco .intro .link,
#header.bigslide #slidepreview .blocco .intro .link {
margin: 2rem auto 0;
}
}
header.bigslide #slidepreview li .intro .bottone::before,
#header.bigslide #slidepreview li .intro .bottone::before,
header.bigslide #slidepreview .blocco .intro .bottone::before,
#header.bigslide #slidepreview .blocco .intro .bottone::before,
header.bigslide #slidepreview li .intro .link::before,
#header.bigslide #slidepreview li .intro .link::before,
header.bigslide #slidepreview .blocco .intro .link::before,
#header.bigslide #slidepreview .blocco .intro .link::before,
header.bigslide #slidepreview li .intro .bottone::after,
#header.bigslide #slidepreview li .intro .bottone::after,
header.bigslide #slidepreview .blocco .intro .bottone::after,
#header.bigslide #slidepreview .blocco .intro .bottone::after,
header.bigslide #slidepreview li .intro .link::after,
#header.bigslide #slidepreview li .intro .link::after,
header.bigslide #slidepreview .blocco .intro .link::after,
#header.bigslide #slidepreview .blocco .intro .link::after {
content: "";
display: inline-block;
width: 100px;
height: 1px;
background: #fafafa;
margin-inline: 1rem;
vertical-align: middle;
}
@media only screen and (max-width: 850px) {
header.bigslide #slidepreview li .intro .bottone::before,
#header.bigslide #slidepreview li .intro .bottone::before,
header.bigslide #slidepreview .blocco .intro .bottone::before,
#header.bigslide #slidepreview .blocco .intro .bottone::before,
header.bigslide #slidepreview li .intro .link::before,
#header.bigslide #slidepreview li .intro .link::before,
header.bigslide #slidepreview .blocco .intro .link::before,
#header.bigslide #slidepreview .blocco .intro .link::before,
header.bigslide #slidepreview li .intro .bottone::after,
#header.bigslide #slidepreview li .intro .bottone::after,
header.bigslide #slidepreview .blocco .intro .bottone::after,
#header.bigslide #slidepreview .blocco .intro .bottone::after,
header.bigslide #slidepreview li .intro .link::after,
#header.bigslide #slidepreview li .intro .link::after,
header.bigslide #slidepreview .blocco .intro .link::after,
#header.bigslide #slidepreview .blocco .intro .link::after {
display: none;
}
}
header.bigslide .main-nav,
#header.bigslide .main-nav {
position: absolute;
overflow: clip;
right: 0;
top: 0;
bottom: 0;
width: calc(90px + 1px * 2);
height: calc(100% - 90px);
margin: 0;
padding: 0;
list-style: none;
z-index: 4;
background-color: #fafafa;
border-left: 2px solid #001228;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
gap: 1.5rem;
}
@media only screen and (max-width: 850px) {
header.bigslide .main-nav,
#header.bigslide .main-nav {
display: none;
}
}
header.bigslide .main-nav .dot,
#header.bigslide .main-nav .dot {
content: "";
position: relative;
overflow: visible;
display: block;
width: 16px;
height: 16px;
background: #001228;
border-radius: 8px;
-webkit-box-shadow: 0 0 6px -6px #001228;
-moz-box-shadow: 0 0 6px -6px #001228;
box-shadow: 0 0 6px -6px #001228;
behavior: url(/css/PIE.htc);
}
header.bigslide .main-nav .dot.is-active,
#header.bigslide .main-nav .dot.is-active {
height: 3.5rem;
}
header.bigslide .main-nav .dot:hover,
#header.bigslide .main-nav .dot:hover {
-webkit-box-shadow: 0 0 0 5px #E0E0E0;
-moz-box-shadow: 0 0 0 5px #E0E0E0;
box-shadow: 0 0 0 5px #E0E0E0;
behavior: url(/css/PIE.htc);
}
header.bigslide .bottom-nav,
#header.bigslide .bottom-nav {
position: absolute;
overflow: clip;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 90px;
margin: 0;
padding: 0 5svw;
list-style: none;
z-index: 4;
background-color: #fafafa;
border-top: 1px solid #001228;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
gap: 3rem;
row-gap: 0;
}
@media only screen and (max-width: 850px) {
header.bigslide .bottom-nav,
#header.bigslide .bottom-nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 0.5rem 5svw;
height: 130px;
}
}
header.bigslide .bottom-nav .JS_slider,
#header.bigslide .bottom-nav .JS_slider {
position: relative;
overflow: visible;
width: 40%;
height: 100%;
}
@media only screen and (max-width: 850px) {
header.bigslide .bottom-nav .JS_slider,
#header.bigslide .bottom-nav .JS_slider {
display: none;
}
}
header.bigslide .bottom-nav .JS_slider .track,
#header.bigslide .bottom-nav .JS_slider .track {
position: absolute;
width: 100%;
height: 1px;
top: 50%;
left: 0;
right: 0;
background: #001228;
transform: translateY(-50%);
}
header.bigslide .bottom-nav .JS_slider .cursore,
#header.bigslide .bottom-nav .JS_slider .cursore {
position: absolute;
top: 50%;
width: 16px;
height: 16px;
background: #001228;
border-radius: 8px;
transform: translate(-50%, -50%);
cursor: pointer;
transition: all 0.2s ease;
cursor: grab;
user-select: none;
-webkit-user-drag: none;
touch-action: none;
-webkit-box-shadow: 0 0 6px -6px #001228;
-moz-box-shadow: 0 0 6px -6px #001228;
box-shadow: 0 0 6px -6px #001228;
behavior: url(/css/PIE.htc);
}
header.bigslide .bottom-nav .JS_slider .cursore:active,
#header.bigslide .bottom-nav .JS_slider .cursore:active {
cursor: grabbing;
}
header.bigslide .bottom-nav .JS_slider .cursore:hover,
#header.bigslide .bottom-nav .JS_slider .cursore:hover {
-webkit-box-shadow: 0 0 0 5px #E0E0E0;
-moz-box-shadow: 0 0 0 5px #E0E0E0;
box-shadow: 0 0 0 5px #E0E0E0;
behavior: url(/css/PIE.htc);
}
header.bigslide .bottom-nav .navigation,
#header.bigslide .bottom-nav .navigation {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
flex-grow: 1;
flex-shrink: 0;
gap: 1rem;
}
header.bigslide .bottom-nav .navigation .bottone,
#header.bigslide .bottom-nav .navigation .bottone {
height: 40px;
}
header.bigslide .bottom-nav .navigation .autoplay-toggle,
#header.bigslide .bottom-nav .navigation .autoplay-toggle {
min-width: 42px;
padding: 11px;
}
header.bigslide .bottom-nav .navigation .autoplay-toggle .icon-play::before,
#header.bigslide .bottom-nav .navigation .autoplay-toggle .icon-play::before,
header.bigslide .bottom-nav .navigation .autoplay-toggle .icon-pause::before,
#header.bigslide .bottom-nav .navigation .autoplay-toggle .icon-pause::before {
content: '';
display: block;
position: absolute;
overflow: clip;
top: 10.5px;
left: 10.5px;
width: 18px;
height: 18px;
background-image: url(images/home_ico.png);
background-position: 0 0;
background-size: 100%;
}
header.bigslide .bottom-nav .navigation .autoplay-toggle .icon-play::before,
#header.bigslide .bottom-nav .navigation .autoplay-toggle .icon-play::before {
background-position: 0 18px;
}
header.bigslide .bottom-nav .fondo,
#header.bigslide .bottom-nav .fondo {
font-size: 0.8rem;
font-weight: 400;
flex-shrink: 0;
text-align: right;
color: #001228;
}
header.bigslide .bottom-nav .fondo a,
#header.bigslide .bottom-nav .fondo a {
color: #001228;
font-weight: 700;
}
@media only screen and (max-width: 850px) {
header.bigslide .bottom-nav .fondo,
#header.bigslide .bottom-nav .fondo {
text-align: center;
}
}
header.bigslide .JS_autoplay-progress,
#header.bigslide .JS_autoplay-progress {
position: absolute;
bottom: 91px;
left: 0;
height: 4px;
width: 0%;
background: #fafafa;
opacity: 1;
pointer-events: none;
z-index: 2;
transition: opacity 0.3s ease;
}
header.bigslide.bassa,
#header.bigslide.bassa {
height: 70svh;
}
header.bigslide.bassa::after,
#header.bigslide.bassa::after {
display: none;
}
header.bigslide.bassa #slidepreview,
#header.bigslide.bassa #slidepreview,
header.bigslide.bassa #slidevideo,
#header.bigslide.bassa #slidevideo {
height: 70svh;
}
header.bigslide.bassa #slidepreview li,
#header.bigslide.bassa #slidepreview li,
header.bigslide.bassa #slidevideo li,
#header.bigslide.bassa #slidevideo li,
header.bigslide.bassa #slidepreview .blocco,
#header.bigslide.bassa #slidepreview .blocco,
header.bigslide.bassa #slidevideo .blocco,
#header.bigslide.bassa #slidevideo .blocco {
height: 70svh;
}
/*------------------------------*/
section,
#section {
position: relative;
overflow: clip;
margin: 0 auto;
/*article*/
/*-----------------------*/
/*navigatore*/
}
section img,
#section img,
section iframe,
#section iframe,
section object,
#section object,
section embed,
#section embed,
section video,
#section video {
max-width: 100%;
}
section video,
#section video {
width: 100%;
height: auto;
}
section article,
#section article,
section #article,
#section #article,
section main,
#section main,
section #main,
#section #main {
position: relative;
overflow: clip;
display: block;
width: 90%;
max-width: 1440px;
/* @media only screen and (max-width: 370px) {
width: 90vw;
} */
margin: 0 auto;
padding: 5rem 0;
}
@media only screen and (max-width: 1600px) {
section article,
#section article,
section #article,
#section #article,
section main,
#section main,
section #main,
#section #main {
width: 90%;
}
}
@media only screen and (max-width: 1260px) {
section article,
#section article,
section #article,
#section #article,
section main,
#section main,
section #main,
#section #main {
width: 90vw;
}
}
@media only screen and (max-width: 850px) {
section article,
#section article,
section #article,
#section #article,
section main,
#section main,
section #main,
#section #main {
padding: 2.5rem 0;
}
}
section article.micro,
#section article.micro,
section #article.micro,
#section #article.micro,
section main.micro,
#section main.micro,
section #main.micro,
#section #main.micro {
width: 850px;
max-width: 80%;
}
@media only screen and (max-width: 1260px) {
section article.micro,
#section article.micro,
section #article.micro,
#section #article.micro,
section main.micro,
#section main.micro,
section #main.micro,
#section #main.micro {
max-width: 80vw;
}
}
section article.stretto,
#section article.stretto,
section #article.stretto,
#section #article.stretto,
section main.stretto,
#section main.stretto,
section #main.stretto,
#section #main.stretto {
width: 1260px;
max-width: 80%;
}
@media only screen and (max-width: 1260px) {
section article.stretto,
#section article.stretto,
section #article.stretto,
#section #article.stretto,
section main.stretto,
#section main.stretto,
section #main.stretto,
#section #main.stretto {
max-width: 80vw;
}
}
section article.full,
#section article.full,
section #article.full,
#section #article.full,
section main.full,
#section main.full,
section #main.full,
#section #main.full {
width: 100vw;
max-width: 100%;
}
section img.principale,
#section img.principale {
float: left;
max-width: 50%;
margin: 0 5% 1em 0;
}
@media only screen and (max-width: 850px) {
section img.principale,
#section img.principale {
float: none;
max-width: 100%;
margin: 0 0 1em 0;
}
}
section.gen main,
#section.gen main,
section.gen #main,
#section.gen #main,
section.gen article,
#section.gen article,
section.gen #article,
#section.gen #article {
position: relative;
overflow: clip;
display: block;
width: 90%;
max-width: 1440px;
/* @media only screen and (max-width: 370px) {
width: 90vw;
} */
margin: 0 auto;
padding: 5rem 0;
}
@media only screen and (max-width: 1600px) {
section.gen main,
#section.gen main,
section.gen #main,
#section.gen #main,
section.gen article,
#section.gen article,
section.gen #article,
#section.gen #article {
width: 90%;
}
}
@media only screen and (max-width: 1260px) {
section.gen main,
#section.gen main,
section.gen #main,
#section.gen #main,
section.gen article,
#section.gen article,
section.gen #article,
#section.gen #article {
width: 90vw;
}
}
@media only screen and (max-width: 850px) {
section.gen main,
#section.gen main,
section.gen #main,
#section.gen #main,
section.gen article,
#section.gen article,
section.gen #article,
#section.gen #article {
padding: 2.5rem 0;
}
}
section.gen.stretto,
#section.gen.stretto {
overflow: visible;
}
section.gen.stretto main,
#section.gen.stretto main,
section.gen.stretto #main,
#section.gen.stretto #main,
section.gen.stretto article,
#section.gen.stretto article,
section.gen.stretto #article,
#section.gen.stretto #article {
width: 1260px;
max-width: 80%;
}
@media only screen and (max-width: 1260px) {
section.gen.stretto main,
#section.gen.stretto main,
section.gen.stretto #main,
#section.gen.stretto #main,
section.gen.stretto article,
#section.gen.stretto article,
section.gen.stretto #article,
#section.gen.stretto #article {
max-width: 80vw;
}
}
section.gen.full main,
#section.gen.full main,
section.gen.full #main,
#section.gen.full #main,
section.gen.full article,
#section.gen.full article,
section.gen.full #article,
#section.gen.full #article {
width: calc(100svw - 120px);
max-width: 100%;
}
@media only screen and (max-width: 1260px) {
section.gen.full main,
#section.gen.full main,
section.gen.full #main,
#section.gen.full #main,
section.gen.full article,
#section.gen.full article,
section.gen.full #article,
#section.gen.full #article {
width: 90vw;
}
}
section.gen img.principale,
#section.gen img.principale {
float: left;
max-width: 50%;
margin: 0 5% 1em 0;
}
@media only screen and (max-width: 850px) {
section.gen img.principale,
#section.gen img.principale {
float: none;
max-width: 100%;
margin: 0 0 1em 0;
}
}
section.bcrumb,
#section.bcrumb {
overflow: visible;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
width: 100%;
margin: 0 auto;
border-top: 1px solid #043A54;
border-bottom: 1px solid #043A54;
}
section.bcrumb ul,
#section.bcrumb ul {
position: relative;
overflow: clip;
margin: 0 auto;
width: 90%;
max-width: 1440px;
/* @media only screen and (max-width: 370px) {
width: 90vw;
} */
padding: 15px 0;
width: 100%;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: flex-end;
-moz-box-pack: flex-end;
-ms-flex-pack: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
gap: 1rem;
}
@media only screen and (max-width: 1600px) {
section.bcrumb ul,
#section.bcrumb ul {
width: 90%;
}
}
@media only screen and (max-width: 1260px) {
section.bcrumb ul,
#section.bcrumb ul {
width: 90vw;
}
}
section.bcrumb ul li,
#section.bcrumb ul li {
list-style: none;
display: block;
padding: 0;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.1rem;
color: #043A54;
font-weight: 400;
font-weight: auto;
line-height: 1;
letter-spacing: 0.03em;
font-display: swap;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
section.bcrumb ul li a,
#section.bcrumb ul li a {
color: #043A54;
text-decoration: none;
}
section.bcrumb ul li a:hover,
#section.bcrumb ul li a:hover {
color: #738FA9;
text-decoration: none;
}
section.bcrumb ul li::after,
#section.bcrumb ul li::after {
position: relative;
overflow: clip;
display: block;
content: '';
width: 1px;
height: 1.1rem;
background-color: #043A54;
margin-left: 1rem;
}
section.bcrumb ul li:nth-last-child(1):after,
#section.bcrumb ul li:nth-last-child(1):after {
content: none;
}
@media only screen and (max-width: 850px) {
section.bcrumb ul li:nth-last-of-type(1),
#section.bcrumb ul li:nth-last-of-type(1) {
display: none;
}
section.bcrumb ul li:nth-last-of-type(2)::after,
#section.bcrumb ul li:nth-last-of-type(2)::after {
display: none;
}
}
section.bcrumb.stretto ul,
#section.bcrumb.stretto ul {
width: 1260px;
max-width: 80%;
}
@media only screen and (max-width: 1260px) {
section.bcrumb.stretto ul,
#section.bcrumb.stretto ul {
max-width: 80vw;
}
}
section.bcrumb.due,
#section.bcrumb.due {
background-color: #001228;
border-top: 1px solid #738FA9;
border-bottom: 1px solid #738FA9;
}
section.bcrumb.due ul li,
#section.bcrumb.due ul li {
color: #738FA9;
}
section.bcrumb.due ul li a,
#section.bcrumb.due ul li a {
color: #738FA9;
}
section.bcrumb.due ul li a:hover,
#section.bcrumb.due ul li a:hover {
color: #fafafa;
}
section.bcrumb.due ul li::after,
#section.bcrumb.due ul li::after {
background-color: #738FA9;
}
section.STILE_head01 .grid,
#section.STILE_head01 .grid {
display: grid;
grid-template-columns: 370px 1fr;
gap: 5rem;
}
@media only screen and (max-width: 850px) {
section.STILE_head01 .grid,
#section.STILE_head01 .grid {
grid-template-columns: 1fr !important;
}
}
section.STILE_head01 .grid.margin-sx,
#section.STILE_head01 .grid.margin-sx {
margin-left: calc(50svw - 720px);
}
@media only screen and (max-width: 1600px) {
section.STILE_head01 .grid.margin-sx,
#section.STILE_head01 .grid.margin-sx {
margin-left: 5svw;
}
}
@media only screen and (max-width: 850px) {
section.STILE_head01 .grid.margin-sx,
#section.STILE_head01 .grid.margin-sx {
position: relative;
overflow: visible;
width: 90svw;
margin-right: 5svw;
}
}
section.STILE_head01 .heading .minilogo,
#section.STILE_head01 .heading .minilogo {
position: relative;
overflow: clip;
display: block;
}
section.STILE_head01 .heading .minilogo img,
#section.STILE_head01 .heading .minilogo img {
width: auto;
height: auto;
max-height: 110px;
max-width: 100%;
}
section.STILE_head01 .desc,
#section.STILE_head01 .desc {
margin-left: 190px;
}
@media only screen and (max-width: 1440px) {
section.STILE_head01 .desc,
#section.STILE_head01 .desc {
margin-left: 0px;
}
}
section.STILE_head01 .listing_link,
#section.STILE_head01 .listing_link {
padding: 0;
margin: 0;
list-style: none;
}
@media only screen and (max-width: 850px) {
section.STILE_head01 .listing_link,
#section.STILE_head01 .listing_link {
-webkit-box-ordinal-group: 999;
-moz-box-ordinal-group: 999;
-ms-flex-order: 999;
-webkit-order: 999;
order: 999;
}
}
section.STILE_head01 .listing_link li,
#section.STILE_head01 .listing_link li {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
gap: 1rem;
margin: 0 0 1em;
}
section.STILE_head01 .listing_link li a,
#section.STILE_head01 .listing_link li a {
position: relative;
overflow: visible;
flex-grow: 1;
flex-shrink: 1;
display: block;
text-wrap: nowrap;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.5rem;
color: #fafafa;
font-weight: 400;
line-height: 1.1;
letter-spacing: 0.03em;
font-display: swap;
}
section.STILE_head01 .listing_link li a:hover,
#section.STILE_head01 .listing_link li a:hover {
color: #EBCF48;
}
@media only screen and (max-width: 1260px) {
section.STILE_head01 .listing_link li a,
#section.STILE_head01 .listing_link li a {
font-size: 1.2rem;
}
}
section.STILE_head01 .listing_link li::after,
#section.STILE_head01 .listing_link li::after {
content: "";
position: relative;
overflow: clip;
display: block;
width: 100%;
height: 1px;
background: #fafafa;
flex-grow: 0;
flex-shrink: 1;
}
@media only screen and (max-width: 850px) {
section.STILE_head01 .slider01,
#section.STILE_head01 .slider01 {
position: relative;
overflow: visible;
}
section.STILE_head01 .slider01 .flickity-viewport,
#section.STILE_head01 .slider01 .flickity-viewport {
position: relative;
overflow: visible;
}
}
section.STILE_head01 .slider01 .cella,
#section.STILE_head01 .slider01 .cella {
width: 320px;
max-width: 100%;
margin: 0 8px;
}
section.STILE_head01 .slider_nav,
#section.STILE_head01 .slider_nav {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
gap: 1rem;
width: calc(1440px - 370px - 5rem);
}
@media only screen and (max-width: 1600px) {
section.STILE_head01 .slider_nav,
#section.STILE_head01 .slider_nav {
width: calc(90svw - 370px - 5rem);
}
}
@media only screen and (max-width: 850px) {
section.STILE_head01 .slider_nav,
#section.STILE_head01 .slider_nav {
width: 100%;
}
}
section.STILE_head01 .slider_nav .indietro,
#section.STILE_head01 .slider_nav .indietro {
-webkit-box-ordinal-group: -999;
-moz-box-ordinal-group: -999;
-ms-flex-order: -999;
-webkit-order: -999;
order: -999;
}
section.STILE_head01 .slider_nav .avanti,
#section.STILE_head01 .slider_nav .avanti {
-webkit-box-ordinal-group: 999;
-moz-box-ordinal-group: 999;
-ms-flex-order: 999;
-webkit-order: 999;
order: 999;
}
section.STILE_head01 .slider_nav::after,
#section.STILE_head01 .slider_nav::after {
position: relative;
overflow: clip;
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #fafafa;
}
section.STILE_head01 .--sticky,
#section.STILE_head01 .--sticky {
display: block;
position: -webkit-sticky;
position: sticky;
top: 5rem;
}
section.STILE_head01 .opt_sfondo,
#section.STILE_head01 .opt_sfondo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}
section.STILE_head01 .opt_sfondo:after,
#section.STILE_head01 .opt_sfondo:after {
content: '';
position: absolute;
overflow: clip;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #001228;
background: linear-gradient(0deg, #011c3b 0%, rgba(0, 18, 40, 0.9) 40%, rgba(0, 18, 40, 0.6) 100%);
}
section.STILE_head02 .grid,
#section.STILE_head02 .grid {
display: grid;
grid-template-columns: 1fr 500px;
gap: 5rem;
}
@media only screen and (max-width: 126px) {
section.STILE_head02 .grid,
#section.STILE_head02 .grid {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 850px) {
section.STILE_head02 .grid,
#section.STILE_head02 .grid {
grid-template-columns: 1fr;
}
}
section.STILE_head02 .heading,
#section.STILE_head02 .heading {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
section.STILE_head02 .heading .minilogo,
#section.STILE_head02 .heading .minilogo {
position: relative;
overflow: clip;
display: block;
}
section.STILE_head02 .heading .minilogo img,
#section.STILE_head02 .heading .minilogo img {
width: auto;
height: auto;
max-height: 26px;
max-width: 100%;
}
section.STILE_head02 .immagine,
#section.STILE_head02 .immagine,
section.STILE_head02 .video,
#section.STILE_head02 .video {
position: relative;
overflow: clip;
display: block;
z-index: 1;
margin: 0;
width: 100%;
}
section.STILE_head02 .immagine::before,
#section.STILE_head02 .immagine::before,
section.STILE_head02 .video::before,
#section.STILE_head02 .video::before {
position: relative;
overflow: clip;
content: '';
display: block;
padding-top: 100%;
z-index: 2;
-webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
section.STILE_head02 .immagine picture,
#section.STILE_head02 .immagine picture,
section.STILE_head02 .video picture,
#section.STILE_head02 .video picture,
section.STILE_head02 .immagine #picture,
#section.STILE_head02 .immagine #picture,
section.STILE_head02 .video #picture,
#section.STILE_head02 .video #picture {
position: absolute;
overflow: clip;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
section.STILE_head02 .immagine picture img,
#section.STILE_head02 .immagine picture img,
section.STILE_head02 .video picture img,
#section.STILE_head02 .video picture img,
section.STILE_head02 .immagine #picture img,
#section.STILE_head02 .immagine #picture img,
section.STILE_head02 .video #picture img,
#section.STILE_head02 .video #picture img {
position: absolute;
margin: auto auto;
left: -10000%;
right: -10000%;
top: -10000%;
bottom: -10000%;
/*queste caratteristiche sotto x effetto COVER
max-width: 10000% !important;
min-width: 1000%;
min-height: 1000%;
-webkit-transform: scale(0.1);
transform: scale(0.1);
object-fit: cover;*/
/*queste caratteristiche sotto x effetto CONTAIN*/
max-width: 10%;
max-height: 10%;
-webkit-transform: scale(10);
transform: scale(10);
object-fit: contain;
}
section.STILE_head03 .grid,
#section.STILE_head03 .grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0rem;
}
@media only screen and (max-width: 850px) {
section.STILE_head03 .grid,
#section.STILE_head03 .grid {
grid-template-columns: 1fr;
gap: 3rem;
}
}
section.STILE_head03 .heading .minilogo,
#section.STILE_head03 .heading .minilogo {
position: relative;
overflow: clip;
display: block;
}
section.STILE_head03 .heading .minilogo img,
#section.STILE_head03 .heading .minilogo img {
width: auto;
height: auto;
max-height: 26px;
max-width: 100%;
}
section.STILE_head03 .cont-sx,
#section.STILE_head03 .cont-sx {
padding-right: 25%;
}
@media only screen and (max-width: 1260px) {
section.STILE_head03 .cont-sx,
#section.STILE_head03 .cont-sx {
padding-right: 3rem;
}
}
@media only screen and (max-width: 850px) {
section.STILE_head03 .cont-sx,
#section.STILE_head03 .cont-sx {
padding-right: 0;
}
}
section.STILE_head03 .secondario,
#section.STILE_head03 .secondario {
border-left: 2px solid #fafafa;
padding-left: 50px;
}
@media only screen and (max-width: 850px) {
section.STILE_head03 .secondario,
#section.STILE_head03 .secondario {
text-align: center;
padding: 2.5rem 0 0;
border-left: none;
border-top: 2px solid #fafafa;
}
}
section.STILE_head03 .cont-sx,
#section.STILE_head03 .cont-sx,
section.STILE_head03 .cont-dx,
#section.STILE_head03 .cont-dx {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
@media only screen and (max-width: 850px) {
section.STILE_head03 .cont-sx,
#section.STILE_head03 .cont-sx,
section.STILE_head03 .cont-dx,
#section.STILE_head03 .cont-dx {
text-align: center;
}
section.STILE_head03 .cont-sx .bottone,
#section.STILE_head03 .cont-sx .bottone,
section.STILE_head03 .cont-dx .bottone,
#section.STILE_head03 .cont-dx .bottone {
margin: 0 auto 2rem;
}
}
section.STILE_head03 .immagine,
#section.STILE_head03 .immagine,
section.STILE_head03 .video,
#section.STILE_head03 .video {
position: relative;
overflow: clip;
display: block;
z-index: 1;
margin: 0;
width: 100%;
}
section.STILE_head03 .immagine::before,
#section.STILE_head03 .immagine::before,
section.STILE_head03 .video::before,
#section.STILE_head03 .video::before {
position: relative;
overflow: clip;
content: '';
display: block;
padding-top: 100%;
z-index: 2;
-webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
section.STILE_head03 .immagine picture,
#section.STILE_head03 .immagine picture,
section.STILE_head03 .video picture,
#section.STILE_head03 .video picture,
section.STILE_head03 .immagine #picture,
#section.STILE_head03 .immagine #picture,
section.STILE_head03 .video #picture,
#section.STILE_head03 .video #picture {
position: absolute;
overflow: clip;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
section.STILE_head03 .immagine picture img,
#section.STILE_head03 .immagine picture img,
section.STILE_head03 .video picture img,
#section.STILE_head03 .video picture img,
section.STILE_head03 .immagine #picture img,
#section.STILE_head03 .immagine #picture img,
section.STILE_head03 .video #picture img,
#section.STILE_head03 .video #picture img {
position: absolute;
margin: auto auto;
left: -10000%;
right: -10000%;
top: -10000%;
bottom: -10000%;
/*queste caratteristiche sotto x effetto COVER
max-width: 10000% !important;
min-width: 1000%;
min-height: 1000%;
-webkit-transform: scale(0.1);
transform: scale(0.1);
object-fit: cover;*/
/*queste caratteristiche sotto x effetto CONTAIN*/
max-width: 10%;
max-height: 10%;
-webkit-transform: scale(10);
transform: scale(10);
object-fit: contain;
}
section.STILE_head04 .immagine,
#section.STILE_head04 .immagine,
section.STILE_head04 .video,
#section.STILE_head04 .video {
position: relative;
overflow: clip;
display: block;
z-index: 1;
margin: 0 auto;
width: 780px;
max-width: 100%;
border-radius: 6px;
-webkit-box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.15);
box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.15);
behavior: url(/css/PIE.htc);
}
section.STILE_head05 .grid,
#section.STILE_head05 .grid {
display: grid;
grid-template-columns: 540px 1fr;
gap: 3rem;
}
@media only screen and (max-width: 1260px) {
section.STILE_head05 .grid,
#section.STILE_head05 .grid {
grid-template-columns: 1fr 1fr;
gap: 3rem;
}
}
@media only screen and (max-width: 850px) {
section.STILE_head05 .grid,
#section.STILE_head05 .grid {
grid-template-columns: 1fr;
gap: 3rem;
}
}
@media only screen and (max-width: 850px) {
section.STILE_head05 .secondario,
#section.STILE_head05 .secondario {
text-align: center;
}
}
section.STILE_head05 .cont-sx,
#section.STILE_head05 .cont-sx,
section.STILE_head05 .cont-dx,
#section.STILE_head05 .cont-dx {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: flex-start;
-moz-box-pack: flex-start;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
@media only screen and (max-width: 850px) {
section.STILE_head05 .cont-sx,
#section.STILE_head05 .cont-sx,
section.STILE_head05 .cont-dx,
#section.STILE_head05 .cont-dx {
text-align: center;
}
}
section.STILE_head05 .immagine_res,
#section.STILE_head05 .immagine_res {
position: relative;
overflow: clip;
display: block;
z-index: 1;
margin: 0;
width: 100%;
min-height: 100%;
border-radius: 1rem 1rem 0 0;
}
@media only screen and (max-width: 850px) {
section.STILE_head05 .immagine_res,
#section.STILE_head05 .immagine_res {
border-radius: 0;
}
}
section.STILE_head05 .immagine_res::before,
#section.STILE_head05 .immagine_res::before {
position: relative;
overflow: clip;
content: '';
display: block;
padding-top: 75%;
z-index: 2;
-webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
section.STILE_head05 .immagine_res picture,
#section.STILE_head05 .immagine_res picture,
section.STILE_head05 .immagine_res #picture,
#section.STILE_head05 .immagine_res #picture {
position: absolute;
overflow: clip;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
section.STILE_head05 .immagine_res picture img,
#section.STILE_head05 .immagine_res picture img,
section.STILE_head05 .immagine_res #picture img,
#section.STILE_head05 .immagine_res #picture img {
position: absolute;
margin: auto auto;
left: -10000%;
right: -10000%;
top: -10000%;
bottom: -10000%;
/*queste caratteristiche sotto x effetto COVER*/
max-width: 10000% !important;
min-width: 1000%;
min-height: 1000%;
-webkit-transform: scale(0.1);
transform: scale(0.1);
object-fit: cover;
/*queste caratteristiche sotto x effetto CONTAIN
max-width: 10%;
max-height: 10%;
-webkit-transform: scale(10);
transform: scale(10);
object-fit: contain;*/
}
section.STILE_head_img article img,
#section.STILE_head_img article img {
width: auto;
height: auto;
max-width: 100%;
max-height: 56svw;
display: block;
margin: 0 auto;
}
@media only screen and (max-width: 480px) {
section.STILE_head_img article img,
#section.STILE_head_img article img {
width: 100%;
max-height: none;
}
}
section.STILE_corpo02 article,
#section.STILE_corpo02 article {
position: relative;
overflow: clip;
padding-top: 6rem !important;
padding-bottom: 4rem !important;
}
section.STILE_corpo02 article h1,
#section.STILE_corpo02 article h1,
section.STILE_corpo02 article h2,
#section.STILE_corpo02 article h2,
section.STILE_corpo02 article h3,
#section.STILE_corpo02 article h3,
section.STILE_corpo02 article h4,
#section.STILE_corpo02 article h4,
section.STILE_corpo02 article h5,
#section.STILE_corpo02 article h5,
section.STILE_corpo02 article h6,
#section.STILE_corpo02 article h6,
section.STILE_corpo02 article p,
#section.STILE_corpo02 article p,
section.STILE_corpo02 article a,
#section.STILE_corpo02 article a {
color: #fafafa;
}
section.STILE_corpo02 article .minilogo,
#section.STILE_corpo02 article .minilogo {
position: relative;
overflow: clip;
display: block;
margin: 0 0 1rem;
width: min-content;
}
section.STILE_corpo02 article .minilogo.centro,
#section.STILE_corpo02 article .minilogo.centro {
margin: 0 auto 1rem;
}
section.STILE_corpo02 article .minilogo img,
#section.STILE_corpo02 article .minilogo img {
max-width: 80svw;
max-height: 190px;
height: auto;
width: auto;
display: block;
margin: 0 auto;
}
section.STILE_corpo02 article .minilogo.dx,
#section.STILE_corpo02 article .minilogo.dx {
margin-left: auto;
}
section.STILE_corpo02 article .tit.centro,
#section.STILE_corpo02 article .tit.centro,
section.STILE_corpo02 article .intro.centro,
#section.STILE_corpo02 article .intro.centro {
text-align: center;
width: 1260px;
max-width: 80%;
margin: 0 auto 1rem;
}
@media only screen and (max-width: 1260px) {
section.STILE_corpo02 article .tit.centro,
#section.STILE_corpo02 article .tit.centro,
section.STILE_corpo02 article .intro.centro,
#section.STILE_corpo02 article .intro.centro {
max-width: 80vw;
}
}
section.STILE_gallery01,
#section.STILE_gallery01 {
background: #001228;
}
section.STILE_gallery01 .cella,
#section.STILE_gallery01 .cella {
position: relative;
overflow: clip;
display: block;
z-index: 1;
margin: 0;
min-height: 100%;
background-color: #001228;
-webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
-ms-transition: all 0s linear;
-o-transition: all 0s linear;
transition: all 0s linear;
}
section.STILE_gallery01 .cella img,
#section.STILE_gallery01 .cella img {
display: block;
height: 360px;
}
section.STILE_gallery01 .flickity-prev-next-button,
#section.STILE_gallery01 .flickity-prev-next-button {
min-width: 90px;
width: calc(50svw - 720px);
height: 100%;
background-color: rgba(4, 58, 84, 0.2);
border-radius: 0;
}
section.STILE_gallery01 .flickity-prev-next-button::before,
#section.STILE_gallery01 .flickity-prev-next-button::before {
left: 50%;
top: 50%;
width: 40px;
height: 40px;
border-top: 1px solid #fafafa;
border-right: 1px solid #fafafa;
-webkit-transform: translate(-50%, -50%) 45deg;
transform: translate(-50%, -50%) rotate(45deg);
}
section.STILE_gallery01 .flickity-prev-next-button.previous::before,
#section.STILE_gallery01 .flickity-prev-next-button.previous::before {
left: calc(50% + 5px);
transform: translate(-50%, -50%) rotate(-135deg);
}
section.STILE_gallery01 .flickity-prev-next-button.next::before,
#section.STILE_gallery01 .flickity-prev-next-button.next::before {
left: calc(50% - 5px);
}
section.STILE_gallery01 .flickity-prev-next-button:focus,
#section.STILE_gallery01 .flickity-prev-next-button:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
behavior: url(/css/PIE.htc);
}
section.STILE_gallery01 .flickity-prev-next-button:hover,
#section.STILE_gallery01 .flickity-prev-next-button:hover {
background-color: rgba(4, 58, 84, 0.8);
}
section.STILE_form article,
#section.STILE_form article {
display: grid;
grid-template-columns: 1fr 420px;
gap: 4rem;
row-gap: 2rem;
}
@media only screen and (max-width: 850px) {
section.STILE_form article,
#section.STILE_form article {
grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 850px) {
section.STILE_form article .testo,
#section.STILE_form article .testo {
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: -1;
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
}
section.STILE_faq,
#section.STILE_faq {
background-color: #ecf0f9;
-webkit-box-shadow: -50vw 0px 0px 0px #ecf0f9, 50vw 0px 0px 0px #ecf0f9;
-moz-box-shadow: -50vw 0px 0px 0px #ecf0f9, 50vw 0px 0px 0px #ecf0f9;
box-shadow: -50vw 0px 0px 0px #ecf0f9, 50vw 0px 0px 0px #ecf0f9;
behavior: url(/css/PIE.htc);
}
section.STILE_faq article,
#section.STILE_faq article {
display: grid;
grid-template-columns: 360px 1fr;
gap: 4rem;
row-gap: 1rem;
}
@media only screen and (max-width: 850px) {
section.STILE_faq article,
#section.STILE_faq article {
grid-template-columns: 1fr;
}
}
section.STILE_duecol_full01,
#section.STILE_duecol_full01 {
position: relative;
overflow: clip;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
background-color: #fafafa;
color: #001228;
}
@media only screen and (max-width: 850px) {
section.STILE_duecol_full01,
#section.STILE_duecol_full01 {
grid-template-columns: 1fr;
}
}
section.STILE_duecol_full01 .immagine,
#section.STILE_duecol_full01 .immagine {
position: relative;
overflow: clip;
}
section.STILE_duecol_full01 .immagine .img-sticky,
#section.STILE_duecol_full01 .immagine .img-sticky,
section.STILE_duecol_full01 .immagine .vid-sticky,
#section.STILE_duecol_full01 .immagine .vid-sticky {
position: sticky;
top: 0;
display: block;
z-index: 1;
margin: 0;
width: 100%;
height: 100svh;
}
@media only screen and (max-width: 850px) {
section.STILE_duecol_full01 .immagine .img-sticky,
#section.STILE_duecol_full01 .immagine .img-sticky,
section.STILE_duecol_full01 .immagine .vid-sticky,
#section.STILE_duecol_full01 .immagine .vid-sticky {
height: min-content;
}
}
section.STILE_duecol_full01 .immagine .img-sticky::before,
#section.STILE_duecol_full01 .immagine .img-sticky::before,
section.STILE_duecol_full01 .immagine .vid-sticky::before,
#section.STILE_duecol_full01 .immagine .vid-sticky::before {
position: relative;
overflow: clip;
content: '';
display: block;
padding-top: 100svh;
}
@media only screen and (max-width: 850px) {
section.STILE_duecol_full01 .immagine .img-sticky::before,
#section.STILE_duecol_full01 .immagine .img-sticky::before,
section.STILE_duecol_full01 .immagine .vid-sticky::before,
#section.STILE_duecol_full01 .immagine .vid-sticky::before {
padding-top: 75%;
}
}
section.STILE_duecol_full01 .immagine .img-sticky picture,
#section.STILE_duecol_full01 .immagine .img-sticky picture,
section.STILE_duecol_full01 .immagine .vid-sticky picture,
#section.STILE_duecol_full01 .immagine .vid-sticky picture,
section.STILE_duecol_full01 .immagine .img-sticky #picture,
#section.STILE_duecol_full01 .immagine .img-sticky #picture,
section.STILE_duecol_full01 .immagine .vid-sticky #picture,
#section.STILE_duecol_full01 .immagine .vid-sticky #picture {
position: absolute;
overflow: clip;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
section.STILE_duecol_full01 .immagine .img-sticky picture img,
#section.STILE_duecol_full01 .immagine .img-sticky picture img,
section.STILE_duecol_full01 .immagine .vid-sticky picture img,
#section.STILE_duecol_full01 .immagine .vid-sticky picture img,
section.STILE_duecol_full01 .immagine .img-sticky #picture img,
#section.STILE_duecol_full01 .immagine .img-sticky #picture img,
section.STILE_duecol_full01 .immagine .vid-sticky #picture img,
#section.STILE_duecol_full01 .immagine .vid-sticky #picture img {
position: absolute;
margin: auto auto;
left: -10000%;
right: -10000%;
top: -10000%;
bottom: -10000%;
/*queste caratteristiche sotto x effetto COVER*/
max-width: 10000% !important;
min-width: 1000%;
min-height: 1000%;
-webkit-transform: scale(0.1);
transform: scale(0.1);
object-fit: cover;
/*queste caratteristiche sotto x effetto CONTAIN
max-width: 10%;
max-height: 10%;
-webkit-transform:scale(10);
transform: scale(10);
object-fit: contain;*/
}
section.STILE_duecol_full01 .immagine .vid-sticky::before,
#section.STILE_duecol_full01 .immagine .vid-sticky::before {
display: none;
}
section.STILE_duecol_full01:nth-child(even) .testo,
#section.STILE_duecol_full01:nth-child(even) .testo {
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: -1;
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
padding: 4rem 4rem 4rem calc(50svw - 630px);
}
@media only screen and (max-width: 1600px) {
section.STILE_duecol_full01:nth-child(even) .testo,
#section.STILE_duecol_full01:nth-child(even) .testo {
padding: 4rem 4rem 4rem 5svw;
}
}
@media only screen and (max-width: 850px) {
section.STILE_duecol_full01:nth-child(even) .testo,
#section.STILE_duecol_full01:nth-child(even) .testo {
padding: 4rem 5svw;
}
}
section.STILE_duecol_full01:nth-child(even) .immagine,
#section.STILE_duecol_full01:nth-child(even) .immagine {
-webkit-box-ordinal-group: 999;
-moz-box-ordinal-group: 999;
-ms-flex-order: 999;
-webkit-order: 999;
order: 999;
}
section.STILE_duecol_full01:nth-child(odd),
#section.STILE_duecol_full01:nth-child(odd) {
background-color: #E0E0E0;
}
section.STILE_duecol_full01:nth-child(odd) .testo,
#section.STILE_duecol_full01:nth-child(odd) .testo {
-webkit-box-ordinal-group: 999;
-moz-box-ordinal-group: 999;
-ms-flex-order: 999;
-webkit-order: 999;
order: 999;
padding: 4rem calc(50svw - 630px) 4rem 4rem;
}
@media only screen and (max-width: 1600px) {
section.STILE_duecol_full01:nth-child(odd) .testo,
#section.STILE_duecol_full01:nth-child(odd) .testo {
padding: 4rem 5svw 4rem 4rem;
}
}
@media only screen and (max-width: 850px) {
section.STILE_duecol_full01:nth-child(odd) .testo,
#section.STILE_duecol_full01:nth-child(odd) .testo {
padding: 4rem 5svw;
}
}
section.STILE_duecol_full01:nth-child(odd) .immagine,
#section.STILE_duecol_full01:nth-child(odd) .immagine {
-webkit-box-ordinal-group: -1;
-moz-box-ordinal-group: -1;
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
@media only screen and (max-width: 850px) {
section.STILE_duecol_full01 .testo,
#section.STILE_duecol_full01 .testo {
-webkit-box-ordinal-group: -1 !important;
-moz-box-ordinal-group: -1 !important;
-ms-flex-order: -1 !important;
-webkit-order: -1 !important;
order: -1 !important;
}
section.STILE_duecol_full01 .immagine,
#section.STILE_duecol_full01 .immagine {
-webkit-box-ordinal-group: 999 !important;
-moz-box-ordinal-group: 999 !important;
-ms-flex-order: 999 !important;
-webkit-order: 999 !important;
order: 999 !important;
}
}
section.STILE_mappa article,
#section.STILE_mappa article {
display: grid;
grid-template-columns: 420px 1fr;
gap: 4rem;
row-gap: 4rem;
padding-bottom: 0 !important;
}
@media only screen and (max-width: 1260px) {
section.STILE_mappa article,
#section.STILE_mappa article {
grid-template-columns: 2fr 3fr;
}
}
@media only screen and (max-width: 850px) {
section.STILE_mappa article,
#section.STILE_mappa article {
padding-top: 0;
grid-template-columns: 1fr;
}
}
section.STILE_mappa article .contatti,
#section.STILE_mappa article .contatti {
font-size: 1.3rem;
}
section.STILE_mappa article .contatti p,
#section.STILE_mappa article .contatti p {
margin: 0.1em 0;
}
@media only screen and (max-width: 850px) {
section.STILE_mappa article .contatti,
#section.STILE_mappa article .contatti {
font-size: 1rem;
}
}
section.STILE_mappa article #mappa,
#section.STILE_mappa article #mappa {
min-height: 60svh;
border-radius: 1rem 1rem 0 0;
-webkit-box-shadow: 0px 6px 50px 10px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0px 6px 50px 10px rgba(0, 0, 0, 0.8);
box-shadow: 0px 6px 50px 10px rgba(0, 0, 0, 0.8);
behavior: url(/css/PIE.htc);
border-bottom: none;
}
section.STILE_mappa article .row-icona,
#section.STILE_mappa article .row-icona {
display: grid;
grid-template-columns: 34px 1fr;
gap: 1rem;
margin-bottom: 1rem;
}
section.STILE_mappa article .row-icona .icona,
#section.STILE_mappa article .row-icona .icona {
width: 28px;
height: 28px;
margin-top: 0.1em;
}
section.STILE_mappa article .row-icona .icona .ico,
#section.STILE_mappa article .row-icona .icona .ico {
-webkit-transform: scale(0.28);
transform: scale(0.28);
}
section.STILE_lista_file01 .row-categorie,
#section.STILE_lista_file01 .row-categorie {
position: relative;
overflow: clip;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
gap: 2rem;
}
@media only screen and (max-width: 1260px) {
section.STILE_lista_file01 .row-categorie,
#section.STILE_lista_file01 .row-categorie {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (max-width: 480px) {
section.STILE_lista_file01 .row-categorie,
#section.STILE_lista_file01 .row-categorie {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
section.STILE_lista_file01 .row-categorie .blocco-categorie,
#section.STILE_lista_file01 .row-categorie .blocco-categorie {
position: relative;
overflow: clip;
display: block;
border: 1px solid #fafafa;
background: transparent;
border-radius: 1.5rem;
width: 100%;
max-width: 30%;
min-height: 100%;
padding: 2rem 1rem;
transition: 0.2s ease-in-out;
}
@media only screen and (max-width: 1260px) {
section.STILE_lista_file01 .row-categorie .blocco-categorie,
#section.STILE_lista_file01 .row-categorie .blocco-categorie {
max-width: calc(50% - 1rem);
}
}
@media only screen and (max-width: 480px) {
section.STILE_lista_file01 .row-categorie .blocco-categorie,
#section.STILE_lista_file01 .row-categorie .blocco-categorie {
max-width: 100%;
}
}
section.STILE_lista_file01 .row-categorie .blocco-categorie h3,
#section.STILE_lista_file01 .row-categorie .blocco-categorie h3 {
width: 100%;
text-align: center;
font-size: 1.5rem;
font-weight: 700;
color: #fafafa;
transition: 0.2s ease-in-out;
}
section.STILE_lista_file01 .row-categorie .blocco-categorie:hover,
#section.STILE_lista_file01 .row-categorie .blocco-categorie:hover,
section.STILE_lista_file01 .row-categorie .blocco-categorie.current,
#section.STILE_lista_file01 .row-categorie .blocco-categorie.current {
border-color: #fafafa;
background: #043A54;
}
section.STILE_lista_file01 .row-categorie .blocco-categorie:hover h3,
#section.STILE_lista_file01 .row-categorie .blocco-categorie:hover h3,
section.STILE_lista_file01 .row-categorie .blocco-categorie.current h3,
#section.STILE_lista_file01 .row-categorie .blocco-categorie.current h3 {
color: #EBCF48;
}
section.STILE_lista_file01:nth-child(even),
#section.STILE_lista_file01:nth-child(even) {
background-color: #ecf0f9;
-webkit-box-shadow: -50vw 0px 0px 0px #ecf0f9, 50vw 0px 0px 0px #ecf0f9;
-moz-box-shadow: -50vw 0px 0px 0px #ecf0f9, 50vw 0px 0px 0px #ecf0f9;
box-shadow: -50vw 0px 0px 0px #ecf0f9, 50vw 0px 0px 0px #ecf0f9;
behavior: url(/css/PIE.htc);
}
section.STILE_lista_file02 .blocco_categoria,
#section.STILE_lista_file02 .blocco_categoria {
display: grid;
grid-template-columns: 480px 1fr;
gap: 5rem;
row-gap: 3rem;
margin-bottom: 3rem;
}
@media only screen and (max-width: 850px) {
section.STILE_lista_file02 .blocco_categoria,
#section.STILE_lista_file02 .blocco_categoria {
grid-template-columns: 1fr;
}
}
section.STILE_lista_file02 .blocco_categoria:last-child,
#section.STILE_lista_file02 .blocco_categoria:last-child {
margin-bottom: 0;
}
section.STILE_lista_file02 .blocco_categoria .immagine,
#section.STILE_lista_file02 .blocco_categoria .immagine {
position: relative;
overflow: clip;
display: block;
z-index: 1;
margin: 0;
width: 100%;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
behavior: url(/css/PIE.htc);
background-color: #B1D2F0;
}
section.STILE_lista_file02 .blocco_categoria .immagine::before,
#section.STILE_lista_file02 .blocco_categoria .immagine::before {
position: relative;
overflow: clip;
content: '';
display: block;
padding-top: 75%;
}
@media only screen and (max-width: 850px) {
section.STILE_lista_file02 .blocco_categoria .immagine::before,
#section.STILE_lista_file02 .blocco_categoria .immagine::before {
padding-top: 56%;
}
}
section.STILE_lista_file02 .blocco_categoria .immagine picture,
#section.STILE_lista_file02 .blocco_categoria .immagine picture,
section.STILE_lista_file02 .blocco_categoria .immagine #picture,
#section.STILE_lista_file02 .blocco_categoria .immagine #picture {
position: absolute;
overflow: clip;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
section.STILE_lista_file02 .blocco_categoria .immagine picture img,
#section.STILE_lista_file02 .blocco_categoria .immagine picture img,
section.STILE_lista_file02 .blocco_categoria .immagine #picture img,
#section.STILE_lista_file02 .blocco_categoria .immagine #picture img {
position: absolute;
margin: auto auto;
left: -10000%;
right: -10000%;
top: -10000%;
bottom: -10000%;
/*queste caratteristiche sotto x effetto COVER*/
max-width: 10000% !important;
min-width: 1000%;
min-height: 1000%;
-webkit-transform: scale(0.1);
transform: scale(0.1);
object-fit: cover;
/*queste caratteristiche sotto x effetto CONTAIN
max-width: 10%;
max-height: 10%;
-webkit-transform:scale(10);
transform: scale(10);
object-fit: contain;*/
}
section.STILE_lista_file02 .blocco_categoria .col-sticky,
#section.STILE_lista_file02 .blocco_categoria .col-sticky {
position: relative;
overflow: clip;
min-height: 100%;
}
section.STILE_lista_file02 .blocco_categoria .col-sticky img,
#section.STILE_lista_file02 .blocco_categoria .col-sticky img {
position: sticky;
display: block;
top: 124px;
border-radius: 6px;
}
section.STILE_lista_file02 .blocco_categoria .cat-grid,
#section.STILE_lista_file02 .blocco_categoria .cat-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1rem;
}
@media only screen and (max-width: 1260px) {
section.STILE_lista_file02 .blocco_categoria .cat-grid,
#section.STILE_lista_file02 .blocco_categoria .cat-grid {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 1080px) {
section.STILE_lista_file02 .blocco_categoria .cat-grid,
#section.STILE_lista_file02 .blocco_categoria .cat-grid {
grid-template-columns: 1fr;
}
}
@media only screen and (max-width: 850px) {
section.STILE_lista_file02 .blocco_categoria .cat-grid,
#section.STILE_lista_file02 .blocco_categoria .cat-grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 480px) {
section.STILE_lista_file02 .blocco_categoria .cat-grid,
#section.STILE_lista_file02 .blocco_categoria .cat-grid {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 320px) {
section.STILE_lista_file02 .blocco_categoria .cat-grid,
#section.STILE_lista_file02 .blocco_categoria .cat-grid {
grid-template-columns: 1fr;
}
}
section.STILE_lista_file02 .blocco_categoria .cat-grid .blocco,
#section.STILE_lista_file02 .blocco_categoria .cat-grid .blocco {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
text-align: center;
padding: 1rem;
border: 1px solid #C0C0C0;
border-radius: 6px;
margin: 0;
}
section.STILE_lista_file02 .blocco_categoria .cat-grid .blocco a,
#section.STILE_lista_file02 .blocco_categoria .cat-grid .blocco a {
display: block;
line-height: 1.4;
}
section.STILE_lista_file02 .blocco_categoria .cont-tit,
#section.STILE_lista_file02 .blocco_categoria .cont-tit {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: space-between;
-moz-box-pack: space-between;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 0 0 1rem;
border-bottom: 1px solid #C0C0C0;
}
section.STILE_lista_file02 .blocco_categoria .cont-tit h3,
#section.STILE_lista_file02 .blocco_categoria .cont-tit h3,
section.STILE_lista_file02 .blocco_categoria .cont-tit h3 a,
#section.STILE_lista_file02 .blocco_categoria .cont-tit h3 a {
color: #001228;
}
section.STILE_lista_file03:nth-child(odd),
#section.STILE_lista_file03:nth-child(odd),
section.STILE_lista_file02:nth-child(odd),
#section.STILE_lista_file02:nth-child(odd) {
background-color: #f3f6f9;
-webkit-box-shadow: -50vw 0px 0px 0px #f3f6f9, 50vw 0px 0px 0px #f3f6f9;
-moz-box-shadow: -50vw 0px 0px 0px #f3f6f9, 50vw 0px 0px 0px #f3f6f9;
box-shadow: -50vw 0px 0px 0px #f3f6f9, 50vw 0px 0px 0px #f3f6f9;
behavior: url(/css/PIE.htc);
}
section.STILE_lista_new article,
#section.STILE_lista_new article {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
gap: 2rem;
}
section.STILE_partners .ricerca,
#section.STILE_partners .ricerca {
position: relative;
overflow: clip;
display: flex;
gap: 1rem;
padding-top: 1rem;
}
section.STILE_partners .grid,
#section.STILE_partners .grid {
display: grid;
grid-template-columns: 480px 1fr;
gap: 3rem;
row-gap: 1rem;
padding-top: 2rem;
padding-left: calc(50svw - 720px);
}
@media only screen and (max-width: 1600px) {
section.STILE_partners .grid,
#section.STILE_partners .grid {
padding-left: 5svw;
}
}
@media only screen and (max-width: 1260px) {
section.STILE_partners .grid,
#section.STILE_partners .grid {
grid-template-columns: 380px 1fr;
}
}
@media only screen and (max-width: 850px) {
section.STILE_partners .grid,
#section.STILE_partners .grid {
grid-template-columns: 1fr;
padding-right: 5svw;
}
}
section.STILE_partners .collapse_btn,
#section.STILE_partners .collapse_btn {
position: relative;
overflow: clip;
display: none;
width: max-content;
padding-right: 2.5rem;
color: #043A54;
}
section.STILE_partners .collapse_btn > *,
#section.STILE_partners .collapse_btn > * {
width: max-content;
color: #043A54;
}
@media only screen and (max-width: 850px) {
section.STILE_partners .collapse_btn,
#section.STILE_partners .collapse_btn {
display: block;
}
section.STILE_partners .collapse_btn:after,
#section.STILE_partners .collapse_btn:after,
section.STILE_partners .collapse_btn:before,
#section.STILE_partners .collapse_btn:before {
position: absolute;
overflow: clip;
display: block;
content: "";
width: 7px;
height: 7px;
right: 0.5rem;
top: 50%;
transform: translateY(-50%) rotate(-45deg);
border-right: 1px solid #043A54;
border-bottom: 1px solid #043A54;
}
section.STILE_partners .collapse_btn:before,
#section.STILE_partners .collapse_btn:before {
transform: translateY(-50%) rotate(135deg);
right: 1.25rem;
}
}
@media only screen and (max-width: 850px) {
section.STILE_partners .p-nav,
#section.STILE_partners .p-nav {
width: 100%;
overflow-x: scroll;
}
}
section.STILE_partners #dentistiList,
#section.STILE_partners #dentistiList {
margin: 0 0 1rem;
padding: 0;
list-style: none;
gap: 1rem;
}
@media only screen and (max-width: 850px) {
section.STILE_partners #dentistiList,
#section.STILE_partners #dentistiList {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
margin: 0.5rem 0.5rem 1rem 0.5rem;
}
}
section.STILE_partners #dentistiList .dentista-item,
#section.STILE_partners #dentistiList .dentista-item {
position: relative;
overflow: clip;
display: block;
border-radius: 1rem;
-webkit-box-shadow: 0px 3px 12px -3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 12px -3px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 12px -3px rgba(0, 0, 0, 0.2);
behavior: url(/css/PIE.htc);
margin-bottom: 1rem;
padding: 1rem 1rem 0;
}
@media only screen and (max-width: 850px) {
section.STILE_partners #dentistiList .dentista-item,
#section.STILE_partners #dentistiList .dentista-item {
min-width: max-content;
width: 100%;
padding: 1rem 3rem 1rem 1rem;
margin-bottom: 0;
-webkit-box-shadow: 0px 3px 12px -3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 3px 12px -3px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 12px -3px rgba(0, 0, 0, 0.2);
behavior: url(/css/PIE.htc);
}
}
section.STILE_partners #dentistiList .dentista-item .bottone,
#section.STILE_partners #dentistiList .dentista-item .bottone {
text-align: right;
display: block;
margin-right: 0;
margin-left: auto;
}
section.STILE_partners #dentistiList .dentista-item .tag-ico,
#section.STILE_partners #dentistiList .dentista-item .tag-ico {
box-shadow: 0px 3px 12px -3px rgba(0, 0, 0, 0.2);
}
section.STILE_partners #dentistiList .dentista-item .tag-ico.kalodon,
#section.STILE_partners #dentistiList .dentista-item .tag-ico.kalodon {
position: relative;
overflow: visible;
width: 44px;
height: 44px;
border-radius: 50%;
display: block;
background-color: #001228;
}
section.STILE_partners #dentistiList .dentista-item .tag-ico.kalodon::before,
#section.STILE_partners #dentistiList .dentista-item .tag-ico.kalodon::before {
content: "";
position: absolute;
overflow: clip;
display: block;
top: 15%;
left: 15%;
width: 70%;
height: 70%;
background-size: contain;
background-position: center;
background-image: url('/css/images/newton-min.png');
}
section.STILE_partners #dentistiList .dentista-item .tag-ico.loveneers,
#section.STILE_partners #dentistiList .dentista-item .tag-ico.loveneers {
position: relative;
overflow: clip;
height: 44px;
border-radius: 22px;
display: flex;
align-items: center;
gap: 4px;
}
section.STILE_partners #dentistiList .dentista-item .tag-ico.loveneers::before,
#section.STILE_partners #dentistiList .dentista-item .tag-ico.loveneers::before {
content: "";
position: relative;
overflow: clip;
width: 44px;
height: 44px;
border-radius: 50%;
display: block;
background-color: #001228;
background-size: contain;
background-position: center;
background-image: url('/css/images/love-min.png');
}
section.STILE_partners #dentistiList .dentista-item .tag-ico.loveneers::after,
#section.STILE_partners #dentistiList .dentista-item .tag-ico.loveneers::after {
content: "Dentista Certificato";
position: relative;
overflow: clip;
display: block;
width: min-content;
line-height: 1.3;
font-size: 0.7rem;
font-weight: 600;
text-transform: uppercase;
color: #001228;
margin-right: 12px;
}
section.STILE_partners #dentistiList .dentista-item .cont-btn,
#section.STILE_partners #dentistiList .dentista-item .cont-btn {
display: flex;
gap: 0.5rem;
justify-content: flex-end;
border-top: 1px solid #C0C0C0;
padding-top: 1rem;
padding-bottom: 1rem;
}
@media only screen and (max-width: 850px) {
section.STILE_partners #dentistiList .dentista-item .cont-btn,
#section.STILE_partners #dentistiList .dentista-item .cont-btn {
justify-content: center;
margin-top: 1rem;
}
}
section.STILE_partners .p-mappa,
#section.STILE_partners .p-mappa {
display: block;
position: sticky;
top: 140px;
padding-right: 3rem;
border-radius: 1rem;
width: calc(100% - 3rem);
height: calc(90svh - 140px);
margin-bottom: 1rem;
}
@media only screen and (max-width: 850px) {
section.STILE_partners .p-mappa,
#section.STILE_partners .p-mappa {
position: relative;
overflow: clip;
height: 90svw;
top: 0;
padding-left: 5svw;
padding-right: 5svw;
width: 90svw;
-webkit-box-ordinal-group: 999;
-moz-box-ordinal-group: 999;
-ms-flex-order: 999;
-webkit-order: 999;
order: 999;
}
}
@media only screen and (max-width: 850px) {
section.STILE_partners .p-mappa,
#section.STILE_partners .p-mappa {
height: 105svw;
}
}
@media only screen and (max-width: 480px) {
section.STILE_partners .p-mappa,
#section.STILE_partners .p-mappa {
height: 125svw;
}
}
section.STILE_partners .p-mappa .leaflet-popup-content-wrapper,
#section.STILE_partners .p-mappa .leaflet-popup-content-wrapper {
border-radius: 4px;
}
section.STILE_partners .p-mappa .leaflet-popup-content-wrapper,
#section.STILE_partners .p-mappa .leaflet-popup-content-wrapper {
color: #001228;
}
section.STILE_partners .p-mappa .leaflet-popup-content-wrapper a,
#section.STILE_partners .p-mappa .leaflet-popup-content-wrapper a {
color: #3F6079;
}
section#prod_descrizione article > div:first-of-type,
#section#prod_descrizione article > div:first-of-type {
margin-top: 4rem;
}
section.STILE_grid_btn article,
#section.STILE_grid_btn article {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
@media only screen and (max-width: 1260px) {
section.STILE_grid_btn article,
#section.STILE_grid_btn article {
grid-template-columns: 1fr;
}
}
section.STILE_grid_btn article .blocco,
#section.STILE_grid_btn article .blocco {
position: relative;
overflow: clip;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.5rem;
border: 1px solid #fafafa;
background: transparent;
border-radius: 0.5rem;
padding: 2rem;
text-align: center;
}
section.STILE_grid_btn article .blocco img.main,
#section.STILE_grid_btn article .blocco img.main {
width: auto;
height: auto;
max-width: 80%;
max-height: 140px;
}
section.STILE_grid_btn article .blocco img.max,
#section.STILE_grid_btn article .blocco img.max {
width: auto;
height: auto;
max-width: 80%;
max-height: 200px;
}
section.STILE_grid_btn article .blocco .bottom-label,
#section.STILE_grid_btn article .blocco .bottom-label {
position: absolute;
overflow: clip;
height: 2rem;
width: 100%;
bottom: 0;
left: 0;
display: block;
color: #fafafa;
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
}
section.STILE_grid_btn article .blocco .bottom-label img,
#section.STILE_grid_btn article .blocco .bottom-label img {
height: 0.9rem;
width: auto;
display: inline-block;
}
section.STILE_grid_btn article .blocco:hover,
#section.STILE_grid_btn article .blocco:hover {
border-color: #043A54;
background: #043A54;
}
/*-----------------------------------------------------------------*/
footer,
#footer {
position: relative;
overflow: clip;
z-index: 2;
width: 100%;
background: #fafafa;
color: #fafafa;
/*section*/
/* idlab */
}
footer:before,
#footer:before {
display: block;
content: "";
position: absolute;
overflow: clip;
width: 500px;
height: 500px;
max-width: 60svw;
max-height: 60svw;
bottom: 0;
left: 0;
transform: translate(-20%, 45%);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-image: url(images/bg_cerchio.svg);
opacity: 0.15;
}
@media only screen and (max-width: 850px) {
footer:before,
#footer:before {
bottom: auto;
top: 0;
transform: translate(-30%, 5%);
max-width: 140svw;
max-height: 140svw;
}
}
@media only screen and (max-width: 850px) {
footer.shop,
#footer.shop {
padding-bottom: 15rem;
}
}
footer section,
#footer section,
footer #section,
#footer #section {
position: relative;
overflow: clip;
z-index: 2;
/*fondo*/
}
footer section.foot,
#footer section.foot,
footer #section.foot,
#footer #section.foot {
padding: 0;
}
@media only screen and (max-width: 850px) {
footer section.foot,
#footer section.foot,
footer #section.foot,
#footer #section.foot {
padding: 1rem 0;
}
}
footer section.foot article,
#footer section.foot article,
footer #section.foot article,
#footer #section.foot article {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
width: 90%;
max-width: 1440px;
/* @media only screen and (max-width: 370px) {
width: 90vw;
} */
margin: 0 auto;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1rem;
color: #043A54;
font-weight: 400;
font-weight: auto;
line-height: 2;
letter-spacing: 0.03em;
font-display: swap;
}
@media only screen and (max-width: 1600px) {
footer section.foot article,
#footer section.foot article,
footer #section.foot article,
#footer #section.foot article {
width: 90%;
}
}
@media only screen and (max-width: 1260px) {
footer section.foot article,
#footer section.foot article,
footer #section.foot article,
#footer #section.foot article {
width: 90vw;
}
}
footer section.foot article > div,
#footer section.foot article > div,
footer #section.foot article > div,
#footer #section.foot article > div {
position: relative;
overflow: clip;
display: block;
min-width: 20%;
width: max-content;
max-width: 33%;
}
@media only screen and (max-width: 850px) {
footer section.foot article > div,
#footer section.foot article > div,
footer #section.foot article > div,
#footer #section.foot article > div {
max-width: 100%;
}
}
footer section.foot article > div:last-child,
#footer section.foot article > div:last-child,
footer #section.foot article > div:last-child,
#footer #section.foot article > div:last-child {
width: 100%;
max-width: 100%;
}
@media only screen and (min-width: 851px) {
footer section.foot article > div:last-child .tit,
#footer section.foot article > div:last-child .tit,
footer #section.foot article > div:last-child .tit,
#footer #section.foot article > div:last-child .tit {
text-align: right;
}
}
@media only screen and (max-width: 850px) {
footer section.foot article,
#footer section.foot article,
footer #section.foot article,
#footer #section.foot article {
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-ms-box-direction: column;
-webkit-box-direction: column;
padding: 2.5rem 0;
}
footer section.foot article > div,
#footer section.foot article > div,
footer #section.foot article > div,
#footer #section.foot article > div {
margin-bottom: 2rem;
width: 100%;
}
footer section.foot article > div:nth-last-of-type(1),
#footer section.foot article > div:nth-last-of-type(1),
footer #section.foot article > div:nth-last-of-type(1),
#footer #section.foot article > div:nth-last-of-type(1) {
margin-bottom: 0;
}
}
footer section.foot article .minilogo,
#footer section.foot article .minilogo,
footer #section.foot article .minilogo,
#footer #section.foot article .minilogo {
width: 10%;
}
@media only screen and (max-width: 850px) {
footer section.foot article .minilogo,
#footer section.foot article .minilogo,
footer #section.foot article .minilogo,
#footer #section.foot article .minilogo {
width: 20%;
}
}
footer section.foot article .minilogo img,
#footer section.foot article .minilogo img,
footer #section.foot article .minilogo img,
#footer #section.foot article .minilogo img {
display: block;
margin: 0;
width: 100%;
}
footer section.foot article .tit,
#footer section.foot article .tit,
footer #section.foot article .tit,
#footer #section.foot article .tit {
display: block;
margin-bottom: 1.5rem;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1.5rem;
color: #043A54;
font-weight: 400;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.03em;
font-display: swap;
}
footer section.foot article a,
#footer section.foot article a,
footer #section.foot article a,
#footer #section.foot article a {
color: #043A54;
}
footer section.foot article a:hover,
#footer section.foot article a:hover,
footer #section.foot article a:hover,
#footer #section.foot article a:hover {
color: #043A54;
}
footer section.foot article a.bottone,
#footer section.foot article a.bottone,
footer #section.foot article a.bottone,
#footer #section.foot article a.bottone {
color: #fafafa;
margin-top: 3rem;
}
footer section.foot article .social,
#footer section.foot article .social,
footer #section.foot article .social,
#footer #section.foot article .social {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-box-pack: flex-end;
-moz-box-pack: flex-end;
-ms-flex-pack: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
margin-top: 3rem;
bottom: 1rem;
}
@media only screen and (max-width: 850px) {
footer section.foot article .social,
#footer section.foot article .social,
footer #section.foot article .social,
#footer #section.foot article .social {
-webkit-box-pack: flex-start;
-moz-box-pack: flex-start;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
}
footer section.foot article .social .icona,
#footer section.foot article .social .icona,
footer #section.foot article .social .icona,
#footer #section.foot article .social .icona {
margin-left: 12px;
width: 48px;
height: 48px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
behavior: url(/css/PIE.htc);
background: #043A54;
}
@media only screen and (max-width: 850px) {
footer section.foot article .social .icona,
#footer section.foot article .social .icona,
footer #section.foot article .social .icona,
#footer #section.foot article .social .icona {
margin-left: 0;
margin-right: 8px;
width: 36px;
height: 36px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
behavior: url(/css/PIE.htc);
}
}
footer section.foot article .social .icona .ico,
#footer section.foot article .social .icona .ico,
footer #section.foot article .social .icona .ico,
#footer #section.foot article .social .icona .ico {
top: 4px;
left: 4px;
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
@media only screen and (max-width: 850px) {
footer section.foot article .social .icona .ico,
#footer section.foot article .social .icona .ico,
footer #section.foot article .social .icona .ico,
#footer #section.foot article .social .icona .ico {
top: 2px;
left: 2px;
-webkit-transform: scale(0.32);
transform: scale(0.32);
}
}
footer section.footLinks ul,
#footer section.footLinks ul,
footer #section.footLinks ul,
#footer #section.footLinks ul {
display: grid;
grid-template-columns: repeat(4, 1fr);
width: 90%;
max-width: 1440px;
/* @media only screen and (max-width: 370px) {
width: 90vw;
} */
margin: 5rem auto;
padding: 0;
gap: 0.75rem;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 0.85rem;
color: #3F6079;
font-weight: 400;
font-weight: auto;
line-height: 1.2;
letter-spacing: 0.03em;
font-display: swap;
}
@media only screen and (max-width: 1600px) {
footer section.footLinks ul,
#footer section.footLinks ul,
footer #section.footLinks ul,
#footer #section.footLinks ul {
width: 90%;
}
}
@media only screen and (max-width: 1260px) {
footer section.footLinks ul,
#footer section.footLinks ul,
footer #section.footLinks ul,
#footer #section.footLinks ul {
width: 90vw;
}
}
@media only screen and (max-width: 850px) {
footer section.footLinks ul,
#footer section.footLinks ul,
footer #section.footLinks ul,
#footer #section.footLinks ul {
grid-template-columns: repeat(2, 1fr);
margin: 2rem auto;
gap: 0.5rem;
font-size: 0.7rem;
}
}
footer section.footLinks ul > li,
#footer section.footLinks ul > li,
footer #section.footLinks ul > li,
#footer #section.footLinks ul > li {
list-style: none;
margin: 0;
padding: 0;
}
footer section.footLinks ul > li a,
#footer section.footLinks ul > li a,
footer #section.footLinks ul > li a,
#footer #section.footLinks ul > li a {
color: #E0E0E0;
}
footer section.footLinks ul > li a:hover,
#footer section.footLinks ul > li a:hover,
footer #section.footLinks ul > li a:hover,
#footer #section.footLinks ul > li a:hover {
color: #fafafa;
}
footer section.fondo,
#footer section.fondo,
footer #section.fondo,
#footer #section.fondo {
position: relative;
overflow: clip;
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
gap: 1rem;
margin: 0 auto 0;
padding: 3rem 0;
width: 90%;
max-width: 1440px;
/* @media only screen and (max-width: 370px) {
width: 90vw;
} */
border-top: 1px solid #043A54;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 0.85rem;
color: #043A54;
font-weight: 400;
font-weight: auto;
line-height: 20px;
letter-spacing: 0.03em;
font-display: swap;
}
@media only screen and (max-width: 1600px) {
footer section.fondo,
#footer section.fondo,
footer #section.fondo,
#footer #section.fondo {
width: 90%;
}
}
@media only screen and (max-width: 1260px) {
footer section.fondo,
#footer section.fondo,
footer #section.fondo,
#footer #section.fondo {
width: 90vw;
}
}
@media only screen and (max-width: 850px) {
footer section.fondo,
#footer section.fondo,
footer #section.fondo,
#footer #section.fondo {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 80px;
}
}
footer section.fondo p,
#footer section.fondo p,
footer #section.fondo p,
#footer #section.fondo p {
padding: 0;
margin: 0;
text-align: left;
}
@media only screen and (max-width: 850px) {
footer section.fondo p,
#footer section.fondo p,
footer #section.fondo p,
#footer #section.fondo p {
width: 100%;
padding: 0;
text-align: center;
}
}
footer section.fondo a,
#footer section.fondo a,
footer #section.fondo a,
#footer #section.fondo a {
color: #043A54;
font-weight: 700;
text-decoration: none;
}
footer section.fondo a:hover,
#footer section.fondo a:hover,
footer #section.fondo a:hover,
#footer #section.fondo a:hover {
color: #3F6079;
}
footer .idlab,
#footer .idlab {
position: absolute;
overflow: clip;
right: 0;
top: 30px;
margin: 0;
width: 30px;
height: 20px;
background: url(images/idlab.png) bottom right no-repeat;
background-size: contain;
opacity: 0.3;
filter: invert(1);
}
footer .idlab a,
#footer .idlab a {
display: block;
padding-top: 32px;
}
@media only screen and (max-width: 850px) {
footer .idlab,
#footer .idlab {
top: auto;
bottom: 30px;
right: 50%;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
}
/*footer*/
input:not([type='checkbox']):not([type='radio']),
select,
textarea {
display: block;
padding: 0 20px;
margin: 0;
border: none;
background: #f3f6f9;
border: 1px solid #f3f6f9;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
border-radius: 25px;
behavior: url(/css/PIE.htc);
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1rem;
color: #001228;
font-weight: 400;
font-weight: auto;
line-height: 36px;
letter-spacing: 0.03em;
font-display: swap;
}
input:not([type='checkbox']):not([type='radio']):focus,
select:focus,
textarea:focus {
border: 1px solid #001228;
-webkit-box-shadow: 1px 0 0 #001228 inset,-1px 0 0 #001228 inset,0 1px 0 #001228 inset,0 -1px 0 #001228 inset;
-moz-box-shadow: 1px 0 0 #001228 inset,-1px 0 0 #001228 inset,0 1px 0 #001228 inset,0 -1px 0 #001228 inset;
box-shadow: 1px 0 0 #001228 inset,-1px 0 0 #001228 inset,0 1px 0 #001228 inset,0 -1px 0 #001228 inset;
behavior: url(/css/PIE.htc);
outline: none;
-webkit-transition: all 0.2s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.2s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.2s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.2s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.2s cubic-bezier(0.52, 0.16, 0.24, 1);
}
input:not([type='checkbox']):not([type='radio'])[type="file"],
select[type="file"],
textarea[type="file"] {
position: relative;
display: block;
padding-left: 0;
}
input:not([type='checkbox']):not([type='radio'])[type="file"]::file-selector-button,
select[type="file"]::file-selector-button,
textarea[type="file"]::file-selector-button {
padding: 0 20px;
height: 37px;
line-height: 37px;
border-radius: 21px;
border: none;
background-color: #738FA9;
font-size: 1rem;
color: #fafafa;
font-weight: 700;
transition: all 0.25s ease-in-out;
cursor: pointer;
margin: 2px 2px;
margin-right: 1em;
}
input:not([type='checkbox']):not([type='radio'])[type="file"]::file-selector-button:hover,
select[type="file"]::file-selector-button:hover,
textarea[type="file"]::file-selector-button:hover {
background-color: #043A54;
}
form {
/* &.classic{
} */
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border: none;
padding: 0;
margin: 1em 0 0;
width: 100%;
}
form.suscuro .smalltxt a {
color: #EBCF48;
}
form div {
display: grid;
width: 100%;
padding: 0 !important;
margin: 0 0 16px;
text-align: left;
line-height: 43px;
}
form div.break {
margin: 0;
line-height: 0;
}
@media only screen and (max-width: 850px) {
form div {
width: 100% !important;
}
}
form div.raccoglitore {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
flex-wrap: wrap;
margin: 0;
}
form div.mezzo {
width: calc((100% - 12px) / 2);
}
form div.unterzo {
width: calc((100% - 24px) / 3);
}
form div.dueterzi {
width: calc(((100% - 24px) / 3) * 2 + 12px);
}
form div.unquarto {
width: calc((100% - 36px) / 4);
}
form div.unquinto {
width: calc((100% - 48px) / 5);
}
form div.duequinti {
width: calc(((100% - 48px) / 5) * 2 + 12px);
}
form div.trequinti {
width: calc(((100% - 48px) / 5) * 3 + 24px);
}
form div.trequarti {
width: calc(((100% - 36px) / 4) * 3 + 24px);
}
form div.tit {
margin-top: 30px;
}
form div.nomargin {
margin: 0;
}
form div.flesso {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
gap: 20px;
}
form div.flesso.centro {
-webkit-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
form div.flesso.sinistra,
form div.flesso.concheckbox {
-webkit-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
form div.flesso.sinistra label,
form div.flesso.concheckbox label {
width: auto;
line-height: 1.5em;
}
form div.flesso.destra {
-webkit-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
}
form div.flesso.smalltxt,
form div.flesso.nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
form div.flesso.smalltxt label,
form div.flesso.nowrap label {
width: auto;
}
form div.flesso label {
display: block;
width: 100%;
}
form div.smalltxt label {
padding: 8px 0;
font-size: 0.9rem;
line-height: 20px;
}
form div.privacy {
width: 100% !important;
font-size: 0.9rem;
line-height: 1.4rem;
}
form div.privacy a {
font-size: 1rem;
color: #043A54;
text-decoration: underline;
}
form div.privacy a:hover {
color: #3F6079;
text-decoration: none;
}
form div.txt {
margin: 20px 0;
line-height: 1.3rem;
font-size: 0.9rem;
color: #001228;
}
form div.selezione .int {
padding-top: 8px !important;
width: calc(100% - 40px);
font-size: 0.9rem;
line-height: 1.5rem;
}
form div.selezione .int img.pagamento {
display: inline-block;
height: 64px;
margin-bottom: 10px;
}
form div label {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1rem;
color: #fafafa;
font-weight: 400;
line-height: 43px;
letter-spacing: 0.03em;
font-display: swap;
}
form div label.piccolo {
float: left;
margin: 0 30px 0 0;
padding: 8px 0;
line-height: 20px !important;
}
form div label a {
color: #043A54;
text-decoration: underline;
}
form div label a:hover {
color: #3F6079;
text-decoration: none;
}
form div input:not([type='checkbox']):not([type='radio']) {
width: 100%;
height: 43px;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'],
form div input:not([type='checkbox']):not([type='radio'])[type='button'],
form div input:not([type='checkbox']):not([type='radio']).btn {
position: relative;
overflow: clip;
display: inline-block;
padding: 11px 25px;
min-height: 40px;
min-width: 120px;
margin: 0;
-webkit-border-radius: 22px;
-moz-border-radius: 22px;
-ms-border-radius: 22px;
-o-border-radius: 22px;
border-radius: 22px;
border: 1px solid #043A54;
background: #043A54;
color: #fafafa;
font-weight: auto;
line-height: 20px;
text-align: center;
cursor: pointer;
-webkit-transition: all 0.28s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.28s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.28s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.28s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.28s cubic-bezier(0.52, 0.16, 0.24, 1);
padding: 11px 48px;
width: max-content;
max-width: 100%;
height: 43px;
border: 1px solid #EBCF48;
background: #EBCF48;
-webkit-box-shadow: 0 0 0 0;
-moz-box-shadow: 0 0 0 0;
box-shadow: 0 0 0 0;
behavior: url(/css/PIE.htc);
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1rem;
color: #001228;
font-weight: 400;
font-weight: 600;
line-height: auto;
letter-spacing: 0.03em;
font-display: swap;
text-transform: uppercase;
text-decoration: none;
-webkit-transition: all 0.2s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.2s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.2s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.2s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.2s cubic-bezier(0.52, 0.16, 0.24, 1);
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit']:hover,
form div input:not([type='checkbox']):not([type='radio'])[type='button']:hover,
form div input:not([type='checkbox']):not([type='radio']).btn:hover {
-webkit-box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.7);
box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.7);
behavior: url(/css/PIE.htc);
background: #3F6079;
border-color: #3F6079;
color: #fafafa;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].outline,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].outline,
form div input:not([type='checkbox']):not([type='radio']).btn.outline {
background: none;
color: #001228;
border-color: #001228;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].outline:hover,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].outline:hover,
form div input:not([type='checkbox']):not([type='radio']).btn.outline:hover {
background: #043A54;
border-color: #043A54;
color: #fafafa;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].outline.bianco,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].outline.bianco,
form div input:not([type='checkbox']):not([type='radio']).btn.outline.bianco {
background: none;
border-color: #fafafa;
color: #fafafa;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].outline.bianco:hover,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].outline.bianco:hover,
form div input:not([type='checkbox']):not([type='radio']).btn.outline.bianco:hover {
border-color: #fafafa;
background: #fafafa;
color: #043A54;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].outline.bianco:hover.avanti::after,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].outline.bianco:hover.avanti::after,
form div input:not([type='checkbox']):not([type='radio']).btn.outline.bianco:hover.avanti::after,
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].outline.bianco:hover.indietro::after,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].outline.bianco:hover.indietro::after,
form div input:not([type='checkbox']):not([type='radio']).btn.outline.bianco:hover.indietro::after {
border-color: #043A54;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].outline.freccia::before,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].outline.freccia::before,
form div input:not([type='checkbox']):not([type='radio']).btn.outline.freccia::before {
background: #043A54;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].outline.freccia::after,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].outline.freccia::after,
form div input:not([type='checkbox']):not([type='radio']).btn.outline.freccia::after {
border-top-color: #fafafa;
border-right-color: #fafafa;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].bianco,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].bianco,
form div input:not([type='checkbox']):not([type='radio']).btn.bianco {
border-color: #fafafa;
background: #fafafa;
color: #001228;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].bianco:hover,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].bianco:hover,
form div input:not([type='checkbox']):not([type='radio']).btn.bianco:hover {
border-color: #3F6079;
background: #3F6079;
color: #001228;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].due,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].due,
form div input:not([type='checkbox']):not([type='radio']).btn.due {
background: #E0E0E0;
border-color: #E0E0E0;
color: #001228;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].due:hover,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].due:hover,
form div input:not([type='checkbox']):not([type='radio']).btn.due:hover {
border-color: #3F6079;
background: #3F6079;
color: #001228;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].tre,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].tre,
form div input:not([type='checkbox']):not([type='radio']).btn.tre {
background: #001228;
border-color: #001228;
color: #fafafa;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].tre:hover,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].tre:hover,
form div input:not([type='checkbox']):not([type='radio']).btn.tre:hover {
border-color: #043A54;
background: #043A54;
color: #fafafa;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].quattro,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].quattro,
form div input:not([type='checkbox']):not([type='radio']).btn.quattro {
background: #EBCF48;
border-color: #EBCF48;
color: #001228;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].quattro:hover,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].quattro:hover,
form div input:not([type='checkbox']):not([type='radio']).btn.quattro:hover {
border-color: #f5e7a4;
background: #f5e7a4;
color: #001228;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].centro,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].centro,
form div input:not([type='checkbox']):not([type='radio']).btn.centro {
display: block;
margin: 0 auto;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].avanti,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].avanti,
form div input:not([type='checkbox']):not([type='radio']).btn.avanti,
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].indietro,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].indietro,
form div input:not([type='checkbox']):not([type='radio']).btn.indietro {
min-width: 72px;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].avanti:after,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].avanti:after,
form div input:not([type='checkbox']):not([type='radio']).btn.avanti:after,
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].indietro:after,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].indietro:after,
form div input:not([type='checkbox']):not([type='radio']).btn.indietro:after {
content: "";
display: block;
position: absolute;
overflow: clip;
width: 15px;
height: 15px;
top: 50%;
left: 50%;
border-right: 1px solid #fafafa;
border-bottom: 1px solid #fafafa;
transform: translate(-75%, -50%) rotate(-45deg);
-webkit-transition: all 0.28s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.28s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.28s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.28s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.28s cubic-bezier(0.52, 0.16, 0.24, 1);
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].indietro:after,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].indietro:after,
form div input:not([type='checkbox']):not([type='radio']).btn.indietro:after {
transform: translate(-25%, -50%) rotate(135deg);
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].allegato,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].allegato,
form div input:not([type='checkbox']):not([type='radio']).btn.allegato {
position: relative;
overflow: clip;
padding-right: 100px;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].allegato::after,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].allegato::after,
form div input:not([type='checkbox']):not([type='radio']).btn.allegato::after {
content: '';
position: absolute;
overflow: clip;
display: block;
right: 42px;
top: 50%;
height: 1px;
width: 30px;
background: #fafafa;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].allegato::before,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].allegato::before,
form div input:not([type='checkbox']):not([type='radio']).btn.allegato::before {
content: '';
position: absolute;
overflow: clip;
display: block;
right: 45px;
top: 50%;
height: 5px;
width: 5px;
border: 1px solid #fafafa;
border-left-color: transparent;
border-bottom-color: transparent;
transform: rotate(45deg) translateY(-55%);
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].conMatIco,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].conMatIco,
form div input:not([type='checkbox']):not([type='radio']).btn.conMatIco {
/**/
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
/**/
display: -webkit-flex;
display: flex;
align-items: center;
padding: 10px 30px 10px 20px;
white-space: nowrap;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit'].conMatIco span,
form div input:not([type='checkbox']):not([type='radio'])[type='button'].conMatIco span,
form div input:not([type='checkbox']):not([type='radio']).btn.conMatIco span {
display: block;
font-size: 0.9rem;
margin-right: 5px;
}
form div input:not([type='checkbox']):not([type='radio'])[type='submit']:hover,
form div input:not([type='checkbox']):not([type='radio'])[type='button']:hover,
form div input:not([type='checkbox']):not([type='radio']).btn:hover {
background: #f5e7a4;
border-color: #f5e7a4;
color: #001228;
cursor: pointer;
}
form div input:not([type='checkbox']):not([type='radio']).grandepiccolo1 {
width: calc(89% - 74px);
}
form div input:not([type='checkbox']):not([type='radio']).grandepiccolo2 {
width: 70px;
margin-left: 3%;
}
form div input:not([type='checkbox']):not([type='radio']).data {
color: #888 !important;
}
form div input:not([type='checkbox']):not([type='radio']).data:focus {
color: #001228 !important;
}
form div textarea {
width: 100%;
max-width: 100%;
min-height: 130px;
}
form div input:not([type='checkbox']):not([type='radio']),
form div select,
form div textarea {
display: block;
padding: 0 20px;
margin: 0;
border: 1px solid #3F6079;
background-color: #3F6079;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
border-radius: 25px;
behavior: url(/css/PIE.htc);
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 1rem;
color: #fafafa;
font-weight: 400;
line-height: 36px;
letter-spacing: 0.03em;
font-display: swap;
}
form div input:not([type='checkbox']):not([type='radio']):focus,
form div select:focus,
form div textarea:focus {
border: 1px solid #fafafa;
-webkit-box-shadow: 1px 0 0 #fafafa inset,-1px 0 0 #fafafa inset,0 1px 0 #fafafa inset,0 -1px 0 #fafafa inset;
-moz-box-shadow: 1px 0 0 #fafafa inset,-1px 0 0 #fafafa inset,0 1px 0 #fafafa inset,0 -1px 0 #fafafa inset;
box-shadow: 1px 0 0 #fafafa inset,-1px 0 0 #fafafa inset,0 1px 0 #fafafa inset,0 -1px 0 #fafafa inset;
behavior: url(/css/PIE.htc);
outline: none;
-webkit-transition: all 0.2s cubic-bezier(0.52, 0.16, 0.24, 1);
-moz-transition: all 0.2s cubic-bezier(0.52, 0.16, 0.24, 1);
-ms-transition: all 0.2s cubic-bezier(0.52, 0.16, 0.24, 1);
-o-transition: all 0.2s cubic-bezier(0.52, 0.16, 0.24, 1);
transition: all 0.2s cubic-bezier(0.52, 0.16, 0.24, 1);
}
form div input:not([type='checkbox']):not([type='radio'])::-webkit-input-placeholder,
form div select::-webkit-input-placeholder,
form div textarea::-webkit-input-placeholder {
font-weight: 400;
opacity: 0.7;
color: #fafafa;
}
form div input:not([type='checkbox']):not([type='radio']):-moz-placeholder,
form div select:-moz-placeholder,
form div textarea:-moz-placeholder {
font-weight: 400;
opacity: 0.7;
color: #fafafa;
}
form div input:not([type='checkbox']):not([type='radio'])::-moz-placeholder,
form div select::-moz-placeholder,
form div textarea::-moz-placeholder {
font-weight: 400;
opacity: 0.7;
color: #fafafa;
}
form div input:not([type='checkbox']):not([type='radio']):-ms-input-placeholder,
form div select:-ms-input-placeholder,
form div textarea:-ms-input-placeholder {
font-weight: 400;
opacity: 0.7;
color: #fafafa;
}
form div input:not([type='checkbox']):not([type='radio'])::placeholder,
form div select::placeholder,
form div textarea::placeholder {
font-weight: 400;
opacity: 0.7;
color: #fafafa;
}
form div select {
position: relative;
width: 100%;
height: 43px;
background: #3F6079 url('images/frecciaselectW.png') right center no-repeat;
background-size: 36px 36px !important;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
form div select:required:invalid {
color: #B1D2F0 !important;
}
form div select option[value=''][disabled] {
display: none;
}
form div select option {
color: #fafafa;
}
form div a.small {
font-size: 0.9rem;
}
form.suScuro input:not([type='checkbox']):not([type='radio']),
form.suScuro textarea,
form.suScuro select {
background: #043A54;
color: #fafafa;
border-color: #3F6079;
}
form.suScuro input:not([type='checkbox']):not([type='radio']) option,
form.suScuro textarea option,
form.suScuro select option {
background: #043A54;
}
form.suScuro input:not([type='checkbox']):not([type='radio']).btn,
form.suScuro textarea.btn,
form.suScuro select.btn {
border: 1px solid #EBCF48;
background: #EBCF48;
}
form.suScuro input:not([type='checkbox']):not([type='radio']).btn:hover,
form.suScuro textarea.btn:hover,
form.suScuro select.btn:hover {
background: #001228;
border-color: #001228;
}
form.suScuro select {
background: #043A54 url(images/frecciaselectW.png) right center no-repeat;
}
form.suScuro label {
color: #fafafa;
}
form.suScuro label a {
color: #001228 !important;
}
form.suScuro label a:hover {
color: #fafafa !important;
}
form.suScuro .checkmark {
border-color: #B1D2F0;
}
form.newsletter {
flex-direction: column;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-ms-box-direction: column;
-webkit-box-direction: column;
}
form.newsletter div {
width: 100%;
}
.adminHide {
display: none;
}
.accordionContent {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.35s ease-out;
}
.titaccordion {
cursor: pointer;
}
.accordionContent > div {
overflow: clip;
}
.accordionContent[aria-hidden='false'] {
grid-template-rows: 1fr;
}
.contenitore_frame {
position: relative;
overflow: clip;
height: 0;
padding-top: 56.25%;
width: 100%;
margin: 4rem 0;
}
.contenitore_frame iframe {
position: absolute;
top: 0;
left: 0;
border: 0;
width: 100%;
height: 100%;
}
small {
top: 0;
display: flex;
align-items: center;
gap: 4px;
}
small svg {
width: 12px;
height: 12px;
}
input.error,
textarea.error {
border: 1px solid #dd0000 !important;
}
.check-container input.error ~ .checkmark {
border: 1px solid #dd0000;
}
.check-container {
display: block;
position: relative;
width: 24px;
height: 24px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
flex-shrink: 0;
}
.check-container small {
width: max-content;
right: 0;
margin-top: 15px;
}
.check-container input {
position: absolute;
opacity: 0;
cursor: pointer;
width: inherit;
height: inherit;
z-index: 999;
inset: 0;
}
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border: 1px solid #001228;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
behavior: url(/css/PIE.htc);
}
.checkmark:after {
content: '';
position: absolute;
display: none;
top: 0;
left: 0;
}
.check-container input:checked ~ .checkmark:after {
display: block;
}
.check-container .checkmark:after {
left: 9px;
top: 4px;
width: 6px;
height: 13px;
border: medium solid #001228;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.imgcentro {
max-width: 100%;
height: auto;
margin: 0 auto !important;
display: block;
object-fit: contain;
object-position: center;
}
#isdentist {
position: fixed;
top: 0;
left: 0;
width: 100svw;
height: 100svh;
background-color: #001228;
pointer-events: none;
z-index: 9999999;
}
#isdentist .modal {
position: absolute;
background-color: #fafafa;
padding: 1rem 2rem;
border-radius: 6px;
width: 400px;
max-width: 90%;
pointer-events: all;
width: 500px;
max-width: 90svw;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: min-content;
max-height: 90svh;
}
#isdentist .modal .sotto {
display: flex;
justify-content: flex-end;
gap: 1rem;
padding-top: 1.5rem;
margin-top: 1.5rem;
border-top: 1px solid #C0C0C0;
}