@charset "UTF-8";
/* GENERALE.CSS test di prova   */
/**
 * CSS generale
 * ...........................
 * RESET................... reset, 'box-model' e clearfix
 *
 **/
/* icona diversa per ogni categoria */
/*-----------------------------------------------*\
  $RESET
  	http://meyerweb.com/eric/tools/css/reset/
  	v2.0 | 20110126
  	License: none (public domain)
\*-----------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* BOX MODEL */
*,
:before,
:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* CLEARFIX */
.cf, .gc, .nav, .media {
  zoom: 1; }

.cf:before, .gc:before, .nav:before, .media:before,
.cf:after, .gc:after, .nav:after, .media:after {
  content: " ";
  display: table; }

.cf:after, .gc:after, .nav:after, .media:after {
  clear: both; }

/*------------------------------------*\
  $STRUTTURA
\*------------------------------------*/
body {
  background: #faf7f3; }

.sw {
  background-color: #faf7f3; }

.sw {
  overflow: hidden; }

#page {
  position: relative;
  z-index: 2; }
  #page.index-none {
    z-index: 10000; }
  @media screen and (min-width: 950px) {
    #page {
      margin-bottom: 0; } }

.menu_open #page {
  z-index: 12; }

.sw {
  overflow: hidden; }

.sw.ovisible,
.container.ovisible {
  overflow: visible; }

#overlayer {
  position: fixed;
  top: 48px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: -1;
  opacity: 0;
  overflow: hidden;
  transition: opacity 300ms linear; }

@media only screen and (min-width: 950px) {
  .menu_open #page {
    z-index: 2; }
  .sw {
    margin: 0 auto;
    position: relative; }
  #overlayer {
    top: 0; } }

@media only screen and (min-width: 1025px) {
  #page {
    position: relative; } }

.container {
  width: 1000px;
  max-width: 100%;
  padding: 30px 15px;
  margin: 0 auto;
  background-color: #faf7f3; }
  @media screen and (min-width: 950px) {
    .container {
      padding: 30px; } }
  @media screen and (min-width: 1500px) {
    .container {
      width: 1200px; } }
  .container .content {
    width: 100%; }
  .container .sidebar {
    position: relative;
    width: 100%;
    /*.sidebar-adv.minheightbox {
      min-height: 250px;
    }*/ }
    .container .sidebar #scrolling_element {
      background: rgba(250, 247, 243, 0.92);
      outline: 12px solid rgba(250, 247, 243, 0.92); }
    .container .sidebar .adv300 {
      width: 300px;
      display: block;
      margin: 0 -5px 0; }
      @media screen and (min-width: 321px) {
        .container .sidebar .adv300 {
          margin: 0 auto; } }
    .container .sidebar .sidebar-block {
      display: block;
      margin: 30px 0 0; }
  @media screen and (min-width: 950px) {
    .container .content {
      width: 65%;
      padding-right: 2%; }
    .container .sidebar {
      width: 34%;
      margin: 0;
      max-width: 300px; }
      .container .sidebar .sidebar-block {
        margin: 50px 0 0; } }
  @media screen and (min-width: 1024px) {
    .container .content {
      /*border-right:  1px solid $bordo; */ } }
  @media screen and (min-width: 1200px) {
    .container .content {
      width: 67%;
      /* padding-right: 4.3%; */ }
    .container .sidebar {
      width: 300px;
      max-width: 32%; } }
  @media screen and (min-width: 1500px) {
    .container .content {
      width: 69.5%;
      border-right: 1px solid #eae6e0;
      padding-right: 45px; } }

/* MH2021 */
#mh2021.mhForeground {
  z-index: 9999999 !important; }

.amePlaceholderBox {
  min-height: 250px;
  width: 300px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background-color: #f2efea;
  position: relative;
  clear: both; }

.amePlaceholderBox:before {
  content: 'Adv';
  color: #ccc;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  position: absolute;
  line-height: 250px;
  width: 100%;
  text-align: center;
  font-weight: 700; }

.amePlaceholderBox > div {
  position: relative; }

.promobox-desktop-wrapper {
  min-height: 102px; }

/*------------------------------------*\
  $STRISCIA
\*------------------------------------*/
.striscia {
  display: block;
  padding: 15px 0;
  clear: both; }
  @media screen and (min-width: 601px) {
    .striscia {
      padding: 30px 0; } }
  .container > .striscia:first-of-type {
    padding-top: 0; }
  .container > .striscia:last-of-type {
    padding-bottom: 0; }

/*------------------------------------*\
  $CLASSI GENERICHE
  - flex
  - img
  - icon:before
  - freccia
  - header categorie e materie
  - box prove esami
\*------------------------------------*/
/* flex */
.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

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

/* img */
img {
  max-width: 100%;
  height: auto; }

/* icon */
.icon:before {
  content: "";
  float: left;
  display: block;
  width: 25px;
  height: 25px;
  background: url("https://www.studenti.it/img/sprite.svg") no-repeat; }

/* freccia */
.freccia {
  width: 36px;
  height: 2px;
  background: rgba(34, 34, 34, 0.3);
  display: block;
  position: relative; }
  .freccia:after {
    content: "";
    position: absolute;
    top: -7px;
    right: 1px;
    width: 16px;
    height: 16px;
    border-top: 2px solid rgba(34, 34, 34, 0.3);
    border-right: 2px solid rgba(34, 34, 34, 0.3);
    transform: rotate(45deg); }
  .freccia.freccia-medium {
    width: 70px;
    height: 2px; }
    .freccia.freccia-medium:after {
      position: absolute;
      top: -9px;
      right: 1px;
      width: 20px;
      height: 20px; }
  .freccia.freccia-white {
    background: #fff; }
    .freccia.freccia-white:after {
      border-color: #fff; }
  .freccia.freccia-blue {
    background: #2274d5; }
    .freccia.freccia-blue:after {
      border-color: #2274d5; }

/* label time */
.time {
  font-size: 1.4rem;
  font-style: italic;
  display: block;
  margin-bottom: 10px;
  color: #343434;
  color: #2f2f2f; }
  .time:before {
    width: 14px;
    height: 14px;
    background-position: 0px -14px;
    background-size: 140px 280px;
    margin-right: 5px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: 0.3; }
  .time.white {
    color: #fff; }
    .time.white:before {
      width: 14px;
      height: 14px;
      background-position: -14px -14px;
      background-size: 140px 280px;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      opacity: 1; }

/* header materia o categoria */
.header-categoria {
  padding: 0 0 20px;
  position: relative; }
  .header-categoria h1 {
    font-size: 3.5rem;
    font-style: italic; }
    .header-categoria h1 .btn {
      font-style: normal; }
  @media screen and (min-width: 600px) {
    .header-categoria {
      padding: 0 0 30px; }
      .header-categoria h1 {
        font-size: 5.4rem; }
      .header-categoria.header-categoria-small h1 {
        font-size: 4.4rem; } }
  @media screen and (min-width: 1500px) {
    .header-categoria.header-categoria-small h1 {
      font-size: 4.8rem; } }
  .header-categoria .matematica-link {
    display: block;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 600; }
    @media screen and (min-width: 600px) {
      .header-categoria .matematica-link {
        display: block;
        position: absolute;
        bottom: 30px;
        right: 0;
        width: 176px;
        height: 56px;
        padding: 10px 0 10px 66px;
        font-size: 1.6rem; }
        .header-categoria .matematica-link:before {
          content: '';
          background: url("https://www.studenti.it/img/math.svg") no-repeat scroll 0 0;
          background-size: cover;
          width: 50px;
          height: 56px;
          display: block;
          position: absolute;
          top: 0;
          left: 0; } }
    @media screen and (min-width: 950px) {
      .header-categoria .matematica-link {
        right: 38.5%; } }

/* box prove esami */
.box-prove {
  display: block;
  overflow: hidden;
  margin: 20px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  .box-prove .box-prove-nav {
    display: block; }
    .box-prove .box-prove-nav ul {
      background: #2274d5; }
      .box-prove .box-prove-nav ul li.tabsprove {
        width: 100%;
        text-transform: uppercase;
        text-align: center;
        font-size: 1.6rem;
        font-weight: 600; }
        .box-prove .box-prove-nav ul li.tabsprove > a {
          display: block;
          color: #fff;
          background: #2274d5;
          text-decoration: none;
          padding: 12px 10px;
          -webkit-transition: all 0.1s ease-in-out;
          -moz-transition: all 0.1s ease-in-out;
          -ms-transition: all 0.1s ease-in-out;
          -o-transition: all 0.1s ease-in-out;
          transition: all 0.1s ease-in-out;
          border-bottom: 1px solid #2266b6;
          position: relative; }
          .box-prove .box-prove-nav ul li.tabsprove > a:after {
            content: "";
            width: 0;
            height: 0;
            border-top: 6px solid transparent;
            border-left: 6px solid #fff;
            border-bottom: 6px solid transparent;
            position: absolute;
            top: 50%;
            right: 15px;
            margin-top: -3px; }
        .box-prove .box-prove-nav ul li.tabsprove.active > a:after {
          border-top: 6px solid #fff;
          border-left: 6px solid transparent;
          border-right: 6px solid transparent; }
        .box-prove .box-prove-nav ul li.tabsprove.active ol {
          display: block; }
    .box-prove .box-prove-nav ol {
      padding: 30px 10px 0;
      background: #f3f0ea;
      text-align: center;
      display: none;
      overflow: hidden;
      border-top: none; }
      .box-prove .box-prove-nav ol li {
        text-transform: uppercase;
        color: #222;
        font-size: 1.4rem;
        font-weight: 600;
        display: block;
        padding: 0 0 30px; }
        .box-prove .box-prove-nav ol li a {
          text-decoration: underline;
          color: #222; }
          .box-prove .box-prove-nav ol li a:hover {
            text-decoration: none; }
  .box-prove section {
    display: none; }

/* box prove esami da tablet in su */
@media screen and (min-width: 768px) {
  .box-prove .box-prove-nav {
    padding-bottom: 64px;
    position: relative; }
    .box-prove .box-prove-nav ul li.tabsprove {
      width: 20%; }
      .box-prove .box-prove-nav ul li.tabsprove > a {
        padding: 21px 10px;
        border-bottom: none;
        border-right: 1px solid #2266b6; }
        .box-prove .box-prove-nav ul li.tabsprove > a:after {
          display: none; }
      .box-prove .box-prove-nav ul li.tabsprove:hover > a,
      .box-prove .box-prove-nav ul li.tabsprove.active > a {
        background: #2266b6; }
    .box-prove .box-prove-nav ol {
      width: 100%;
      height: 64px;
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 0 10px;
      margin: 0;
      border: 1px solid #eae6e0;
      line-height: 64px; }
      .box-prove .box-prove-nav ol li {
        font-size: 1.4rem;
        margin-right: 5px;
        padding: 0;
        text-transform: none;
        display: inline-block; }
        .box-prove .box-prove-nav ol li:last-child {
          margin-right: 0; }
  .box-prove section {
    width: 100%;
    overflow: hidden;
    position: relative;
    border: 1px solid #eae6e0;
    border-top: none;
    background: #fff; }
    .box-prove section ul {
      overflow: hidden;
      align-items: center;
      margin-top: 10px; }
      .box-prove section ul li {
        display: flex;
        align-items: center;
        position: relative;
        overflow: hidden;
        height: 77px;
        width: 45%;
        border-bottom: 1px solid #eae6e0;
        margin: 0 2.5%;
        padding: 0 0 0 60px; }
        .box-prove section ul li:nth-last-child(-n+2) {
          border: none; }
        .box-prove section ul li .pic {
          width: 36px;
          height: 36px;
          position: absolute;
          top: 20px;
          left: 10px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px;
          overflow: hidden;
          background: white;
          border: 2px solid #faf7f3; }
        .box-prove section ul li a {
          text-decoration: none; }
          .box-prove section ul li a span {
            color: #222;
            font-size: 1.6rem;
            line-height: 1.3;
            font-weight: 700;
            -webkit-transition: box-shadow 0.1s ease-in-out;
            -moz-transition: box-shadow 0.1s ease-in-out;
            -ms-transition: box-shadow 0.1s ease-in-out;
            -o-transition: box-shadow 0.1s ease-in-out;
            transition: box-shadow 0.1s ease-in-out;
            box-shadow: inset 0 -2px 0 0 #Fff,inset 0 -3px 0 0 #000;
            text-shadow: 2px 0 #fff, -2px 0 #fff, 2px 0 #fff, -2px 0 #fff; }
            .box-prove section ul li a span:hover {
              box-shadow: inset 0 -2px 0 0 #Fff,inset 0 -3px 0 0 transparent;
              text-decoration: none; }
    .box-prove section.active {
      display: block; }
    .box-prove section .more-info {
      display: block;
      text-align: center;
      margin: 20px 0 30px; }
  .box-prove.box-prove-medie .box-prove-nav ul li.tabsprove {
    width: 25%; } }

@media screen and (min-width: 950px) {
  .box-prove {
    width: 890px;
    z-index: 1000;
    position: relative;
    outline: 30px solid #faf7f3; } }

@media screen and (min-width: 1024px) {
  .box-prove {
    width: 940px; } }

@media screen and (min-width: 1200px) {
  .box-prove {
    margin: 50px 0; }
    .box-prove .box-prove-nav {
      padding-bottom: 84px; }
      .box-prove .box-prove-nav ul li.tabsprove {
        font-size: 1.8rem; }
      .box-prove .box-prove-nav ol {
        width: 100%;
        height: 84px;
        padding: 0 20px;
        line-height: 84px; }
        .box-prove .box-prove-nav ol li {
          font-size: 1.4rem;
          margin-right: 10px;
          text-transform: uppercase; }
    .box-prove section ul {
      margin-top: 30px; }
      .box-prove section ul li {
        padding: 0 0 0 80px; }
        .box-prove section ul li a span {
          font-size: 2rem; }
    .box-prove section .more-info {
      margin: 35px 0; } }

@media screen and (min-width: 1500px) {
  .box-prove {
    width: 1140px; }
    .box-prove .box-prove-nav ol li {
      margin-right: 30px; } }

/* bottone invia appunti */
.btn.btn-invia-appunti {
  display: block;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  border: 1px solid #fff;
  box-shadow: 0 2px 8px rgba(101, 95, 87, 0.1);
  background: url("https://www.studenti.it/img/icon-invia-appunti.svg") no-repeat scroll 93% center #fff;
  color: #222;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600; }
  .btn.btn-invia-appunti:hover {
    border-color: #f5a623;
    box-shadow: 0 0 0 rgba(101, 95, 87, 0); }

/* ADV mobile*/
@media screen and (max-width: 949px) {
  .adv-mobile {
    position: relative;
    left: 50%;
    margin-left: -150px;
    margin-bottom: 20px;
    width: 300px; } }

/* ADV */
.ad-st {
  margin-bottom: 20px; }
  .tpl-index .ad-st {
    margin-top: 20px; }

.ad-st-bottom {
  position: relative;
  text-align: center; }

.ad-st-top.minheightbox {
  min-height: 250px; }

@media screen and (min-width: 768px) {
  .ad-st-top.minheightbox {
    min-height: 180px; } }

@media screen and (min-width: 950px) {
  .ad-st {
    margin-bottom: 30px; }
    .tpl-index .ad-st {
      margin-bottom: 0px;
      margin-top: 30px; }
  .ad-st-bottom {
    left: 0;
    width: auto;
    margin-left: 0; }
  .tpl-quiz-test .ad-st.ad-st-bottom {
    margin-top: 30px;
    margin-bottom: 0; }
  .listato-articoli .ad-st {
    margin-top: 0;
    margin-bottom: 20px; } }

.tpl-quiz-test .ad-st.ad-st-bottom {
  margin-top: 20px;
  margin-bottom: 0; }

/* paginatore verde */
.pager {
  text-align: center;
  margin-bottom: 20px; }
  .pager > span {
    display: block; }
  .pager li {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top; }
    .pager li a {
      display: block;
      width: 40px;
      height: 40px;
      line-height: 36px;
      text-align: center;
      background: #7ab700;
      color: white;
      border: 2px solid #7ab700;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -o-border-radius: 100%;
      border-radius: 100%;
      font-size: 1.6rem;
      font-weight: 700;
      text-decoration: none;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .pager li a:hover {
        background: #699e00;
        border-color: #699e00; }
      .pager li a.current {
        background: white;
        color: #7ab700;
        cursor: default; }
      .pager li a.text {
        font-size: 12px; }
    .pager li .prev,
    .pager li .next {
      position: relative; }
      .pager li .prev::before,
      .pager li .next::before {
        width: 20px;
        height: 20px;
        background-position: -20px 0px;
        background-size: 200px 400px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto; }
    .pager li .prev::before {
      transform: rotate(180deg); }
  @media screen and (min-width: 600px) {
    .pager {
      margin-bottom: 30px; }
      .pager > span {
        float: left;
        height: 50px;
        line-height: 50px;
        margin-right: 20px;
        font-size: 1.8rem; }
      .pager ul {
        float: left; }
      .pager li a {
        width: 48px;
        height: 48px;
        line-height: 44px; }
        .pager li a .prev::before,
        .pager li a .next::before {
          width: 24px;
          height: 24px;
          background-position: -24px 0px;
          background-size: 240px 480px; } }

.mb-15 {
  margin-bottom: 15px; }

/*------------------------------------*\
  $HEADER
\*------------------------------------*/
#strip_adv:not([data-size="320x1"]) {
  overflow: hidden; }
  #strip_adv:not([data-size="320x1"]).expanding.visible {
    transform: translateY(0); }
  @media screen and (max-width: 800px) {
    #strip_adv:not([data-size="320x1"]) {
      position: fixed;
      right: 0;
      bottom: 0;
      width: 100%;
      min-height: 50px;
      background: #fff;
      box-shadow: 0px -3px 3px 0px rgba(50, 50, 50, 0.75);
      z-index: 1000;
      transform: translateY(calc(100% + 4px));
      -webkit-transition: transform 0.5s ease-in-out;
      -moz-transition: transform 0.5s ease-in-out;
      -ms-transition: transform 0.5s ease-in-out;
      -o-transition: transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out;
      overflow: visible; } }
  #strip_adv:not([data-size="320x1"]) .strip {
    display: flex;
    justify-content: center;
    background: black; }
    @media screen and (max-width: 800px) {
      #strip_adv:not([data-size="320x1"]) .strip {
        width: 100vw !important; } }
  #strip_adv:not([data-size="320x1"]) .flyingPush.flying .strip {
    justify-content: flex-start; }

/* livello overlayer e menu mobile */
.login_open #overlayer {
  opacity: .78;
  z-index: 10;
  transition: opacity 300ms linear; }

.login_modal.delay,
#nav.animated.delay {
  transition-delay: 300ms; }

body.menu_open,
body.login_open,
body.share_open {
  position: absolute;
  width: 100%;
  max-height: 100%;
  overflow: hidden; }

@media screen and (min-width: 950px) {
  .mobile {
    display: none; }
  @keyframes animatedBackground {
    0% {
      background-color: #7ab700; }
    50% {
      background-color: #FFF; }
    100% {
      background-color: #7ab700; } }
  .menu_open #overlayer {
    display: none; } }

/* HEADER E MENU */
#header {
  width: 100%;
  height: 5rem;
  background: #222;
  z-index: 1000;
  /* icona menu */
  /* icona login */
  /* logo Studenti   */
  /* label materia in header */
  /* header risoluzione >=950px */
  /* header risoluzione >=1500px larghezza corpo pagina 1200px */ }
  #header svg path,
  #header #default_view,
  #header #login_handle {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear; }
  #header .out, #header .in {
    top: -5rem;
    border-bottom: 0 none; }
  #header .in {
    top: 0; }
  #header #nav a,
  #header #menu_handle {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  #header > .sw {
    position: relative;
    top: 0;
    height: 100%;
    background: #222; }
  #header #default_view {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #222;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s; }
  #header #menu_handle {
    position: absolute;
    top: 16px;
    left: 1.5rem;
    width: 20px;
    height: 15px; }
    #header #menu_handle svg path {
      -webkit-transform-origin: 10px 8px;
      transform-origin: 10px 8px; }
  #header #login_handle {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    width: 30px;
    height: 30px;
    display: block;
    cursor: pointer;
    margin-top: -15px; }
    #header #login_handle:before {
      width: 30px;
      height: 30px;
      background-position: -240px -60px;
      background-size: 300px 600px;
      border-radius: 50%;
      background-color: #353535;
      transition: all 200ms ease-in 0s; }
    #header #login_handle:hover:before, #header #login_handle.logged:before {
      background-color: #2274d5; }
    #header #login_handle.logged:after {
      content: "";
      position: absolute;
      top: 50%;
      left: -18px;
      margin-top: -3px;
      border-top: 6px solid #2274d5;
      border-right: 6px solid transparent;
      border-left: 6px solid transparent; }
    #header #login_handle.open_user_box:after {
      border-top: 6px solid transparent;
      border-right: 6px solid transparent;
      border-left: 6px solid transparent;
      border-bottom: 6px solid #2274d5;
      margin-top: -9px; }
    @media screen and (min-width: 950px) {
      #header #login_handle {
        width: 34px;
        height: 34px;
        margin-top: -17px; }
        #header #login_handle.logged:after {
          left: -22px; }
        #header #login_handle:before {
          width: 34px;
          height: 34px;
          background-position: -272px -68px;
          background-size: 340px 680px; } }
  #header h1, #header .brand-stu {
    margin-left: 5rem;
    width: 86px;
    height: 100%; }
    #header h1 a, #header .brand-stu a {
      display: block;
      width: 100%;
      height: 100%; }
    #header h1 img, #header .brand-stu img {
      margin-top: 1.5rem;
      width: 100%;
      height: 19px; }
    #header h1.maturita, #header .brand-stu.maturita {
      width: 101px;
      height: 32px; }
      #header h1.maturita img, #header .brand-stu.maturita img {
        margin-top: 1rem;
        width: 100%;
        height: 32px; }
  #header h2 {
    position: absolute;
    top: 50%;
    left: 17rem;
    font: italic 1.4rem georgia;
    color: #7ab700;
    transform: translate(0, -50%);
    height: 5rem;
    width: 80px;
    display: flex;
    align-items: center; }
    @media screen and (min-width: 950px) {
      #header h2 {
        left: 190px;
        font-size: 1.5rem;
        height: 90px;
        width: 100px; } }
    @media screen and (min-width: 1500px) {
      #header h2 {
        left: 195px; } }
    #header h2:before {
      content: '';
      position: absolute;
      top: -5px;
      left: -12px;
      width: 1px;
      height: 30px;
      background: #cccac8;
      transform: rotateZ(15deg);
      top: 50%;
      left: -12px;
      margin-top: -15px; }
  @media screen and (min-width: 950px) {
    #header {
      position: relative;
      height: 75px; }
      #header #menu_handle {
        display: none; }
      #header .out {
        top: -68px; }
      #header .sw {
        width: 100%;
        overflow: visible; }
      #header h1, #header .brand-stu {
        position: absolute;
        top: 50%;
        left: 2.5rem;
        width: 129px;
        height: 30px;
        margin: -15px 0; }
        #header h1 img, #header .brand-stu img {
          margin: 0;
          width: 100%;
          height: 30px; }
        #header h1.maturita, #header .brand-stu.maturita {
          width: 163px;
          height: 53px;
          margin: -26px 0; }
          #header h1.maturita img, #header .brand-stu.maturita img {
            margin: 0;
            width: 100%;
            height: 53px; }
      #header h2 {
        height: 75px; }
      #header #login_handle {
        position: absolute;
        top: 50%;
        right: 2.5rem;
        opacity: 0;
        z-index: -1;
        margin-right: 10px; } }
    @media screen and (min-width: 950px) and (min-width: 1025px) {
      #header #login_handle {
        margin-right: 20px; } }
  @media screen and (min-width: 950px) {
        #header #login_handle.active {
          opacity: 1;
          z-index: 1; } }
  @media screen and (min-width: 1500px) {
    #header {
      height: 90px; }
      #header h1, #header .brand-stu {
        width: 151px;
        height: 36px;
        margin: -18px 0; }
        #header h1 img, #header .brand-stu img {
          width: 100%;
          height: 36px; }
      #header h2 {
        height: 90px; } }

