@charset "utf-8";
@charset "utf-8";

*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;}
input {outline:none;}
textarea {resize:none;}
img{width:100%;border:0;display:block;}
table img{width:auto;}

a{cursor:pointer;}

/********************************************************* Contenitori *********************************************************/
.LayoutHolder{width:100%;margin-right:auto;margin-left:auto;}
.Container{width:100%;margin-right:auto;margin-left:auto;}
.Box{}
.Binder{display:flex;flex-wrap:wrap;}
.Relative{position:relative;}

/********************************************************* Bottoni *************************************************************/
button, .Button{display:inline-block;}
button, .Button >*{border-color:transparent;text-align:center;text-decoration:none;display:inline-block;transition-property:all;transition-duration:0.3s;}
button.Stroked, .Button.Stroked >*, .TwinButtons button:nth-child(1), .TwinButtons .Button:nth-child(1)>*{background-color:transparent;}
button.Iconed, .Button.Iconed >*{background-repeat:no-repeat;}
button:hover, .Button >*:hover{cursor:pointer;}

.TwinButtons{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;}

/********************************************************* Stylings ************************************************************/
.Bookmark >*{display:inline-block;}
.Bookmark.Iconed >*:first-child{background-repeat:no-repeat;}
.Bookmark >*:first-of-type +*{width:100%;}

