/* COLOR VARIABLES
============================================= */
/* GRADIENT LISTS
============================================= */
/* @FONT-FACE
============================================= */
/* BG IMAGES
============================================= */
/* FLEXBOX
============================================= */
/* OPACITY
============================================= */
/* TRANSITION
============================================= */
/* TRANSFORM
============================================= */
/* BORDER RADIUS
============================================= */
/* TEXT TRANSFORM
============================================= */
/*BOX SHADOW
============================================= */
/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* LIST ----------------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
/* ELENCO NUMERATO (ORDERED/OL) ----------------------------------------------------------------------- */
ol.orderedList {
  counter-reset: li;
  list-style-type: decimal-leading-zero;
  padding: 0px;
  margin: 0px;
  padding-left: 65px;
}

ol.orderedList li {
  font-size: 13px;
  display: block;
  margin-bottom: 10px;
  margin-left: 0;
  min-height: 60px;
  position: relative;
}

ol.orderedList li:before {
  background-image: url(../pagination/images/elenco_numerato.png);
  background-repeat: no-repeat;
  content: counter(li, decimal-leading-zero);
  counter-increment: li;
  display: inline-block;
  font-weight: bold;
  height: 60px;
  left: -65px;
  line-height: 60px;
  position: absolute;
  text-align: center;
  top: -2px;
  width: 60px;
}

/* ELENCO PUNTATO (UNORDERED/UL) ---------------------------------------------------------------------- */
ul.unorderedList {
  margin: 0;
  padding: 0;
}

ul.unorderedList li {
  margin-left: 25px;
  margin-bottom: 5px;
  position: relative;
  list-style: none;
}

ul.unorderedList li:before {
  font-family: "icomoon";
  content: "\e706";
  margin-right: 10px;
  display: inline-block;
  position: absolute;
  left: -25px;
  color: #000;
}