/* fine #header */
/* HEADER: menu aperto su mobile */
.menu_open #menu_handle svg .x {
  -webkit-transform: rotate(45deg) scale(1.1, 1);
  /*  */
  transform: rotate(45deg) scale(1.1, 1);
  /* scale(1.3,1) */ }

.menu_open #menu_handle svg .y {
  -webkit-transform: rotate(-45deg) scale(1.1, 1);
  /* scale(1.3,1) */
  transform: rotate(-45deg) scale(1.1, 1);
  /* scale(1.3,1) */ }

.menu_open #menu_handle svg .a,
.menu_open #menu_handle svg .b {
  opacity: 0; }

.menu_open #nav {
  left: 0; }

.menu_open #header {
  position: fixed;
  top: 0; }

/* STRUTTURA NAV MENU */
@media screen and (min-width: 950px) {
  .animated_nav {
    display: none !important; } }

#nav {
  position: fixed;
  top: 50px;
  left: -100%;
  width: 100%;
  height: calc(100% - 48px);
  text-align: center;
  background: #000;
  z-index: 13;
  overflow-y: auto;
  /* NAV da 950px in su */
  /* NAV da 1200px in su */
  /* NAV da 1500px in su */ }
  #nav > .sw {
    height: auto;
    overflow: visible; }
  #nav.animated {
    -webkit-transition: left 300ms linear;
    -moz-transition: left 300ms linear;
    -ms-transition: left 300ms linear;
    -o-transition: left 300ms linear;
    transition: left 300ms linear; }
  #nav ul, #nav .nav_footer {
    margin: 15px 5%;
    background: #000; }
  #nav .sw {
    background: #000; }
  #nav a {
    display: block;
    font-size: 1.8rem;
    padding: 15px 0;
    border-bottom: 1px solid #2f2f2f;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase; }
  #nav ul.social {
    padding: 9px 0 22px;
    overflow: hidden; }
    #nav ul.social li {
      float: left;
      width: 30%;
      padding: 10px 0; }
      #nav ul.social li:nth-of-type(2) {
        margin: 0 5%; }
      #nav ul.social li:last-child {
        padding-bottom: 0; }
    #nav ul.social a {
      padding: 5px 0;
      line-height: normal;
      border: 0; }
    #nav ul.social svg path {
      fill: #fff; }
  #nav .nav_footer {
    padding-top: 5px; }
    #nav .nav_footer svg {
      width: 104px;
      height: 25px; }
      #nav .nav_footer svg path.text {
        fill: #fff; }
    #nav .nav_footer p {
      font-size: 11px;
      line-height: 22px;
      font-weight: 700;
      color: #fff;
      opacity: 0.5; }
  @media screen and (min-width: 950px) {
    #nav {
      position: absolute;
      display: block;
      max-width: 600px;
      height: 100%;
      top: 0;
      right: 100px;
      opacity: 1;
      overflow: visible;
      left: auto;
      text-align: right;
      background: transparent; }
      #nav.animated {
        transition: all 0ms; }
      #nav ul.border,
      #nav .nav_footer {
        display: none; }
      #nav ul {
        background: transparent;
        margin: 0; }
        #nav ul.social svg path {
          fill: #fff; }
      #nav li {
        position: relative;
        display: inline-block;
        margin: 0 10px;
        line-height: 75px; }
        #nav li.selected:after {
          content: '';
          position: absolute;
          bottom: 18px;
          left: 0;
          width: 100%;
          height: 2px;
          background: #7ab700; }
      #nav a {
        display: block;
        font-weight: 600;
        font-size: 1.5rem;
        color: #fff;
        line-height: 75px;
        padding: 0;
        border: 0;
        text-decoration: none; } }
    @media screen and (min-width: 950px) and (min-width: 1024px) {
      #nav a {
        font-size: 1.6rem; } }
  @media screen and (min-width: 950px) {
        #nav a:hover {
          opacity: 0.5; }
      #nav .nav_footer svg path.text {
        fill: #fff; }
      #nav .nav_footer p {
        color: #fff; } }
  @media screen and (min-width: 1200px) {
    #nav {
      position: static;
      margin: 0 auto;
      max-width: 666px;
      text-align: left; }
      #nav li {
        margin: 0 4rem 0 0; }
        #nav li:last-child {
          margin: 0; } }
  @media screen and (min-width: 1500px) {
    #nav {
      max-width: 800px; }
      #nav li {
        line-height: 90px;
        margin: 0 5.8rem 0 0; }
        #nav li a {
          font-size: 1.8rem;
          line-height: 90px; } }

/*** Box utente loggato ***/
#logged_user_box {
  position: absolute;
  background: #222;
  right: 14px;
  width: 340px;
  top: 100%;
  display: none; }
  #logged_user_box:before {
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    border-bottom: 15px solid #2274d5;
    border-left: 15px solid transparent;
    top: -15px;
    border-right: 15px solid transparent;
    position: absolute;
    right: 22px; }
    @media screen and (min-width: 1025px) {
      #logged_user_box:before {
        right: 32px; } }
  #logged_user_box h4 {
    display: block;
    background: #2274d5;
    padding: 20px 10px;
    text-align: center;
    color: #fff;
    font-size: 2rem; }
    #logged_user_box h4 span {
      font-weight: bold;
      font-style: italic; }
  #logged_user_box ul {
    display: block;
    padding: 15px 20px 20px;
    overflow: hidden; }
    #logged_user_box ul li {
      display: block;
      padding: 15px 0;
      border-bottom: 1px solid #2f2f2f; }
      #logged_user_box ul li:last-child {
        border-bottom: 0; }
      #logged_user_box ul li a {
        display: block;
        font-size: 1.8rem;
        text-decoration: none;
        color: #fff;
        text-align: center;
        text-transform: uppercase; }
        #logged_user_box ul li a:hover {
          opacity: 0.5; }
        #logged_user_box ul li a:before {
          content: ''; }
  #logged_user_box .link_logout {
    display: block;
    overflow: hidden;
    margin: 0 0 20px;
    text-align: center; }
  @media screen and (max-width: 768px) {
    #logged_user_box {
      position: fixed;
      top: 50px;
      right: -100%;
      width: 100%;
      background: #000;
      height: calc(100% - 48px);
      text-align: center;
      z-index: 13;
      overflow-y: auto;
      transition: left 300ms linear; }
      #logged_user_box.open {
        right: 0; }
      #logged_user_box h4 {
        padding: 13px 10px; } }

.flying-container #strip_adv[data-size="320x1"] {
  background-color: #000; }

.targetFlyingPushdown {
  margin: 0 auto; }

.pushTitle {
  display: block;
  text-transform: uppercase;
  font-family: sans-serif;
  font-size: 14px;
  color: #FFF;
  line-height: 30px;
  height: 30px;
  margin: 0 auto;
  text-align: center; }

.placeholderFlyingPushdownMobile, .placeholderFlyingPushdown.active {
  background-color: #000;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="314.068" height="314.068" viewBox="0 0 314.068 314.068"><path fill="rgba(0,0,0,.3)"   d="M293.002 78.53C249.646 3.435 153.618-22.296 78.53 21.068 3.433 64.418-22.3 160.442 21.065 235.534c43.35 75.095 139.375 100.83 214.465 57.47C310.628 249.64 336.37 153.62 293.003 78.53zM219.834 265.8C159.767 300.494 82.94 279.908 48.258 219.83 13.568 159.76 34.16 82.935 94.23 48.26c60.07-34.69 136.894-14.106 171.578 45.97 34.685 60.077 14.098 136.887-45.974 171.57zm-6.28-115.148l-82.213-47.95c-7.49-4.373-13.534-.876-13.492 7.79l.42 95.174c.04 8.664 6.156 12.19 13.67 7.85l81.585-47.102c7.506-4.332 7.522-11.388.032-15.762z"/></svg>');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 120px 120px !important; }

.flyingPush {
  border: 0 solid rgba(0, 0, 0, 0.7); }

.flyingPushMobile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 360px;
  border: 0 solid rgba(0, 0, 0, 0.7); }
  .flyingPushMobile > iframe {
    width: 100%;
    max-width: 360px; }

.flyingPush.flying, .flyingPushMobile.flying {
  position: fixed;
  z-index: 10000;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  bottom: 50px;
  right: 50px;
  opacity: 0;
  border: 10px solid rgba(0, 0, 0, 0.7);
  -webkit-transition: opacity 0 ease-in-out;
  -o-transition: opacity 0 ease-in-out;
  transition: opacity 0 ease-in-out; }

.flyingPush.flying.small, .flyingPushMobile.flying.small {
  opacity: 1;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: opacity 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out; }

.flyingPush.flying.small {
  width: 445px; }

.flyingPushMobile.flying.small {
  box-sizing: content-box;
  background-color: #000;
  top: auto;
  left: auto;
  right: 5vw;
  width: 360px;
  height: 203px;
  transform: scale(0.6);
  border: 10px solid rgba(0, 0, 0, 0.9) !important; }
  .flyingPushMobile.flying.small.hidden {
    -webkit-transition: right 300ms ease-in-out;
    -o-transition: right 300ms ease-in-out;
    transition: right 300ms ease-in-out;
    right: -100%; }
  .flyingPushMobile.flying.small > iframe {
    width: 360px;
    height: 203px; }

.flyingPush.flying.small > div {
  overflow: hidden;
  width: 100%; }

.flyingPush.flying > div {
  width: 445px; }

.flyingPush.flying .containervideo {
  padding: 0 !important; }

.flyingPush.flying .strip {
  justify-content: flex-start; }

.flyingPushMobile.flying .containervideo {
  padding: 0 !important; }

.placeholderFlyingPushdownMobile {
  position: relative;
  margin: 0 auto;
  width: 90%;
  max-width: 360px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 300ms ease-in-out; }
  .placeholderFlyingPushdownMobile.rendered {
    max-height: 220px;
    padding-bottom: 15px; }
  .placeholderFlyingPushdownMobile:before {
    content: '';
    display: block;
    padding-top: 56.25%; }

.flyingPushMobile.flying .media {
  margin-bottom: 0; }

.goHome, .goHomeResize {
  height: 50px;
  width: 50px;
  display: none;
  opacity: 0;
  background: black;
  -webkit-transition: opacity 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;
  position: absolute;
  right: -10px;
  top: -70px; }

.flyingPushMobile .goHome, .flyingPushMobile .goHomeResize {
  background: black; }

.goHome svg {
  width: 100%;
  height: 100%;
  display: block; }

.goHomeResize {
  right: 50px; }
  .goHomeResize svg {
    margin: 0 auto;
    width: 70%;
    height: 100%;
    display: block; }

.flying.small .goHome, .flying.small .goHomeResize {
  display: block;
  opacity: 1;
  cursor: pointer; }

.goTop {
  height: 40px;
  width: 40px;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  position: fixed;
  bottom: 53px;
  right: 5vw;
  opacity: 0;
  transform: scale(0.5);
  transform-origin: center center;
  transition: opacity 300ms ease-in-out 300ms, transform 300ms ease-in-out 300ms;
  z-index: 10000; }
  .goTop:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 16px solid #FFF;
    position: absolute;
    top: 10px;
    left: 8px; }
  .goTop.rendered {
    transform: scale(1);
    opacity: 1; }

.mobile-push .strip {
  display: block; }

@media only screen and (min-width: 950px) {
  .strip {
    display: block; }
  .targetFlyingPushdown {
    margin: 0 auto; }
  .placeholderFlyingPushdown.active {
    height: 250px; }
  .mobile-push .expanding {
    position: static; }
  .goHome {
    height: 30px;
    width: 30px;
    top: -50px; }
  .flyingPushMobile .goHomeResize {
    height: 30px;
    width: 30px;
    top: -50px;
    right: 30px; } }

#av-pushdown-wrapper {
  background-color: #000000;
  position: relative; }

.advCollapse {
  height: 0;
  overflow: hidden;
  line-height: 0;
  visibility: hidden; }