/********************************************************* Form ****************************************************************/
.FormRow{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;}
    .FormBoxWide{flex-basis:100%;}
    .FormBox75{flex-basis:75%;}
    .FormBox66{flex-basis:66.6666666666%;}
    .FormBox60{flex-basis:60%;}
    .FormBox50{flex-basis:50%;}
    .FormBox40{flex-basis:40%;}
    .FormBox33{flex-basis:33.3333333333%;}
    .FormBox30{flex-basis:30%;}
    .FormBox25{flex-basis:25%;}
    .FormBox20{flex-basis:20%;}
    .FormBox16{flex-basis:16.6666666666%;}
    .FormBox10{flex-basis:10%;}
    input[type="text"],input[type="search"],input[type="password"], input[type="email"],input[type="date"], input[type="tel"], input[type="submit"], input[type="button"], textarea {outline:none;-webkit-appearance:none;appearance:none;}
    input[type="text"],input[type="search"],input[type="password"], input[type="email"],input[type="date"], input[type="tel"], textarea{width:100%;}
    .FormCheckBox{display:flex;flex-wrap:wrap;align-items:flex-start;}
        .CheckField{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
            .CheckField input{position:absolute;cursor:pointer;opacity:0;z-index:2;}
            .Checkmark{position:absolute;top:0;left:0;transition-property:all;transition-duration:0.4s;}
                .Checkmark::after {content:"";position:absolute;display:none;}
                .CheckField input:checked ~ .Checkmark::after {display:block;}
    .FormRadioBox{display:flex;flex-wrap:wrap;align-items:flex-start}
        .RadioField{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
            .RadioField input{position:absolute;cursor:pointer;opacity:0;z-index:2;}
                .Radiomark{position:absolute;top:0;left:0;transition-property:all;transition-duration:0.4s;}
                .Radiomark::after {content:"";position:absolute;display:none;}
                .RadioField input:checked ~ .Radiomark::after {display:block;}
/** Owl carousel **/
button.owl-dot, .owl-nav button {min-width:inherit;border-radius:0;box-shadow:none;}

/** Fancybox **/
button.fancybox-button{min-width:inherit;}

/* Regole dispositivi >1600px */ 
@media all and (min-width: 1600px) {
    
    
/********************************************************* Contenitori *********************************************************/
/*Misure:12 colonne; desktop, tablet orizzontale, tablet verticale, cellulare orizzontale, cellulare verticale (singola colonna= 8.33333%)*/   
.SpanW12{width:100%;}
.SpanW11{width:91.666666%;}
.SpanW10{width:83.333333%;}
.SpanW9{width:75%;}
.SpanW8{width:66.666666%;}
.SpanW7{width:58.33333%;}
.SpanW6{width:50%;}
.SpanW5{width:46.66666%;}
.SpanW4{width:33.33333%;}
.SpanW3{flex-basis:25%;}
.SpanW2{width:16.66666%;}
.SpanW1{width:8.33333%;}      

/********************************************************* Bottoni *************************************************************/

/********************************************************* Stylings ************************************************************/ 
    
/********************************************************* Form ****************************************************************/    

}


/* Regole dispositivi orizzontali piccoli (laptop etc.) */ 
@media all and (min-width: 1240px) and (max-width: 1599px) and (orientation: landscape) {

/********************************************************* Contenitori *********************************************************/
    
/*Misure:12 colonne; desktop, tablet orizzontale, tablet verticale, cellulare orizzontale, cellulare verticale (singola colonna= 8.33333%)*/
.SpanH12{width:100%;}
.SpanH11{width:91.666666%;}
.SpanH10{width:83.333333%;}
.SpanH9{width:75%;}
.SpanH8{width:66.666666%;}
.SpanH7{width:58.33333%;}
.SpanH6{width:50%;}
.SpanH5{width:46.66666%;}
.SpanH4{width:33.33333%;}
.SpanH3{width:25%;}
.SpanH2{width:16.66666%;}
.SpanH1{width:8.33333%;}      
  
    
/********************************************************* Bottoni *************************************************************/

/********************************************************* Stylings ************************************************************/
    
/********************************************************* Form ****************************************************************/    

        
}


/* Regole orientamento verticale */
@media all and (max-width: 1100px) and (orientation: portrait) {
    
/********************************************************* Contenitori *********************************************************/
    
/*Misure:12 colonne; desktop, tablet orizzontale, tablet verticale, cellulare orizzontale, cellulare verticale (singola colonna= 8.33333%)*/
.SpanV12{width:100%;}
.SpanV11{width:91.666666%;}
.SpanV10{width:83.333333%;}
.SpanV9{width:75%;}
.SpanV8{width:66.666666%;}
.SpanV7{width:58.33333%;}
.SpanV6{width:50%;}
.SpanV5{width:46.66666%;}
.SpanV4{width:33.33333%;}
.SpanV3{width:25%;}
.SpanV2{width:16.66666%;}
.SpanV1{width:8.33333%;}     

/********************************************************* Bottoni *************************************************************/

/********************************************************* Stylings ************************************************************/
    
/********************************************************* Form ****************************************************************/    
     
    
}
	

/* Eccezioni dispositivi mobili orizzontali piccoli */
@media all and (min-width: 381px) and (max-width: 989px) and (orientation: landscape) {

/********************************************************* Contenitori *********************************************************/
    
/*Misure:12 colonne; desktop, tablet orizzontale, tablet verticale, cellulare orizzontale, cellulare verticale (singola colonna= 8.33333%)*/  
.SpanMH12{width:100%;}
.SpanMH11{width:91.666666%;}
.SpanMH10{width:83.333333%;}
.SpanMH9{width:75%;}
.SpanMH8{width:66.666666%;}
.SpanMH7{width:58.33333%;}
.SpanMH6{width:50%;}
.SpanMH5{width:46.66666%;}
.SpanMH4{width:33.33333%;}
.SpanMH3{width:25%;}
.SpanMH2{width:16.66666%;}
.SpanMH1{width:8.33333%;}      

/********************************************************* Bottoni *************************************************************/

/********************************************************* Stylings ************************************************************/
    
/********************************************************* Form ****************************************************************/    
    
   
  
	
}

/* Eccezioni dispositivi mobili verticali piccoli e orizzontali piccolissimi*/
@media all and (max-width: 767px) and (orientation: portrait),all and (max-width: 380px){
    
/********************************************************* Contenitori *********************************************************/
    
/*Misure:12 colonne; desktop, tablet orizzontale, tablet verticale, cellulare orizzontale, cellulare verticale (singola colonna= 8.33333%)*/
.SpanMV12{width:100%;}
.SpanMV11{width:91.666666%;}
.SpanMV10{width:83.333333%;}
.SpanMV9{width:75%;}
.SpanMV8{width:66.666666%;}
.SpanMV7{width:58.33333%;}
.SpanMV6{width:50%;}
.SpanMV5{width:46.66666%;}
.SpanMV4{width:33.33333%;}
.SpanMV3{width:25%;}
.SpanMV2{width:16.66666%;}
.SpanMV1{width:8.33333%;}      

/********************************************************* Bottoni *************************************************************/
    
/********************************************************* Stylings ************************************************************/
    
/********************************************************* Form ****************************************************************/
.FormBox75,.FormBox66,.FormBox60,.FormBox50,.FormBox40,.FormBox33,.FormBox30,.FormBox25,.FormBox20,.FormBox16,.FormBox10{flex-basis:100%;}
    



	
}



/* Regole per dispositivi Retina | */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
	

}