/*----------------------
Direct Performance Academy
bg@barbaragambini.com
2026-01-13
----------------------*/


html { 
  scroll-behavior: smooth;
  overflow-x: hidden; 
  width: 100%;
  max-width: 100vw;
  position: relative;
}
body, html { 
  width: 100%;  
  height: 100%;  
  overflow-x: hidden; 
  max-width: 100vw;
  position: relative;
	  scroll-behavior: smooth;

}
body { 
  position: relative; 
  touch-action: pan-y;
  overscroll-behavior-x: none;
}

::-moz-selection  { background: #FF5321; color: #ffffff; }
::selection { background: #FF5321; color: #ffffff; }
a:hover { color:#1068B2; }

h1
h2,
h3,
h4,
h5,
h6 { font-weight:400; }

.line-height-1 { line-height:1; }
.line-height-n { line-height: normal; }
.line-height-2 { line-height: 2; }

.clear { clear:both; visibility:hidden; margin:0; }
.brand { width: 150px; }

header { position:relative; }

.blu-gradient {
background: rgb(8,45,68);
background: linear-gradient(100deg, rgba(8,45,68,1) 0%, rgba(0,196,211,1) 90%); 
}



.yellow-gradient {
background: rgb(255,192,94);
background: linear-gradient(121deg, rgba(255,192,94,1) 0%, rgba(220, 255, 94,1) 100%); 
}

.yellow-gradient-txt {
background: rgb(255,192,94);
background: linear-gradient(121deg, rgba(255,192,94,1) 0%, rgba(255,140,94,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.rovescia {         
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}

header .container { position:relative; z-index:999;  }
.angle { position:absolute; display:block; height:30px; width:100%; top:0; z-index:200; }


/*-------------------------
font
-------------------------*/
.font-freeroad { font-family: 'Freeroad Bold', sans-serif; }
.font-opensans { font-family: 'Open Sans', sans-serif; }
.font-opensans-c { font-family: 'Open Sans Condensed', sans-serif; }
.font-muli { font-family: 'Muli', sans-serif; }
.font-coda { font-family: 'Coda', cursive; }
.font-oswald { font-family: 'Oswald', sans-serif; }
.font-anton { font-family: 'Anton', sans-serif; letter-spacing:0.03em; }
.font-norffo { font-family: 'Norffo'; }
.font-norffo-i { font-family: 'Norffo Italic'; }
.font-montserrat { font-family: 'Montserrat', sans-serif; }
.font-pacifico { font-family: 'Pacifico', cursive; }
.font-rancho { font-family: 'Rancho', cursive; }
.font-lato { font-family: 'Lato', sans-serif; }
.font-arvo { font-family: 'Arvo', serif; }
.font-titillium { font-family: 'Titillium Web', sans-serif; }
.font-roboto { font-family: 'Roboto', sans-serif; }
.font-roboto-c { font-family: 'Roboto Condensed', sans-serif; }
.font-laila { font-family: 'Laila', serif; }
.font-roboto-slab { font-family: 'Roboto Slab', serif; }
.font-kaushan { font-family: 'Kaushan Script', cursive; }
.font-nunito-sans {font-family: 'Nunito Sans', sans-serif; }
.font-noto-sans-KR { font-family: 'Noto Sans KR', sans-serif; }
.font-lora { font-family: 'Lora', serif; }
.font-pt-sans { font-family: 'PT Sans', sans-serif; }
.font-nunito-sans {font-family: 'Nunito Sans', sans-serif; }
.font-caveat {font-family: 'Caveat', cursive; }
.font-poppins { font-family: 'Poppins', sans-serif;} 
.font-raleway { font-family: 'Raleway', sans-serif; }
.font-dosis {font-family: 'Dosis', sans-serif;}


.font-weight-100 { font-weight: 100; }
.font-weight-200 { font-weight: 200; }
.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: 400; }
.font-weight-500 { font-weight: 500; }
.font-weight-600 { font-weight: 600; }
.font-weight-700 { font-weight: 800; }
.font-weight-800 { font-weight: 900; }





/*-------------------------
colori e grandezze font
-------------------------*/
.rosso { color:#f24336; }
.pink { color: #ff046e; }
.rosso-mattone { color:#7c0505; }
.marrone { color:#330000; }
.blu { color:#0e5489; }
.ciano { color:#68c4c7;}
.giallo { color:#ffc05e; }
.green { color:#62c1c5; }
.light-green { color:#E0F0D7; }
.light-blue { color:#88e2de; }
.dark-green { color:#295a6d; }
.dark { color:rgba(25,72,102,1.00); }
.heavy-green { color:#456f80; }
.heavy-blu { color:#2d4f8e; }
.azzurro {color:#234a99;}
.azzurro-scuro {color:#193c75; }

.gold { color: #D7AB24; }
.bianco { color: #fff; }
.orange { color:#ff833e; }
.black { color:#000; }

.marrone-bg { background-color:#330000; }
.rosso-mattone-bg { background-color:#7c0505; }
.rosso-bg { background-color:#f24336; }
.rosso-scuro{background-color:firebrick;}
.ciano-bg { background-color:#68c4c7;}
.giallo-bg { background-color:#ffc05e; }
.bianco-bg { background-color:#fff; }
.blu-bg { background-color:#0e5489; }
.green-bg { background-color:#62c1c5; }
.dark-green-bg { background-color:#295a6d; }
.dark-bg { background-color:rgba(25,72,102,1.00); }
.pink-bg { background-color: #ff046e; }
.black-bg { background-color:#000; }
.azzurro-bg { background-color:#234a99; }
.azzurro-scuro-bg { background-color:#193c75; }

.viola-1 { color:#7e64c1; }
.viola-2 { color:#664eae; }
.viola-3 { color:#3a2b5b; }

.viola-1-bg { background-color:#7e64c1; }
.viola-2-bg { background-color:#664eae; }
.viola-3-bg { background-color:#3a2b5b; }


.light-green-bg { background-color:#E0F0D7; }
.light-blue-bg { background-color:#88e2de; }
.heavy-green-bg { background-color:#456f80; }
.heavy-blu-bg { background-color:#2d4f8e; }
.white-bg { background-color:#fff; }
.orange-bg { background-color:#ff833e; }
.gold-bg { background-color: #D7AB24; }

.light-green-2-bg { background-color:#134F50; }
.heavy-green-2-bg { background-color:#356464; }

.light-green-bg { background-color:#c4e973; }
.light-grey-bg { background-color:#e2e6e7 ; }
.cold-grey-bg { background-color:#d1d4d9 ; }
.dark { color:rgba(0,0,0,.7);}

/*
Colori DP
--------------------------------*/
.green { color: #06c7b2; }
.green-middle { color: #005969; }
.heavy-blu { color: #132b48; }
.deep-blu { color: #010305; }

.green-bg { background-color:#06c7b2; }
.green-middle-bg { background-color:#005969; }
.heavy-blu-bg { background-color:#132b48; }
.deep-blu-bg { background-color:#010305; }

.main-green-gradient {
background: #06C7B2;
background: linear-gradient(31deg, rgba(6, 199, 178, 1) 0%, rgba(19, 43, 72, 1) 79%, rgba(0, 0, 0, 1) 100%);
} 


.light-grey-gradient {
background: #E4EFEF;
background: linear-gradient(0deg, rgba(228, 239, 239, 1) 0%, rgba(228, 239, 239, 0) 100%);
}


/*------------------------------*/

.text-16 { font-size:16px; }
.text-18 { font-size:18px; }
.text-20 { font-size:20px; }
.text-25 { font-size:25px; }
.text-30 { font-size:30px; }
.text-35 { font-size:35px; line-height: 40px }
.text-40 { font-size:40px; }
.text-45 { font-size:45px; }
.text-50 { font-size:50px; }
.text-60 { font-size:60px; }
.text-70 { font-size:70px; }

.max-width-90 { max-width:900px; }
.max-width-80 { max-width:800px; }
.max-width-70 { max-width:700px;  }
.max-width-60 { max-width:600px; }
.max-width-50 { max-width:500px; }
.max-width-40 { max-width:400px; }
.max-width-30 { max-width:300px; }

.overlay { 
opacity: 1;left: 0; top: 0; position: absolute; width: 100%; height: 100%;
background: rgb(30,2,45);
background: linear-gradient(90deg, rgba(30,2,45,1) 1%, rgba(30,2,45,0) 12%); 
}

.overlay-multigradient { position: relative; }


.overlay-multigradient:before { 
display: block; content: ""; position:absolute; bottom:0; top:0; width:100%; height:100%; background: rgba(0, 0, 0, .4); z-index:1;
background: rgb(8,45,68);
background: linear-gradient(90deg, rgba(8,45,68,1) 0%, rgba(0,196,211,1) 31%, rgba(175,0,211,1) 65%, rgba(255,64,64,1) 100%); 
opacity: .4; mix-blend-mode: lighten;
}

.purple-gradient {
 background: rgb(30,2,45);
background: linear-gradient(15deg, rgba(30,2,45,1) 35%, rgba(197,49,160,1) 100%); 
}

.opacity-10 { opacity:.1; }
.opacity-20 { opacity:.2; }
.opacity-30 { opacity:.3; }
.opacity-40 { opacity:.4; }
.opacity-50 { opacity:.5; }
.opacity-60 { opacity:.6; }
.opacity-80 { opacity:.8; }
.opacity-90 { opacity:.9; }

.border-radius-3 { border-radius: 3px; }
.border-radius-5 { border-radius: 5px; }
.border-radius-8 { border-radius: 8px; }
.border-radius-10 { border-radius: 10px; }
.border-radius-15 { border-radius: 15px; }
.border-radius-20 { border-radius: 20px; }
.border-radius-25 { border-radius: 25px; }
.border-radius-30 { border-radius: 30px; }
.border-radius-35 { border-radius: 35px; }
.border-radius-40 { border-radius: 40px; }

.letter-spacing-005 { letter-spacing:.05em; }
.letter-spacing-010 { letter-spacing:.1em; }
.letter-spacing-015 { letter-spacing:.15em; }
.letter-spacing-020 { letter-spacing:.2em; }
.letter-spacing-025 { letter-spacing:.25em; }




/*----------------------------
Form
----------------------------*/

.form-control {
background: #b9fff83d;
border: none;
border-radius: 0;
box-shadow: none;
color: #fff;
padding: 14px;
font-weight: normal;
line-height: normal;
font-size: 18px;
}

textarea.form-control { padding:10px; height:88px;  }

.form-control::-moz-placeholder { color: #fff; opacity: .7; }
.form-control::placeholder { color:#fff; opacity: .7;}
select option { opacity:1; color:#999; }
.form-group { margin-bottom:0; }

button.btn-custom,
.btn-custom {
padding:1rem;
letter-spacing:0.05em;
display:block;
text-align:center;
line-height:1;
text-decoration: none;
border-radius: 30px;
border: none;
}

button.btn-custom:hover,
.btn-custom:hover { background:#fff; color:#06c7b2; text-decoration:none; }

button.btn-custom:hover svg,
.btn-custom:hover svg { fill:#06c7b2; }


a.btn-outline { border:2px solid; text-decoration:none; text-transform:uppercase;  }
a.btn-outline:hover { color:#1aa4bf; background:#fff; }


select { 
appearance:none;
-moz-appearance:none;
-webkit-appearance: none;
 border:none; width:100%;
color:rgba(255,255,255,0.7);
background: #b9fff83d;
padding: 14px;
font-size: 18px;
}

select option { color:#666;}

.form-control.custom-select-grip { padding:0; }
.form-control select { }
.custom-select-grip { position:relative; }
.custom-select-grip:after { position:absolute; right:15px; top:3px; content:""; display:block; 
right:14px; top:50%; margin-top:-8px; width: 10px; height: 18px; background: url(img/select-grip.svg) no-repeat center center / 100% auto; opacity: .7;  }

.form-group-privacy { line-height:1; }
.form-group-privacy .small { font-weight:400; color:#fff; line-height:1.3;  }

.form-group-privacy a { color:#fff; } 
.form-group-privacy a:hover { color:#fff; }
.form-group-privacy label.radio-inline { font-size:14px; margin:0; }
label.checkbox-terms { margin:0; line-height:1; }
.form-group-privacy input { margin: 2px 8px 0 0; vertical-align: text-top; }


.form-control:focus, textarea.form-control:focus { background:#b9fff83d; border:none; box-shadow:none; color: #fff; }
input.form-control:focus::placeholder, 
textarea:focus::placeholder{ color: transparent; }








/*------------------------------*/
.section-header { overflow-x: hidden; position: relative; }
.section-header .container-xxl { position: relative; z-index: 10;}
.section-header.main-green-gradient { background: linear-gradient(0deg, rgb(6, 199, 178) 0%, rgb(19, 43, 72) 79%, rgb(0, 0, 0) 100%); }


.cover-img-desktop {
position:absolute;
top: 0; right: 0;
z-index: 3;
background: url("img/header.jpg") no-repeat center center / cover;
height: 100%;
width: 65%;
max-width: 65%;
  
-webkit-mask-image: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 28%);
-webkit-mask-mode: alpha;
    
mask-image: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 28%);
mask-mode: alpha; 
}

/*------------------------------*/
section.chi-siamo { position: relative; }
section.chi-siamo .cover-bg { background: #099f97; } 

section.chi-siamo .cover-bg img {  
-webkit-mask-image: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 48%);
-webkit-mask-mode: alpha;
mask-image: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 48%);
mask-mode: alpha;
aspect-ratio: 1 / .4;
object-fit:cover;
width: 100%;
}


/*
section.chi-siamo [class*="container-"] { position: relative; z-index: 3; }
section.chi-siamo:before { display: block; content: ""; height: 100%; width: 35%; position: absolute; right: 0; top: 0; 
background: url("img/iStock-2238499698.webp") no-repeat right center / cover; z-index: 1;
    
-webkit-mask-image: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 48%);
-webkit-mask-mode: alpha;
    
mask-image: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 48%);
mask-mode: alpha; 
    
opacity: .2;
}


section.chi-siamo:after { display: block; content: ""; height: 100%; width: 100%; position: absolute; right: 0; top: 0; z-index: 1;
background: #06C7B2;
background: radial-gradient(circle, rgba(6, 199, 178, 0) 60%, rgba(6, 199, 178, .3) 100%);

}
*/


/*------------------------------*/


@keyframes flickerAnimation {
0%   { opacity:1; }
50%  { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
0%   { opacity:1; }
50%  { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
0%   { opacity:1; }
50%  { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
0%   { opacity:1; }
50%  { opacity:0; }
100% { opacity:1; }
}
.animate-flicker {
-webkit-animation: flickerAnimation 7s infinite;
-moz-animation: flickerAnimation 7s infinite;
-o-animation: flickerAnimation 7s infinite;
animation: flickerAnimation 7s infinite;
}

/*------------------------------
RUOTA
------------------------------*/	
@keyframes rotating {
from
{
transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
to
{
transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes rotating {
from
{
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
to
{
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
.ruota {
-webkit-animation: rotating 22s linear infinite;
-moz-animation: rotating 22s linear infinite;
-ms-animation: rotating 22s linear infinite;
-o-animation: rotating 22s linear infinite;
animation: rotating 22s linear infinite;
}


/*
PUMP
----------------------------*/

@-webkit-keyframes pumpAnimation {
0% { transform:scale(1) }
50% { transform: scale(1.1); } 
100% { transform: scale(1); } 
}
@keyframes pumpAnimation { 
0% { transform: scale(1); }
50% { transform: scale(1.1); } 
100% { transform: scale(1); }
}

.animate-pump {
display: inline-block;
-webkit-animation: pumpAnimation 1s infinite;
-moz-animation: pumpAnimation 1s infinite;
-o-animation: pumpAnimation 1s infinite;
animation: pumpAnimation 1s infinite;
}

	
/*----------------------------*/
.programma .orario { font-weight:500;  }

.programma ul { }
.programma ul li { padding: 1rem 1rem 1rem 1rem; margin-bottom: 1rem; background:#e4efef; border-radius: 10px; border-left: 10px solid #06c7b2; 
border-left: 10px solid #60a9a242; }

.programma ul li .orario { color: #06c7b2; }

.programma .title { max-width:600px; }
.programma .title h4 { font-size: 23px; font-weight:600; line-height: 1.1; margin:0 0 10px; color: #005969; text-transform:uppercase; }
.programma .title p.subtitle { font-size:14px;  font-weight:600; letter-spacing:.05em; margin:0 0 10px;  line-height: 1.2; color: #005969;  }

.programma ul li hr { border:none; border-bottom:3px solid #c2dddb; margin-left:0; opacity: 1; max-width: 100px; }
.programma .relatore { display: flex; position: relative; align-items: center; }
.programma .relatore .foto { width: 60px; min-width: 60px; margin-right: 1rem; border: 2px solid #fff; border-radius: 50%; overflow: hidden; }


/*.programma .relatore:before { content: ""; display: block; width:auto; height: 3px; background:#c2dddb; opacity:1; left: 0; top: -10px; position: absolute; }*/


.clock-icon:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free v5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='%2306c7b2' d='M256,8C119,8,8,119,8,256S119,504,256,504,504,393,504,256,393,8,256,8Zm92.49,313h0l-20,25a16,16,0,0,1-22.49,2.5h0l-67-49.72a40,40,0,0,1-15-31.23V112a16,16,0,0,1,16-16h32a16,16,0,0,1,16,16V256l58,42.5A16,16,0,0,1,348.49,321Z'/%3E%3C/svg%3E");        
background-repeat: no-repeat;
background-size: contain;
vertical-align: sub;
margin-right: 8px; /* Spazio opzionale tra icona e testo */
        
        
      
        
}
/*----------------------------*/

.posti-limitati { background-color: rgba(8,45,68,.6); }
.posti-limitati p { letter-spacing:.6em; }
.posti-limitati span.hr { 
display: block;
height: 2px;
background: #fff;
width: 50px;
margin: 0 15px; 
} 

/*----------------------------*/

.temi-del-corso ul { column-count: 2; column-gap: 80px; list-style-type: square; }
.temi-del-corso ul li { line-height: 1.2; margin-bottom: 1rem;  }
.temi-del-corso ul li::marker { color: #ff833e;}


.highlight-txt hr { max-width: 100px; border-bottom:7px solid #fff; opacity: .2; }

/*----------------------------*/

.luogo-data { }
.luogo-data .testo { margin:0; font-size:14px; line-height:1.2; font-size:13px; font-weight: 400; } 
.luogo-data hr { border-top: 1px solid #fff; margin: 7px 0; opacity: 1; }

.luogo-data .data { margin-right:20px; text-transform:uppercase; line-height:1; border-radius:10px; width:130px; height: 100px; text-align:center; box-shadow:3px 3px 0px rgba(0,0,0,0); background-color: #11475b; }
.luogo-data .data span { display:block; }
.luogo-data .data .giorno { font-size:50px; font-weight:400; margin-bottom:3px; } 
.luogo-data .data .mese { font-size:15px; font-weight:500; margin-bottom:2px }
.luogo-data .data .anno { font-size:13px; font-weight:500;  }

/*----------------------------*/


.benefit-card-strip { background-color: #fff; border-radius: 15px; padding: 1rem; height: 100%; }
.benefit-card-strip p { margin-bottom: 0; font-weight:500; }

.benefit-icon-strip { font-size: 30px; margin-bottom: 10px; }



/*----------------------------*/
section.mappa a { color:#005969; } 

.t-academy-group-foto { background: url("img/t-academy-group-foto.webp") fixed no-repeat 0 0 / cover; height: 400px; }

/*----------------------------*/
.tag-corso-gratuito { border-radius:3px; }
.text-shadow { text-shadow:-2px 2px 0px rgba(0,0,0,.4); }
/*----------------------------*/

section.relatori img.relatore { width: 170px; object-fit: cover; aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden; display: block; }
section.relatori h3 { font-weight: 300; } 




footer p.copyright { font-size:14px; font-weight:400; }

/*----------------------------
----------------------------*/

.bottom-call-to-action {}
a.bottom-bnt {
    border: 3px solid;
    border-radius: 4px;
    display: block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.03em;
    margin:0px auto 0;
    width:100%;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
	max-width:405px;
}

a.bottom-bnt:hover { text-decoration:none; background:#fff;  border:3px solid transparent; color:#0e5489; }

section.bottom-call-to-action a.btn-custom:hover { background:linear-gradient(121deg, rgba(255,192,94,1) 0%, rgba(220, 255, 94,1) 100%); color: #333; }
section.bottom-call-to-action a.btn-custom:hover svg { fill:#333; }
/*----------------------------*/

.funky-arrow { max-width:110px; margin:auto; }
.funky-arrow img { animation:pull 1s infinite; width:90px }
@-webkit-keyframes pull { 
0% { margin:0 0 0 0px; } 
50% { margin:0 0 0 20px; } 
100% { margin:0 0 0 0px; } 
}
@keyframes pull { 
0% { margin:0 0 0 0px; } 
50% { margin:0 0 0 20px; } 
100% { margin:0 0 0 0px; } 
}



        	.s-header { 
padding-top: 50px; padding-bottom: 50px;}

.immagine-destra { width: 100px; margin-left: 20px; }




/*----------------------------
mobile sopra i....
----------------------------*/

@media(min-width:1920px) { }
@media(min-width:1600px) { }
@media(min-width:990px) { }
    

/*----------------------------
mobile sotto i...
----------------------------*/
@media(max-width:1600px) { }
@media(max-width:1440px) { }
@media(max-width:1280px) { }
@media(max-width:1200px) {  
	.text-35 { font-size:25px; line-height: 29px }
	 .text-20 { font-size:18px; }

 }
@media(max-width:1198px) { }
@media(max-width:1080px) { }

@media(max-width:992px) {
.overlay { background: linear-gradient(0deg, rgba(30,2,45,1) 1%, rgba(30,2,45,0) 12%); }

 .text-35 { font-size:25px; line-height: 29px }
 .text-20 { font-size:18px; }

/*
    
section.chi-siamo:before { display: none; }
    

section.chi-siamo:after { 
width: 100%; position: relative; right:inherit; top:inherit;  height: 300px;
background: url("img/iStock-2238499698.webp") no-repeat center / cover;    
-webkit-mask-image: none;
-webkit-mask-mode: none;   
mask-image: none;
mask-mode: none;     
opacity:1; }
    
*/
    
    
section.chi-siamo .cover-bg img {  
-webkit-mask-image: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 48%);
-webkit-mask-mode: alpha;
mask-image: linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 48%);
mask-mode: alpha;
aspect-ratio: 1 / .5;
object-fit:cover;
width: 100%;
}
   
    	.s-mobile { 
padding-left: 30px; padding-right: 30px;}

    
            	.s-header { 
padding-top: 0px; padding-bottom: 0px;}
	
	
	.cover-img-desktop {
background: url("img/header-tablet.jpg") no-repeat center   / cover;
}



}



    
@media(max-width:767px) {
html, body { 
  overflow-x: hidden !important; 
  max-width: 100vw !important;
  position: relative;
  touch-action: pan-y;
  overscroll-behavior-x: none;
  -webkit-overflow-scrolling: touch;
}

.temi-del-corso ul { column-count:1; }
.cover-img-mobile {
background: url("img/header-web.jpg") no-repeat center / cover;
min-height: 200px;
-webkit-mask-image: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%);
-webkit-mask-mode: alpha;
    
mask-image: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 50%);
mask-mode: alpha;   
   
    
}
.cover-img-desktop { display: none; }

/* Prevenire overflow orizzontale su mobile */
img { max-width: 100%; height: auto; }
.container-xxl, .container { 
  max-width: 100vw !important; 
  padding-left: 15px; 
  padding-right: 15px; 
  overflow-x: hidden;
}
section { 
  overflow-x: hidden !important; 
  max-width: 100vw;
  position: relative;
}
nav { overflow-x: hidden; max-width: 100vw; }
footer { overflow-x: hidden; max-width: 100vw; }

}

@media(max-width:480px) {
	
	
	.programma .title h4 { font-size: 21px;  }

	.s-mobile { 
padding-left: 17px; padding-right: 17px;}

	.immagine-destra { width: 90px}

	
	
.custom-list { margin: 0 0 0 20px; }
.custom-list i { font-size: 18px; left: -25px; top: 4px; }
.text-20 { font-size:16px; }
.text-25 { font-size:20px; }
.text-30 { font-size:22px; }
.text-35 { font-size:22px; line-height: 25px; }
.text-40 { font-size:28px; }
.text-45 { font-size:30px; }
.text-50 { font-size:35px; }
.text-60 { font-size:45px; }
.text-70 { font-size:55px; }
.cover-img-mobile { min-height: 200px; }
.dp-brand { transform: scale(.9); }
}
	
@media(max-width:414px) { }

@media(max-width:375px) { }	
	
@media(max-width:360px) { }

/* Prevenire overflow orizzontale su mobile in landscape */
@media(max-width:992px) and (orientation: landscape) {
  body, html { overflow-x: hidden; }
  * { max-width: 100%; box-sizing: border-box; }
  .container-xxl, .container { max-width: 100%; padding-left: 15px; padding-right: 15px; }
  section { overflow-x: hidden; }
  img { max-width: 100%; height: auto; }
  .cover-img-desktop { width: 100%; }
}