/* Compiled Less CSS File */
/* Generated from "common.classes.css" */

/* ---------------------------------------------------------------------------------------------------- */
/* 																													*/
/* GESTIONE COLORI UTILIZZATI ------------------------------------------------------------------------- */
/*
	BIANCO: #FFFFFF
	GRIGIO CHIARO: #DDDDDD
	GRIGIO SCURO: #C2C2C2
	GRIGIO (TESTI): #3C4042
	MAGENTA: #35A3D5 / RGB: 227,1,97
	NERO: #000000
																												   */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* CLASSI VARIE/GENERICHE ----------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
/* GESTIONE PADDING ----------------------------------------------------------------------------------- */
.padding10 {
  padding: 10px;
}
.padding20 {
  padding: 20px;
}
.padding40 {
  padding: 40px;
}
.ptop30 {
  padding-top: 30px;
}
.ptop10 {
  padding: 0 !important;
  padding-top: 10px !important;
}
.ptop15 {
  padding: 0 !important;
  padding-top: 15px !important;
}
.ptop5 {
  padding-top: 5px !important;
}
.pbottom5 {
  padding-bottom: 5px;
}
.pbottom10 {
  padding-bottom: 10px;
}
.pbottom20 {
  padding-bottom: 20px;
}
.pbottom50 {
  padding-bottom: 50px;
}
.pleft65 {
  padding-left: 65px;
}
.pr65 {
  padding-right: 65px;
}
.nopadding {
  padding: 0 !important;
}
.nopaddingR {
  padding-right: 0;
}
.pcolumn {
  padding: 0 0.5%;
}
.ptop50 {
  padding-top: 50px;
}
.padding10-20 {
  padding: 10px 20px;

}


/* GESTIONE MARGIN ----------------------------------------------------------------------------------- */
/* TOP */
.mtop130 {
  margin-top: 110px !important;
}
.mtop90 {
  margin-top: 90px;
}
.mtop80 {
  margin-top: 80px;
}
.mtop50 {
  margin-top: 50px;
}
.mtop30 {
  margin-top: 30px;
}
.mtop10 {
  margin-top: 10px;
}
.mtop25 {
  margin-top: 25px;
}
.mtop0 {
  margin-top: 0;
}
.mtop-30 {
  margin-top: -25px;
}

/* BOTTOM */
.mbot30 {
  margin-bottom: 30px;
}
.mbot20 {
  margin-bottom: 20px;
}
.mbot15 {
  margin-bottom: 15px !important;
}
.mbot10 {
  margin-bottom: 10px;
}
.mbot50 {
   margin-bottom: 50px;
 }
.mbot80 {
  margin-bottom: 80px;
}
.ml2 {
  margin-left: 2px;
}
.ml20 {
  margin-left: 20px;
}
.nomargin {
  margin: 0;
}
.m10 {
  margin: 10px;
}
/* GESTIONE TESTI ----------------------------------------------------------------------------------- */
.txtcenter {
  text-align: center;
}
.txtright {
  text-align: right;
}
.txtleft {
  text-align: left;
}
.txtjustify {
  text-align: justify;
}
.lh20 {
  line-height: 20px;
}
.lineHeight0 {
  line-height: 0;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}


/* GESTIONE IMMAGINI ----------------------------------------------------------------------------------- */
.auto,
.img-auto img,
img.img-auto {
  width: auto;
}
/* GESTIONE PERSONALIZZATA CLASSI RESPONSIVE ----------------------------------------------------------- */
.tabletVert {
  display: none;
}
.notabletVert {
  display: block;
}
.nomobileVert {
  display: block;
}
.showmobileVert {
  display: none;
}
/* GESTIONE COLORI ------------------------------------------------------------------------------------- */
.bgbianco {
  background-color: #ffffff !important;
}
.Color {
  color: #35A3D5;
}
.bluScuro {
  color: #264990;
}
.bgColor {
  background-color: #35A3D5;
}
.blu {
  color: #264990;
}
.white {
  color: #fff;
}


.grey, h1.grey {
  color: #8C98A6;
}

.black {
  color: #000000;
}
.bgBluScuro {
    background-color: #162E60;
}
.bgLightGrey {
  background-color: #f5f6f8;
}
/* ALTRO ----------------------------------------------------------------------------------------------- */

.z-index1 {
  z-index: 1;
}

.cols3 {
    column-count: 3;
    column-gap: 20px;
    column-rule-width: 1px;
    column-rule-style: solid;
  column-rule-color: #F1F2F4;
  }

.h35 {
  height: 35px;
}
.h160 {
  height: 160px;
}
.h500 {
  height: 500px;
}
.centrato {
  margin: 0 auto;
}
.w50 {
  width: 50px;
  margin-right: 10px;
}
.w100 {
  width: 100%;
}
.w200 {
  width: 250px!important;
}
.w300 {
  width: 300px;
}
.h100 {
    height: 100%;
}
.videoHeight {
  height: calc(100vh - 110px);
}
.videoHeight50 {
  height: 50vh;
}
.visibile {
  font-weight: bold;
}
.nascosto {
  font-style: italic;
  color: #CCC;
}

.bgRounded {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.bgRounded img {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}