/* IMMAGINI ------------------------------------------------------------------------------------- */
.img-rounded {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.b-radius-10 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.b-radius-20 {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.bg-cover {
  background-size: cover;
  background-position: 50% 50%;
}

.circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

/* CITAZIONI/CLAIM ------------------------------------------------------------------------------ */
cite {
  background: url(../pagination/images/bg_cite.gif) top left repeat-y;
  padding-left: 50px;
  margin: 20px 0;
  font-style: italic;
  font-size: 13px;
  color: #000000;
  display: block;
}

.claim {
  background-color: #000;
  color: #ffffff;
  font-size: 35px;
  font-weight: normal;
  line-height: 50px;
  padding: 70px 0;
  text-align: center;
}

/* BOX ALERT --------------------------------------------------------------------- */
.alert-danger {
  background-color: #fc9898;
  border: 1px solid #c64242;
  color: #000;
}

.alert-danger h1 {
  color: #c64242;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}

.alert-warning {
  background-color: #ffeab1;
  border: 1px solid #f1a707;
  color: #000;
}

.alert-warning h1 {
  color: #f1a707;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}

.alert-success {
  background-color: #c1e78c;
  border: 1px solid #68aa0b;
  color: #000;
}

.alert-success h1 {
  color: #68aa0b;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}

.alert-info {
  background-color: #c4e2ff;
  border: 1px solid #0068cf;
  color: #000;
}

.alert-info h1 {
  color: #0068cf;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}

.alert-danger p, .alert-success p,
.alert-warning p, .alert-info p {
  padding: 0;
  margin: 0;
}

/* ALTRI ELEMENTI GRAFICI ---------------------------------------------------------------------------- */
.divider {
  margin: 10px 0;
  background-color: #000;
  height: 1px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* TABS ----------------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
.tabs a {
  background-color: #000;
  color: #ffffff;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 17px;
  line-height: 44px;
  margin-right: 3px;
  padding: 0 15px;
  position: relative;
  z-index: 10;
  font-weight: 400;
  transition: all 0.3s ease 0s;
}

.tabs a:hover {
  color: #000;
  background-color: #ffffff;
}

.tabs a.active span {
  background: url(../pagination/images/triangle.png) no-repeat scroll left top;
  display: block;
  height: 8px;
  left: 15px;
  position: absolute;
  width: 20px;
}

.tabs .riga {
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 33px;
  width: 100%;
}

.tabs_content {
  display: none;
  padding: 25px 0;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* PAGINAZIONE ---------------------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
.pagination {
  margin: 0 5px 0 4px;
  text-align: center;
}

.pagination ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.pagination li {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  margin: 10px;
  cursor: pointer;
  background: var(--blu);
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: background 0.3s ease 0s;
  -moz-transition: background 0.3s ease 0s;
  -ms-transition: background 0.3s ease 0s;
  -o-transition: background 0.3s ease 0s;
  transition: background 0.3s ease 0s;
}

.pagination li.active {
  background: var(--blu);
}

.pagination li:hover {
  background: var(--rosso);
}

.pagination li a, .pagination-ul li a {
  display: inline-block;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-left: 0px;
  border: 1px solid #ccc;
  text-align: center;
  background-color: #fff;
  color: #000;
  transition: all 0.3s ease 0s;
  padding: 5px;
}

.pagination li.selected a, .pagination-ul li.selected a {
  border: 1px solid #8c98a6;
}

.pagination li.selected a:hover, .pagination-ul li.selected a:hover {
  background-color: #fff;
  color: #000;
}

.pagination li a i {
  font-size: 16px;
}

.pagination li.disabled a,
.pagination li.disabled a:hover {
  background-color: var(--blu);
  color: #525252;
  cursor: auto;
}

.pagination li.active a,
.pagination li a:hover {
  background-color: #000;
  color: #ffffff;
}

.pagination-ul {
  padding: 0;
  text-align: center;
  list-style-type: none;
  margin-top: 40px;
}

.pagination-ul li {
  display: inline;
  margin-right: 1%;
}

/* ---------------------------------------------------------------------------------------------------- */
/* 																										*/
/* CLASSI VARIE/GENERICHE ----------------------------------------------------------------------------- */
/* 																										*/
/* ---------------------------------------------------------------------------------------------------- */
/* GESTIONE PADDING ----------------------------------------------------------------------------------- */
.padding10 {
  padding: 10px;
}

.padding15 {
  padding: 15px;
}

.padding0-15 {
  padding: 0 15px;
}

.padding10-5 {
  padding: 10px 5px;
}

.padding20 {
  padding: 20px;
}

.ptop5 {
  padding-top: 5px;
}

.ptop10 {
  padding-top: 10px;
}

.ptop15 {
  padding-top: 15px;
}

.ptop20 {
  padding-top: 20px;
}

.ptop30 {
  padding-top: 30px;
}

.ptop50 {
  padding-top: 50px;
}

.pbottom5 {
  padding-bottom: 5px;
}

.pbottom10 {
  padding-bottom: 10px;
}

.pbottom20 {
  padding-bottom: 20px;
}

.pbottom30 {
  padding-bottom: 30px !important;
}

.pbottom50 {
  padding-bottom: 50px;
}

.pbottom60 {
  padding-bottom: 70px !important;
}

.pleft50 {
  padding-left: 50px;
}

.pleft30 {
  padding-left: 30px;
}

.pleft10 {
  padding-left: 10px;
}

.pleft0 {
  padding-left: 0;
}

.pright10 {
  padding-right: 10px;
}

.pright30 {
  padding-right: 30px;
}

.nopadding {
  padding: 0 !important;
}

.noPaddingRight {
  padding-right: 0;
}

.noPaddingLeft {
  padding-left: 0;
}

.pcolumn {
  padding: 0 0.5%;
}

.padding15-0 {
  padding: 15px 0 !important;
}

/* GESTIONE MARGIN ----------------------------------------------------------------------------------- */
.margin10 {
  margin: 10px;
}

.mtop0 {
  margin-top: 0;
}

.mtop10 {
  margin-top: 10px;
}

.mtop20 {
  margin-top: 20px !important;
}

.mtop25 {
  margin-top: 25px;
}

.mtop30 {
  margin-top: 30px;
}

.mtop40 {
  margin-top: 40px;
}

.mtop50 {
  margin-top: 50px;
}

.nomargin {
  margin: 0 !important;
}

.mbottom0 {
  margin-bottom: 0 !important;
}

.mbottom10 {
  margin-bottom: 10px;
}

.mbottom15 {
  margin-bottom: 15px !important;
}

.mbottom20 {
  margin-bottom: 20px !important;
}

.mbottom30 {
  margin-bottom: 30px !important;
}

.mbottom40 {
  margin-bottom: 40px;
}

.mbottom50 {
  margin-bottom: 50px;
}

.mleft2 {
  margin-left: 2px;
}

.mleft20 {
  margin-left: 20px;
}

.mright5 {
  margin-right: 5px;
}

.mright20 {
  margin-right: 20px;
}

.p0-30 {
  padding: 0 20px;
}

/* GESTIONE TESTI ----------------------------------------------------------------------------------- */
.txtcenter {
  text-align: center;
}

.txtright {
  text-align: right;
}

.txtleft {
  text-align: left !important;
}

.txtjustify {
  text-align: justify;
}

.txtuppercase {
  text-transform: uppercase;
}

.lineHeight0 {
  line-height: 0;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.f-size35 {
  font-size: 35px !important;
}

/* GESTIONE IMMAGINI ----------------------------------------------------------------------------------- */
.auto {
  width: auto !important;
  max-width: 100% !important;
}

/* GESTIONE COLORI ------------------------------------------------------------------------------------- */
.bgWhite {
  background-color: #ffffff;
}

.bgColor {
  background-color: var(--blu);
}

.bgPink {
  background-color: #e2007a;
}

.bgLightColor {
  background-color: var(--blu);
}

.bgColor {
  background-color: var(--blu);
}

.bgBlack {
  background-color: #000000;
}

.bgGrey {
  background-color: #e9ebed;
}

.bgLightGrey {
  background-color: #F7F8F9;
}

.bgLightGrey h2 {
  color: var(--blu);
}

.bgYellow {
  background-color: #414D58;
}

.bgBlue {
  background: var(--blu);
}

.color {
  color: var(--blu);
}

.black {
  color: #000000;
}

.white {
  color: #ffffff !important;
}

.grey {
  color: #000 !important;
}

.giallo {
  color: #414D58;
}

.bgColor h2, .bgLightColor h2, .bgColor h3, .bgLightColor h3, .bgLightColor a {
  color: #414D58;
}

.bgLightColor p, .bgColor p, .bgDarkGrey p {
  color: #fff;
}

.bgColor p a {
  color: #414D58;
  font-family: "OpenSans-Bold", Arial, Helvetica, Clean, sans-serif;
}

.bgLightColor a.btn {
  color: var(--blu);
}

.bgDarkGrey {
  background-color: #414d58;
}

/* ALTRO ------------------------------------------------------------------------------------- */
.w100 {
  width: 100% !important;
}

.w50 {
  width: 50%;
}

.w1300-container {
  margin: 0 auto;
  max-width: 1300px;
}

.h50 {
  height: 50px;
}

.h300 {
  height: 300px;
}

.h450 {
  height: 450px;
}

.h150 {
  height: 150px;
}

.halfVideoheight {
  height: 50vh;
}

.max-h450 {
  max-height: 450px;
}

.no-border {
  border: 0 !important;
}

.no-shadow {
  box-shadow: none !important;
}

.border-right-white {
  border-right: 1px solid #fff;
}

.border-right-grey {
  border-right: 1px solid #E2E6EB;
}

.border-bottom {
  border-bottom: 1px solid #e8eaed;
}

/*# sourceMappingURL=grk.common.classes.css.map */