/*------------------------------------*\
  $FOOTER
\*------------------------------------*/
.footer-wrap {
  background: white;
  border-top: 1px solid #eae6e0;
  padding: 25px 0 30px;
  margin-top: 20px; }
  .footer-wrap .footer {
    text-align: center;
    color: #222;
    background: transparent;
    padding-top: 0;
    padding-bottom: 0; }
    .footer-wrap .footer .logo {
      display: inline-block;
      width: 85px;
      height: 19px;
      margin-bottom: 20px; }
      .footer-wrap .footer .logo img {
        width: 100%;
        height: 19px; }
    .footer-wrap .footer .testo {
      font-size: 1.2rem;
      line-height: 2rem; }
      .footer-wrap .footer .testo ul {
        margin-bottom: 20px;
        margin-top: 5px; }
        .footer-wrap .footer .testo ul li {
          display: inline-block;
          margin: 0 3px; }
      .footer-wrap .footer .testo a {
        color: #222; }
  @media screen and (min-width: 768px) {
    .footer-wrap {
      padding: 30px 0;
      margin-top: 30px; }
      .footer-wrap .footer {
        text-align: left; }
        .footer-wrap .footer .logo {
          float: left;
          display: block;
          margin-right: 20px; }
        .footer-wrap .footer .testo {
          float: left;
          width: calc(100% - 110px); }
          .footer-wrap .footer .testo small {
            display: block; }
          .footer-wrap .footer .testo ul {
            margin: 0; }
            .footer-wrap .footer .testo ul li {
              margin: 0; }
              .footer-wrap .footer .testo ul li::after {
                content: '\007C';
                color: #ccc;
                margin: 0 10px; }
              .footer-wrap .footer .testo ul li:last-child::after {
                display: none; } }
  @media screen and (min-width: 950px) {
    .footer-wrap {
      padding: 60px 0;
      margin-top: 60px; }
      .footer-wrap .footer .logo {
        width: 149px;
        height: 35px;
        margin-right: 25px; }
        .footer-wrap .footer .logo img {
          width: 100%;
          height: 35px; }
      .footer-wrap .footer .testo {
        width: calc(100% - 180px);
        margin-top: -7px;
        font-size: 1.4rem;
        line-height: 2.4rem; } }

/* $SEARCH buca ricerca in jquery tokenize.css */
.tpl-search .container,
.tpl-topic .container {
  padding-top: 0; }

.areaSearch {
  position: relative;
  background: #fff;
  z-index: 3;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  /* /.wrapperSearch */ }
  .areaSearch select {
    display: none; }
  .areaSearch .container {
    padding-top: 0;
    padding-bottom: 0; }
  .areaSearch .sw {
    /*max-width: 900px;*/
    background: #fff;
    overflow: visible; }
    @media screen and (min-width: 950px) {
      .areaSearch .sw {
        /*max-width: 666px;*/ } }
    @media screen and (min-width: 1500px) {
      .areaSearch .sw {
        /*max-width: 800px;*/ } }
  .areaSearch .wrapperSearch {
    position: relative;
    min-height: 50px;
    /* /.Tokenize */ }
    .areaSearch .wrapperSearch .submit {
      display: block;
      position: absolute;
      top: 50%;
      right: 5px;
      width: 25px;
      height: 25px;
      margin-top: -12.5px; }
      .areaSearch .wrapperSearch .submit:before {
        width: 25px;
        height: 25px;
        background-position: -125px 0px;
        background-size: 250px 500px; }
      .areaSearch .wrapperSearch .submit span {
        display: none; }
    .areaSearch .wrapperSearch select.tokenize-studenti {
      opacity: 0; }
    .areaSearch .wrapperSearch div.Tokenize {
      width: 100%;
      display: block;
      position: relative;
      zoom: 1;
      /* fine ul.TokensContainer */ }
      @media (min-width: 768px) {
        .areaSearch .wrapperSearch div.Tokenize {
          width: calc(100% - 100px); } }
      @media (min-width: 950px) {
        .areaSearch .wrapperSearch div.Tokenize {
          width: calc(100% - 150px); } }
      .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer {
        min-height: 30px;
        overflow: auto;
        width: calc(100% - 40px);
        cursor: text;
        border: none;
        white-space: nowrap;
        display: flex;
        align-items: center;
        -webkit-overflow-scrolling: touch;
        background-color: white;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        /*cursor: not-allowed;*/ }
        @media (min-width: 600px) {
          .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer {
            width: 100%;
            padding-left: 20px;
            height: 5rem; } }
        @media (min-width: 950px) {
          .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer {
            overflow: hidden; } }
        .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer:after {
          background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
          width: 5%;
          height: 100%;
          position: absolute;
          content: '';
          top: 0;
          left: 0;
          display: none; }
        .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer.Autosize {
          height: auto; }
        .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer li {
          white-space: nowrap; }
          .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer li.Token {
            margin: 0 20px 0 0;
            padding: 0;
            float: left;
            display: inline-block;
            border: none;
            background: transparent;
            height: auto;
            position: relative;
            padding-right: 15px; }
            @media (min-width: 768px) {
              .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer li.Token {
                margin-top: 14px; } }
            .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer li.Token.PendingDelete {
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
              opacity: 0.5; }
            .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer li.Token span {
              font-size: 1.8rem;
              font-weight: 300;
              color: #222; }
          .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer li.TokenSearch {
            display: inline-block;
            margin: 0;
            height: auto;
            float: none;
            min-width: 250px;
            /*&:first-child {
              margin-left: 5%;
            }*/ }
            .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer li.TokenSearch input {
              float: left;
              border: none;
              outline: none;
              background-color: transparent;
              margin: 0;
              padding: 0;
              min-width: 210px;
              height: 5rem;
              line-height: 5rem;
              color: #222;
              font-size: 1.8rem;
              font-weight: 300;
              letter-spacing: -0.9px;
              font-family: "Source Sans Pro"; }
            @media (min-width: 600px) {
              .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer li.TokenSearch {
                font-size: 2.6rem; } }
          .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer li.Placeholder {
            display: none;
            color: #ddd;
            position: absolute;
            line-height: 20px;
            padding: 5px 0 0 5px; }
          .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer li a.Close {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            overflow: hidden;
            cursor: pointer; }
            .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer li a.Close:before {
              position: absolute;
              top: 50%;
              right: 0;
              width: 10px;
              height: 10px;
              background-position: -40px -80px;
              background-size: 100px 200px;
              margin-top: -5px; }
            .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer li a.Close:hover {
              background: transparent;
              text-decoration: none; }
        .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer.ui-sortable:not(.ui-sortable-disabled) li.Token {
          cursor: move; }
      .areaSearch .wrapperSearch div.Tokenize ul.Dropdown {
        width: 100%;
        display: none;
        position: absolute;
        margin: 0;
        padding: 0;
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        -o-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px;
        background-color: white;
        z-index: 20;
        overflow-y: auto;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
        .areaSearch .wrapperSearch div.Tokenize ul.Dropdown li {
          position: relative;
          height: 30px;
          background-color: #fff;
          font-size: 1.8rem;
          line-height: 30px;
          padding: 0 0 0 40px;
          letter-spacing: -0.52px;
          color: #000;
          overflow: hidden;
          cursor: pointer; }
          .areaSearch .wrapperSearch div.Tokenize ul.Dropdown li:before {
            width: 14px;
            height: 14px;
            background-position: -84px 0px;
            background-size: 140px 280px;
            position: absolute;
            top: 50%;
            left: 13px;
            margin-top: -7px;
            opacity: 0.4; }
          .areaSearch .wrapperSearch div.Tokenize ul.Dropdown li.Hover {
            position: relative;
            color: #000;
            background: #fff;
            text-decoration: none;
            background-color: white; }
            .areaSearch .wrapperSearch div.Tokenize ul.Dropdown li.Hover:after {
              content: '';
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              background: rgba(0, 0, 0, 0.1); }
          .areaSearch .wrapperSearch div.Tokenize ul.Dropdown li span {
            color: #7ab700;
            font-size: 1.8rem;
            background-color: #faf7f3; }
      .areaSearch .wrapperSearch div.Tokenize.Disabled ul.TokensContainer li.Token a.Close {
        display: none; }
      @media (min-width: 768px) {
        .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer {
          height: 75px; }
          .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer li.Token {
            margin: 0 15px 0 0; }
            .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer li.Token span {
              display: block;
              font-size: 2.8rem;
              font-weight: 400; }
          .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer li.TokenSearch input {
            height: 75px;
            line-height: 75px;
            min-width: 290px;
            font-size: 2.8rem; }
        .areaSearch .wrapperSearch div.Tokenize ul.Dropdown li {
          height: 42px;
          line-height: 42px;
          font-size: 2.2rem; }
          .areaSearch .wrapperSearch div.Tokenize ul.Dropdown li span {
            font-size: 2.2rem; } }
      @media (min-width: 1500px) {
        .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer {
          height: 90px; }
          .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer li.Token span {
            font-size: 3rem;
            font-weight: 400; }
          .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer li.TokenSearch input {
            height: 90px;
            line-height: 90px; } }
  @media (min-width: 950px) {
    .areaSearch {
      margin-top: 0; } }
  @media (min-width: 768px) {
    .areaSearch .wrapperSearch .submit {
      margin-top: -18px;
      width: 36px;
      height: 36px; }
      .areaSearch .wrapperSearch .submit:before {
        width: 36px;
        height: 36px;
        background-position: -180px 0px;
        background-size: 360px 720px; } }
  @media (min-width: 950px) {
    .areaSearch .wrapperSearch .submit {
      right: 0;
      width: 126px;
      height: 40px;
      background: url("https://www.studenti.it/img/bg-button-search.svg") no-repeat;
      background-size: cover;
      text-decoration: none;
      margin-top: -20px; }
      .areaSearch .wrapperSearch .submit:before {
        display: none; }
      .areaSearch .wrapperSearch .submit span {
        display: block;
        height: 40px;
        line-height: 40px;
        padding-left: 35px;
        color: #2274d5;
        font-size: 2rem; }
        .areaSearch .wrapperSearch .submit span::before {
          position: relative;
          top: 13px;
          width: 14px;
          height: 14px;
          background-position: -70px 0px;
          background-size: 140px 280px;
          margin-right: 8px; }
    .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer li.TokenSearch input {
      font-size: 2.8rem;
      letter-spacing: -1px; }
    .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer {
      padding-left: 0; } }
  @media (min-width: 1500px) {
    .areaSearch .wrapperSearch .submit {
      right: 0;
      width: 150px;
      height: 48px;
      margin-top: -24px; }
      .areaSearch .wrapperSearch .submit span {
        height: 48px;
        line-height: 48px;
        padding-left: 40px;
        font-size: 2.4rem; }
        .areaSearch .wrapperSearch .submit span::before {
          top: 16px;
          width: 18px;
          height: 18px;
          background-position: -90px 0px;
          background-size: 180px 360px;
          margin-right: 10px; }
    .areaSearch .wrapperSearch div.Tokenize ul.TokensContainer li.TokenSearch input {
      font-size: 3rem; } }

/* /.areaSearch */
.toolSearch {
  width: calc(100% + 15px);
  margin: 0 -15px 20px 0;
  overflow-y: hidden;
  padding-top: 30px;
  max-height: 60px;
  white-space: nowrap;
  text-align: center;
  -webkit-overflow-scrolling: touch; }
  @media (min-width: 601px) {
    .toolSearch {
      margin: 0 0 20px;
      width: 100%; } }
  .toolSearch .wrapperTagItemSearch {
    display: inline-block;
    margin: 0 0 10px;
    position: relative;
    height: 30px;
    padding-right: 10px;
    -moz-transform: translateY(-150px) scaleX(1);
    -o-transform: translateY(-150px) scaleX(1);
    -ms-transform: translateY(-150px) scaleX(1);
    -webkit-transform: translateY(-150px) scaleX(1);
    transform: translateY(-150px) scaleX(1);
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }
    .toolSearch .wrapperTagItemSearch.inPosizione {
      -moz-transform: translateY(0) scaleX(1);
      -o-transform: translateY(0) scaleX(1);
      -ms-transform: translateY(0) scaleX(1);
      -webkit-transform: translateY(0) scaleX(1);
      transform: translateY(0) scaleX(1); }
    .toolSearch .wrapperTagItemSearch.selezionato {
      -moz-transform: translateY(-50px);
      -o-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
      -webkit-transform: translateY(-50px);
      transform: translateY(-50px);
      opacity: 0;
      width: 0;
      margin-right: 0;
      padding: 0; }
    .toolSearch .wrapperTagItemSearch .tagItemSearch {
      display: block;
      color: #222;
      background-color: #f5a623;
      font-size: 14px;
      padding: 0 10px;
      height: 30px;
      font-weight: 600;
      line-height: 30px;
      text-decoration: none;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition: all 200ms ease-in-out;
      -moz-transition: all 200ms ease-in-out;
      -ms-transition: all 200ms ease-in-out;
      -o-transition: all 200ms ease-in-out;
      transition: all 200ms ease-in-out;
      left: 0;
      top: 0;
      opacity: 1; }
      .toolSearch .wrapperTagItemSearch .tagItemSearch:hover {
        background-color: #ea960b; }
      .toolSearch .wrapperTagItemSearch .tagItemSearch:before {
        content: '+';
        color: #fff;
        font-size: 1.6rem;
        padding-right: 5px; }
  @media (min-width: 1024px) {
    .toolSearch {
      white-space: none;
      margin: 0 0 25px; } }
  @media (min-width: 1500px) {
    .toolSearch {
      max-height: 66px; }
      .toolSearch .wrapperTagItemSearch {
        height: 36px; }
        .toolSearch .wrapperTagItemSearch .tagItemSearch {
          height: 36px;
          line-height: 36px; } }

/* /.toolSearch */
.helpSearch {
  animation: helpSearch 500ms  forwards;
  animation-iteration-count: 2; }

@keyframes helpSearch {
  0% {
    transform: translateX(0); }
  50% {
    transform: translateX(-60px); }
  100% {
    transform: translateX(0); } }

/*-----------------------*\
 $MODALE LOGIN
\*-----------------------*/
.login_open .login_modal {
  right: 0; }
  .login_open .login_modal .login_modal_content .login_modal_input.login_modal_password {
    display: block; }
  @media screen and (min-width: 950px) {
    .login_open .login_modal {
      display: block;
      top: 50%;
      margin-left: 0;
      right: auto; }
      .login_open .login_modal:before {
        left: -320px;
        transition: left 300ms linear 500ms; } }

.login_modal {
  position: fixed;
  top: 48px;
  right: -100%;
  width: 100%;
  height: 100%;
  background: #222;
  z-index: 1000;
  -webkit-transition: right 300ms linear;
  transition: right 300ms linear;
  /* fine .login_modal-content */ }
  .login_modal .login_modal_content {
    padding: 40px 5%; }
    .login_modal .login_modal_content .login_modal_chiudi {
      position: absolute;
      top: 36px;
      right: 5%; }
      .login_modal .login_modal_content .login_modal_chiudi:before {
        width: 25px;
        height: 25px;
        background-position: -25px -225px;
        background-size: 250px 500px; }
    .login_modal .login_modal_content .login_modal_title {
      color: #fff;
      font-size: 1.8rem;
      margin-bottom: 10%;
      display: block; }
    .login_modal .login_modal_content .login_modal_input {
      width: 100%;
      height: 42px;
      font-size: 1.6rem;
      line-height: 42px;
      padding: 0 16px;
      border: none;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      margin-bottom: 10%;
      color: #999999; }
      .login_modal .login_modal_content .login_modal_input.login_modal_password {
        display: none; }
    .login_modal .login_modal_content .login_modal_remind {
      color: #fff;
      font-size: 1.4rem;
      margin-bottom: 26px;
      display: block;
      text-align: right;
      text-decoration: underline; }
    .login_modal .login_modal_content .login_modal_bottone {
      display: block;
      width: 100%;
      margin: 0 0 20px;
      cursor: pointer; }
    .login_modal .login_modal_content .login_modal_registrati {
      display: block;
      padding: 25px 0;
      font-size: 1.4rem;
      color: #fff;
      text-align: center;
      text-transform: uppercase;
      border-top: 1px solid #eae6e0;
      text-decoration: none; }
      .login_modal .login_modal_content .login_modal_registrati span {
        text-decoration: underline; }
      .login_modal .login_modal_content .login_modal_registrati:before {
        content: 'Non sei iscritto? ';
        text-transform: none; }
  @media screen and (min-width: 950px) {
    .login_modal {
      top: -100%;
      left: 50%;
      right: auto;
      margin: -200px 0 0 -160px;
      width: 320px;
      height: 400px;
      transition: margin-left 300ms linear 500ms; }
      .login_modal:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 320px;
        height: 400px;
        background: url(https://www.studenti.it/img/login-default.jpg) 0 0 no-repeat; }
      .login_modal .login_modal.delay {
        transition-delay: 500ms; }
      .login_modal .login_modal_content {
        padding: 10% 10% 0; }
        .login_modal .login_modal_content .login_modal_chiudi {
          position: absolute;
          top: 27px;
          right: 10%; } }

/* fine .login_modal */
/*-------------------------------*\
  $ SUB-NAV SEZIONI
\*-------------------------------*/
.sub-nav {
  margin-top: 20px;
  background: #2274d5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  /*
  @include media('>=1024px') {    
    &.sub-nav-profilo li a {
      padding: 0 20px;  
    }  
  }*/ }
  @media screen and (max-width: 767px) {
    .sub-nav.no-mobile {
      display: none; } }
  .sub-nav li {
    border-bottom: 1px solid #0164c3; }
    .sub-nav li:last-child {
      border: none; }
    .sub-nav li a {
      display: block;
      height: 36px;
      line-height: 36px;
      padding: 0 15px;
      color: white;
      font-size: 1.6rem;
      text-transform: uppercase;
      text-decoration: none; }
      .sub-nav li a:hover, .sub-nav li a.select {
        background: #0164c3; }
      @media screen and (max-width: 600px) {
        .sub-nav li a.select {
          display: none; } }
    @media screen and (max-width: 767px) {
      .sub-nav li.padre {
        display: none; } }
  @media (min-width: 768px) {
    .sub-nav li {
      float: left;
      border-bottom: none;
      border-right: 1px solid #0164c3; }
      .sub-nav li a {
        height: 42px;
        line-height: 42px;
        padding: 0 20px; }
    .sub-nav.sub-nav-profilo li a {
      padding: 0 10px;
      font-size: 1.4rem; } }
  @media (min-width: 950px) {
    .sub-nav li a {
      padding: 0 25px;
      font-size: 1.5rem; }
    .sub-nav.sub-nav-profilo li a {
      padding: 0 15px;
      font-size: 1.6rem; } }
  @media (min-width: 1500px) {
    .sub-nav li a {
      padding: 0 30px;
      font-size: 1.8rem; }
    .sub-nav.sub-nav-profilo li a {
      padding: 0 25px; } }

/*-----------------------*\
 $ PIU' CERCATI
\*-----------------------*/
.top-searches-list li {
  width: 47.7%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #f5a623;
  margin-bottom: 20px;
  overflow: hidden; }
  .top-searches-list li a {
    color: #222;
    text-decoration: none;
    display: block;
    overflow: hidden; }
    .top-searches-list li a figure {
      display: block;
      overflow: hidden;
      width: 100%;
      height: auto;
      position: relative; }
      .top-searches-list li a figure:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(245, 166, 35, 0.8);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        -webkit-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -o-transition: all 300ms ease-in;
        transition: all 300ms ease-in; }
      .top-searches-list li a figure .freccia {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        z-index: 1000;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto; }
      .top-searches-list li a figure img {
        width: 100%;
        height: auto; }
    .top-searches-list li a figcaption {
      /*
        height:  60px; 
        font-size: 1.8rem; 
        line-height: 2rem;
        text-align:  left;
        float: left;
        max-width: 78%;
        */
      font-size: 1.7rem;
      height: 70px;
      line-height: 1.8rem;
      padding: 0 5%;
      font-weight: 700;
      text-align: center; }
  @media screen and (max-width: 599px) {
    .top-searches-list li:nth-child(n+7) {
      display: none; }
    .top-searches-list li:nth-child(n+5), .top-searches-list li:nth-child(n+6) {
      margin-bottom: 0; } }
  @media screen and (min-width: 601px) {
    .top-searches-list li {
      width: 22.7%;
      margin-bottom: 20px;
      height: auto; }
      .top-searches-list li a figure {
        width: 100%;
        height: auto; }
      .top-searches-list li a figcaption {
        font-size: 1.8rem;
        height: 94px;
        text-align: center;
        max-width: 100%;
        padding: 0 10%;
        float: none; } }
  @media screen and (min-width: 950px) {
    .top-searches-list li {
      width: 18.1%; }
      .top-searches-list li a:hover .freccia,
      .top-searches-list li a:hover figure:before {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1; }
      .top-searches-list li a figcaption {
        font-size: 2.1rem;
        line-height: 2.3rem; }
      .top-searches-list li:nth-child(n+6) {
        width: 12.38571%;
        margin-bottom: 0; }
        .top-searches-list li:nth-child(n+6) a figcaption {
          font-size: 1.5rem;
          height: 65px;
          line-height: 1.6rem; } }
  @media screen and (min-width: 1500px) {
    .top-searches-list li {
      width: 17.7%;
      margin-bottom: 30px; }
      .top-searches-list li:nth-child(n+6) {
        width: 11.98571%; } }

/* top-searches-list */
/*-----------------------------------------------*\
  $VISIBLE-HIDDEN
  	- classi per mostrare/nascondere
  	  un elemento solo su alcuni dispositivi
  	  
  	- elementi visibili solo dagli screen reader
  	
  	- elementi disattivati  	
\*-----------------------------------------------*/
.visible-ss,
.visible-ms,
.visible-ls {
  display: none; }

@media screen and (max-width: 599px) {
  .visible-ms,
  .visible-ls {
    display: none !important; } }

@media screen and (max-width: 600px) {
  .visible-ss {
    display: block !important; }
  .hidden-ss {
    display: none !important; } }

@media screen and (min-width: 601px) and (max-width: 949px) {
  .visible-ss,
  .visible-ls {
    display: none !important; }
  .visible-ms {
    display: block !important; }
  .hidden-ms {
    display: none !important; } }

@media screen and (min-width: 950px) {
  .visible-ss,
  .visible-ms {
    display: none !important; }
  .visible-ls {
    display: block !important; }
  .hidden-ls {
    display: none !important; } }

/* SR-ONLY - elementi visibili solo dagli screen reader (label dei form) */
.sr-only {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* OFF - pulsanti o elementi non cliccabili */
.off {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  opacity: 0.5;
  cursor: default; }

/*-------------------------------*\
  $ TYPOGRAPHY
\*-------------------------------*/
html {
  font-size: 62.5%; }

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

b, strong {
  font-weight: 700; }

i, em {
  font-style: italic; }

ul, ol {
  list-style: none outside none; }

ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.1em; }

p {
  font-family: 'Georgia', sans-serif;
  line-height: 1.5em; }

.sans {
  font-family: "Source Sans Pro", sans-serif; }

.serif {
  font-family: "Georgia", serif; }

a {
  text-decoration: underline;
  color: #0753AD; }
  a:hover {
    text-decoration: none; }

/*-------------------------------*\
  $ BOTTONI
\*-------------------------------*/
.btn {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  display: inline-block;
  height: 40px;
  line-height: 38px;
  padding: 0 30px;
  font-size: 1.6rem;
  background: #222;
  border: 1px solid #222;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-family: "Source Sans Pro", sans-serif;
  -webkit-appearance: none; }
  .btn.btn-small {
    height: 30px;
    line-height: 30px;
    font-size: 1.4rem; }
  .btn.btn-arrow {
    padding: 0 20px 0 30px; }
    .btn.btn-arrow:after {
      content: '';
      position: relative;
      top: 4px;
      display: inline-block;
      width: 10px;
      height: 20px;
      margin-left: 20px;
      background-image: url("https://www.studenti.it/img/sprite.svg");
      width: 18px;
      height: 18px;
      background-position: -18px 0px;
      background-size: 180px 360px; }
  @media screen and (min-width: 601px) {
    .btn {
      height: 48px;
      line-height: 48px;
      font-size: 1.8rem; }
      .btn.btn-arrow:after {
        width: 22px;
        height: 22px;
        background-position: -22px 0px;
        background-size: 220px 440px; } }
  .btn:hover {
    cursor: pointer; }

.btn-green {
  background: #7ab700;
  border-color: #7ab700; }
  .btn-green:hover {
    background: #699e00;
    border-color: #699e00; }
  .btn-green:focus {
    outline: none; }

.btn-blue {
  background: #2274d5;
  border-color: #2274d5; }
  .btn-blue:hover {
    background: #1e68bf;
    border-color: #1e68bf; }
  .btn-blue:focus {
    outline: none; }

.btn-yellow {
  background: #f5a623;
  border-color: #f5a623; }
  .btn-yellow:hover {
    background: #f39c0b;
    border-color: #f39c0b; }
  .btn-yellow:focus {
    outline: none; }

.btn-transparent {
  background: transparent;
  border-color: #fff; }
  .btn-transparent:hover {
    background: rgba(255, 255, 255, 0.2); }

/*-----------------------*\
  $ TABMENU
\*-----------------------*/
.tabmenu {
  font-size: 1.2rem;
  text-transform: uppercase;
  width: 100%;
  height: 40px;
  position: relative; }
  @media (min-width: 375px) {
    .tabmenu {
      font-size: 1.3rem; } }
  .tabmenu ul {
    background: #f3f0ea;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding-left: 20px;
    padding-right: 20px; }
    .tabmenu ul li {
      width: auto;
      height: 40px;
      margin-right: 5px; }
      .tabmenu ul li:last-child {
        margin-right: 0; }
      .tabmenu ul li a {
        width: auto;
        height: 40px;
        font-weight: 700;
        color: #2274d5;
        display: block;
        line-height: 40px;
        text-decoration: none;
        position: relative; }
      .tabmenu ul li.active a:after,
      .tabmenu ul li.botactive a:after {
        content: '';
        border-bottom: 2px solid #2274d5;
        bottom: 11px;
        position: relative;
        display: block; }
  @media (min-width: 600px) {
    .tabmenu {
      font-size: 1.3rem;
      display: inline-block;
      width: auto;
      height: 30px;
      padding-left: 0; }
      .tabmenu ul {
        padding-left: 0;
        padding-right: 0; }
        .tabmenu ul li {
          width: auto;
          height: 30px;
          margin-right: 0; }
          .tabmenu ul li a {
            text-decoration: underline;
            font-weight: 600;
            padding: 0 25px;
            width: auto;
            height: 30px;
            line-height: 30px;
            text-decoration: none;
            font-weight: 700; }
            .tabmenu ul li a:hover {
              text-decoration: underline; }
          .tabmenu ul li.active a,
          .tabmenu ul li.botactive a {
            background-color: #fff;
            transition: background 200ms ease-in-out;
            -webkit-border-radius: 100px;
            -moz-border-radius: 100px;
            -o-border-radius: 100px;
            border-radius: 100px;
            cursor: default; }
            .tabmenu ul li.active a:after,
            .tabmenu ul li.botactive a:after {
              border-bottom: none; }
            .tabmenu ul li.active a:hover,
            .tabmenu ul li.botactive a:hover {
              text-decoration: none; } }
  @media (min-width: 950px) {
    .tabmenu {
      font-size: 1.2rem; } }
  @media (min-width: 1500px) {
    .tabmenu {
      font-size: 1.4rem;
      height: 36px; }
      .tabmenu ul li {
        height: 36px; }
        .tabmenu ul li a {
          height: 36px;
          line-height: 36px; } }

/* tabmenu */
/*-------------------------------*\
  $ STRUTTURA STANDARD PRIMI PIANI
\*-------------------------------*/
.articolo-anteprima {
  margin: 0 0 20px; }
  .articolo-anteprima figure {
    margin-bottom: 20px;
    display: block;
    overflow: hidden; }
    .articolo-anteprima figure a {
      display: block;
      overflow: hidden; }
    .articolo-anteprima figure img {
      width: 100%;
      height: auto; }
  .articolo-anteprima h2 {
    font-size: 2.8rem;
    line-height: 3rem;
    letter-spacing: -1px;
    overflow: hidden;
    font-weight: 700; }
    .articolo-anteprima h2 a {
      text-decoration: none;
      color: #000;
      display: block; }
      .articolo-anteprima h2 a:after {
        content: "\2192";
        margin-left: 10px;
        color: #7ab700;
        font-size: 22px;
        font-family: Arial, sans-serif;
        font-weight: lighter;
        -webkit-transition: margin 0.1s linear;
        -moz-transition: margin 0.1s linear;
        -ms-transition: margin 0.1s linear;
        -o-transition: margin 0.1s linear;
        transition: margin 0.1s linear; }
      .articolo-anteprima h2 a:hover {
        color: #0753AD; }
        .articolo-anteprima h2 a:hover:after {
          color: #222; }
  .articolo-anteprima p {
    font-size: 1.6rem;
    line-height: 2rem;
    padding: 10px 0 0; }
  @media screen and (min-width: 1500px) {
    .articolo-anteprima {
      margin: 0 0 25px; }
      .articolo-anteprima h2 {
        font-size: 3.3rem;
        line-height: 3.6rem; }
      .articolo-anteprima p {
        font-size: 1.8rem;
        line-height: 3rem; } }

.art-pp-list li {
  display: block;
  overflow: hidden;
  padding: 15px 0;
  border-bottom: 1px solid #eae6e0; }
  .art-pp-list li a {
    display: block;
    overflow: hidden;
    color: #000;
    font-size: 2rem;
    line-height: 2.4rem;
    letter-spacing: -0.7;
    font-weight: 700;
    text-decoration: none; }
    .art-pp-list li a:after {
      content: "\2192";
      margin-left: 10px;
      font-size: 2rem;
      color: #afafaf;
      font-family: "Georgia", serif;
      font-weight: lighter;
      -webkit-transition: margin 0.1s linear;
      -moz-transition: margin 0.1s linear;
      -ms-transition: margin 0.1s linear;
      -o-transition: margin 0.1s linear;
      transition: margin 0.1s linear; }
    .art-pp-list li a:hover {
      color: #2274d5; }
      .art-pp-list li a:hover:after {
        margin-left: 15px;
        color: #222; }
  .art-pp-list li:first-of-type {
    padding-top: 0; }

.art-pp-list li:last-child {
  border-bottom: 0; }

/*-------------------------------*\
  $ BOX LISTATO
\*-------------------------------*/
.two-element {
  flex-direction: column; }
  @media screen and (min-width: 950px) {
    .two-element {
      flex-direction: row; }
      .two-element .box-listato {
        width: 47.9%;
        min-width: initial; } }
  @media screen and (min-width: 1500px) {
    .two-element .box-listato {
      width: 47.5%; } }

/* two-element */
.box-listato {
  min-width: 100%;
  border: 1px solid #eae6e0;
  border-left: none;
  border-right: none;
  background: #fff;
  padding: 30px 15px;
  margin: 0 -15px 30px; }
  .box-listato .box-listato--head {
    padding-left: 20px;
    margin-left: 12px;
    margin-bottom: 30px;
    border-left: 4px solid #2274d5; }
    .box-listato .box-listato--head h4 {
      font-size: 1.8rem;
      color: #222;
      font-style: italic; }
    .box-listato .box-listato--head h5 {
      margin-bottom: 5px;
      font-size: 2.8rem;
      color: #2274d5;
      text-transform: uppercase;
      font-weight: 700; }
  .box-listato header .tabmenu {
    width: 100%;
    margin-bottom: 10px; }
  .box-listato > ul,
  .box-listato > div > ul {
    display: block;
    overflow: hidden; }
    .box-listato > ul li,
    .box-listato > div > ul li {
      border-bottom: 1px solid #eae6e0;
      display: block;
      overflow: hidden; }
      .box-listato > ul li a,
      .box-listato > div > ul li a {
        position: relative;
        display: block;
        padding: 10px 40px;
        min-height: 54px;
        color: #222;
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1.3;
        text-decoration: none; }
        .box-listato > ul li a span.link,
        .box-listato > div > ul li a span.link {
          box-shadow: inset 0 -2px 0 0 #Fff,inset 0 -3px 0 0 #000;
          text-shadow: 2px 0 #fff, -2px 0 #fff, 2px 0 #fff, -2px 0 #fff; }
        .box-listato > ul li a span.link_cat,
        .box-listato > div > ul li a span.link_cat {
          display: block;
          color: rgba(34, 34, 34, 0.6);
          font-size: 1.4rem;
          font-weight: 400; }
        .box-listato > ul li a:hover span,
        .box-listato > div > ul li a:hover span {
          box-shadow: none; }
        .box-listato > ul li a::before,
        .box-listato > div > ul li a::before {
          position: absolute;
          top: 50%;
          right: 0;
          bottom: 0;
          left: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
          opacity: 0.3;
          margin-top: -12.5px; }
          @media screen and (min-width: 600px) {
            .box-listato > ul li a::before,
            .box-listato > div > ul li a::before {
              left: 10px; } }
        .box-listato > ul li a::after,
        .box-listato > div > ul li a::after {
          content: '';
          background-image: url("https://www.studenti.it/img/sprite.svg");
          position: absolute;
          top: 50%;
          right: 0;
          margin-top: -12.5px; }
          @media screen and (min-width: 600px) {
            .box-listato > ul li a::after,
            .box-listato > div > ul li a::after {
              right: 10px; } }
        @media screen and (min-width: 950px) {
          .box-listato > ul li a::before,
          .box-listato > div > ul li a::before {
            -webkit-transition: opacity 0.1s ease-in-out;
            -moz-transition: opacity 0.1s ease-in-out;
            -ms-transition: opacity 0.1s ease-in-out;
            -o-transition: opacity 0.1s ease-in-out;
            transition: opacity 0.1s ease-in-out; }
          .box-listato > ul li a:hover::before,
          .box-listato > div > ul li a:hover::before {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            opacity: 0.7; }
          .box-listato > ul li a::after,
          .box-listato > div > ul li a::after {
            -webkit-transition: right 0.3s ease-in-out;
            -moz-transition: right 0.3s ease-in-out;
            -ms-transition: right 0.3s ease-in-out;
            -o-transition: right 0.3s ease-in-out;
            transition: right 0.3s ease-in-out; }
          .box-listato > ul li a:hover::after,
          .box-listato > div > ul li a:hover::after {
            right: 0; } }
    .box-listato > ul .module-btn,
    .box-listato > div > ul .module-btn {
      margin-top: 30px; }
    .box-listato > ul.compass li a::before,
    .box-listato > div > ul.compass li a::before {
      width: 25px;
      height: 25px;
      background-position: 0px -50px;
      background-size: 250px 500px; }
    .box-listato > ul.doc li a::before,
    .box-listato > div > ul.doc li a::before {
      width: 25px;
      height: 25px;
      background-position: 0px -75px;
      background-size: 250px 500px; }
    .box-listato > ul.test li a::before,
    .box-listato > div > ul.test li a::before {
      width: 25px;
      height: 25px;
      background-position: 0px -100px;
      background-size: 250px 500px; }
    .box-listato > ul.job li a::before,
    .box-listato > div > ul.job li a::before {
      width: 25px;
      height: 25px;
      background-position: 0px -125px;
      background-size: 250px 500px; }
    .box-listato > ul.pen li a::before,
    .box-listato > div > ul.pen li a::before {
      width: 25px;
      height: 25px;
      background-position: 0px -150px;
      background-size: 250px 500px; }
    .box-listato > ul.clip li a::before,
    .box-listato > div > ul.clip li a::before {
      width: 25px;
      height: 25px;
      background-position: -50px -50px;
      background-size: 250px 500px; }
    .box-listato > ul.audio li a::before,
    .box-listato > div > ul.audio li a::before {
      width: 25px;
      height: 25px;
      background-position: -50px -225px;
      background-size: 250px 500px; }
    .box-listato > ul.video li a::before,
    .box-listato > div > ul.video li a::before {
      width: 25px;
      height: 25px;
      background-position: -50px -200px;
      background-size: 250px 500px; }
    .box-listato > ul.green li a::after,
    .box-listato > div > ul.green li a::after {
      width: 25px;
      height: 25px;
      background-position: -50px 0px;
      background-size: 250px 500px; }
    .box-listato > ul.blue li a::after,
    .box-listato > div > ul.blue li a::after {
      width: 25px;
      height: 25px;
      background-position: -75px 0px;
      background-size: 250px 500px; }
    .box-listato > ul.yellow li a::after,
    .box-listato > div > ul.yellow li a::after {
      width: 25px;
      height: 25px;
      background-position: -100px 0px;
      background-size: 250px 500px; }
  @media screen and (min-width: 600px) {
    .box-listato {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      padding: 30px;
      border: 1px solid #eae6e0; }
      .box-listato > ul li a,
      .box-listato > div > ul li a {
        font-size: 2rem;
        padding: 20px 50px; } }
  @media screen and (min-width: 601px) {
    .box-listato {
      margin-left: 0;
      margin-right: 0; } }
  .box-listato.big > h4 {
    font-size: 2.5rem;
    border-bottom: 1px solid #eae6e0;
    padding-bottom: 15px;
    margin-bottom: 5px;
    text-align: center;
    font-style: italic; }
  .box-listato.big > .with-pic a,
  .box-listato.big > div > .with-pic a {
    font-size: 2rem; }
    .box-listato.big > .with-pic a .pic,
    .box-listato.big > .with-pic a .no-pic,
    .box-listato.big > div > .with-pic a .pic,
    .box-listato.big > div > .with-pic a .no-pic {
      width: 30px;
      height: 30px;
      position: absolute;
      top: 15px;
      left: 0;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      overflow: hidden;
      background: white;
      border: 2px solid #faf7f3; }
      @media screen and (min-width: 600px) {
        .box-listato.big > .with-pic a .pic,
        .box-listato.big > .with-pic a .no-pic,
        .box-listato.big > div > .with-pic a .pic,
        .box-listato.big > div > .with-pic a .no-pic {
          right: 10px; } }
    .box-listato.big > .with-pic a .no-pic::before,
    .box-listato.big > div > .with-pic a .no-pic::before {
      width: 14px;
      height: 14px;
      background-position: 0px -98px;
      background-size: 140px 280px;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      opacity: 0.5; }
    @media screen and (min-width: 600px) {
      .box-listato.big > .with-pic a::after,
      .box-listato.big > div > .with-pic a::after {
        right: 10px; } }
    .box-listato.big > .with-pic a:hover::after,
    .box-listato.big > div > .with-pic a:hover::after {
      right: 0; }
  @media screen and (min-width: 600px) {
    .box-listato.big::after {
      right: 10px; } }
  @media screen and (min-width: 950px) {
    .box-listato.big > h4 {
      font-size: 2.8rem; } }
  @media screen and (min-width: 1500px) {
    .box-listato.big > h4 {
      font-size: 3.2rem;
      padding-bottom: 25px;
      margin-bottom: 0; } }
  @media screen and (min-width: 600px) {
    .box-listato.big > .with-pic a,
    .box-listato.big > div > .with-pic a {
      font-size: 2.4rem;
      padding-left: 70px; }
      .box-listato.big > .with-pic a .pic,
      .box-listato.big > .with-pic a .no-pic,
      .box-listato.big > div > .with-pic a .pic,
      .box-listato.big > div > .with-pic a .no-pic {
        width: 36px;
        height: 36px;
        top: 25px;
        left: 10px; } }
  @media screen and (min-width: 768px) {
    .box-listato .box-listato--head {
      margin-left: 16px;
      margin-bottom: 25px; }
      .box-listato .box-listato--head h5 {
        margin-bottom: 8px;
        font-size: 3rem; }
    .box-listato header.with-border {
      border-bottom: 1px solid #eae6e0; } }
  @media screen and (min-width: 1500px) {
    .box-listato .box-listato--head {
      padding-left: 25px;
      margin-left: 20px;
      margin-bottom: 40px;
      border-left: 6px solid #2274d5; }
      .box-listato .box-listato--head h4 {
        font-size: 2.2rem; }
      .box-listato .box-listato--head h5 {
        margin-bottom: 10px;
        font-size: 3.6rem; } }

/* fine /.box-listato */
/* css per il corretto funzionamento dello script delle tabs */
.top-searches-list,
.box-listato > ul.box-listato-list {
  display: none; }

.top-searches-list.jsactive {
  display: flex; }

.box-listato > ul.box-listato-list.jsactive,
.box-listato > ul.box-listato-list.jsbotactive,
.box-listato > ul.box-listato-list.jsalwaysactive {
  display: block; }

/*-------------------------------*\
  $ BLOCCO NEWS
\*-------------------------------*/
.striscia-news {
  padding-bottom: 0; }
  @media screen and (min-width: 950px) {
    .striscia-news .news-pp {
      margin-bottom: 0; } }

.news-pp {
  margin-bottom: 30px;
  /* /box-primi-piani-small */ }
  @media screen and (min-width: 600px) {
    .news-pp {
      margin-bottom: 35px; }
      .news-pp .tabmenu {
        min-width: 50%;
        float: right;
        padding: 0 0 0 4%; } }
  .news-pp > header {
    width: 100%;
    margin-bottom: 25px; }
    .news-pp > header span.info-utili {
      font-size: 2.5rem;
      font-style: italic;
      margin: 0 0 15px;
      display: block;
      position: relative;
      text-align: center; }
      .news-pp > header span.info-utili:before {
        display: none; }
      @media screen and (min-width: 600px) {
        .news-pp > header span.info-utili {
          width: 150px;
          padding-left: 36px;
          font-size: 1.5rem;
          display: inline-block;
          text-align: left;
          margin: 2px 0 0; }
          .news-pp > header span.info-utili:before {
            width: 27px;
            height: 27px;
            background-position: -54px -297px;
            background-size: 270px 540px;
            position: absolute;
            top: 2px;
            left: 0;
            opacity: 0.4;
            display: block; } }
      @media screen and (min-width: 1500px) {
        .news-pp > header span.info-utili {
          font-size: 1.6rem;
          padding-left: 42px; }
          .news-pp > header span.info-utili:before {
            width: 32px;
            height: 32px;
            background-position: -64px -352px;
            background-size: 320px 640px;
            position: absolute;
            top: 0;
            left: 0; } }
  .news-pp .box-primi-piani-big {
    width: 100%;
    margin-bottom: 20px; }
  .news-pp .box-primi-piani-small {
    width: 100%; }
    .news-pp .box-primi-piani-small .articolo-anteprima figure {
      width: 50px;
      height: 50px;
      float: left;
      margin: 4px 20px 20px 0; }
    .news-pp .box-primi-piani-small .articolo-anteprima h2 {
      font-size: 2em;
      line-height: 2.2rem; }
    .news-pp .box-primi-piani-small .articolo-anteprima p {
      font-size: 1.5rem;
      line-height: 2rem;
      padding-left: 70px; }
    .news-pp .box-primi-piani-small .articolo-anteprima.art-pp-noimage p {
      padding-left: 0; }
    @media screen and (min-width: 1500px) {
      .news-pp .box-primi-piani-small .articolo-anteprima figure {
        width: 60px;
        height: 60px; }
      .news-pp .box-primi-piani-small .articolo-anteprima h2 {
        font-size: 2.4rem;
        line-height: 2.4rem; }
      .news-pp .box-primi-piani-small .articolo-anteprima p {
        font-size: 1.6rem;
        line-height: 2.2rem;
        padding-left: 80px; } }
  .news-pp .more-info {
    width: 100%; }
    @media screen and (min-width: 950px) and (max-width: 1499px) {
      .news-pp .more-info .btn {
        font-size: 1.6rem;
        height: 38px;
        line-height: 38px; }
        .news-pp .more-info .btn:after {
          width: 18px;
          height: 18px;
          background-position: -18px 0px;
          background-size: 180px 360px; } }
  @media screen and (min-width: 768px) {
    .news-pp .box-primi-piani-big,
    .news-pp .box-primi-piani-small {
      width: 50%; }
    .news-pp .box-primi-piani-big {
      padding-right: 5%; } }
  @media screen and (min-width: 600px) and (max-width: 767px) {
    .news-pp .box-primi-piani-big .articolo-anteprima figure {
      width: 45%;
      float: left;
      margin-right: 20px;
      margin-bottom: 5px; } }
  @media screen and (min-width: 1201px) {
    .news-pp .box-primi-piani-big {
      padding-right: 0; }
      .news-pp .box-primi-piani-big .articolo-anteprima p,
      .news-pp .box-primi-piani-big .articolo-anteprima h2 {
        padding-right: 30px;
        padding-left: 30px; }
    .news-pp .box-primi-piani-small {
      padding: 0 0 0 4%; } }
  .news-pp .notizie-tab {
    display: none; }
    .news-pp .notizie-tab.jsactive {
      display: flex; }

/*-------------------------------*\
  $ BLOCCO TOOLS
\*-------------------------------*/
.blocco-tools {
  width: 100%;
  margin: 30px 0; }
  .blocco-tools .container {
    background: transparent;
    padding: 0; }
  .blocco-tools h4 {
    font-size: 2.5rem;
    font-style: italic;
    margin-bottom: 30px;
    color: #222;
    text-align: center; }
    @media screen and (min-width: 950px) {
      .blocco-tools h4 {
        font-size: 3.2rem; } }
  .blocco-tools ul li {
    width: 50%;
    position: relative;
    text-align: center; }
    .blocco-tools ul li a {
      color: #222;
      text-decoration: none;
      display: block; }
      .blocco-tools ul li a span {
        font-size: 1.8rem;
        line-height: 20px;
        padding: 15px 15% 0;
        display: block; }
      .blocco-tools ul li a:before {
        content: '';
        width: 100px;
        height: 100px;
        background: #2274d5;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        -o-border-radius: 16px;
        border-radius: 16px;
        background-image: url("https://www.studenti.it/img/sprite.svg");
        display: inline-block;
        overflow: hidden;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .blocco-tools ul li a:hover:before {
        background-color: #1b5ca9; }
        @media screen and (min-width: 950px) {
          .blocco-tools ul li a:hover:before {
            transform: scale(1.1); } }
      .blocco-tools ul li a.calcolatrice:before {
        width: 100px;
        height: 100px;
        background-position: -900px 0px;
        background-size: 1000px 2000px; }
      .blocco-tools ul li a.vocabolario:before {
        width: 100px;
        height: 100px;
        background-position: -900px -100px;
        background-size: 1000px 2000px; }
      .blocco-tools ul li a.risorse:before {
        width: 100px;
        height: 100px;
        background-position: -900px -200px;
        background-size: 1000px 2000px; }
      .blocco-tools ul li a.convertitore:before {
        width: 100px;
        height: 100px;
        background-position: -900px -300px;
        background-size: 1000px 2000px; }
      .blocco-tools ul li a.traduttore:before {
        width: 100px;
        height: 100px;
        background-position: -900px -400px;
        background-size: 1000px 2000px; }
      .blocco-tools ul li a.sinonimi:before {
        width: 100px;
        height: 100px;
        background-position: -900px -500px;
        background-size: 1000px 2000px; }
      .blocco-tools ul li a.latino:before {
        width: 100px;
        height: 100px;
        background-position: -900px -600px;
        background-size: 1000px 2000px; }
      .blocco-tools ul li a.appunti:before {
        width: 100px;
        height: 100px;
        background-position: -900px -700px;
        background-size: 1000px 2000px; }
      .blocco-tools ul li a.invalsi:before {
        width: 100px;
        height: 100px;
        background-position: -900px -800px;
        background-size: 1000px 2000px; }
    .blocco-tools ul li:nth-child(-n+2) {
      margin-bottom: 30px; }
  @media screen and (min-width: 601px) {
    .blocco-tools ul li {
      width: 25%;
      margin-bottom: 0;
      padding: 10px 0; }
      .blocco-tools ul li:nth-child(-n+2) {
        margin-bottom: 0; } }
  .blocco-tools.full-width {
    background: #f0ede9;
    margin: 0;
    padding: 15px 0; }
    .blocco-tools.full-width ul li {
      width: 33.33333%;
      border-right: 0; }
      .blocco-tools.full-width ul li a:before {
        width: 60px;
        height: 60px; }
      .blocco-tools.full-width ul li a.calcolatrice:before {
        width: 60px;
        height: 60px;
        background-position: -540px 0px;
        background-size: 600px 1200px; }
      .blocco-tools.full-width ul li a.vocabolario:before {
        width: 60px;
        height: 60px;
        background-position: -540px -60px;
        background-size: 600px 1200px; }
      .blocco-tools.full-width ul li a.risorse:before {
        width: 60px;
        height: 60px;
        background-position: -540px -120px;
        background-size: 600px 1200px; }
      .blocco-tools.full-width ul li a.convertitore:before {
        width: 60px;
        height: 60px;
        background-position: -540px -180px;
        background-size: 600px 1200px; }
      .blocco-tools.full-width ul li a.traduttore:before {
        width: 60px;
        height: 60px;
        background-position: -540px -240px;
        background-size: 600px 1200px; }
      .blocco-tools.full-width ul li a.sinonimi:before {
        width: 60px;
        height: 60px;
        background-position: -540px -300px;
        background-size: 600px 1200px; }
      .blocco-tools.full-width ul li a.latino:before {
        width: 60px;
        height: 60px;
        background-position: -540px -360px;
        background-size: 600px 1200px; }
      .blocco-tools.full-width ul li a.appunti:before {
        width: 60px;
        height: 60px;
        background-position: -540px -420px;
        background-size: 600px 1200px; }
      .blocco-tools.full-width ul li a.invalsi:before {
        width: 60px;
        height: 60px;
        background-position: -540px -480px;
        background-size: 600px 1200px; }
      .blocco-tools.full-width ul li a span {
        font-size: 1.6rem;
        line-height: 1;
        padding: 10px 5% 0; }
      .blocco-tools.full-width ul li:nth-child(-n+2) {
        margin-bottom: 30px; }
    @media screen and (min-width: 600px) {
      .blocco-tools.full-width ul li {
        width: 16.66667%;
        border-right: 1px solid #e2dcd4; }
        .blocco-tools.full-width ul li:last-child {
          border-right: 0; }
        .blocco-tools.full-width ul li:nth-child(-n+3) {
          margin-bottom: 0; } }
    @media screen and (min-width: 950px) {
      .blocco-tools.full-width {
        padding: 30px 0; }
        .blocco-tools.full-width ul li a:before {
          width: 100px;
          height: 100px; }
        .blocco-tools.full-width ul li a.calcolatrice:before {
          width: 100px;
          height: 100px;
          background-position: -900px 0px;
          background-size: 1000px 2000px; }
        .blocco-tools.full-width ul li a.vocabolario:before {
          width: 100px;
          height: 100px;
          background-position: -900px -100px;
          background-size: 1000px 2000px; }
        .blocco-tools.full-width ul li a.risorse:before {
          width: 100px;
          height: 100px;
          background-position: -900px -200px;
          background-size: 1000px 2000px; }
        .blocco-tools.full-width ul li a.convertitore:before {
          width: 100px;
          height: 100px;
          background-position: -900px -300px;
          background-size: 1000px 2000px; }
        .blocco-tools.full-width ul li a.traduttore:before {
          width: 100px;
          height: 100px;
          background-position: -900px -400px;
          background-size: 1000px 2000px; }
        .blocco-tools.full-width ul li a.sinonimi:before {
          width: 100px;
          height: 100px;
          background-position: -900px -500px;
          background-size: 1000px 2000px; }
        .blocco-tools.full-width ul li a.latino:before {
          width: 100px;
          height: 100px;
          background-position: -900px -600px;
          background-size: 1000px 2000px; }
        .blocco-tools.full-width ul li a.appunti:before {
          width: 100px;
          height: 100px;
          background-position: -900px -700px;
          background-size: 1000px 2000px; }
        .blocco-tools.full-width ul li a.invalsi:before {
          width: 100px;
          height: 100px;
          background-position: -900px -800px;
          background-size: 1000px 2000px; }
        .blocco-tools.full-width ul li a span {
          font-size: 1.8rem;
          line-height: 20px; } }

/*-------------------------------*\
  $ BOX INVALSI
\*-------------------------------*/
.invalsi-banner {
  position: relative;
  display: block;
  padding: 20px;
  background: #2274d5;
  color: #fff;
  text-decoration: none;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }
  .invalsi-banner img {
    display: block;
    margin: 0 auto 10px; }
  .invalsi-banner p,
  .invalsi-banner li {
    font-style: italic;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 300; }
  .invalsi-banner p {
    margin-bottom: 20px; }
  .invalsi-banner ol {
    counter-reset: Num;
    margin-bottom: 20px; }
    .invalsi-banner ol li {
      position: relative;
      counter-increment: Num;
      min-height: 30px;
      padding-left: 40px;
      margin-bottom: 10px;
      line-height: 1.5;
      text-align: left; }
      .invalsi-banner ol li:before {
        position: absolute;
        top: 50%;
        left: 0;
        content: counter(Num);
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin-top: -15px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background: #f5a623;
        font-size: 2.4rem;
        font-weight: 700;
        text-align: center; }
  .invalsi-banner .by {
    display: block;
    margin-top: 15px;
    font-size: 1.2rem;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity: 0.5;
    font-style: italic; }
    .invalsi-banner .by svg {
      width: 62px;
      height: 14px; }

@media screen and (min-width: 768px) {
  .invalsi-banner {
    padding: 40px 30px; }
    .invalsi-banner ol li {
      float: left;
      width: 27%;
      margin: 0 3%;
      line-height: 1.2; } }

@media screen and (min-width: 950px) {
  .invalsi-banner {
    padding: 40px 20px; }
    .invalsi-banner li {
      font-size: 1.7rem; }
      .invalsi-banner li:last-child {
        margin-left: 0; } }

@media screen and (min-width: 1024px) {
  .invalsi-banner {
    text-align: left;
    -webkit-transition: background 0.2s ease-in-out;
    -moz-transition: background 0.2s ease-in-out;
    -ms-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out; }
    .invalsi-banner .head {
      float: left;
      width: 200px;
      margin-right: 15px; }
      .invalsi-banner .head img {
        width: 200px;
        height: auto;
        margin: 0 0 10px; }
    .invalsi-banner ol {
      float: left;
      margin-bottom: 0;
      margin-top: 35px; }
      .invalsi-banner ol li {
        max-width: 170px;
        font-size: 1.8rem;
        margin: 0 2%; }
    .invalsi-banner .btn {
      position: absolute;
      top: 50%;
      right: 30px;
      bottom: auto;
      margin-top: -24px;
      padding: 0 10px 0 20px; }
    .invalsi-banner .by {
      position: absolute;
      right: 30px;
      bottom: 40px; }
    .invalsi-banner:hover {
      background: #1e68bf; } }

@media screen and (min-width: 1501px) {
  .invalsi-banner {
    padding: 40px 30px; }
    .invalsi-banner .head {
      width: 300px; }
      .invalsi-banner .head img {
        width: 238px; }
    .invalsi-banner ol {
      margin-top: 30px; }
      .invalsi-banner ol li {
        margin: 0 3%; }
        .invalsi-banner ol li:last-child {
          margin-left: 3%; }
    .invalsi-banner .btn {
      padding: 0 20px 0 30px; } }

/*-------------------------------*\
  $ BLOCCHI MATURITA'
\*-------------------------------*/
@media screen and (max-width: 768px) {
  .blocco-home.blocco-maturita > header h3 {
    font-size: 3.2rem;
    margin-bottom: 10px; }
    .blocco-home.blocco-maturita > header h3 a span {
      display: inline-block;
      vertical-align: top;
      margin: 20px 0 0 10px; }
  .blocco-home.blocco-maturita .box_maturita .strip {
    flex-direction: column; } }

.box_maturita {
  background: #2274d5;
  /* /last-updating */ }
  .box_maturita .strip {
    margin-bottom: 30px; }
    .box_maturita .strip .countdown {
      color: #fff;
      font-size: 1.2rem;
      line-height: 15px;
      padding: 8px 15px;
      text-transform: uppercase;
      width: 100%; }
      .box_maturita .strip .countdown b {
        display: block;
        font-size: 3.5rem;
        font-weight: 200; }
        @media screen and (max-width: 1023px) {
          .box_maturita .strip .countdown b {
            float: left;
            padding-right: 10px;
            margin-right: 10px;
            line-height: 30px;
            border-right: 1px solid rgba(0, 0, 0, 0.1); } }
      .box_maturita .strip .countdown svg.circle_matu {
        display: none; }
      @media screen and (min-width: 1024px) {
        .box_maturita .strip .countdown {
          width: 170px;
          height: auto;
          padding: 0;
          line-height: 13px;
          text-align: center;
          position: relative; }
          .box_maturita .strip .countdown span {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 120px;
            height: 120px;
            margin: auto;
            border: 7px solid #2274d5;
            border-radius: 50%; }
            .box_maturita .strip .countdown span b {
              font-size: 6rem;
              line-height: 72px;
              margin-bottom: -10px; }
          .box_maturita .strip .countdown svg.circle_matu {
            transform: rotate(-90deg); }
          .box_maturita .strip .countdown svg.circle_matu circle {
            fill: transparent;
            stroke: #2274d5;
            stroke-width: 7;
            animation: fillup 5s linear infinite; } }
    .box_maturita .strip .articoli {
      width: 10000px; }
      .box_maturita .strip .articoli article {
        position: relative;
        float: left;
        width: 240px;
        overflow: hidden; }
        .box_maturita .strip .articoli article a {
          display: block;
          overflow: hidden; }
          .box_maturita .strip .articoli article a img {
            width: 100%;
            height: auto;
            display: block; }
          .box_maturita .strip .articoli article a .label {
            position: absolute;
            top: 20px;
            left: 30px;
            z-index: 2;
            color: #fff;
            font-size: 1.2rem;
            font-weight: 400;
            line-height: 12px;
            text-transform: uppercase;
            width: 45%; }
          .box_maturita .strip .articoli article a header {
            position: absolute;
            right: 0;
            bottom: 20px;
            left: 30px;
            z-index: 2;
            width: 75%; }
            .box_maturita .strip .articoli article a header h3 {
              color: #fff;
              font-weight: 700;
              font-size: 1.8rem;
              line-height: 20px; }
              .box_maturita .strip .articoli article a header h3:after {
                content: "\2192";
                margin-left: 10px;
                font-size: 2rem;
                color: #fff;
                font-family: "Georgia", serif;
                font-weight: lighter;
                -webkit-transition: margin 0.1s linear;
                -moz-transition: margin 0.1s linear;
                -ms-transition: margin 0.1s linear;
                -o-transition: margin 0.1s linear;
                transition: margin 0.1s linear; }
            .box_maturita .strip .articoli article a header .time {
              opacity: 0.6;
              font-size: 12px;
              line-height: 14px; }
          .box_maturita .strip .articoli article a:after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background: rgba(14, 55, 104, 0.6); }
          .box_maturita .strip .articoli article a:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 50%;
            height: 100%;
            background-image: linear-gradient(to right, #222 0%, transparent 100%);
            z-index: 1; }
          .box_maturita .strip .articoli article a:hover h3:after {
            margin-left: 15px;
            color: #fff; }
        @media screen and (min-width: 769px) {
          .box_maturita .strip .articoli article {
            width: 25%; } }
      @media screen and (min-width: 1024px) {
        .box_maturita .strip .articoli {
          width: calc(100% - 170px); } }
  .box_maturita .last-updating {
    padding: 0 15px 30px;
    width: 100%; }
    .box_maturita .last-updating h3 {
      color: #fff;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 15px;
      text-transform: uppercase;
      margin-bottom: 25px; }
    .box_maturita .last-updating ul li {
      border-color: rgba(0, 0, 0, 0.1); }
      .box_maturita .last-updating ul li time {
        color: rgba(0, 0, 0, 0.6); }
      .box_maturita .last-updating ul li a {
        font-size: 1.6rem;
        color: #fff;
        line-height: 20px;
        font-weight: 600; }
        .box_maturita .last-updating ul li a:after {
          color: #fff; }
    @media screen and (min-width: 768px) and (max-width: 1023px) {
      .box_maturita .last-updating h3 {
        font-size: 1.8rem;
        line-height: 20px;
        margin-bottom: 10px; }
      .box_maturita .last-updating ul li a {
        font-size: 2rem;
        line-height: 24px; } }
    @media screen and (min-width: 1024px) {
      .box_maturita .last-updating {
        width: 25%;
        float: left;
        padding-bottom: 0; }
        .box_maturita .last-updating ul {
          padding: 20px;
          background: #2274d5; } }
    @media screen and (min-width: 1200px) {
      .box_maturita .last-updating {
        width: 33%; }
        .box_maturita .last-updating h3 {
          font-size: 1.8rem;
          line-height: 20px;
          margin-bottom: 10px; }
        .box_maturita .last-updating ul li a {
          font-size: 2rem;
          line-height: 24px; } }
  .box_maturita .box-prove {
    padding-bottom: 0; }
  @media screen and (min-width: 950px) {
    .box_maturita .box-prove section {
      width: 25%; } }
  @media screen and (min-width: 1024px) {
    .box_maturita {
      background: #2d6acf;
      overflow: hidden; }
      .box_maturita .strip {
        overflow: hidden; }
      .box_maturita .box-prove {
        padding-right: 16px; } }
  @media screen and (min-width: 1024px) {
    .box_maturita .strip {
      background: #222; }
    .box_maturita .box-prove section {
      min-height: 350px; } }

/* /box_maturita */
/* box prove anni precedenti */
.box-anniprec-maturita {
  display: block;
  overflow: hidden;
  min-width: 100%;
  margin: 0 -16px;
  padding: 0 0 30px; }
  .box-anniprec-maturita > h4 {
    font-size: 2.4rem;
    font-style: italic;
    margin-bottom: 20px;
    color: #222;
    text-align: center; }
  .box-anniprec-maturita .tab-anniprec-maturita {
    border: 1px solid #eae6e0;
    background: #fff;
    overflow: hidden; }
    .box-anniprec-maturita .tab-anniprec-maturita ul {
      text-align: center;
      display: block;
      overflow: hidden; }
      .box-anniprec-maturita .tab-anniprec-maturita ul li {
        display: block;
        border-bottom: 1px solid #eae6e0;
        text-align: center; }
        .box-anniprec-maturita .tab-anniprec-maturita ul li h3 {
          font-size: 2.2rem;
          color: #222;
          font-weight: 700;
          padding: 20px 15px; }
        .box-anniprec-maturita .tab-anniprec-maturita ul li > a {
          color: #222;
          font-size: 1.6rem;
          font-weight: 700;
          padding: 20px 15px;
          display: block;
          text-decoration: underline; }
        .box-anniprec-maturita .tab-anniprec-maturita ul li > a:hover {
          color: #2274d5;
          text-decoration: none; }
    .box-anniprec-maturita .tab-anniprec-maturita .more-info {
      padding: 20px;
      clear: both; }
  @media (min-width: 601px) {
    .box-anniprec-maturita {
      margin-left: 0;
      margin-right: 0; }
      .box-anniprec-maturita h4 {
        margin-bottom: 30px; }
      .box-anniprec-maturita .more-info {
        padding: 30px 0; } }
  @media (min-width: 601px) {
    .box-anniprec-maturita .tab-anniprec-maturita ul {
      width: 33.33333%;
      float: left; } }

/*-------------------------------*\
  $ BREADCRUMBS
\*-------------------------------*/
.tpl-article .breadcrumbs {
  display: block; }
  @media screen and (max-width: 768px) {
    .tpl-article .breadcrumbs li:nth-child(3):after {
      display: none; }
    .tpl-article .breadcrumbs li:not(:nth-child(-n+3)) {
      display: none; } }

@media screen and (min-width: 768px) {
  .tpl-topic .breadcrumbs {
    margin-bottom: 35px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eae6e0; } }

.breadcrumbs {
  margin-bottom: 8px;
  font-size: 1.4rem;
  line-height: 15px; }
  @media screen and (min-width: 768px) {
    .breadcrumbs {
      margin-bottom: 15px; } }
  .breadcrumbs li {
    position: relative;
    float: left;
    display: block;
    margin-right: 20px;
    margin-bottom: 12px; }
    @media screen and (min-width: 768px) {
      .breadcrumbs li {
        margin-bottom: 0; } }
    .breadcrumbs li:after {
      content: "";
      width: 1px;
      height: 30px;
      background: #d5cdc2;
      display: block;
      position: absolute;
      top: -6px;
      right: -10px;
      -moz-transform: rotate(15deg);
      -o-transform: rotate(15deg);
      -ms-transform: rotate(15deg);
      -webkit-transform: rotate(15deg);
      transform: rotate(15deg); }
    .breadcrumbs li:last-child:after {
      display: none; }
    .breadcrumbs li a {
      height: 30px;
      color: #0753AD; }

@media screen and (min-width: 768px) {
  .breadcrumbs {
    display: block; } }

.list-metro {
  margin-bottom: 20px; }
  .list-metro li {
    position: relative;
    padding-left: 20px;
    font-size: 1.5rem;
    line-height: 1.6em; }
    .list-metro li:before {
      content: '';
      display: block;
      position: absolute;
      top: 12px;
      left: 0;
      width: 0;
      height: 100%;
      border-left: 2px solid #f5a623; }
    .list-metro li:last-child:before {
      display: none; }
    .list-metro li:after {
      content: '';
      display: block;
      position: absolute;
      top: 9px;
      left: -4px;
      width: 10px;
      height: 10px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      background: #faf7f3;
      border: 2px solid #f5a623; }
    @media screen and (min-width: 600px) {
      .list-metro li {
        padding-bottom: 10px;
        font-size: 1.8rem; } }

.banner-native {
  position: relative;
  display: block;
  padding: 10px;
  margin-bottom: 30px;
  border: 1px solid #f5a623;
  text-decoration: none;
  color: #222;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  background: white; }
  .banner-native .sponsor {
    flex-direction: column;
    float: left;
    min-height: 55px;
    width: 75px;
    padding: 5px 10px 5px 5px;
    text-align: center; }
    .banner-native .sponsor img {
      max-width: 60px;
      max-height: 40px;
      width: auto;
      height: auto;
      margin-bottom: 5px; }
    .banner-native .sponsor span {
      display: block;
      font-size: 1rem;
      text-transform: uppercase;
      color: #a3a3a3; }
  .banner-native .text {
    float: left;
    width: calc(100% - 75px);
    min-height: 55px;
    padding-left: 15px;
    border-left: 1px solid #eae6e0; }
    .banner-native .text .title {
      font-size: 1.6rem;
      font-weight: 700;
      margin-bottom: 8px; }
      @media screen and (min-width: 435px) {
        .banner-native .text .title {
          font-size: 1.8rem; } }
    .banner-native .text .scopri {
      color: #f5a623;
      font-size: 1.4rem;
      text-transform: uppercase; }
  .banner-native .vai {
    display: none; }

@media screen and (min-width: 600px) {
  .banner-native .text {
    padding-right: 48px; }
    .banner-native .text .title {
      font-size: 2rem;
      margin-bottom: 12px; }
    .banner-native .text .scopri {
      padding: 3px 8px;
      border: 1px solid #f5a623;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .banner-native .text:hover .scopri {
      background: #f5a623;
      color: white; }
  .banner-native .vai {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 28px;
    height: calc(100% - 20px);
    background: #f5a623;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px; }
    .banner-native .vai img {
      position: absolute;
      top: 50%;
      right: 50%;
      margin-top: -17px;
      margin-right: -6px;
      width: 12px;
      height: 34px; } }

@media screen and (min-width: 768px) {
  .banner-native {
    padding: 12px; }
    .banner-native .sponsor {
      width: 90px;
      padding: 5px 15px 5px 5px; }
      .banner-native .sponsor img {
        max-width: 75px;
        max-height: 50px; }
    .banner-native .text {
      width: calc(100% - 90px); }
      .banner-native .text .title {
        font-size: 2.2rem; }
    .banner-native .vai {
      top: 12px;
      right: 12px;
      width: 28px;
      height: calc(100% - 24px); } }

/*------------------------------------*\
  $LISTATO-ARTICOLI
\*------------------------------------*/
.header-autore {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eae6e0;
  overflow: hidden; }
  .header-autore figure {
    width: 75px;
    height: 75px;
    display: block;
    float: left; }
    .header-autore figure img {
      width: auto;
      height: 75px; }
  .header-autore h1 {
    font-size: 3.4rem;
    font-style: italic;
    margin-bottom: 10px;
    width: calc(100% - 75px);
    padding: 0 15px;
    float: left; }
  .header-autore p {
    font-size: 15px;
    padding: 10px 0 10px;
    clear: both; }
  @media (min-width: 1500px) {
    .header-autore {
      margin-bottom: 60px;
      padding-bottom: 30px; }
      .header-autore figure {
        width: 90px;
        height: 90px; }
        .header-autore figure img {
          height: 90px; }
      .header-autore h1 {
        font-size: 4.2rem;
        width: calc(100% - 90px);
        padding: 0 30px; }
      .header-autore p {
        font-size: 15px;
        width: calc(100% - 90px);
        padding: 0 30px 10px;
        float: left;
        clear: none; } }

.title-list-serp {
  font-size: 1.6rem;
  margin: 0 0 15px;
  font-style: italic;
  line-height: 1.2em;
  display: block;
  width: 100%; }
  @media screen and (min-width: 600px) {
    .title-list-serp {
      border-bottom: 1px solid #eae6e0;
      padding: 0 0 15px; } }
  @media screen and (min-width: 1024px) {
    .title-list-serp {
      margin: 0 0 25px; } }

.listato-articoli .category-desc > ul {
  display: inline-block;
  margin-bottom: 20px;
  margin-left: 5px;
  font-family: "Georgia", serif; }
  .listato-articoli .category-desc > ul > li {
    position: relative;
    padding-left: 20px;
    font-size: 1.5rem;
    line-height: 1.6em; }
    .listato-articoli .category-desc > ul > li:after {
      content: '';
      display: block;
      position: absolute;
      top: 9px;
      left: -4px;
      width: 10px;
      height: 10px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      background: #faf7f3;
      border: 2px solid #f5a623; }
    @media screen and (min-width: 600px) {
      .listato-articoli .category-desc > ul > li {
        padding-bottom: 10px;
        font-size: 1.8rem; } }

.listato-articoli .category-desc p {
  margin-bottom: 30px;
  font-size: 1.5rem;
  line-height: 1.7em; }
  @media screen and (min-width: 600px) {
    .listato-articoli .category-desc p {
      font-size: 1.8rem; } }

.listato-articoli .category-desc h2, .listato-articoli .category-desc h3 {
  display: inline;
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase; }
  .listato-articoli .category-desc h2::after, .listato-articoli .category-desc h3::after {
    content: "\2192";
    margin-left: 6px;
    margin-right: 12px;
    font-size: 2rem;
    color: #f5a623;
    -webkit-transition: margin 0.1s linear;
    -moz-transition: margin 0.1s linear;
    -ms-transition: margin 0.1s linear;
    -o-transition: margin 0.1s linear;
    transition: margin 0.1s linear; }
  @media screen and (min-width: 768px) {
    .listato-articoli .category-desc h2, .listato-articoli .category-desc h3 {
      font-size: 1.8rem; } }
  .listato-articoli .category-desc h2 + p, .listato-articoli .category-desc h3 + p {
    display: inline; }
    .listato-articoli .category-desc h2 + p::after, .listato-articoli .category-desc h3 + p::after {
      content: '';
      display: block;
      margin-bottom: 30px; }

.listato-articoli header {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #f5a623;
  margin-bottom: 30px;
  height: 75px;
  overflow: hidden; }
  .listato-articoli header figure {
    width: 75px;
    height: 75px;
    display: inline-block; }
    .listato-articoli header figure img {
      width: auto;
      height: 75px; }
  .listato-articoli header h1 {
    font-size: 2.2rem;
    font-weight: 300;
    color: #000;
    width: calc(100% - 75px);
    justify-content: flex-start;
    padding: 0 15px; }
    .listato-articoli header h1.long-title {
      font-size: 2rem; }
  @media (min-width: 768px) {
    .listato-articoli header h1 {
      font-size: 3rem;
      line-height: 3rem; }
      .listato-articoli header h1.long-title {
        font-size: 2.6rem;
        line-height: 2.6rem; } }
  @media (min-width: 1500px) {
    .listato-articoli header {
      height: 90px;
      margin-bottom: 30px; }
      .listato-articoli header figure {
        width: 90px;
        height: 90px;
        display: inline-block; }
        .listato-articoli header figure img {
          width: auto;
          height: 90px; }
      .listato-articoli header h1 {
        font-size: 3.6rem;
        width: calc(100% - 90px);
        padding: 0 30px;
        line-height: 3.6rem; }
        .listato-articoli header h1.long-title {
          font-size: 3rem;
          line-height: 3rem; } }

.listato-articoli > article {
  position: relative;
  margin-bottom: 25px;
  clear: both; }
  .listato-articoli > article figure {
    display: none; }
  .listato-articoli > article .highlight {
    margin: 0; }
  .listato-articoli > article h2, .listato-articoli > article h3 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.1em;
    margin-bottom: 5px; }
    @media (min-width: 600px) {
      .listato-articoli > article h2, .listato-articoli > article h3 {
        font-size: 2.2rem;
        margin-bottom: 0; } }
    .listato-articoli > article h2 a, .listato-articoli > article h3 a {
      color: #0753AD;
      text-decoration: none;
      display: block;
      overflow: hidden; }
      .listato-articoli > article h2 a span, .listato-articoli > article h3 a span {
        margin-right: 10px;
        display: inline;
        -webkit-transition: box-shadow 0.1s ease-in-out;
        -moz-transition: box-shadow 0.1s ease-in-out;
        -ms-transition: box-shadow 0.1s ease-in-out;
        -o-transition: box-shadow 0.1s ease-in-out;
        transition: box-shadow 0.1s ease-in-out;
        box-shadow: inset 0 -4px 0 0 #FAF7F3,inset 0 -5px 0 0 transparent;
        text-shadow: 2px 0 #FAF7F3, -2px 0 #FAF7F3, 2px 0 #FAF7F3, -2px 0 #FAF7F3; }
      .listato-articoli > article h2 a:after, .listato-articoli > article h3 a:after {
        content: "\2192";
        color: #7ab700;
        font-size: 22px;
        font-family: Arial, sans-serif;
        font-weight: lighter;
        -webkit-transition: margin 0.1s linear;
        -moz-transition: margin 0.1s linear;
        -ms-transition: margin 0.1s linear;
        -o-transition: margin 0.1s linear;
        transition: margin 0.1s linear; }
      .listato-articoli > article h2 a:hover span, .listato-articoli > article h3 a:hover span {
        box-shadow: inset 0 -4px 0 0 #FAF7F3,inset 0 -5px 0 0 #0753AD; }
  .listato-articoli > article .voto,
  .listato-articoli > article .label-category {
    display: inline;
    padding: 3px 0 0;
    font-size: 1.4rem;
    line-height: 18px;
    color: #655f57; }
    .listato-articoli > article .voto a,
    .listato-articoli > article .label-category a {
      color: #655f57;
      text-decoration: none; }
      .listato-articoli > article .voto a:hover,
      .listato-articoli > article .label-category a:hover {
        text-decoration: underline; }
  .listato-articoli > article p {
    display: block;
    margin-bottom: 0;
    color: #222;
    font-size: 1.6rem;
    line-height: 1.5em;
    font-weight: 400; }
    .listato-articoli > article p a {
      color: #0753AD; }
  .listato-articoli > article.with-image figure,
  .listato-articoli > article.with-image .thumb-icon {
    float: left;
    width: 40px;
    height: 40px;
    display: block;
    margin-right: 15px;
    margin-top: 5px; }
    .listato-articoli > article.with-image figure a,
    .listato-articoli > article.with-image .thumb-icon a {
      display: block;
      overflow: hidden; }
    .listato-articoli > article.with-image figure img,
    .listato-articoli > article.with-image .thumb-icon img {
      width: auto;
      height: 40px; }
  .listato-articoli > article.with-image .thumb-icon {
    background: #eae6e0; }
    .listato-articoli > article.with-image .thumb-icon.compass:before {
      display: block;
      width: 18px;
      height: 18px;
      background-position: 0px -36px;
      background-size: 180px 360px;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
      opacity: 0.1; }
    .listato-articoli > article.with-image .thumb-icon.doc:before {
      display: block;
      width: 18px;
      height: 18px;
      background-position: 0px -54px;
      background-size: 180px 360px;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
      opacity: 0.1; }
    .listato-articoli > article.with-image .thumb-icon.test:before {
      display: block;
      width: 18px;
      height: 18px;
      background-position: 0px -72px;
      background-size: 180px 360px;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
      opacity: 0.1; }
    .listato-articoli > article.with-image .thumb-icon.job:before {
      display: block;
      width: 18px;
      height: 18px;
      background-position: 0px -90px;
      background-size: 180px 360px;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
      opacity: 0.1; }
    .listato-articoli > article.with-image .thumb-icon.pen:before {
      display: block;
      width: 18px;
      height: 18px;
      background-position: 0px -108px;
      background-size: 180px 360px;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
      opacity: 0.1; }
    .listato-articoli > article.with-image .thumb-icon.clip:before {
      display: block;
      width: 18px;
      height: 18px;
      background-position: -36px -36px;
      background-size: 180px 360px;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
      opacity: 0.1; }
    .listato-articoli > article.with-image .thumb-icon.audio:before {
      display: block;
      width: 18px;
      height: 18px;
      background-position: -36px -162px;
      background-size: 180px 360px;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
      opacity: 0.1; }
    .listato-articoli > article.with-image .thumb-icon.video:before {
      display: block;
      width: 18px;
      height: 18px;
      background-position: -36px -144px;
      background-size: 180px 360px;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
      opacity: 0.1; }
  @media (min-width: 600px) {
    .listato-articoli > article {
      /* listato con img */ }
      .listato-articoli > article.with-image figure,
      .listato-articoli > article.with-image .thumb-icon {
        width: 70px;
        height: 70px; }
        .listato-articoli > article.with-image figure img,
        .listato-articoli > article.with-image .thumb-icon img {
          width: auto;
          height: 70px; }
      .listato-articoli > article.with-image .thumb-icon.compass:before {
        width: 42px;
        height: 42px;
        background-position: 0px -84px;
        background-size: 420px 840px; }
      .listato-articoli > article.with-image .thumb-icon.doc:before {
        width: 42px;
        height: 42px;
        background-position: 0px -126px;
        background-size: 420px 840px; }
      .listato-articoli > article.with-image .thumb-icon.test:before {
        width: 42px;
        height: 42px;
        background-position: 0px -168px;
        background-size: 420px 840px; }
      .listato-articoli > article.with-image .thumb-icon.job:before {
        width: 42px;
        height: 42px;
        background-position: 0px -210px;
        background-size: 420px 840px; }
      .listato-articoli > article.with-image .thumb-icon.pen:before {
        width: 42px;
        height: 42px;
        background-position: 0px -252px;
        background-size: 420px 840px; }
      .listato-articoli > article.with-image .thumb-icon.clip:before {
        width: 42px;
        height: 42px;
        background-position: -84px -84px;
        background-size: 420px 840px; }
      .listato-articoli > article.with-image .thumb-icon.audio:before {
        width: 42px;
        height: 42px;
        background-position: -84px -378px;
        background-size: 420px 840px; }
      .listato-articoli > article.with-image .thumb-icon.video:before {
        width: 42px;
        height: 42px;
        background-position: -84px -336px;
        background-size: 420px 840px; }
      .listato-articoli > article p {
        overflow: hidden; } }
  @media (min-width: 768px) {
    .listato-articoli > article {
      margin-bottom: 25px; } }
  @media (min-width: 950px) {
    .listato-articoli > article {
      /* listato con img */ }
      .listato-articoli > article.with-image figure,
      .listato-articoli > article.with-image .thumb-icon {
        width: 75px;
        height: 75px;
        margin-top: 5px; }
        .listato-articoli > article.with-image figure img,
        .listato-articoli > article.with-image .thumb-icon img {
          width: auto;
          height: 75px; } }
  @media (min-width: 1500px) {
    .listato-articoli > article {
      margin-bottom: 30px;
      /* listato con img */ }
      .listato-articoli > article.with-image figure,
      .listato-articoli > article.with-image .thumb-icon {
        width: 90px;
        height: 90px;
        margin-top: 10px;
        margin-right: 20px; }
        .listato-articoli > article.with-image figure img,
        .listato-articoli > article.with-image .thumb-icon img {
          width: auto;
          height: 90px; }
      .listato-articoli > article.with-image .thumb-icon.compass:before {
        width: 54px;
        height: 54px;
        background-position: 0px -108px;
        background-size: 540px 1080px; }
      .listato-articoli > article.with-image .thumb-icon.doc:before {
        width: 54px;
        height: 54px;
        background-position: 0px -162px;
        background-size: 540px 1080px; }
      .listato-articoli > article.with-image .thumb-icon.test:before {
        width: 54px;
        height: 54px;
        background-position: 0px -216px;
        background-size: 540px 1080px; }
      .listato-articoli > article.with-image .thumb-icon.job:before {
        width: 54px;
        height: 54px;
        background-position: 0px -270px;
        background-size: 540px 1080px; }
      .listato-articoli > article.with-image .thumb-icon.pen:before {
        width: 54px;
        height: 54px;
        background-position: 0px -324px;
        background-size: 540px 1080px; }
      .listato-articoli > article.with-image .thumb-icon.clip:before {
        width: 54px;
        height: 54px;
        background-position: -108px -108px;
        background-size: 540px 1080px; }
      .listato-articoli > article.with-image .thumb-icon.audio:before {
        width: 54px;
        height: 54px;
        background-position: -108px -486px;
        background-size: 540px 1080px; }
      .listato-articoli > article.with-image .thumb-icon.video:before {
        width: 54px;
        height: 54px;
        background-position: -108px -432px;
        background-size: 540px 1080px; }
      .listato-articoli > article p {
        line-height: 1.8em; } }
  .listato-articoli > article.appunto .label-category > a::after {
    margin-bottom: 5px;
    content: '';
    display: block; }
    @media screen and (min-width: 600px) {
      .listato-articoli > article.appunto .label-category > a::after {
        display: none; } }
  .listato-articoli > article.appunto .label-category .materia {
    display: block;
    margin-right: 25px; }
    @media screen and (min-width: 600px) {
      .listato-articoli > article.appunto .label-category .materia {
        display: inline-block; } }
  .listato-articoli > article.appunto .label-category .downloads span {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    background: #7ab700;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; }
    .listato-articoli > article.appunto .label-category .downloads span::before {
      width: 10px;
      height: 10px;
      background-position: -30px -70px;
      background-size: 100px 200px;
      margin: 1px; }
  .listato-articoli > article.appunto .voto {
    display: block;
    margin-right: 25px; }
    .listato-articoli > article.appunto .voto::after {
      content: '';
      display: inline-block;
      position: relative;
      top: 1px;
      background: url("https://www.studenti.it/img/sprite.svg") no-repeat;
      width: 14px;
      height: 14px;
      background-position: -84px -14px;
      background-size: 140px 280px;
      margin-left: 5px; }

/* Contenuti pro | Eccezione per search e topic */
.tpl-search .listato-articoli > article h2 a {
  /*
        &:hover span {
          box-shadow: none;

          .highlight {
            box-shadow: inset 0 -4px 0 0 #FAF7F3,inset 0 -5px 0 0 #0753AD;
          }
        }
        */ }
  .tpl-search .listato-articoli > article h2 a .highlight {
    box-shadow: inset 0 -4px 0 0 #FAF7F3,inset 0 -5px 0 0 #0753AD; }

.tpl-search .listato-articoli > article p .highlight {
  font-weight: bold; }

.tpl-search .listato-articoli > .article-longform,
.tpl-topic .listato-articoli > .article-longform {
  position: relative;
  border-top: 1px solid #eae6e0;
  border-bottom: 1px solid #eae6e0;
  padding: 15px;
  margin-left: -15px;
  margin-right: -15px;
  background: white; }
  .tpl-search .listato-articoli > .article-longform h2 a,
  .tpl-topic .listato-articoli > .article-longform h2 a {
    padding-right: 40px;
    color: #0753AD; }
    .tpl-search .listato-articoli > .article-longform h2 a::after,
    .tpl-topic .listato-articoli > .article-longform h2 a::after {
      color: #f5a623; }
    .tpl-search .listato-articoli > .article-longform h2 a span,
    .tpl-topic .listato-articoli > .article-longform h2 a span {
      box-shadow: inset 0 -4px 0 0 white, inset 0 -5px 0 0 transparent;
      text-shadow: 2px 0 white, -2px 0 white, 2px 0 white, -2px 0 white; }
      .tpl-search .listato-articoli > .article-longform h2 a span:hover,
      .tpl-topic .listato-articoli > .article-longform h2 a span:hover {
        box-shadow: inset 0 -4px 0 0 white, inset 0 -5px 0 0 #0753AD; }
      .tpl-search .listato-articoli > .article-longform h2 a span .highlight,
      .tpl-topic .listato-articoli > .article-longform h2 a span .highlight {
        box-shadow: inset 0 -4px 0 0 white,inset 0 -5px 0 0 #0753AD; }
  @media screen and (max-width: 767px) {
    .tpl-search .listato-articoli > .article-longform,
    .tpl-topic .listato-articoli > .article-longform {
      /* Attacca due articoli longform uno all'altro */ }
      .tpl-search .listato-articoli > .article-longform + .article-longform,
      .tpl-topic .listato-articoli > .article-longform + .article-longform {
        margin-top: -26px; } }
  .tpl-search .listato-articoli > .article-longform .bookmark,
  .tpl-topic .listato-articoli > .article-longform .bookmark {
    position: absolute;
    top: 0;
    right: 15px;
    display: block;
    width: 18px;
    height: 24px;
    background: #f5a623; }
    .tpl-search .listato-articoli > .article-longform .bookmark::before,
    .tpl-topic .listato-articoli > .article-longform .bookmark::before {
      content: '';
      position: absolute;
      top: 100%;
      left: 0;
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 7px 9px 0 0;
      border-color: #f5a623 transparent transparent transparent; }
    .tpl-search .listato-articoli > .article-longform .bookmark::after,
    .tpl-topic .listato-articoli > .article-longform .bookmark::after {
      content: '';
      position: absolute;
      top: 100%;
      right: 0;
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 9px 7px 0;
      border-color: transparent #f5a623 transparent transparent; }
  @media screen and (min-width: 768px) {
    .tpl-search .listato-articoli > .article-longform,
    .tpl-topic .listato-articoli > .article-longform {
      margin-left: 0;
      margin-right: 0;
      border: 1px solid #eae6e0;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      margin-bottom: 15px; }
      .tpl-search .listato-articoli > .article-longform figure,
      .tpl-topic .listato-articoli > .article-longform figure {
        margin-left: -15px; } }
  @media screen and (min-width: 1500px) {
    .tpl-search .listato-articoli > .article-longform,
    .tpl-topic .listato-articoli > .article-longform {
      padding: 16px 20px 20px;
      margin-bottom: 18px; }
      .tpl-search .listato-articoli > .article-longform figure,
      .tpl-topic .listato-articoli > .article-longform figure {
        margin-left: -20px; } }

.tpl-search .listato-articoli > article.gruppo-article,
.tpl-topic .listato-articoli > article.gruppo-article {
  margin-bottom: 10px; }
  .tpl-search .listato-articoli > article.gruppo-article .gruppo-article-link,
  .tpl-topic .listato-articoli > article.gruppo-article .gruppo-article-link {
    font-size: 1.4rem;
    color: #0753AD;
    text-align: center;
    display: block;
    border-top: 1px dashed #cccac8;
    margin: 10px 0 20px;
    padding: 10px 0 0; }

.tpl-search .listato-articoli > article.gruppo-article-small,
.tpl-topic .listato-articoli > article.gruppo-article-small {
  border-top: 1px solid #eae6e0;
  padding: 10px 0 10px 30px;
  position: relative;
  margin-bottom: 0; }
  .tpl-search .listato-articoli > article.gruppo-article-small:before,
  .tpl-topic .listato-articoli > article.gruppo-article-small:before {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    left: 9px;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #2274d5; }
  .tpl-search .listato-articoli > article.gruppo-article-small h2,
  .tpl-topic .listato-articoli > article.gruppo-article-small h2 {
    font-size: 1.5rem;
    line-height: 1.5em;
    display: inline;
    margin-right: 5px; }
    .tpl-search .listato-articoli > article.gruppo-article-small h2 a,
    .tpl-topic .listato-articoli > article.gruppo-article-small h2 a {
      display: inline; }
      .tpl-search .listato-articoli > article.gruppo-article-small h2 a span,
      .tpl-topic .listato-articoli > article.gruppo-article-small h2 a span {
        box-shadow: inset 0 -2px 0 0 #FAF7F3,inset 0 -3px 0 0 transparent; }
      .tpl-search .listato-articoli > article.gruppo-article-small h2 a .highlight,
      .tpl-topic .listato-articoli > article.gruppo-article-small h2 a .highlight {
        box-shadow: inset 0 -2px 0 0 #FAF7F3,inset 0 -3px 0 0 #0753AD; }
      .tpl-search .listato-articoli > article.gruppo-article-small h2 a:hover .highlight,
      .tpl-topic .listato-articoli > article.gruppo-article-small h2 a:hover .highlight {
        box-shadow: inset 0 -2px 0 0 #FAF7F3,inset 0 -3px 0 0 #0753AD; }
  .tpl-search .listato-articoli > article.gruppo-article-small p,
  .tpl-topic .listato-articoli > article.gruppo-article-small p {
    font-size: 1.5rem;
    line-height: 1.5em;
    display: inline; }
  .tpl-search .listato-articoli > article.gruppo-article-small.with-margin,
  .tpl-topic .listato-articoli > article.gruppo-article-small.with-margin {
    margin-bottom: 25px; }
    @media (min-width: 1500px) {
      .tpl-search .listato-articoli > article.gruppo-article-small.with-margin,
      .tpl-topic .listato-articoli > article.gruppo-article-small.with-margin {
        margin-bottom: 30px; } }

@media screen and (min-width: 768px) {
  .content--filter .listato-articoli {
    width: calc(100% - 160px);
    float: right; } }

@media screen and (min-width: 1500px) {
  .content--filter .listato-articoli {
    width: calc(100% - 170px); } }

.content--filter .listato-articoli.lista-podcast {
  width: 100%;
  float: none; }

.vedi-altri {
  clear: both;
  text-align: center; }
  @media screen and (min-width: 600px) {
    .vedi-altri.vedi-altri-lista {
      width: calc(100% - 180px);
      float: right;
      clear: none; }
    .vedi-altri.vedi-altri-podcast {
      width: 100%;
      float: right;
      clear: none; } }
  .vedi-altri .btn.btn-arrow:after {
    transform: rotate(90deg); }

@media screen and (max-width: 767px) {
  .tpl-topic .listato-articoli header {
    margin-bottom: 90px; } }

.azioni-tools li a.fb, .azioni-tools li a.tw, .azioni-tools li a.wa {
  position: relative;
  top: -4px;
  width: 26px;
  height: 26px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.azioni-tools li a.fb:before, .azioni-tools li a.tw:before, .azioni-tools li a.wa:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.azioni-tools {
  float: right; }
  .azioni-tools li {
    display: inline-block;
    margin-left: 15px;
    font-size: 1.4rem; }
    .azioni-tools li a {
      position: relative;
      display: block;
      color: #222;
      text-transform: lowercase; }
      .azioni-tools li a.download:before, .azioni-tools li a.print:before, .azioni-tools li a.comments:before {
        position: relative;
        top: -5px; }
      .azioni-tools li a.download:before, .azioni-tools li a.comments:before {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        opacity: 0.4; }
      .azioni-tools li a.download:before {
        width: 26px;
        height: 26px;
        background-position: -52px -78px;
        background-size: 260px 520px; }
      .azioni-tools li a.print:before {
        width: 26px;
        height: 26px;
        background-position: -104px -104px;
        background-size: 260px 520px; }
      .azioni-tools li a.comments:before {
        width: 26px;
        height: 26px;
        background-position: -52px -26px;
        background-size: 260px 520px; }
      .azioni-tools li a.fb:before {
        width: 12px;
        height: 12px;
        background-position: -60px -12px;
        background-size: 120px 240px; }
      .azioni-tools li a.tw:before {
        width: 12px;
        height: 12px;
        background-position: -60px -24px;
        background-size: 120px 240px; }
      .azioni-tools li a.wa:before {
        width: 12px;
        height: 12px;
        background-position: -60px -36px;
        background-size: 120px 240px; }
      .azioni-tools li a.comments {
        width: 25px;
        height: 25px; }
        .azioni-tools li a.comments .num-commenti {
          width: 25px;
          height: 25px;
          position: absolute;
          top: 0;
          left: 0;
          text-align: center;
          color: #7ab700; }
      .azioni-tools li a.fb {
        background: #4460ae; }
      .azioni-tools li a.fb:hover {
        background: #364c89; }
      .azioni-tools li a.tw {
        background: #00aced; }
      .azioni-tools li a.tw:hover {
        background: #0087ba; }
      .azioni-tools li a.wa {
        background: #25D366; }
      .azioni-tools li a.wa:hover {
        background: #1da851; }

/*-------------------------------*\
  $MODALE-FOTO
\*-------------------------------*/
.clearfix:before,
.clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.overlayGallery {
  width: 100vw;
  height: 100vh;
  background-color: #222;
  visibility: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1001;
  color: #fff;
  overflow: auto;
  font-family: "Source Sans Pro";
  opacity: 0;
  transition: all 400ms ease-in-out; }

.overlayGallery.open {
  visibility: visible;
  opacity: 1; }

.overlayGallery.defaultOpen {
  opacity: 1 !important;
  transition: all 0ms ease-in-out !important; }

.wrapperGallery {
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100vw;
  height: 100vh; }

.overlayGallery .gw {
  max-width: calc(100% - 30px);
  margin: 0 auto; }

.overlayGallery .headerGallery .gw {
  position: relative;
  height: 100%; }

.overlayGallery .toolGallery {
  display: flex;
  align-items: center;
  height: 50px; }

.overlayGallery .facebook {
  display: block;
  width: 9px;
  height: 18px;
  background: transparent no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMCAxOCI+PHBhdGggZD0ibTExNTQuNTUgNDN2LTJjMC0uNyAxLjE0LS45IDEuNDUtMSAuMzUuMSAyLjAzLjEgMiAwIC4wMy4xIDAtMyAwLTNoLTMuNDVjLTMuMDcgMC0zLjc3IDIuMy0zLjU1IDQtLjIyLS4yMyAwIDIgMCAyaC0ydjNoMnY5aDMuNTV2LTloMi40NWwxLTNaIiBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE0OS0zNykiLz48L3N2Zz4=);
  background-size: cover; }

.overlayGallery .twitter {
  display: block;
  width: 22px;
  height: 18px;
  background: transparent no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMyAxOCI+PHBhdGggZD0ibTEyMTUuMTUgMzkuMTNjLS44MS4zNi0xLjY5LjYxLTIuNjEuNzIuOTQtLjU3IDEuNjYtMS40NiAyLTIuNTItLjg4LjUyLTEuODUuOS0yLjg5IDEuMTEtLjgzLS44OS0yLjAxLTEuNDQtMy4zMS0xLjQ0LTIuNTEgMC00LjU1IDIuMDMtNC41NSA0LjU0IDAgLjM2LjA0LjcxLjEyIDEuMDQtMy43OC0uMTktNy4xMy0yLTkuMzctNC43NS0uMzkuNjctLjYxIDEuNDUtLjYxIDIuMjkgMCAxLjU3LjggMi45NiAyLjAyIDMuNzgtLjc1LS4wMi0xLjQ1LS4yMy0yLjA2LS41NyAwIC4wMiAwIC4wNCAwIC4wNiAwIDIuMiAxLjU3IDQuMDQgMy42NSA0LjQ1LS4zOS4xMS0uNzkuMTYtMS4yLjE2LS4zIDAtLjU4LS4wMy0uODYtLjA4LjU4IDEuODEgMi4yNiAzLjEyIDQuMjUgMy4xNi0xLjU2IDEuMjItMy41MiAxLjk0LTUuNjUgMS45NC0uMzYgMC0uNzItLjAyLTEuMDgtLjA2IDIuMDEgMS4yOSA0LjQgMi4wNCA2Ljk3IDIuMDQgOC4zNSAwIDEyLjkzLTYuOTIgMTIuOTMtMTIuOTMgMC0uMi0uMDAxLS4zOS0uMDItLjU5Ljg5LS42NCAxLjY2LTEuNDQgMi4yNy0yLjM1IiBmaWxsPSIjZmZmIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE5My0zNykiLz48L3N2Zz4=);
  background-size: cover;
  margin-left: 50px; }

.overlayGallery .socialGallery {
  display: none; }

.overlayGallery .closeGallery {
  display: block;
  width: 21px;
  height: 21px;
  background: transparent no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+PHBhdGggZD0ibTEyOTAuMDIgNTguNDRsLTEyLjAyLTEyLjAyLTEyLjAyIDEyLjAyLTEuNDE0LTEuNDE0IDEyLjAyLTEyLjAyLTEyLjAyLTEyLjAyIDEuNDE0LTEuNDE0IDEyLjAyIDEyLjAyIDEyLjAyLTEyLjAyIDEuNDE0IDEuNDE0LTEyLjAyIDEyLjAyIDEyLjAyIDEyLjAyWiIgZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEyNjQtMzEpIi8+PC9zdmc+);
  background-size: cover;
  margin-left: 50px; }

.overlayGallery .headerGallery {
  height: 90px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #222;
  z-index: 1; }

.overlayGallery .headerGallery .headerTop {
  position: relative; }

.overlayGallery .headerGallery .progressGallery {
  float: left;
  height: 50px;
  line-height: 46px;
  font-size: 24px;
  font-weight: 300;
  margin-right: 10px; }

.overlayGallery .headerGallery .progressGallery .current {
  text-shadow: 0 0 4px black;
  color: white;
  font-size: 46px;
  font-weight: 700;
  letter-spacing: -1.84px; }

.overlayGallery .advGalleryMobile {
  width: 300px;
  min-height: 1px;
  margin: 0 auto 20px auto; }

.overlayGallery .headerGallery .contentTopGallery > div {
  font-family: Georgia;
  font-size: 14px;
  font-style: italic;
  line-height: 50px;
  text-align: left;
  height: 50px;
  display: none; }

.overlayGallery .headerGallery .contentTopGallery > h3 {
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  text-align: left;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.overlayGallery .headerGallery .toolGallery {
  position: absolute;
  right: 0;
  top: 0; }

.overlayGallery .bodyGallery {
  padding-top: 100px;
  margin: 0 -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.contentGallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.sidebarGallery {
  width: 300px;
  margin-left: 20px;
  display: none; }

.overlayGallery .advGallery {
  width: 300px;
  min-height: 250px;
  margin-bottom: 179px;
  position: fixed; }

.overlayGallery .advGallery.hookbottom {
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-top: auto;
  position: relative; }

.overlayGallery .advGalleryBottom {
  margin: 0 0 15px 15px; }

.overlayGallery .itemGallery {
  margin-bottom: 70px;
  background: #000; }

.overlayGallery .itemGallery figure img {
  display: block;
  margin: 0 auto;
  width: 85%; }

.overlayGallery .itemGallery figcaption {
  font-size: 18px;
  padding: 20px 40px;
  line-height: 1.3em; }

.overlayGallery .itemGallery figcaption p {
  font-size: 18px;
  font-family: "Source Sans Pro"; }

.overlayGallery .itemGallery figcaption p a {
  color: #f5a623; }

.overlayGallery .itemGallery figcaption h4 {
  position: relative;
  margin-bottom: 5px;
  font-size: 20px; }

.overlayGallery .itemGallery figcaption h4:before {
  content: '';
  width: 16px;
  height: 14px;
  background: transparent no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iU3ZnanNTdmcxMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iMTYiIGhlaWdodD0iMTQiPjxkZWZzIGlkPSJTdmdqc0RlZnMxMDAxIj48L2RlZnM+PHBhdGggaWQ9IlN2Z2pzUGF0aDEwMDciIGQ9Ik0xODUgNjc4Ljk5QzE4NSA2NzguOTkgMTgyLjYgNjc4LjU1IDE4MyA2NzguOTlDMTgxLjc1IDY3OC45OSAxODEgNjc5Ljc2IDE4MSA2ODAuOTlDMTgxIDY4MS4xIDE4MSA2ODkuNDEgMTgxIDY4OC45N0MxODEgNjkwLjI2IDE4MS43MiA2OTAuOTYgMTgzIDY5MC45NkMxODIuNiA2OTAuOTYgMTk1LjQgNjkwLjk2IDE5NSA2OTAuOTZDMTk2LjI4IDY5MC45NiAxOTcgNjkwLjI2IDE5NyA2ODguOTdDMTk3IDY4OS40MTAwMDAwMDAwMDAxIDE5NyA2ODEuMSAxOTcgNjgwLjk5QzE5NyA2NzkuNzYgMTk2LjI5IDY3OC45OSAxOTUgNjc4Ljk5QzE5NS40IDY3OC41NSAxOTMgNjc4Ljk5IDE5MyA2NzguOTlMMTkxIDY3N0wxODcgNjc3Wk0xODYgNjg1QzE4NiA2ODMuMzQzMTUgMTg3LjM0MzE1IDY4MiAxODkgNjgyQzE5MC42NTY4NSA2ODIgMTkyIDY4My4zNDMxNSAxOTIgNjg1QzE5MiA2ODYuNjU2ODUgMTkwLjY1Njg1IDY4OCAxODkgNjg4QzE4Ny4zNDMxNSA2ODggMTg2IDY4Ni42NTY4NSAxODYgNjg1Wk0xODUgNjg0Ljk4QzE4NSA2ODIuNzQgMTg2Ljc2IDY4MC45OSAxODkgNjgwLjk5QzE5MS4yNCA2ODAuOTkgMTkzIDY4Mi43NCAxOTMgNjg0Ljk4QzE5MyA2ODcuMjEgMTkxLjI0IDY4OC45NyAxODkgNjg4Ljk3QzE4Ni43NiA2ODguOTcgMTg1IDY4Ny4yMSAxODUgNjg0Ljk4WiAiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMSIgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwtMTgxLC02NzcpIj48L3BhdGg+PC9zdmc+);
  background-size: cover;
  left: -25px;
  top: 4px;
  position: absolute; }

/*bar*/
.overlayGallery progress.barGallery[value] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  width: 100%;
  height: 2px;
  background: #eee9e2;
  position: absolute;
  left: 0;
  top: 2px; }

.overlayGallery progress.barGallery[value]::-webkit-progress-bar {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  width: 100%;
  height: 2px;
  background: #eee9e2; }

.overlayGallery progress[value]::-webkit-progress-bar {
  background: #eee9e2; }

.overlayGallery progress[value]::-webkit-progress-value {
  background: #7ab700; }

.overlayGallery progress[value]::-moz-progress-bar {
  background-color: #7ab700; }

.overlayGallery .wrapBarGallery {
  height: 6px;
  overflow: visible;
  width: 100%;
  padding-top: 2px;
  z-index: 6;
  position: absolute;
  bottom: 5px; }

.overlayGallery .wrapBarGallery:after,
.overlayGallery .wrapBarGallery:before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  height: 6px;
  width: 6px;
  border-radius: 3px;
  background: #7ab700;
  z-index: 1; }

.overlayGallery .wrapBarGallery:after {
  left: auto;
  right: 0;
  background: #eee9e2; }

.overlayGallery .wrapBarGallery.completed:after {
  background: #7ab700; }

/*end bar*/
@media only screen and (min-width: 670px) {
  .overlayGallery .socialGallery {
    display: block; }
  .overlayGallery .headerGallery {
    height: 110px; }
  .overlayGallery .headerGallery .progressGallery {
    line-height: 50px;
    font-size: 33px;
    margin-right: 0; }
  .overlayGallery .headerGallery .contentTopGallery > div {
    text-align: center; }
  .overlayGallery .headerGallery .contentTopGallery > h3 {
    font-size: 36px;
    line-height: 42px;
    text-align: center; }
  .overlayGallery .closeGallery {
    height: 27px;
    width: 27px; }
  .overlayGallery .itemGallery figcaption {
    padding: 20px 60px;
    line-height: 1.5em; }
  .overlayGallery .bodyGallery {
    padding-top: 176px;
    margin: 0; }
  .contentGallery {
    width: calc(100% - 320px);
    margin-left: 0;
    margin-right: 0; }
  .sidebarGallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .overlayGallery .advGalleryBottom {
    margin-left: 0; } }

@media only screen and (min-width: 950px) {
  .overlayGallery .gw {
    max-width: 1140px; }
  .sidebarGallery {
    margin-left: 90px; }
  .contentGallery {
    width: calc(100% - 390px); }
  .overlayGallery .advGalleryMobile {
    display: none; }
  .overlayGallery .itemGallery figure img {
    width: auto; } }

/* Filter listati */
@media screen and (min-width: 1024px) {
  .tpl-search .title-filtra {
    margin-top: 8px; } }

.filter-listati {
  display: block;
  /* menu filtri per serp in alto sotto la search */
  /* menu filtri per serp accanto ai risultati */ }
  .filter-listati .title-filtra {
    display: none; }
    @media screen and (min-width: 768px) {
      .filter-listati .title-filtra {
        position: relative;
        display: block;
        width: 100%;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        margin-bottom: 40px;
        font-size: 1.4rem;
        color: white;
        background: #7ab700;
        font-weight: 600;
        text-align: center; }
        .filter-listati .title-filtra::before {
          content: '';
          display: block;
          position: absolute;
          top: 100%;
          left: 0;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 7px 6.5px 0 6.5px;
          border-color: #7ab700 transparent transparent transparent; } }
  .filter-listati .filter-listati-cat .label-tab {
    color: #000;
    font-style: italic;
    display: block;
    font-weight: bold; }
    .filter-listati .filter-listati-cat .label-tab a {
      color: #000;
      text-decoration: none; }
  .filter-listati .filter-listati-cat ul li {
    display: block;
    padding: 0 0 5px;
    overflow: hidden; }
    .filter-listati .filter-listati-cat ul li input[type='checkbox'] {
      position: absolute;
      clip: rect(1px, 1px, 1px, 1px);
      margin: 0; }
    .filter-listati .filter-listati-cat ul li input[type='checkbox'] + label {
      position: relative;
      overflow: hidden;
      display: block;
      padding: 0 0 0 30px;
      margin: 0;
      color: #000;
      font-size: 1.5rem;
      line-height: 19px;
      cursor: pointer; }
      .filter-listati .filter-listati-cat ul li input[type='checkbox'] + label:hover {
        text-decoration: underline; }
      .filter-listati .filter-listati-cat ul li input[type='checkbox'] + label:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 16px;
        height: 16px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        box-sizing: content-box;
        border: 1px solid rgba(0, 0, 0, 0.2);
        background-color: #fff;
        display: block;
        float: left;
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); }
    .filter-listati .filter-listati-cat ul li input[type='checkbox']:checked + label:before {
      background-image: url("https://www.studenti.it/img/sprite.svg");
      width: 16px;
      height: 16px;
      background-position: -48px -80px;
      background-size: 160px 320px;
      background-color: #7ab700;
      border-color: #7ab700; }
    .filter-listati .filter-listati-cat ul li input[type='checkbox']:checked + label:hover:before {
      background-image: url("https://www.studenti.it/img/sprite.svg");
      width: 16px;
      height: 16px;
      background-position: -16px -160px;
      background-size: 160px 320px;
      background-color: #8b867f;
      border-color: #8b867f; }
    .filter-listati .filter-listati-cat ul li:last-child {
      padding-bottom: 0; }
    .filter-listati .filter-listati-cat ul li.disabled {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
      opacity: 0.4; }
      .filter-listati .filter-listati-cat ul li.disabled input[type='checkbox'] + label {
        cursor: not-allowed; }
  @media (max-width: 767px) {
    .filter-listati {
      margin: 0 -15px 30px;
      position: relative;
      border-top: 1px solid #eae6e0;
      border-bottom: 1px solid #eae6e0; }
      .filter-listati .filter-listati-cat {
        width: 33.3%;
        float: left; }
        .filter-listati .filter-listati-cat .label-tab {
          font-size: 1.3rem;
          padding-right: 20px;
          position: relative;
          line-height: 15px;
          padding: 15px 50px 15px 10px;
          cursor: pointer; }
          .filter-listati .filter-listati-cat .label-tab:after {
            content: '';
            position: absolute;
            right: 10px;
            width: 0;
            top: 50%;
            height: 0;
            margin-top: -3px;
            border-top: 7px solid #7ab700;
            border-right: 6px solid transparent;
            border-left: 6px solid transparent; }
          .filter-listati .filter-listati-cat .label-tab a {
            text-decoration: none;
            font-weight: bold;
            color: #222;
            font-style: italic; }
        .filter-listati .filter-listati-cat ul {
          display: none; }
          .filter-listati .filter-listati-cat ul li {
            display: block;
            padding: 0 0 8px;
            overflow: hidden; }
        .filter-listati .filter-listati-cat:nth-child(2) {
          border-right: 1px solid #eae6e0;
          border-left: 1px solid #eae6e0; }
        .filter-listati .filter-listati-cat.active {
          background: #eae6e0; }
          .filter-listati .filter-listati-cat.active ul {
            display: block;
            width: 100%;
            position: absolute;
            top: 40px;
            right: 0;
            z-index: 1;
            padding: 20px 15px;
            background: #eae6e0; } }
        @media (max-width: 767px) and (min-width: 600px) {
          .filter-listati .filter-listati-cat.active ul {
            top: 45px; } }
  @media (max-width: 767px) {
            .filter-listati .filter-listati-cat.active ul li input[type='checkbox']:checked + label:before {
              background-color: #7ab700;
              border-color: #7ab700; }
            .filter-listati .filter-listati-cat.active ul li input[type='checkbox'] + label {
              color: #222; } }
  @media (min-width: 768px) {
    .filter-listati .filter-listati-cat {
      margin-bottom: 50px; }
      .filter-listati .filter-listati-cat .label-tab {
        padding-left: 30px;
        padding-bottom: 8px;
        font-size: 1.4rem;
        position: relative; }
        .filter-listati .filter-listati-cat .label-tab:before {
          content: '';
          display: block;
          width: 100%;
          height: 20px;
          position: absolute;
          top: 0;
          right: 0;
          z-index: 1; } }

.left-filter-box {
  display: block; }
  .left-filter-box .vedi-tutte {
    width: 100%;
    margin-bottom: 30px; }
    .left-filter-box .vedi-tutte span {
      float: right;
      display: block;
      margin-top: 12px;
      width: 14px;
      height: 14px; }
      .left-filter-box .vedi-tutte span::before {
        width: 14px;
        height: 14px;
        background-position: -14px -98px;
        background-size: 140px 280px; }
    @media screen and (min-width: 768px) {
      .left-filter-box .vedi-tutte {
        display: none; } }
  @media screen and (max-width: 767px) {
    .left-filter-box .filter-category {
      padding: 40px 0;
      position: fixed;
      top: 0;
      right: 0;
      z-index: 1001;
      width: 100%;
      height: 100%;
      overflow-y: scroll;
      background: #2274d5; }
      .left-filter-box .filter-category.jq-close {
        display: none; }
      .left-filter-box .filter-category.jq-open {
        display: block; }
      .left-filter-box .filter-category ul li a {
        position: relative;
        display: block;
        padding: 5px 20px 5px 30px;
        color: white;
        font-size: 1.5rem;
        text-transform: uppercase;
        text-decoration: none;
        font-weight: 600; }
        .left-filter-box .filter-category ul li a.select {
          background: #0753ae; }
      .left-filter-box .filter-category ul li > ul {
        margin-bottom: 30px; }
      .left-filter-box .filter-category ul li > ul > li a {
        font-weight: 400; }
      .left-filter-box .filter-category > ul > li > a::before {
        position: absolute;
        top: 9px;
        left: 12px;
        content: '';
        display: block;
        width: 6px;
        height: 6px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background: #0753ae; }
      .left-filter-box .filter-category .close {
        position: fixed;
        top: 15px;
        right: 15px;
        display: block;
        width: 20px;
        height: 20px; }
        .left-filter-box .filter-category .close::before {
          width: 20px;
          height: 20px;
          background-position: -20px -180px;
          background-size: 200px 400px; } }
  @media screen and (min-width: 768px) {
    .left-filter-box {
      float: left;
      width: 115px;
      margin-right: 15px; }
      .left-filter-box .filter-category {
        padding: 20px 0;
        margin-bottom: 60px;
        background: #f3f0ea; }
        .left-filter-box .filter-category.jq-close, .left-filter-box .filter-category.jq-open {
          display: block; }
        .left-filter-box .filter-category .close {
          display: none; }
        .left-filter-box .filter-category ul li {
          margin-bottom: 4px; }
          .left-filter-box .filter-category ul li a {
            position: relative;
            display: block;
            padding: 5px 20px 5px 30px;
            color: #222;
            text-transform: uppercase;
            text-decoration: none;
            font-weight: 600; }
            .left-filter-box .filter-category ul li a.select {
              background: #2274d5;
              color: white; }
            .left-filter-box .filter-category ul li a:hover {
              text-decoration: underline; }
        .left-filter-box .filter-category > ul > li > a {
          font-size: 1.4rem; }
          .left-filter-box .filter-category > ul > li > a::before {
            position: absolute;
            top: 9px;
            left: 12px;
            content: '';
            display: block;
            width: 6px;
            height: 6px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            background: #0753ae; }
          .left-filter-box .filter-category > ul > li > a.select::before {
            background: white; }
        .left-filter-box .filter-category > ul > li > ul {
          margin-bottom: 35px; }
          .left-filter-box .filter-category > ul > li > ul > li a {
            font-size: 1.2rem; } }
  @media screen and (min-width: 950px) {
    .left-filter-box {
      width: 160px;
      margin-left: -30px;
      margin-right: 30px; }
      .left-filter-box .filter-listati {
        margin-left: 15px; } }
  @media screen and (min-width: 1500px) {
    .left-filter-box {
      width: 170px; } }

/* filtri sotto l' header solo su topic */
@media screen and (max-width: 767px) {
  .tpl-topic .content--filter {
    position: relative; }
  .tpl-topic .filter-listati {
    position: absolute;
    top: 100px; } }

.loader {
  display: block;
  width: 162px;
  margin: 0 auto;
  text-align: center; }
  .loader svg#loader-pencil {
    fill: #d0ed96;
    width: 60px;
    height: 40px;
    transform: rotate(180deg); }
  @media screen and (min-width: 600px) {
    .loader {
      width: 175px; }
      .loader svg#loader-pencil {
        height: 48px; } }
  @media screen and (min-width: 768px) {
    .loader {
      float: right; } }
  .loader #line {
    animation: linePencil .8s infinite linear; }

@keyframes linePencil {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-150px); } }

.social-tools li {
  float: left;
  display: block;
  margin-right: 10px; }
  .social-tools li a {
    position: relative;
    display: block;
    width: auto;
    height: 36px;
    padding-right: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: white;
    font-size: 1.4rem;
    line-height: 36px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    -ms-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out; }
    .social-tools li a.fb {
      background: #4460ae; }
      .social-tools li a.fb:before {
        width: 20px;
        height: 20px;
        background-position: -100px -20px;
        background-size: 200px 400px; }
      .social-tools li a.fb:hover {
        background: #364c89; }
    .social-tools li a.tw {
      background: #00aced; }
      .social-tools li a.tw:before {
        width: 20px;
        height: 20px;
        background-position: -100px -40px;
        background-size: 200px 400px; }
      .social-tools li a.tw:hover {
        background: #0087ba; }
    .social-tools li a.wa {
      background: #25D366; }
      .social-tools li a.wa:before {
        width: 20px;
        height: 20px;
        background-position: -100px -60px;
        background-size: 200px 400px; }
      .social-tools li a.wa:hover {
        background: #1da851; }
    .social-tools li a:before {
      display: inline-block;
      margin: 8px 9px 0; }
  .social-tools li:last-child {
    margin-right: 0; }

@media (min-width: 600px) {
  .social-tools {
    float: left; }
    .social-tools li {
      margin-right: 20px; }
      .social-tools li a {
        padding-right: 25px; }
        .social-tools li a:before {
          margin: 8px 12px 0; } }

/*-------------------------------*\
  $ERROR404
\*-------------------------------*/
.error404 .text {
  margin-bottom: 35px; }
  .error404 .text h1 {
    margin-bottom: 10px;
    font-size: 2.5rem;
    font-weight: 700; }
  .error404 .text p {
    margin-bottom: 15px;
    font-size: 1.4rem;
    line-height: 1.5em; }
  @media screen and (max-width: 599px) {
    .error404 .text .btn {
      position: relative;
      width: 100%; }
      .error404 .text .btn::after {
        position: absolute;
        top: 10px;
        right: 20px; } }

.error404 .img404 {
  order: 1;
  display: block;
  width: 288px;
  height: 163px;
  background: url("https://www.studenti.it/img/404.svg");
  background-size: cover; }

@media screen and (min-width: 600px) {
  .error404 {
    display: flex;
    direction: row;
    justify-content: center; }
    .error404 .text {
      order: 2;
      width: calc(100% - 320px);
      max-width: 288px;
      padding-top: 30px;
      padding-bottom: 30px;
      padding-left: 30px;
      margin-left: 30px;
      border-left: 1px solid #eae6e0; }
    .error404 .img404 {
      order: 1;
      margin-top: 30px; } }

@media screen and (min-width: 768px) {
  .error404 .text {
    width: 360px;
    padding-top: 50px;
    padding-bottom: 50px; }
  .error404 .img404 {
    width: 360px;
    height: 204px;
    max-width: 360px;
    margin-top: 50px; } }

@media screen and (min-width: 950px) {
  .error404 .text {
    width: 420px;
    max-width: 420px;
    padding-top: 100px;
    padding-bottom: 100px; }
    .error404 .text h1 {
      font-size: 3.6rem; }
    .error404 .text p {
      font-size: 1.8rem; }
  .error404 .img404 {
    margin-top: 80px; } }

/* pagina iscrizione */
.tpl-iscrizione,
.tpl-recupero-password {
  display: block; }
  .tpl-iscrizione .sw,
  .tpl-recupero-password .sw {
    overflow: hidden; }

.header-profilo {
  padding: 0 0 20px; }
  .header-profilo h1 {
    font-size: 3.5rem;
    font-weight: 700;
    display: block; }
  .header-profilo .btn {
    vertical-align: middle;
    margin: 0 10px; }
  @media screen and (min-width: 600px) {
    .header-profilo {
      padding: 0 0 30px; }
      .header-profilo h1 {
        font-size: 5.4rem; }
      .header-profilo .btn {
        vertical-align: middle; } }

/* messaggi di errore, successo o alert */
.error-message,
.success-message,
.alert-message {
  margin-bottom: 20px;
  font-size: 1.6rem;
  border-radius: 5px;
  padding: 10px;
  width: 100%;
  background: #fff;
  display: inline-block; }
  @media screen and (min-width: 950px) {
    .error-message,
    .success-message,
    .alert-message {
      width: auto; } }
  .error-message::before,
  .success-message::before,
  .alert-message::before {
    content: '!';
    position: relative;
    top: -2px;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    color: white;
    text-align: center;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 16px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%; }
  .error-message.full-width,
  .success-message.full-width,
  .alert-message.full-width {
    width: 100%; }

.error-message {
  color: #d0021b;
  border: 1px solid #d0021b; }
  .error-message a {
    color: #d0021b; }
  .error-message::before {
    background: #d0021b; }

.success-message {
  color: #7ab700;
  border: 1px solid #7ab700; }
  .success-message a {
    color: #7ab700; }
  .success-message::before {
    background: #7ab700; }

.alert-message {
  color: #222;
  border: 1px solid #eae6e0;
  background: rgba(245, 166, 35, 0.1); }
  .alert-message a {
    color: #222; }
  .alert-message::before {
    background: #f5a623; }

/* form standard */
.standard_form {
  display: block;
  overflow: hidden;
  /* checkbox privacy e condizioni */ }
  @media screen and (min-width: 601px) and (max-width: 950px) {
    .standard_form {
      width: 50%; } }
  .standard_form.modifica_profilo {
    width: 100%; }
  .standard_form h4 {
    font-size: 2.7rem;
    font-weight: 700;
    color: #222;
    margin-bottom: 30px; }
    .standard_form h4.with-abstract {
      margin-bottom: 10px; }
  .standard_form p.info-password {
    margin: -5px 0 10px; }
  .standard_form .form-abstract {
    font-size: 16px;
    margin-bottom: 30px; }
  .standard_form .campo-error {
    display: block;
    padding: 20px;
    border: 1px solid #d0021b;
    margin-bottom: 30px;
    border-radius: 5px; }
    .standard_form .campo-error span {
      font-size: 1.8rem;
      color: #d0021b;
      font-weight: bold;
      line-height: 1.3em; }
    .standard_form .campo-error ul {
      display: block;
      overflow: hidden;
      padding: 20px 0 0; }
      .standard_form .campo-error ul li {
        display: block;
        overflow: hidden;
        padding: 0 0 10px 20px;
        font-size: 1.6em;
        position: relative;
        color: #222;
        line-height: 1.3em; }
        .standard_form .campo-error ul li:before {
          content: '';
          width: 6px;
          height: 6px;
          background: #d0021b;
          display: block;
          position: absolute;
          top: 8px;
          left: 0;
          border-radius: 50%; }
  .standard_form .campo-form {
    display: block;
    overflow: hidden;
    margin: 0 0 20px; }
    .standard_form .campo-form label {
      font-size: 1.6rem;
      font-weight: 600;
      line-height: 20px;
      display: block; }
      .standard_form .campo-form label.required:after {
        content: '*';
        color: #7ab700;
        font-weight: bold;
        padding: 0 5px; }
    .standard_form .campo-form .info-input {
      display: block;
      font-size: 1.2rem;
      color: black;
      padding: 2px 0 0; }
    .standard_form .campo-form input, .standard_form .campo-form select, .standard_form .campo-form textarea {
      background: #fff;
      border: 1px solid rgba(0, 0, 0, 0.2);
      display: block;
      width: 100%;
      padding: 0 10px;
      height: 43px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      margin-top: 5px;
      line-height: 43px;
      font-size: 1.6rem;
      color: #222;
      position: relative;
      font-family: 'Source Sans Pro', sans-serif; }
      .standard_form .campo-form input.form-error, .standard_form .campo-form select.form-error, .standard_form .campo-form textarea.form-error {
        background: #ffd5d5;
        border-color: #d0021b; }
    .standard_form .campo-form select {
      display: block; }
    .standard_form .campo-form textarea {
      min-height: 100px; }
    .standard_form .campo-form.data-nascita select {
      float: left;
      width: 30%;
      margin-right: 5%; }
      .standard_form .campo-form.data-nascita select:last-child {
        margin-right: 0; }
  .standard_form .user-reg-checkbox {
    display: block;
    overflow: hidden; }
    .standard_form .user-reg-checkbox .single-checkbox {
      position: relative;
      display: block;
      overflow: hidden;
      padding: 15px;
      margin: 0 0 15px;
      background: #f3f0ea; }
      .standard_form .user-reg-checkbox .single-checkbox.minorenne-check {
        border: 1px solid #eae6e0;
        background: rgba(245, 166, 35, 0.1); }
      .standard_form .user-reg-checkbox .single-checkbox .single-checkbox-title {
        font-size: 1.6rem;
        font-weight: 600;
        line-height: 20px;
        display: block;
        padding: 0 0 5px; }
        .standard_form .user-reg-checkbox .single-checkbox .single-checkbox-title.required:after {
          content: '*';
          color: #7ab700;
          font-weight: bold;
          padding: 0 5px; }
      .standard_form .user-reg-checkbox .single-checkbox input[type='checkbox'],
      .standard_form .user-reg-checkbox .single-checkbox input[type='radio'] {
        position: absolute;
        clip: rect(1px, 1px, 1px, 1px);
        margin: 0; }
      .standard_form .user-reg-checkbox .single-checkbox input[type='checkbox'] + label,
      .standard_form .user-reg-checkbox .single-checkbox input[type='radio'] + label {
        position: relative;
        overflow: hidden;
        display: block;
        padding: 0 0 0 30px;
        margin: 0;
        color: #000;
        font-size: 1.4rem;
        line-height: 18px;
        cursor: pointer; }
        .standard_form .user-reg-checkbox .single-checkbox input[type='checkbox'] + label:before,
        .standard_form .user-reg-checkbox .single-checkbox input[type='radio'] + label:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 16px;
          height: 16px;
          -webkit-border-radius: 3px;
          -moz-border-radius: 3px;
          -o-border-radius: 3px;
          border-radius: 3px;
          box-sizing: content-box;
          border: 1px solid #eae6e0;
          background-color: #fff;
          display: block;
          float: left; }
        .standard_form .user-reg-checkbox .single-checkbox input[type='checkbox'] + label.required:after,
        .standard_form .user-reg-checkbox .single-checkbox input[type='radio'] + label.required:after {
          content: '*';
          color: #7ab700;
          font-weight: bold;
          padding: 0 5px; }
      .standard_form .user-reg-checkbox .single-checkbox input[type='checkbox']:checked + label:before,
      .standard_form .user-reg-checkbox .single-checkbox input[type='radio']:checked + label:before {
        background-image: url("https://www.studenti.it/img/sprite.svg");
        width: 16px;
        height: 16px;
        background-position: -48px -80px;
        background-size: 160px 320px;
        background-color: #7ab700;
        border-color: #7ab700; }
      .standard_form .user-reg-checkbox .single-checkbox input[type='radio'] + label {
        padding: 0 0 10px 30px; }
        .standard_form .user-reg-checkbox .single-checkbox input[type='radio'] + label:before {
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -o-border-radius: 50%;
          border-radius: 50%; }
    .standard_form .user-reg-checkbox p {
      font-size: 1.4rem;
      line-height: 18px;
      display: block;
      margin: 0 0 15px; }
  .standard_form .g-recaptcha {
    text-align: center;
    margin: 10px 0 25px; }
    .standard_form .g-recaptcha > div {
      margin: 0 auto; }
      @media screen and (max-width: 600px) {
        .standard_form .g-recaptcha > div {
          transform: scale(0.96);
          transform-origin: 0 0; } }
  .standard_form .btn-form,
  .standard_form .lost_pwd_btn {
    text-align: center;
    margin-bottom: 25px; }
  .standard_form .label-asterisco {
    display: block;
    overflow: hidden;
    font-size: 1.4rem;
    color: #222;
    position: relative;
    padding: 2px 12px;
    font-style: italic;
    margin-bottom: 10px; }
    .standard_form .label-asterisco:before {
      content: "*";
      color: #7ab700;
      position: absolute;
      top: 0;
      left: 0;
      font-size: 20px;
      font-weight: bold;
      font-style: normal; }
  .standard_form .link-privacy {
    display: block;
    font-size: 1.4rem;
    line-height: 18px;
    clear: both;
    padding: 10px 0 0; }

/* Box destro 'Perchè iscriverti?' - Pagina registrazione */
.reg_why {
  display: block;
  overflow: hidden;
  padding: 30px;
  background: #f3f0ea; }
  .reg_why h1 {
    font-size: 2.7rem;
    font-weight: 700;
    color: #222;
    margin-bottom: 30px; }
  .reg_why h2 {
    font-size: 1.8rem;
    text-decoration: underline;
    font-weight: bold; }
    .reg_why h2:before {
      width: 25px;
      height: 25px;
      background-position: 0px -150px;
      background-size: 250px 500px;
      margin-right: 10px; }
  .reg_why p {
    font-size: 1.6rem;
    padding: 20px 0 0; }
    .reg_why p .logo-stu-dark {
      background: url("https://www.studenti.it/img/logo-studenti-dark.svg") no-repeat scroll 0 0;
      text-indent: -9999px;
      width: 109px;
      height: 25px;
      text-indent: -9999px;
      background-size: 100%;
      display: block;
      float: left;
      margin-right: 5px;
      margin-top: -4px; }

@media screen and (min-width: 768px) {
  .reg_form {
    width: 50%;
    float: left;
    padding: 30px 0; }
  .reg_why {
    width: 45%;
    float: right; } }

@media screen and (min-width: 951px) {
  .campo-form.campo-aligned, .campo-form.campo-aligned-big, .campo-form.campo-aligned-two {
    width: 25%;
    float: left;
    padding-right: 20px; }
  .campo-form.campo-aligned-big {
    width: 33%; }
  .campo-form.campo-aligned-two {
    width: 50%; }
  .btn-aligned {
    margin: 20px 0 0;
    text-align: left;
    float: left; } }

/* Form recupero password */
.lost_pwd_form {
  display: block; }
  .lost_pwd_form .lost_pwd_btn {
    width: 100%; }
  @media screen and (min-width: 951px) {
    .lost_pwd_form .campo-form {
      margin: 0;
      width: auto;
      float: left;
      position: relative; }
      .lost_pwd_form .campo-form.with-arrow {
        padding-right: 60px;
        width: auto; }
        .lost_pwd_form .campo-form.with-arrow:after {
          content: "";
          background-image: url("https://www.studenti.it/img/sprite.svg");
          width: 30px;
          height: 30px;
          background-position: -60px 0px;
          background-size: 300px 600px;
          position: absolute;
          top: 32px;
          right: 15px; }
      .lost_pwd_form .campo-form.campo-text {
        width: 340px; } }
    @media screen and (min-width: 951px) and (min-width: 1201px) {
      .lost_pwd_form .campo-form.campo-text {
        width: 500px; } }
  @media screen and (min-width: 951px) {
      .lost_pwd_form .campo-form .g-recaptcha {
        margin: 6px 0 0; }
        .lost_pwd_form .campo-form .g-recaptcha div {
          margin: 0; }
    .lost_pwd_form .lost_pwd_btn {
      clear: none;
      margin: 20px 0 0; }
      .lost_pwd_form .lost_pwd_btn btn {
        width: auto; } }

.iscrizione_message {
  font-size: 1.6em;
  padding: 0 0 20px; }
  .iscrizione_message h4 {
    font-size: 2.3rem;
    font-weight: 700;
    color: #222;
    margin-bottom: 20px; }
    .iscrizione_message h4 b {
      color: #d0021b; }
      .iscrizione_message h4 b.mail {
        color: #7ab700; }
    @media screen and (min-width: 950px) {
      .iscrizione_message h4 {
        font-size: 2.7rem; } }
  .iscrizione_message.minore {
    padding: 0 0 20px; }
  .iscrizione_message ul.iscrizione-elenco {
    display: block;
    overflow: hidden;
    margin: 15px 0; }
    .iscrizione_message ul.iscrizione-elenco li {
      display: block;
      overflow: hidden;
      margin: 0 0 10px;
      position: relative;
      padding-left: 20px;
      line-height: 1.5em; }
      .iscrizione_message ul.iscrizione-elenco li:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 7px;
        width: 10px;
        height: 10px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background: #f5a623; }

.input-minore {
  background: #eae6e0;
  padding: 20px;
  text-align: center;
  border-radius: 5px;
  margin: 20px 0; }
  .input-minore input[type='checkbox'] {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    margin: 0; }
  .input-minore input[type='checkbox'] + label {
    position: relative;
    overflow: hidden;
    padding: 0 0 0 30px;
    margin: 0;
    color: #222;
    font-size: 1.6em;
    cursor: pointer; }
    .input-minore input[type='checkbox'] + label:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 16px;
      height: 16px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      border-radius: 3px;
      box-sizing: content-box;
      border: 1px solid #eae6e0;
      background-color: #fff;
      display: block;
      float: left; }
  .input-minore input[type='checkbox']:checked + label:before {
    background-image: url("https://www.studenti.it/img/sprite.svg");
    width: 16px;
    height: 16px;
    background-position: -48px -80px;
    background-size: 160px 320px;
    background-color: #7ab700;
    border-color: #7ab700; }
  .input-minore .btn {
    margin-left: 15px; }
  @media screen and (max-width: 767px) {
    .input-minore {
      margin: 0; }
      .input-minore input[type='checkbox'] + label {
        display: block;
        text-align: left;
        margin-bottom: 20px;
        line-height: 1.8rem; } }

@media screen and (min-width: 950px) {
  .login-nomodal {
    width: 50%; } }

.login-nomodal .password_remind {
  color: #2274d5;
  font-size: 1.4rem;
  padding: 5px 0 0;
  display: block;
  text-align: right; }
  .login-nomodal .password_remind a:hover {
    text-decoration: none; }

.profilo-utente {
  display: block;
  overflow: hidden; }

/* MESSAGE SUCCESS */
.message-success {
  box-sizing: border-box;
  position: fixed;
  left: 50%;
  bottom: 20px;
  transform: translate(-50%, 100px);
  width: 90%;
  max-width: 700px;
  background: #2274d5;
  z-index: 999;
  text-align: center;
  border-radius: 2px;
  color: white;
  padding: 25px;
  line-height: 1.2em;
  font-size: 18px;
  transition: transform 1s cubic-bezier(0.91, 0.8, 0.54, 1.39); }

.message-success.visible {
  transform: translate(-50%, 0); }

.message-success a {
  color: #fff;
  text-decoration: underline; }

.message-success .close-message {
  position: absolute;
  right: 3px;
  top: 3px;
  width: 20px;
  height: 20px;
  opacity: 0.6;
  cursor: pointer; }

.message-success .close-message:hover {
  opacity: 1; }

.message-success .close-message:before,
.message-success .close-message:after {
  position: absolute;
  left: 10px;
  content: ' ';
  height: 21px;
  width: 1px;
  background-color: #fff; }

.message-success .close-message:before {
  transform: rotate(45deg); }

.message-success .close-message:after {
  transform: rotate(-45deg); }

/* Paginator */
.paginator {
  display: block;
  padding: 25px 0; }
  .paginator li {
    display: block;
    float: left;
    width: 42px;
    height: 42px;
    border: 1px solid #eae6e0;
    font-size: 1.5rem;
    margin-left: -1px;
    margin-bottom: -1px; }
    .paginator li a {
      color: #222;
      text-decoration: none;
      width: 100%;
      height: 100%; }
    .paginator li span,
    .paginator li a:hover {
      color: #fff;
      background: #f5a623;
      width: 100%;
      height: 100%; }
  @media screen and (min-width: 600px) {
    .paginator {
      padding: 50px 0; }
      .paginator li {
        width: 48px;
        height: 48px;
        font-size: 1.8rem; } }

/* Elemento Wiki in sidebar Serp */
.wiki-box {
  margin: 30px 0;
  width: 100%;
  max-width: 300px; }
  .wiki-box .wiki-elements {
    display: block;
    overflow: hidden; }
    .wiki-box .wiki-elements > li {
      display: block;
      border-bottom: 1px solid #eae6e0;
      overflow: hidden;
      margin-bottom: 20px;
      padding-bottom: 20px; }
      .wiki-box .wiki-elements > li h2 {
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.2em;
        /*
        height: 60px;        
        display: table-cell;
        vertical-align: middle;
        */ }
        .wiki-box .wiki-elements > li h2 a {
          color: #222;
          text-decoration: none;
          transition: box-shadow 0.1s ease-in-out;
          box-shadow: inset 0 -2px 0 0 #FAF7F3,inset 0 -4px 0 0 transparent; }
          .wiki-box .wiki-elements > li h2 a:hover {
            box-shadow: inset 0 -2px 0 0 #FAF7F3,inset 0 -4px 0 0 #000;
            text-shadow: 2px 0 #FAF7F3, -2px 0 #FAF7F3, 2px 0 #FAF7F3, -2px 0 #FAF7F3; }
      .wiki-box .wiki-elements > li figure {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: block;
        overflow: hidden;
        float: left;
        margin-right: 20px;
        background: #eae6e0; }
        .wiki-box .wiki-elements > li figure a {
          display: block;
          font-size: 20px;
          height: 100%;
          vertical-align: middle;
          text-align: center;
          line-height: 60px;
          color: #222;
          text-decoration: none;
          font-weight: 600; }
          .wiki-box .wiki-elements > li figure a img {
            width: 100%;
            height: auto;
            min-height: 100%; }
          .wiki-box .wiki-elements > li figure a b {
            opacity: 0.2; }
      .wiki-box .wiki-elements > li p {
        margin-top: 5px;
        font-size: 1.4rem;
        font-weight: 400;
        color: #222;
        margin-left: 80px;
        line-height: 2.4rem; }
      .wiki-box .wiki-elements > li .credits {
        margin-left: 80px;
        padding-top: 10px;
        display: block;
        font-size: 1.2rem;
        color: #222; }
        .wiki-box .wiki-elements > li .credits .fonte-wiki-click {
          font-weight: normal;
          opacity: 0.5;
          color: #222;
          text-decoration: none; }
        .wiki-box .wiki-elements > li .credits .credits-info {
          height: 0;
          opacity: 0;
          display: block;
          transition: all 300ms linear;
          padding: 5px 0 0; }
          .wiki-box .wiki-elements > li .credits .credits-info > span {
            display: block;
            padding: 0 0 2px;
            line-height: 1.4em; }
            .wiki-box .wiki-elements > li .credits .credits-info > span a {
              color: #222;
              text-decoration: none;
              display: inline-block; }
              .wiki-box .wiki-elements > li .credits .credits-info > span a:hover {
                text-decoration: underline; }
          .wiki-box .wiki-elements > li .credits .credits-info.open {
            height: auto;
            opacity: 1; }
  .wiki-box footer {
    font-size: 12px;
    line-height: 1.5rem;
    opacity: 0.4; }

.tpl-mappa-sito .box-listato > ul.box-listato-list {
  display: block; }

.tpl-mappa-sito .sitemap-list {
  display: block;
  overflow: hidden; }
  .tpl-mappa-sito .sitemap-list li {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 12px 0 12px 20px;
    border-bottom: 1px solid #eae6e0; }
    .tpl-mappa-sito .sitemap-list li:before {
      content: '';
      display: block;
      position: absolute;
      top: 21px;
      left: 0;
      width: 6px;
      height: 6px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      background: #2274d5; }
    .tpl-mappa-sito .sitemap-list li a {
      font-size: 1.8rem;
      line-height: 1.3em;
      color: #222;
      text-decoration: none;
      font-weight: 700;
      transition: box-shadow 0.1s ease-in-out;
      box-shadow: inset 0 -2px 0 0 #faf7f3, inset 0 -3px 0 0 transparent; }
      .tpl-mappa-sito .sitemap-list li a:hover {
        box-shadow: inset 0 -2px 0 0 #faf7f3, inset 0 -3px 0 0 #222;
        text-shadow: 2px 0 #faf7f3, -2px 0 #faf7f3, 2px 0 #faf7f3, -2px 0 #faf7f3; }

.wrapStickyTopBox {
  width: 100%;
  position: relative;
  z-index: 101; }

.stickyTopBox {
  width: 100%;
  background: rgba(0, 0, 0, 0);
  /* background: rgba(108,162,0,0);*/
  transition: background 150ms ease-in-out; }

.stickyTopBox.inTop {
  /*background: rgba(108,162,0,.7);*/
  background: rgba(0, 0, 0, 0.8);
  opacity: 1;
  transition: opacity 150ms ease-in-out;
  padding-top: 10px;
  padding-bottom: 30px; }

.stickyTopBox.inTop .triggerStickyTopBoxMobile#gpt-300250-mobile-container {
  margin: 0;
  margin-left: -150px;
  left: 50%;
  width: 300px;
  padding-bottom: 0;
  border: none;
  position: relative; }

.stickyTopBox.inTop.stickyFade {
  opacity: 0; }

.inTop {
  position: fixed;
  top: 50px;
  left: 0;
  width: 100%; }

.stickyBoxCounter {
  display: none; }

.inTop .stickyBoxFooter {
  position: relative;
  height: 30px; }

.inTop .stickyBoxCounter {
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #ccc;
  font-size: 12px;
  font-weight: 400;
  display: block; }

.inTop .stickyBoxCounter:before {
  content: "Si chiuderà in "; }

.inTop .stickyBoxCounter:after {
  content: " sec."; }

.inTop .stickyBoxClose {
  width: 40px;
  height: 40px;
  text-align: center;
  background: #000;
  position: absolute;
  bottom: -20px;
  right: 10px;
  display: block;
  text-decoration: none;
  border-radius: 50%; }

.inTop .stickyBoxClose:after,
.inTop .stickyBoxClose:before {
  position: absolute;
  content: '';
  top: 19px;
  left: 7px;
  height: 2px;
  width: 25px;
  background-color: #FFFFFF;
  display: block; }

.inTop .stickyBoxClose:after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg); }

.inTop .stickyBoxClose:before {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg); }