@charset "UTF-8";
  .p_ozono {
width: 100%;
height: auto;
} .ozo_uno {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding: 80px 0;
position: relative;
}
.ozo_uno_sx {
width: 41%;
float: left;
}
.ozo_uno_dx {
width: 41%;
float: right;
}
.ozo_uno_divisorio {
width: 1px;
height: calc(100% - 160px);
min-height: 260px;
background-color: #bfbfbf;
position: absolute;
left: 50%;
top: 80px;
transform: translateX(-50%);
}
.ozo_uno h1,
.ozo_uno h2 {
color: #2768b1;
font-size: 34px;
line-height: 1.15;
font-weight: 700;
margin: 0 0 30px 0;
}
.ozo_uno p {
color: #575756;
font-size: 20px;
line-height: 1.55;
font-weight: 400;
margin: 0;
}
.ozo_uno ul {
margin: 0;
padding-left: 22px;
}
.ozo_uno li {
color: #575756;
font-size: 20px;
line-height: 1.45;
font-weight: 700;
margin-bottom: 3px;
}
.ozo_uno_testo_extra {
margin-top: 28px;
} .ozono_2 {
width: 100%;
background-color: #d8f0f2;
padding-top: 70px;
padding-bottom: 70px;
}
.ozono_2_int {
width: 90%;
max-width: 1050px;
margin: 0 auto;
}
.ozono_2_griglia {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
align-items: stretch;
}
.ozono_2_box {
background-color: #FFFFFF;
padding: 30px 30px 28px 30px;
box-sizing: border-box;
box-shadow: 7px 7px 0 #70c5d0;
height: 100%;
}
.ozono_2_box h3 {
font-size: 26px;
line-height: 1.15;
font-weight: 400;
color: #2768b1;
margin-bottom: 24px;
}
.ozono_2_box ul {
margin: 0;
padding: 0;
list-style: none;
}
.ozono_2_box li {
font-size: 15px;
line-height: 1.45;
font-weight: 700;
color: #6f6f6f;
margin-bottom: 9px;
padding-left: 22px;
background-image: url(//levelesrl.com/wp-content/themes/temalevele/Immagini/bolla-blu.png);
background-repeat: no-repeat;
background-position: 0 5px;
background-size: 12px auto;
}
.ozono_2_box_titolo {
background-color: #376ab0;
background-image: url(//levelesrl.com/wp-content/themes/temalevele/Immagini/riquadro-patologie.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
overflow: hidden;
}
.ozono_2_box_titolo h2 {
font-size: 25px;
line-height: 1.22;
font-weight: 400;
color: #FFFFFF;
margin: 0;
}
.ozono_2_btn {
width: 100%;
text-align: center;
margin-top: 55px;
}
.ozono_2_btn a:link,
.ozono_2_btn a:visited {
display: inline-block;
background-color: #376ab0;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
font-size: 24px;
line-height: 1;
padding: 20px 38px;
transition: 0.25s;
}
.ozono_2_btn a:hover {
background-color: #2768b1;
} .ozono_3 {
width: 100%;
background-color: #d8f0f2;
padding-bottom: 0;
}
.ozono_3_int {
width: 100%;
max-width: none;
margin: 0;
background-color: #70c5d0;
}
.ozono_3_riga {
width: 100%;
display: flex;
align-items: stretch;
}
.ozono_3_riga_invertita {
flex-direction: row-reverse;
}
.ozono_3_testo {
width: 50%;
min-height: 350px;
background-color: #376ab0;
display: flex;
align-items: center;
box-sizing: border-box;
padding-top: 55px;
padding-bottom: 55px;
}
.ozono_3_testo_int {
width: 58%;
max-width: 460px;
margin: 0 auto;
}
.ozono_3_testo h3 {
color: #FFFFFF;
font-size: 27px;
line-height: 1.2;
font-weight: 400;
margin-bottom: 22px;
}
.ozono_3_testo p {
color: #FFFFFF;
font-size: 15px;
line-height: 1.55;
font-weight: 400;
margin-bottom: 22px;
}
.ozono_3_testo p:last-child {
margin-bottom: 0;
}
.ozono_3_testo strong {
font-weight: 700;
}
.ozono_3_img {
width: 50%;
min-height: 350px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.ozono_3_img_1 {
background-image: url(//levelesrl.com/wp-content/themes/temalevele/Immagini/Come-viene-somministrata-l-Ozonoterapia.jpg);
}
.ozono_3_img_2 {
background-image: url(//levelesrl.com/wp-content/themes/temalevele/Immagini/Ozonoterapia-una-pratica-sicura.jpg);
}
.ozono_3_img_3 {
background-image: url(//levelesrl.com/wp-content/themes/temalevele/Immagini/Quante-sedute-sono-necessarie.jpg);
} .ozono_4 {
width: 100%;
background-color: #70c5d0;
padding-top: 70px;
padding-bottom: 80px;
}
.ozono_4_int {
width: 90%;
max-width: 1150px;
margin: 0 auto;
}
.ozono_4 h2 {
color: #FFFFFF;
text-align: center;
text-transform: uppercase;
font-size: 30px;
line-height: 1.2;
font-weight: 400;
margin-bottom: 70px;
}
.ozono_4_griglia {
display: grid;
grid-template-columns: repeat(5, 1fr);
column-gap: 45px;
row-gap: 55px;
align-items: center;
}
.ozono_4_item {
text-align: center;
}
.ozono_4_item img {
width: 170px;
max-width: 100%;
height: auto;
margin: 0 auto;
display: block;
} .ozono_5 {
width: 100%;
background-image: url(//levelesrl.com/wp-content/themes/temalevele/Immagini/Il-nostro-approccio.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding-top: 90px;
padding-bottom: 95px;
}
.ozono_5_int {
width: 90%;
max-width: 1200px;
margin: 0 auto;
}
.ozono_5 h2 {
color: #FFFFFF;
text-align: center;
text-transform: uppercase;
font-size: 31px;
line-height: 1.2;
font-weight: 400;
margin-bottom: 85px;
}
.ozono_5_griglia {
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 60px;
}
.ozono_5_item {
color: #FFFFFF;
}
.ozono_5_numero {
width: 62px;
height: 62px;
background-color: #7ccfd3;
border-radius: 50%;
color: #FFFFFF;
font-size: 56px;
line-height: 62px;
font-weight: 700;
text-align: center;
margin-bottom: 25px;
}
.ozono_5_item h3 {
color: #FFFFFF;
font-size: 31px;
line-height: 1.1;
font-weight: 700;
margin-bottom: 18px;
}
.ozono_5_item p {
color: #FFFFFF;
font-size: 21px;
line-height: 1.35;
font-weight: 400;
margin: 0;
} .ozono_6 {
width: 100%;
background-color: #FFFFFF;
}
.ozono_6_riga {
width: 100%;
display: flex;
align-items: stretch;
}
.ozono_6_img {
width: 50%;
min-height: 430px;
background-image: url(//levelesrl.com/wp-content/themes/temalevele/Immagini/Fondo-blu.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.ozono_6_testo {
width: 50%;
background-color: #FFFFFF;
display: flex;
align-items: center;
box-sizing: border-box;
padding-top: 70px;
padding-bottom: 70px;
}
.ozono_6_testo_int {
width: 50%;
max-width: 480px;
margin: 0 auto;
}
.ozono_6_testo h3 {
color: #2768b1;
font-size: 31px;
line-height: 1.2;
font-weight: 400;
margin-bottom: 30px;
}
.ozono_6_testo p {
color: #6f6f6f;
font-size: 20px;
line-height: 1.55;
font-weight: 400;
margin: 0;
}
.ozono_6_testo strong {
font-weight: 700;
} .ozono_7 {
width: 100%;
background-color: #d8f0f2;
background-image: url(//levelesrl.com/wp-content/themes/temalevele/Immagini/Come-fissare-un-appuntamento.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
min-height: 370px;
position: relative;
overflow: hidden;
}
.ozono_7_int {
width: 90%;
max-width: 1200px;
margin: 0 auto;
min-height: 370px;
position: relative;
}
.ozono_7_testo {
width: 36%;
position: absolute;
left: 12%;
top: 50%;
transform: translateY(-50%);
}
.ozono_7_testo_anim {
width: 100%;
}
.ozono_7_testo h3 {
color: #2768b1;
font-size: 31px;
line-height: 1.2;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 30px;
}
.ozono_7_testo p {
color: #2768b1;
font-size: 20px;
line-height: 1.35;
font-weight: 400;
margin: 0;
}
.ozono_7_testo strong {
font-weight: 700;
} .ozono_8 {
width: 100%;
background-color: #FFFFFF;
padding-top: 95px;
padding-bottom: 80px;
}
.ozono_8_int {
width: 90%;
max-width: 1200px;
margin: 0 auto;
}
.ozono_8 h2 {
color: #2768b1;
text-align: center;
text-transform: uppercase;
font-size: 30px;
line-height: 1.2;
font-weight: 400;
margin-bottom: 75px;
}
.ozono_8_lista {
width: 82%;
max-width: 1000px;
margin: 0 auto;
}
.ozono_8_item {
width: 100%;
display: grid;
grid-template-columns: 40px 1fr;
column-gap: 22px;
margin-bottom: 45px;
}
.ozono_8_item:last-child {
margin-bottom: 0;
}
.ozono_8_segno {
color: #2768b1;
font-size: 30px;
line-height: 1;
font-weight: 400;
padding-top: 4px;
}
.ozono_8_testo h3 {
color: #2768b1;
font-size: 30px;
line-height: 1.15;
font-weight: 400;
margin-bottom: 6px;
}
.ozono_8_testo p {
color: #777777;
font-size: 17px;
line-height: 1.45;
font-weight: 700;
margin: 0;
} @media only screen and (min-width: 701px) and (max-width: 991px) {
.ozo_uno {
padding: 65px 0;
}
.ozo_uno_sx {
width: 43%;
}
.ozo_uno_dx {
width: 43%;
}
.ozo_uno_divisorio {
top: 65px;
height: calc(100% - 130px);
}
.ozo_uno h1,
.ozo_uno h2 {
font-size: 29px;
}
.ozo_uno p,
.ozo_uno li {
font-size: 18px;
}
.ozono_2 {
padding-top: 60px;
padding-bottom: 60px;
}
.ozono_2_int {
width: 90%;
}
.ozono_2_griglia {
grid-template-columns: repeat(2, 1fr);
gap: 28px;
}
.ozono_2_box {
padding: 28px 26px 26px 26px;
}
.ozono_2_box h3 {
font-size: 24px;
}
.ozono_2_box li {
font-size: 15px;
line-height: 1.42;
}
.ozono_2_box_titolo h2 {
font-size: 24px;
}
.ozono_2_btn a:link,
.ozono_2_btn a:visited {
font-size: 22px;
}
.ozono_3 {
padding-bottom: 0;
}
.ozono_3_int {
width: 100%;
max-width: none;
}
.ozono_3_testo,
.ozono_3_img {
min-height: 330px;
}
.ozono_3_testo {
padding-top: 45px;
padding-bottom: 45px;
}
.ozono_3_testo_int {
width: 72%;
max-width: 420px;
}
.ozono_3_testo h3 {
font-size: 24px;
}
.ozono_3_testo p {
font-size: 14px;
}
.ozono_4 {
padding-top: 60px;
padding-bottom: 70px;
}
.ozono_4 h2 {
font-size: 27px;
margin-bottom: 55px;
}
.ozono_4_griglia {
grid-template-columns: repeat(3, 1fr);
column-gap: 35px;
row-gap: 45px;
}
.ozono_4_item img {
width: 155px;
}
.ozono_5 {
padding-top: 70px;
padding-bottom: 75px;
}
.ozono_5 h2 {
font-size: 27px;
margin-bottom: 60px;
}
.ozono_5_griglia {
grid-template-columns: repeat(2, 1fr);
column-gap: 50px;
row-gap: 45px;
}
.ozono_5_numero {
width: 58px;
height: 58px;
font-size: 52px;
line-height: 58px;
}
.ozono_5_item h3 {
font-size: 28px;
}
.ozono_5_item p {
font-size: 19px;
}
.ozono_6_img {
min-height: 370px;
}
.ozono_6_testo {
padding-top: 55px;
padding-bottom: 55px;
}
.ozono_6_testo_int {
width: 68%;
}
.ozono_6_testo h3 {
font-size: 28px;
}
.ozono_6_testo p {
font-size: 18px;
}
.ozono_7 {
min-height: 330px;
background-position: center center;
}
.ozono_7_int {
min-height: 330px;
}
.ozono_7_testo {
width: 42%;
left: 6%;
}
.ozono_7_testo h3 {
font-size: 27px;
}
.ozono_7_testo p {
font-size: 18px;
}
.ozono_8 {
padding-top: 75px;
padding-bottom: 70px;
}
.ozono_8 h2 {
font-size: 27px;
margin-bottom: 60px;
}
.ozono_8_lista {
width: 90%;
}
.ozono_8_testo h3 {
font-size: 27px;
}
.ozono_8_testo p {
font-size: 16px;
}
} @media only screen and (max-width: 700px) {
.ozo_uno {
width: 90%;
padding: 50px 0;
}
.ozo_uno_sx {
width: 100%;
float: none;
padding-bottom: 35px;
margin-bottom: 35px;
border-bottom: 1px solid #bfbfbf;
}
.ozo_uno_dx {
width: 100%;
float: none;
}
.ozo_uno_divisorio {
display: none;
}
.ozo_uno h1,
.ozo_uno h2 {
font-size: 27px;
line-height: 1.15;
margin-bottom: 22px;
}
.ozo_uno p,
.ozo_uno li {
font-size: 18px;
}
.ozo_uno ul {
padding-left: 20px;
margin-bottom: 22px;
}
.ozo_uno li {
line-height: 1.5;
}
.ozo_uno_testo_extra {
margin-top: 22px;
}
.ozono_2 {
padding-top: 50px;
padding-bottom: 55px;
}
.ozono_2_int {
width: 86%;
}
.ozono_2_griglia {
display: block;
}
.ozono_2_box {
width: 100%;
height: auto;
margin-bottom: 28px;
padding: 26px 22px;
box-shadow: 5px 5px 0 #70c5d0;
}
.ozono_2_box h3 {
font-size: 24px;
line-height: 1.15;
margin-bottom: 20px;
}
.ozono_2_box li {
font-size: 15px;
line-height: 1.45;
margin-bottom: 8px;
background-position: 0 5px;
background-size: 12px auto;
}
.ozono_2_box_titolo {
background-position: center center;
background-size: cover;
min-height: 240px;
}
.ozono_2_box_titolo h2 {
font-size: 24px;
}
.ozono_2_btn {
margin-top: 15px;
}
.ozono_2_btn a:link,
.ozono_2_btn a:visited {
font-size: 21px;
padding: 18px 34px;
}
.ozono_3 {
padding-bottom: 0;
}
.ozono_3_int {
width: 100%;
max-width: none;
}
.ozono_3_riga,
.ozono_3_riga_invertita {
display: block;
}
.ozono_3_testo {
width: 100%;
min-height: auto;
padding-top: 50px;
padding-bottom: 50px;
}
.ozono_3_testo_int {
width: 86%;
max-width: none;
}
.ozono_3_testo h3 {
font-size: 25px;
margin-bottom: 20px;
}
.ozono_3_testo p {
font-size: 16px;
line-height: 1.55;
}
.ozono_3_img {
width: 100%;
min-height: 260px;
}
.ozono_4 {
padding-top: 50px;
padding-bottom: 60px;
}
.ozono_4_int {
width: 86%;
}
.ozono_4 h2 {
font-size: 24px;
margin-bottom: 40px;
}
.ozono_4_griglia {
grid-template-columns: repeat(2, 1fr);
column-gap: 20px;
row-gap: 28px;
}
.ozono_4_item img {
width: 140px;
}
.ozono_5 {
padding-top: 55px;
padding-bottom: 60px;
background-position: center center;
}
.ozono_5_int {
width: 86%;
}
.ozono_5 h2 {
font-size: 24px;
margin-bottom: 45px;
}
.ozono_5_griglia {
display: block;
}
.ozono_5_item {
margin-bottom: 40px;
}
.ozono_5_item:last-child {
margin-bottom: 0;
}
.ozono_5_numero {
width: 54px;
height: 54px;
background-color: #7ccfd3;
font-size: 48px;
line-height: 54px;
margin-bottom: 20px;
}
.ozono_5_item h3 {
font-size: 27px;
}
.ozono_5_item p {
font-size: 18px;
}
.ozono_6_riga {
display: block;
}
.ozono_6_img {
width: 100%;
min-height: 260px;
}
.ozono_6_testo {
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
}
.ozono_6_testo_int {
width: 86%;
max-width: none;
}
.ozono_6_testo h3 {
font-size: 27px;
margin-bottom: 22px;
}
.ozono_6_testo p {
font-size: 18px;
}
.ozono_7 {
min-height: auto;
background-image: url(//levelesrl.com/wp-content/themes/temalevele/Immagini/Come-fissare-un-appuntamento_02.jpg);
background-position: center bottom;
background-size: 100% auto;
background-repeat: no-repeat;
padding-top: 50px;
padding-bottom: 78vw;
}
.ozono_7_int {
width: 86%;
min-height: auto;
}
.ozono_7_testo {
width: 100%;
position: relative;
left: auto;
top: auto;
transform: none;
background-color: transparent;
padding: 0;
box-sizing: border-box;
}
.ozono_7_testo_anim {
width: 100%;
}
.ozono_7_testo h3 {
font-size: 25px;
margin-bottom: 22px;
}
.ozono_7_testo p {
font-size: 18px;
}
.ozono_8 {
padding-top: 60px;
padding-bottom: 60px;
}
.ozono_8_int {
width: 86%;
}
.ozono_8 h2 {
font-size: 24px;
margin-bottom: 45px;
}
.ozono_8_lista {
width: 100%;
max-width: none;
}
.ozono_8_item {
grid-template-columns: 24px 1fr;
column-gap: 14px;
margin-bottom: 34px;
}
.ozono_8_segno {
font-size: 25px;
padding-top: 3px;
}
.ozono_8_testo h3 {
font-size: 24px;
line-height: 1.18;
margin-bottom: 8px;
}
.ozono_8_testo p {
font-size: 16px;
line-height: 1.5;
font-weight: 700;
}
} .ozo_reveal {
transition-property: opacity, transform;
transition-duration: 0.9s;
transition-timing-function: ease;
will-change: opacity, transform;
}
.ozo_js .ozo_reveal {
opacity: 0;
}
.ozo_js .ozo_reveal.ozo_visible {
opacity: 1;
transform: none;
}
.ozo_js .ozo_fade_up {
transform: translateY(45px);
}
.ozo_js .ozo_fade_down {
transform: translateY(-35px);
}
.ozo_js .ozo_fade_left {
transform: translateX(-45px);
}
.ozo_js .ozo_fade_right {
transform: translateX(45px);
}
.ozo_js .ozo_zoom {
transform: scale(0.94);
}
.ozo_delay_1 {
transition-delay: 0.08s;
}
.ozo_delay_2 {
transition-delay: 0.16s;
}
.ozo_delay_3 {
transition-delay: 0.24s;
}
.ozo_delay_4 {
transition-delay: 0.32s;
}
.ozo_delay_5 {
transition-delay: 0.40s;
}
@media (prefers-reduced-motion: reduce) {
.ozo_reveal {
opacity: 1;
transform: none;
transition: none;
}
}