/* VARIABILI */
:root {
  --accent: #184379;
  --bordercolor: #184379;
}

/* RESET */
html{overflow-y:scroll;scroll-behavior:smooth;-webkit-box-sizing: border-box;box-sizing: border-box;}
@media screen and (prefers-reduced-motion: reduce){ html{scroll-behavior: auto;} }
html,body{width:100%;height:100%;font-size: 100%;}
html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,ol,ul,li,form,legend,label,table,header,footer,nav,section,figure{margin: 0;padding: 0;}
header,footer,nav,section,article,hgroup,figure{display:block;}
*,*::before,*::after{padding:0;margin:0;-webkit-box-sizing:inherit;box-sizing:inherit;list-style:none;list-style-type:none;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}

/* CONTENITORI GENERALI */
nav,header,main,section,footer{position:relative;width:100%;height:auto;}
header,main,section,footer{overflow:hidden;}

/* SCROLLBAR */
/* Firefox */
*{scrollbar-width: thin; scrollbar-color: #f1f1f1 #202020;}
/* Chrome, Edge, Safari */
*::-webkit-scrollbar{width:10px;}
*::-webkit-scrollbar-track{background:#f1f1f1;}
*::-webkit-scrollbar-thumb{
background-color:#202020;
border-radius:0;
border: 1px solid #202020;
}

/* WRAPPERS */
.site-wrapper{
position:relative;
width:100%;
margin:0 auto;
padding:0;
}

.inner-wrapper{
position:relative;
width:100%;
margin:0;
}

/* COLONNE */
.col-05,
.col-10,
.col-15,
.col-16,
.col-20,
.col-25,
.col-30,
.col-33,
.col-35,
.col-37-5,
.col-40,
.col-45,
.col-50,
.col-55,
.col-60,
.col-65,
.col-70,
.col-75,
.col-80,
.col-85,
.col-90,
.col-95,
.col-100{display:block;float:left;top:0;left:0;height:auto;margin:0;padding:0;border:0;overflow:hidden;}

.col-05{width:5%;}
.col-10{width:10%;}
.col-15{width:15%;}
.col-16{width:16.666666667%;}
.col-20{width:20%;}
.col-25{width:25%;}
.col-30{width:30%;}
.col-33{width:33.333333334%;}
.col-35{width:35%;}
.col-37-5{width:37.5%;}
.col-40{width:40%;}
.col-45{width:45%;}
.col-50{width:50%;}
.col-55{width:55%;}
.col-60{width:60%;}
.col-65{width:65%;}
.col-70{width:70%;}
.col-75{width:75%;}
.col-80{width:80%;}
.col-85{width:85%;}
.col-90{width:90%;}
.col-95{width:95%;}
.col-100{width:100%;}

.overflow{overflow:visible!important;} /* ALTERNATIVE */

/* POSITIONING */
.pos-fixed{position:fixed;top:0;left:0;}
.pos-rel{position:relative;}
.pos-abs{position:absolute;top:0;left:0;width:100%;}
.page-center{display:block;position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;}
.page-bottom{display:block;position:absolute;margin:0 auto;bottom:0;left:0;right:0;}
.flexbox{display:flex;justify-content:center;align-items:stretch;}
.flexbox-center{display:flex;justify-content:center;align-items:center;}
.flexbox-center-left{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.flexbox-center-right{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-end;
align-items: flex-end;
}

.float-r{float:right;}
.float-l{float:left;}
.z-index-100{z-index:100;}

/* ALTEZZE */
.full-height{height:100%;}
.min-full-height{min-height:100%;}

.height-10{height:10vh !important;}
.height-20{height:20vh !important;}
.height-30{height:30vh !important;}
.height-40{height:40vh !important;}
.height-50{height:50vh !important;}
.height-60{height:60vh !important;}
.height-70{height:70vh !important;}
.height-80{height:80vh !important;}
.height-90{height:90vh !important;}
.height-100{height:100vh !important;}

/* PADDING E MARGIN LATERALI */
.padding-05px{padding:0 5px;}
.padding-15px{padding:0 15px;}
.padding-05{padding:0 5vw;}
.padding-15{padding:0 15vw;}

.margin-05px{margin:0 5px;}
.margin-15px{margin:0 15px;}
.margin-05{margin:0 5vw;}
.margin-15{margin:0 15vw;}

/* CLEARING */
.clearfix::after{content: '';display: table;clear: both;}

.clear,
.clear-05,
.clear-10,
.clear-15,
.clear-20,
.clear-30,
.clear-40,
.clear-50,
.clear-60,
.clear-70,
.clear-80,
.clear-90,
.clear-100,
.clear-200{position:relative;width:100%;height:auto;margin:0;padding:0;overflow:hidden;}

.clear-05{padding:2.5px 0;}
.clear-10{padding:5px 0;}
.clear-15{padding:7.5px 0;}
.clear-20{padding:10px 0;}
.clear-30{padding:15px 0;}
.clear-40{padding:20px 0;}
.clear-50{padding:25px 0;}
.clear-60{padding:30px 0;}
.clear-70{padding:35px 0;}
.clear-80{padding:40px 0;}
.clear-90{padding:45px 0;}
.clear-100{padding:50px 0;}
.clear-150{padding:75px 0;}
.clear-200{padding:100px 0;}

/* COLORI, SFONDI, BORDI, OMBRE */

/* Colori */
.white{background-color:rgba(255,255,255,1.0);}
.black{background-color:rgba(0,0,0,1.0);}
.black-op{background-color:rgba(0,0,0,0.5);}
.grey{background-color:#333333;}
.red{background-color:red;}
.green{background-color:green;}
.accent{background-color:var(--accent);}

.txt-white{color:rgba(255,255,255,1.0);}
.txt-black{color:rgba(0,0,0,1.0);}
.txt-grey{color:#e1e1e1;}
.txt-red{color:red;}
.txt-green{color:green;}
.txt-accent{color:var(--accent);}

/* Sfondi */
.bg-cover{background-repeat:no-repeat;background-size:cover;background-position:center center;overflow:hidden;}
.bg-contain{background-repeat:no-repeat;background-size:contain;background-position:center center;overflow:hidden;}

/* Bordi */
.border{border:solid 1px var(--bordercolor);}
.border-bottom{border-bottom:solid 1px var(--bordercolor);}
.border-top{border-top:solid 1px var(--bordercolor);}
.border-left{border-left:solid 1px var(--bordercolor);}
.border-right{border-right:solid 1px var(--bordercolor);}
.border-radius{border-radius:5px;}
.border-box{box-sizing:border-box;}

/* Ombre */
.box-shadow{box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.2);}
.box-shadow-content{box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.4);}
.txt-shadow{text-shadow:0px 0px 7px rgba(0, 0, 0, 1);}

/* IMMAGINI */

/* Proprietà generali */
img{display:block;margin:auto;}
svg{display:block;margin:auto;}
a img{border:none;outline:none;}
a svg{border:none;outline:none;}
.img-res{width:100%;height:auto;max-height:100%;}

/* Icone */
i.icon{
font-size:1.0em;
margin:0;
padding:0 5px;
}

/* IFRAMES */
.iframe{
width:100%;
height:500px;
margin:0;
padding:0;
outline:0;
border:0;
}

/* VIDEO */
video{
display: block;
max-width: 100%;
height: auto;
-o-object-fit: cover;
	object-fit: cover;
}

.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* VIDEO  <video playsinline="playsinline" controls="controls" poster="images/video-button.jpg" muted="muted" loop="loop" class="myvideo"><source src="video/video.mp4" type="video/mp4"></video> */
#myVideo{
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.myvideo{
width: 100%    !important;
height: auto   !important;
}

.video-overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: black;
opacity: 0.6;
z-index: 1;
}

.video-container{
position: relative;
z-index: 2;
}

/* TIPOGRAFIA */
.txt-right{text-align:right;}
.txt-left{text-align:left;}
.txt-center{text-align:center;}
.txt-justify{text-align:justify;}

h1,h2,h3,h4,h5,h6,p{text-align:left;color:rgba(0,0,0,1.0);margin:0;padding:0;}

h1{
font-size:2.0em;
font-weight:400;
}

h2{
font-size:1.5em;
font-weight:400;
}

h3{
font-size:1.25em;
font-weight:400;
}

h4{
font-size:1.20em;
font-weight:400;
}

h5{
font-size:1.15em;
font-weight:400;
}

h6{
font-size:1.05em;
font-weight:400;
}

p{
font-size:1.125em;
font-weight:400;
}

blockquote{
display:inline-block;
width:100%;
margin:15px 0;
padding:20px 50px;
font-weight:400;
font-style: italic;
line-height:1.3;
background:rgba(255,255,255,0.1);
border-left:solid 5px rgba(255,255,255,1.0);
transition:0.5s;
}

.small{font-size:0.8em;}
.scaps{font-variant:small-caps;}
.uppercase{text-transform:uppercase;}
.spacing{letter-spacing:0.05em;}
.break{word-break: break-all;}

hr{
width:100%;
height:0;
margin:5px 0;
padding:0;
border:0;
color:rgba(255,255,255,0.0);
background:rgba(255,255,255,0.0);
border-bottom:1px solid rgba(255,255,255,1.0);
}

/* Liste */
ul.lista{
list-style-type:none;
margin:12px 17px 0;
padding:10px;
font-size:1.0em;
font-weight:400;
text-align:left;
line-height:1.2;
}
	
ul.lista li{
margin-left:15px;
padding:0 0 15px;
text-indent:-17px;
}

/* Link */
a:link,a:visited{
cursor:pointer;
outline-style:none;
text-decoration:none;
transition:0.5s color;
}

a.white-link:link,a.white-link:visited{color:white;}
a.white-link:hover{color:#d4d4d4;}

a.black-link:link,a.black-link:visited{color:black;}
a.black-link:hover{color:#555;}

#arrow{
display: inline-block;
margin: 0;
padding:0 20px;
font-size: 20px;
}

/* Bottoni */
a.button-01{
position:relative;
display:inline-block;
cursor:pointer;
outline:none;
width:100%;
max-width:150px;
height:auto;
font-size:1.0em;
text-align:center;
padding:15px;
margin:18px 10px 0 0;
box-sizing:border-box;
transition:0.3s all;
opacity:1.0;
}

a.button-02{
position:relative;
display:inline-block;
cursor:pointer;
outline:none;
width:auto;
height:auto;
border:none;
border-radius:5px;
font-size:0.9em;
font-weight:600;
text-align:center;
padding:10px 20px;
margin:10px 10px 20px 20px;
box-sizing:border-box;
transition:0.3s opacity;
opacity:1.0;
}

a.button-01:hover,a.button-02:hover{opacity:0.8;}

input.button{ -webkit-appearance:none; border-radius:0;}

/* ANIMAZIONI */
/* Elementi a opacità 0 */
.pages{opacity:0;}

/* ============= */
/* Media Queries */
/* ============= */

/* Definizione Desktop e Mobile */
@media only screen and (min-width: 1025px ){
	
	.tablet{display:none;}
	.smartphone{display:none;}
	.desktop{display:block;}
	
}

@media only screen and (max-width: 1024px ){
	
	.desktop{display:none;}
	.smartphone{display:none;}
	.tablet{display:block;}

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

	.desktop{display:none;}
	.tablet{display:none;}
	.smartphone{display:block;}

}

/* iPAD Orizzontale */
@media only screen and (max-width: 1024px){

	.col-05,
	.col-10,
	.col-15,
	.col-16,
	.col-20,
	.col-25,
	.col-30,
	.col-33,
	.col-35,
	.col-37-5,
	.col-40,
	.col-45,
	.col-50,
	.col-55,
	.col-60,
	.col-65,
	.col-70,
	.col-75,
	.col-80,
	.col-85,
	.col-90,
	.col-95,
	.col-100{width:100%;}

	.no-full-05{width:5%;}
	.no-full-10{width:10%;}
	.no-full-15{width:15%;}
	.no-full-20{width:20%;}
	.no-full-25{width:25%;}
	.no-full-30{width:30%;}
	.no-full-33{width:33.333333334%;}
	.no-full-40{width:40%;}
	.no-full-50{width:50%;}
	.no-full-60{width:60%;}
	.no-full-70{width:70%;}
	.no-full-80{width:80%;}
	.no-full-90{width:90%;}

}

/* iPAD Verticale */
@media only screen and (max-width: 768px){

	.flexbox-center-left,
	.flexbox-center,
	.flexbox{display:block;}
	.keepflex{display:flex;}
	
}

/* Smartphones */
@media only screen and (max-width: 767px){

	.no-full-10.full,
	.no-full-20.full,
	.no-full-25.full,
	.no-full-30.full,
	.no-full-33.full,
	.no-full-40.full,
	.no-full-50.full,
	.no-full-70.full{width:100%;}
	
}