/* AGOS - Atlante */
/*================================================*/
/*  V 0.01 - LAST EDIT ANDREA TONDO = 09/10/18    */
/*================================================*/


/*==================*/
/*   #COLOR+IMAGES  */
/*==================*/

/*-------------------- COLOR GUIDE --------------------*/
/*

  PRIMARY          - #46C0ED (LIGHT BLUE)   - alt #065380

  SECONDARY        - #1A3A5D (DARK BLUE)    - alt #065380
  
  ACCENT/ALERT     - #EB212E (RED)          - alt #DB111E
  
  BACKGROUND       - #FFFFFF (FAKE WHITE)

  TEXT MAIN        - #585B5C
  TEXT EM          - #484B4C
  

  NOTE FOR THE FRONT-END DEVELOPER:
  Primary, Secondary, Accent/alert and Text color should have high contrast on Background color.
  Primary, Secondary and Accent/alert color should have high contrast also when used as background for white text.

  ++++++++++++++++++++++++++++++
  RIF -> LOGcsskit_V01--AGOS.css
  ++++++++++++++++++++++++++++++
  
*/
/*-----------------------------------------------------*/




/*==================*/
/*       TEMP       */
/*==================*/

.AGO-newslink-dwn {
  display: none;
}

/* 2023-05-10 ADD Stefano Maggioni */
/*===============*/
/*     HACKS     */
/*===============*/
/* Safari hack (handling offcanvas menu opening) */
body.safari {
  margin-left: 0!important;
}

/*
body.uk-offcanvas-page.safari {
  margin-left: 0!important;
  padding-left: 270px;
  transition: padding-left 0.3s ease-in-out 50ms;
}
*/
/* END 2023-05-10 ADD Stefano Maggioni */



/*==================*/
/*     OVERRIDE     */
/*==================*/

/*OVERRIDE THEME.css*/
.tm-block-top .tm-logo {
  float  : none;
  display: block;
}

.uk-grid,
.uk-grid:not(.uk-grid-preserve) {
  margin-left: 0;
}

.uk-grid>[class*="uk-width-"],
.uk-grid:not(.uk-grid-preserve)>[class*="uk-width-"] {
  padding-left: 0;
}

.uk-grid>.uk-width-medium-1-1 {
  float: none;
}



@media (min-width: 768px) {
  /*
  .tm-main-bottom-2 > .uk-width-medium-1-2:first-child { padding-right: 15px; }
  .tm-main-bottom-2 > .uk-width-medium-1-2:first-child + .uk-width-medium-1-2 { padding-left: 15px; }
  */
}

body {
  padding    : 0px;
  font-family: 'clear_sans', Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 #yoo-zoo .item h1,
#yoo-zoo .item h2,
#yoo-zoo .item h3,
#yoo-zoo .item h4,
#yoo-zoo .item h5,
#yoo-zoo .item h6 {
  font-family: 'clear_sans', Helvetica, Arial, sans-serif;
}

/*removable?*/
.tm-toolbar {
  position: relative;
  height  : 80px;
}

/*removable?*/
.uk-navbar {
  background: transparent;
}

.tm-navbar {
  margin: 0;
}

.tm-footer {
  position     : relative;
  box-sizing   : border-box;
  min-height   : 5rem;
  margin-top   : 0;
  margin-bottom: 0;
  padding      : 0;
  line-height  : 5rem;
  border       : 0;
}

/*removable?*/
.tm-totop-scroller {
  top            : -20px;
  right          : 20px;
  text-decoration: none;
  z-index        : 1;
}

.tm-main {
  float: none;
}

/*removable?*/
.tm-footer .uk-container {
  position: relative;
}


.uk-modal.toggled {
  opacity   : 1;
  transition: opacity .2s ease;
}

.uk-modal-dialog {
  position  : absolute;
  top       : 5vh;
  left      : 0;
  right     : 0;
  bottom    : auto;
  width     : 90vw;
  max-width : 600px;
  height    : 100%;
  max-height: 90vh;
  margin    : auto;
  padding   : 1.5rem;
  background: #FFFFFF;
}

/*OVERRIDE ITEM.css*/
#yoo-zoo .item h3 {
  margin-top   : 0px;
  /*font-weight:300;*/
  color        : inherit;
  font-size    : 3rem;
}


.item-icon.edit-item {
  display: none;
}


/*==================*/
/*DIMENSION+POSITION*/
/*==================*/


/*### LOG IN PAGE ###*/
body.AGO-login .wrapper {
  position             : relative;
  background-size      : cover;
  background-attachment: fixed;
}

body.AGO-login #widgetsContainer {
  position: relative;
}

body.AGO-login #widgetsContainer .tm-content {
  text-align: center;
}

body.AGO-login .loginAGO-login,
body.AGO-login .resetAGO-login {
  max-width : 350px;
  margin    : 0 auto;
  text-align: left;
}


.AGO-page--profilo .tm-content .resetAGO-login {
  margin-top: -60px;
}

form .AGO-group {
  margin-top: 2rem;
}


body.AGO-login .loginAGO-login #username:focus,
body.AGO-login .loginAGO-login #password:focus,
.AGO-login #jform_email:focus,
.AGO-login #jform_token:focus,
.AGO-login #jform_username:focus,
.AGO-login #jform_password1:focus,
.AGO-login #jform_password2:focus,
.AGO-login #newpass:focus,
.AGO-login #newpass_conf:focus,
.AGO-search .AGO-searchform #q:focus,
body.AGO-login .loginAGO-login #username:valid,
body.AGO-login .loginAGO-login #password:valid,
.AGO-login #jform_email:valid,
.AGO-login #jform_token:valid,
.AGO-login #jform_username:valid,
.AGO-login #jform_password1:valid,
.AGO-login #jform_password2:valid,
.AGO-login #newpass:valid,
.AGO-login #newpass_conf:valid,
.AGO-search .AGO-searchform #q:valid {
  /*border-bottom-color: #46C0ED;*/
  border-bottom-color: #07ABB8;
}

.AGO-search .AGO-searchform #q+label {
  margin-top: -6rem !important;
}

body.AGO-login .loginAGO-login #password,
.AGO-login #jform_password1,
.AGO-login #jform_password2,
.AGO-login #newpass,
.AGO-login #newpass_conf {
  letter-spacing: 0.2rem
}

body.AGO-login .loginAGO-login #username,
body.AGO-login .loginAGO-login #password,
.AGO-login #jform_email,
.AGO-login #jform_token,
.AGO-login #jform_username,
.AGO-login #jform_password1,
.AGO-login #jform_password2,
.AGO-login #newpass,
.AGO-login #newpass_conf,
.AGO-search .AGO-searchform #q,
body.AGO-login .loginAGO-login #username+label,
body.AGO-login .loginAGO-login #password+label,
.AGO-login #jform_email+label,
.AGO-login #jform_token+label,
.AGO-login #jform_username+label,
.AGO-login #jform_password1+label,
.AGO-login #jform_password2+label,
.AGO-login #newpass+label,
.AGO-login #newpass_conf+label,
.AGO-search .AGO-searchform #q+label {
  width        : 100%;
  padding      : 0 10px;
  border       : 0;
  border-radius: 0;
  background   : transparent;
  height       : 4.8rem;
  line-height  : 4.8rem;
  font-size    : 2.4rem;
  box-shadow   : none;
}

body.AGO-login .loginAGO-login #username,
body.AGO-login .loginAGO-login #password,
.AGO-login #jform_email,
.AGO-login #jform_token,
.AGO-login #jform_username,
.AGO-login #jform_password1,
.AGO-login #jform_password2,
.AGO-login #newpass,
.AGO-login #newpass_conf,
.AGO-search .AGO-searchform #q {
  position     : relative;
  z-index      : 1;
  will-change  : border-bottom-color;
  transition   : border-bottom-color 0.2s ease;
  border-bottom: 2px solid #585B5C;
  color        : #585B5C;
}

.AGO-login #jform_token {
  font-size: 2rem;
}

body.AGO-login .loginAGO-login #username:focus,
body.AGO-login .loginAGO-login #password:focus,
.AGO-login #jform_email:focus,
.AGO-login #jform_token:focus,
.AGO-login #jform_username:focus,
.AGO-login #jform_password1:focus,
.AGO-login #jform_password2:focus,
.AGO-login #newpass:focus,
.AGO-login #newpass_conf:focus,
.AGO-search .AGO-searchform #q:focus {
  outline: 0;
}


body.AGO-login .loginAGO-login #username:invalid,
body.AGO-login .loginAGO-login #password:invalid,
.AGO-login #jform_email:invalid,
.AGO-login #jform_token:invalid,
.AGO-login #jform_username:invalid,
.AGO-login #jform_password1:invalid,
.AGO-login #jform_password2:invalid,
.AGO-login #newpass:invalid,
.AGO-login #newpass_conf:invalid,
.AGO-search .AGO-searchform #q:invalid {
  box-shadow: none;
  outline   : 0;
}

body.AGO-login .AGO-login #jform_email:invalid:not(:focus) {
  color: rgba(255, 255, 255, 0);
}

body.AGO-login .loginAGO-login #username+label,
body.AGO-login .loginAGO-login #password+label,
.AGO-login #jform_email+label,
.AGO-login #jform_token+label,
.AGO-login #jform_username+label,
.AGO-login #jform_password1+label,
.AGO-login #jform_password2+label,
.AGO-login #newpass+label,
.AGO-login #newpass_conf+label,
.AGO-search .AGO-searchform #q+label {
  position        : relative;
  display         : block;
  box-sizing      : border-box;
  margin-top      : -4.9rem;
  font-size       : 1.8rem;
  pointer-events  : none;
  opacity         : .7;
  transform-origin: left bottom;
  transition      : opacity .2s ease, transform .2s ease;
  color           : #585B5C;
}

body.AGO-login .loginAGO-login #username:valid+label,
body.AGO-login .loginAGO-login #password:valid+label,
.AGO-login #jform_email:valid+label,
.AGO-login #jform_token:valid+label,
.AGO-login #jform_username:valid+label,
.AGO-login #jform_password1:valid+label,
.AGO-login #jform_password2:valid+label,
.AGO-login #newpass:valid+label,
.AGO-login #newpass_conf:valid+label,
.AGO-search .AGO-searchform #q:valid+label,
body.AGO-login .loginAGO-login #username:focus+label,
body.AGO-login .loginAGO-login #password:focus+label,
.AGO-login #jform_email:focus+label,
.AGO-login #jform_token:focus+label .AGO-login #jform_username:focus+label,
.AGO-login #jform_password1:focus+label,
.AGO-login #jform_password2:focus+label,
.AGO-login #newpass:focus+label,
.AGO-login #newpass_conf:focus+label,
.AGO-search .AGO-searchform #q:focus+label {
  /*visibility:hidden;*/
  transform: scale(.7) translateY(-100%);
  opacity  : .5;
}

@supports (pointer-events: none) {

  body.AGO-login .loginAGO-login #username:valid+label,
  body.AGO-login .loginAGO-login #password:valid+label,
  .AGO-login #jform_email:valid+label,
  .AGO-login #jform_token:valid+label,
  .AGO-login #jform_username:valid+label,
  .AGO-login #jform_password1:valid+label,
  .AGO-login #jform_password2:valid+label,
  .AGO-login #newpass:valid+label,
  .AGO-login #newpass_conf:valid+label,
  .AGO-search .AGO-searchform #q:valid+label,
  body.AGO-login .loginAGO-login #username:focus+label,
  body.AGO-login .loginAGO-login #password:focus+label,
  .AGO-login #jform_email:focus+label,
  .AGO-login #jform_token:focus+label .AGO-login #jform_username:focus+label,
  .AGO-login #jform_password1:focus+label,
  .AGO-login #jform_password2:focus+label,
  .AGO-login #newpass:focus+label,
  .AGO-login #newpass_conf:focus+label,
  .AGO-search .AGO-searchform #q:focus+label {
    pointer-events: none;
    z-index       : 1;
  }
}



body.AGO-login .loginAGO-login #username+label .star,
body.AGO-login .loginAGO-login #password+label .star,
.AGO-login #jform_email+label .star,
.AGO-login #jform_token+label .star,
.AGO-login #jform_username+label .star,
.AGO-login #jform_password1+label .star,
.AGO-login #jform_password2+label .star {
  font-size     : 2.4rem;
  line-height   : 1rem;
  vertical-align: sub;
  will-change   : color;
  transition    : color 0.2s ease;
  font-weight   : 300;
}

@media (min-width: 420px) {

  body.AGO-login .loginAGO-login #username+label .star,
  body.AGO-login .loginAGO-login #password+label .star,
  .AGO-login #jform_email+label .star,
  .AGO-login #jform_token+label .star,
  .AGO-login #jform_username+label .star,
  .AGO-login #jform_password1+label .star,
  .AGO-login #jform_password2+label .star {
    position    : absolute;
    right       : 100%;
    top         : 50%;
    margin-right: 2px;
  }
}

body.AGO-login .loginAGO-login #username:invalid+label .star,
body.AGO-login .loginAGO-login #password:invalid+label .star,
.AGO-login #jform_email:invalid+label .star,
.AGO-login #jform_token:invalid+label .star,
.AGO-login #jform_username:invalid+label .star,
.AGO-login #jform_password1:invalid+label .star,
.AGO-login #jform_password2:invalid+label .star {
  visibility: visible;
  /*color   : #46C0ED;*/
  color     : #07ABB8;
}

@media(max-width:420px) {

  body.AGO-login .loginAGO-login #username:invalid+label .star,
  body.AGO-login .loginAGO-login #password:invalid+label .star,
  .AGO-login #jform_email:invalid+label .star,
  .AGO-login #jform_token:invalid+label .star,
  .AGO-login #jform_username:invalid+label .star,
  .AGO-login #jform_password1:invalid+label .star,
  .AGO-login #jform_password2:invalid+label .star {
    visibility: hidden;
  }
}

body.AGO-login .loginAGO-login #username:valid+label .star,
body.AGO-login .loginAGO-login #password:valid+label .star,
.AGO-login #jform_email:valid+label .star,
.AGO-login #jform_token:valid+label .star,
.AGO-login #jform_username:valid+label .star,
.AGO-login #jform_password1:valid+label .star,
.AGO-login #jform_password2:valid+label .star {
  color: rgba(255, 255, 255, 0);
}


body.AGO-login .loginAGO-login button {
  margin-top: 2rem;
}

body.AGO-login .loginAGO-login #remember {
  display: none;
}

body.AGO-login .loginAGO-login #remember+label {
  display      : inline-block;
  line-height  : 4.8rem;
  padding-right: 0.3rem;
  cursor       : pointer;
  border       : 1px dotted transparent;
}

body.AGO-login .loginAGO-login #remember:focus+label {
  border-color: #585B5C;
}

body.AGO-login .loginAGO-login #remember+label:before {
  content     : "";
  display     : inline-block;
  height      : 1rem;
  width       : 1rem;
  margin-right: 1rem;
  border      : 0.2rem solid;
}

body.AGO-login .loginAGO-login #remember:checked+label:before {
  border-right: 0;
  border-top  : 0;
  height      : 0.6rem;
  margin-right: 1.2rem;
  transform   : translate(0.3rem, -0.5rem) rotate(-45deg);
  /*color     : #1A3A5D;*/
  color       : #024c44;
}

body.AGO-login .loginAGO-login.login-help {
  color: #585B5C;
}

body.AGO-login .loginAGO-login.login-help ul {
  padding-left: 0;
  margin      : 0;
  list-style  : none;
}

body.AGO-login .loginAGO-login.login-help ul a {
  display    : inline-block;
  margin     : 0 0 0.3rem;
  line-height: 4.8rem;
  font-size  : 1.6rem;
  border     : 0;
}

body.AGO-login .loginAGO-login.login-help a:focus {
  outline-offset: 0.2rem;
}

body.AGO-login #system-message {
  border: 0;
}

body.AGO-login #system-message .alert {
  padding: 1rem;
}

body.AGO-login #system-message .alert a.close {
  display: none;
}

/*body.AGO-login #system-message .alert .alert-heading{margin-top:0;}*/


body.AGO-login .loginAGO-login .BNT-group button[type="submit"] {
  margin-top: 45px;
}

body.AGO-login.AGO-reset #system-message-container+div {
  max-width : 350px;
  margin    : 0 auto;
  text-align: left;
  font-size : 1.6rem;
}

/*### FINE LOG IN PAGE ###*/


/*### ALERT ###*/
#system-message .alert,
.uk-alert {
  position     : relative;
  padding      : 1.2rem;
  border       : 2px solid;
  box-shadow   : none;
  text-shadow  : none;
  background   : #fff;
  margin-bottom: 2.4rem;
  background   : rgba(255, 255, 255, 0.75);
  color        : #EB212E;
}

.uk-alert.uk-alert--narrow {
  max-width : 720px;
  margin    : auto;
  box-sizing: border-box;
}

#system-message .alert .close,
.uk-alert .uk-close {
  position       : absolute;
  top            : 0;
  right          : 0;
  display        : block;
  width          : 4.5rem;
  height         : 4.5rem;
  text-align     : center;
  line-height    : 4.5rem;
  font-size      : 3rem;
  text-decoration: none;
  color          : inherit;
  cursor         : pointer;
  opacity        : 1;
}

.uk-alert .uk-close {
  position: static;
  float   : right;
  margin  : -15px -15px 0 0;
}

.uk-alert .uk-close:after {
  content: none;
  display: none;
}

#system-message .alert.alert-message {
  /*color: #1A3A5D;*/
  color: #024c44;
}

#system-message .alert .alert-heading {
  display: none;
}

#system-message .alert>div {
  margin-right: 4.5rem;
}

#system-message .alert div p {
  margin: 0;
}

/*### FINE ALERT ###*/

/*### HEADER ###*/
.AGO-header,
.AGO-bottom {
  max-width: 1640px;
  margin   : auto;

  /*code for browsers doesn't support flexbox*/
  overflow: auto;
}

.AGO-header #logo_container {
  /*code for browsers doesn't support flexbox*/
  float: left;
}

.AGO-header #logo-dx {
  /*code for browsers doesn't support flexbox*/
  float: right;
}

.AGO-header #logo-dx>* {
  display       : inline-block;
  /*code for browsers doesn't support flexbox*/
  vertical-align: middle;
  /*code for browsers doesn't support flexbox*/
  margin-left   : 4rem;
}

.AGO-menu--header li {
  /*code for browsers doesn't support flexbox*/
  display       : inline-block;
  line-height   : 1.2rem;
  vertical-align: middle;
}

.AGO-header #logo_container {
  display    : flex;
  align-items: center;
  max-width  : 130px;
}

.AGO-logo--agos {
  max-width: 100px;
}

.AGO-logo--agos,
.AGO-menu--header {
  /*code for browsers doesn't support flexbox*/
  display       : inline-block;
  line-height   : 60px;
  vertical-align: middle;
}


@media (min-width: 500px) {
  .AGO-header #logo_container {
    max-width: 155px;
  }

  .AGO-logo--agos {
    max-width: 110px;
  }

  .AGO-logo--agos,
  .AGO-menu--header {
    /*code for browsers doesn't support flexbox*/
    line-height: 70px;
  }
}

@media (min-width: 650px) {
  .AGO-header #logo_container {
    max-width: 200px;
  }

  .AGO-logo--agos {
    max-width: 120px;
  }

  .AGO-logo--agos,
  .AGO-menu--header {
    /*code for browsers doesn't support flexbox*/
    line-height: 90px;
  }
}

@media (min-width: 750px) {

  .AGO-header #logo_container,
  .AGO-logo--agos {
    max-width: none;
  }

  .AGO-logo--agos,
  .AGO-menu--header {
    /*code for browsers doesn't support flexbox*/
    line-height: 135px;
  }
}

@supports (display: flex) {
  .AGO-header {
    display        : flex;
    flex-direction : row;
    justify-content: space-between;
  }

  .AGO-header #logo_container,
  .AGO-header #logo-dx {
    float: none;
  }

  .AGO-header #logo-dx {
    flex-grow: 1;

    display        : flex;
    flex-direction : row;
    justify-content: flex-end;
    align-items    : center;
  }

  .AGO-logo--agos,
  .AGO-menu--header,
  .AGO-menu--header li {
    line-height: 1.2em;
  }
}

.AGO-menu--header li a {
  font-size     : 1.4rem;
  text-transform: uppercase;
  text-align    : center;
  /*color       :#065380;*/
  color         : #024c44;
}

.AGO-menu--header li a::before {
  content            : "";
  display            : block;
  width              : 3.8rem;
  height             : 3.8rem;
  margin             : 0 auto 1rem;
  background-position: center;
  background-repeat  : no-repeat;
}

ul[id*="AGO-menu"] li a.AGO-search::before {
  background-image: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon--search.svg);
}

ul[id*="AGO-menu"] li a.AGO-logout::before {
  background-image: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon--logout.svg);
}

ul[id*="AGO-menu"] li a.AGO-scrivi::before {
  background-image: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon--mail.svg);
}

.uk-nav-side>li>a:focus,
.uk-nav-side>li.uk-active>a {
  box-shadow: none;
  background: rgba(0, 0, 0, .1);
  color     : inherit;
}


/*### FINE HEADER ###*/

/*### PROFILETTO ####*/

.AGO-profiletto {
  width        : 4rem;
  height       : 4rem;
  /*border     : 2px solid #065380;
  background   : #065380;*/
  border       : 2px solid #024c44;
  background   : #024c44;
  border-radius: 50%;
  overflow     : hidden;
}

@media (min-width: 650px) {
  .AGO-profiletto {
    width : 5rem;
    height: 5rem;
  }
}

@media (min-width: 750px) {
  .AGO-profiletto {
    width : 7.5rem;
    height: 7.5rem;
  }
}

.AGO-profiletto a {
  display: block;
  width  : 100%;
  height : 100%
}

.AGO-profiletto a img {
  width          : 100%;
  height         : 100%;
  object-fit     : cover;
  object-position: center;
}

/*### FINE PROFILETTO ####*/

/*### MAIN MENU ###*/

.AGO-top .tm-navbar {
  min-height  : 4.5rem;
  /*background: #065380;*/
  background  : #024c44;
}

.AGO-top .tm-navbar ul {
  max-width: 1440px;
  margin   : auto;
  float    : none;
  font-size: 0;
  /* need to be 0 to make it work without floats */
}

.AGO-top .tm-navbar ul>li {
  display       : inline-block;
  float         : none;
  line-height   : 4.5rem;
  font-size     : 2rem;
  text-transform: uppercase;
}

.AGO-top .tm-navbar ul>li>a {
  height     : 4.5rem;
  padding    : 0 20px;
  line-height: 4.5rem;
  color      : #FFFFFF;
}

.AGO-top .tm-navbar ul>li>a:hover,
.AGO-top .tm-navbar ul>li>a:focus {
  /*color: #46C0ED;*/
  color: #07ABB8;
}

.AGO-top .tm-navbar ul>li>a.AGO-special {
  /*color: #46C0ED;*/
  color: #07ABB8;
}

.AGO-top .tm-navbar ul>li>a.AGO-special:hover,
.AGO-top .tm-navbar ul>li>a.AGO-special:focus {
  opacity: .8;
}

/*### FINE MAIN MENU ###*/


/*### OFFCANVAS ###*/

.AGO-top .uk-navbar-toggle {
  position  : relative;
  height    : 4.5rem;
  width     : 4.5rem;
  box-sizing: border-box;
  float     : left;
}

.AGO-top .uk-navbar-toggle::after {
  content            : "";
  position           : absolute;
  top                : 0;
  left               : 0;
  right              : 0;
  bottom             : 0;
  background-image   : url("data:image/svg+xml,%3Csvg version='1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 15'%3E %3Cpath fill='%23fff' d='M0 12h18v3H0zM0 6h18v3H0zM0 0h18v3H0z'/%3E %3C/svg%3E");
  background-size    : 1.8rem;
  background-position: center;
  background-repeat  : no-repeat;
}

.uk-offcanvas-bar {
  /*background: #1A3A5D;*/
  background: #024c44;
}

.uk-nav-offcanvas>li>a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color        : #FFFFFF;
}

.uk-nav-offcanvas>li>a:hover,
.uk-nav-offcanvas>li>a:focus {
  background-color: rgba(255, 255, 255, .1);
}

html .uk-nav.uk-nav-offcanvas>li.uk-active>a {
  color           : #FFFFFF;
  box-shadow      : none;
  background-color: rgba(255, 255, 255, .2);
}

@supports (filter: brightness(100)) {
  #AGO-menu--headerMOBILE li a::before {
    content            : "";
    display            : inline-block;
    width              : 1.8rem;
    height             : 1.8rem;
    margin             : 0 1rem 0 0;
    background-position: center;
    background-repeat  : no-repeat;
    vertical-align     : middle;
    filter             : brightness(100);
  }
}

#AGO-menu--headerMOBILE li a {
  position    : relative;
  /*background: #065380;*/
  background  : #024c44;
}

#AGO-menu--headerMOBILE li a::after {
  content       : "";
  position      : absolute;
  top           : 0;
  left          : 0;
  right         : 0;
  bottom        : 0;
  background    : rgba(255, 255, 255, .1);
  pointer-events: none;
  opacity       : 0;
}

#AGO-menu--headerMOBILE li a:hover::after,
#AGO-menu--headerMOBILE li a:focus::after {
  opacity: 1;
}

/*### FINE OFFCANVAS ###*/

/*### LAYOUT & WRAPPER ###*/
.AGO-hp .tm-top-b
.AGO-hp .tm-main-bottom-2 {
  padding: 0 1.5rem;
}

.AGO-wrapperHP {
  max-width: 1240px;
  margin   : 0 auto;
}

@media screen and (min-width: 1440px) {
  .AGO-wrapperHP {
    max-width: 1330px;
  }
}

/*### FINE LAYOUT & WRAPPER ###*/

/*### TOP B ###*/
.AGO-hp .tm-top-b {
  background-color: #DFEDF3;
  /* !!! COLOR OUT OF GUIDE */
}

/*### FINE TOP B ###*/



/*### HP NEWS ITEM EVERYWHERE ###*/

.AGO-newsHP {
  margin: 3rem auto;
}


.AGO-newsHP ul.zoo-list {
  font-size : 0;
  text-align: center;
}

.AGO-newsHP ul.zoo-list>li {
  display       : inline-block;
  width         : 100%;
  max-width     : 465px;
  margin        : 0 0 3rem;
  padding       : 0;
  border        : 0;
  font-size     : 1.2rem;
  vertical-align: top;
  text-align    : left;
}

.AGO-newsHP .description {
  font-size: 1.4rem;
}

.AGO-newsHP .AGO-imgplaceholder {
  position    : relative;
  /*background: #1A3A5D;*/
  background  : #024c44;
}

.AGO-newsHP .AGO-imgplaceholder::after {
  content : "";
  position: absolute;
  top     : 0;
  left    : 0;
  right   : 0;
  bottom  : 0;
  background-image:
    linear-gradient(315deg, #000 25%, transparent 25.5%),
    linear-gradient(45deg, #000 25%, transparent 25.5%),
    linear-gradient(0deg, #000 30%, transparent 30.5%),
    radial-gradient(#FFF 50%, transparent 50.5%);
  background-size:
    90% 90%,
    90% 90%,
    100%,
    30rem 30rem;
  background-position:
    -80% -200%,
    -80% -200%,
    50% 50%,
    100% 0%;
  background-repeat:
    no-repeat,
    repeat-x,
    repeat-x,
    no-repeat;
  opacity: .1;
}

.AGO-newsHP div.media-top {
  position: relative;
  overflow: hidden;
}

.AGO-newsHP div.media-top::after {
  content   : "";
  background: linear-gradient(to top, rgba(0, 0, 0, .6), rgba(0, 0, 0, .1) 70%, rgba(0, 0, 0, 0));
}

.AGO-newsHP div.media-top img {
  position    : absolute;
  width       : 110%;
  max-width   : 110%;
  margin      : -5%;
  /*transition: transform .2s ease, opacity .2s ease;*/
  transition  : filter .2s ease, transform .2s ease;
  will-change : filter;
}

.AGO-newsHP ul>li>div:hover div.media-top img {
  transform: scale(.96);
  filter   : blur(5px);
}


.AGO-newsHP a:not([href*="/item/"]) {
  /* <- category */
  position       : relative;
  font-size      : 1.2rem;
  line-height    : 1.5em;
  padding        : 0 .5rem;
  font-weight    : bold;
  text-transform : uppercase;
  text-decoration: none;
  color          : #FFFFFF;
  background     : #EB212E;
}

@media (min-width: 370px) {
  .AGO-newsHP a:not([href*="/item/"]) {
    font-size: 1.5rem;
  }
}

@media (min-width: 660px) {
  .AGO-newsHP a:not([href*="/item/"]) {
    font-size: 1.2rem;
  }
}

@media (min-width:1200px) {
  .AGO-newsHP a:not([href*="/item/"]) {
    font-size: 1.5rem;
  }
}

.AGO-newsHP a:not([href*="/item/"]):hover,
.AGO-newsHP a:not([href*="/item/"]):focus {
  /* <- category */
  background: #DB111E;
}

.AGO-newsHP p.title a:not([href*="/item/"])::before {
  content       : "";
  position      : absolute;
  pointer-events: none;
  top           : 0;
  left          : 0;
  right         : 0;
  bottom        : 0;
  box-shadow    : 0 7px 10px rgba(0, 0, 0, .3);
  opacity       : 0;
  transition    : opacity .2s ease;
}

.AGO-newsHP ul>li>div:hover a:not([href*="/item/"])::before {
  opacity: 1;
}

.AGO-newsHP .element-itempublish_up {
  float    : left;
  font-size: 1rem;
}

@media (min-width: 370px) {
  .AGO-newsHP .element-itempublish_up {
    font-size: 1.2rem;
  }
}

@media (min-width: 660px) {
  .AGO-newsHP .element-itempublish_up {
    font-size: 1rem;
  }
}

@media (min-width:1024px) {
  .AGO-newsHP .element-itempublish_up {
    font-size: 1.4rem;
  }
}

.AGO-newsHP .element-itemhits,
.AGO-newsHP .element-countlike .countlike,
.AGO-newsHP .element-itemcommentslink a {
  margin-left    : .5rem;
  font-size      : 1rem;
  color          : #FFFFFF;
  text-decoration: none;
  pointer-events : none;
}

@media (min-width: 660px) and (max-width: 950px) {

  .AGO-newsHP .element-countlike .countlike,
  .AGO-newsHP .element-itemcommentslink a {
    display: none;
  }
}


.AGO-newsHP .element-itemcommentslink a {
  pointer-events: none;
}

.AGO-newsHP .element-itemcommentslink a:empty,
.AGO-newsHP .element-countlike .countlike.nolike {
  display: none;
}

.AGO-newsHP .element-itemhits::before,
.AGO-newsHP .element-countlike .countlike::before,
.AGO-newsHP .element-itemcommentslink a::before {
  content            : "";
  display            : inline-block;
  width              : 2.2rem;
  height             : 2.2rem;
  margin-right       : .2rem;
  vertical-align     : middle;
  background         : url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__comment--WHITE.svg);
  background-repeat  : no-repeat;
  background-position: center;
  filter             : drop-shadow(0 0 0 #fff);
}

.AGO-newsHP .element-itemhits::before {
  background: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__hits--WHITE.svg);
}

.AGO-newsHP .element-countlike .countlike::before {
  background: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__like--WHITE.svg);
}

.AGO-newsHP .element-itemcommentslink a::before {
  background: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__comment--WHITE.svg);
}


.AGO-newsHP p.links {
  margin   : 0;
  font-size: 0;
}

.AGO-newsHP p.links a {
  position   : absolute;
  top        : 0;
  left       : 0;
  right      : 0;
  bottom     : 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow   : hidden;
}



.AGO-newsHP--main {
  /*max-width: 1400px;*/
  max-width: 1399px;
  /* Custom width due to Google Chrome Bug - must be a 3n number */
}

@media (min-width: 660px) {
  .AGO-newsHP--main ul.zoo-list>li {
    width    : 33.33%;
    max-width: 33.33%;
  }
}

.AGO-newsHP--main .layout-layout2 {
  position      : relative;
  height        : 0;
  padding-bottom: 115%;
  perspective   : 400px;
  overflow      : hidden;
}

.AGO-newsHP--main div.media-top,
.AGO-newsHP div.media-top::after,
.AGO-newsHP--main .AGO-imgplaceholder,
.AGO-newsHP--main p.title,
.AGO-newsHP--main p.data,
.AGO-newsHP--main div.description {
  position: absolute;
  top     : 0;
  left    : 0;
  right   : 0;
  bottom  : 0;
  margin  : 0;
}

.AGO-newsHP--main p.title {
  top       : auto;
  bottom    : 50%;
  max-height: 45%;
  z-index   : 1;
}

@media (max-width: 659px),
(min-width: 1024px) {
  .AGO-newsHP--main p.title {
    bottom    : 33.33%;
    max-height: 60%;
  }
}

.AGO-newsHP--main p.data {
  top             : 50%;
  /* magic number :( , sorry */
  margin-top      : 0;
  margin-bottom   : 3.5rem;
}

@media (max-width: 659px),
(min-width: 1024px) {
  .AGO-newsHP--main p.data {
    top             : 66.66%;
    /* magic number :( , sorry */
  }
}

.AGO-newsHP--main p.title,
.AGO-newsHP--main p.data {
  padding-left : 2rem;
  padding-right: 2rem;
}

.AGO-newsHP--main div.description {
  top       : auto;
  height    : 3.5rem;
  margin    : 0;
  background: #CCCCCC;
}



.AGO-newsHP--main p.title a {
  display         : inline-block;
  color           : #FFFFFF;
  font-weight     : bold;
  text-decoration : none;
  transform-origin: bottom;
}

.AGO-newsHP--main p.title a[title] {
  display    : block;
  margin     : .7rem 0;
  font-size  : 2rem;
  line-height: 1.2em;
  transition : text-shadow .2s ease;
  will-change: text-shadow;
}

@media (min-width: 370px) {
  .AGO-newsHP--main p.title a[title] {
    font-size: 3rem;
    margin   : 1.2rem 0;
  }
}

@media (min-width: 660px) {
  .AGO-newsHP--main p.title a[title] {
    font-size: 2rem;
    margin   : .7rem 0;
  }
}

@media (min-width:1024px) {
  .AGO-newsHP--main p.title a[title] {
    font-size: 2.5rem;
    margin   : 1rem 0;
  }
}

@media (min-width:1200px) {
  .AGO-newsHP--main p.title a[title] {
    font-size: 3.5rem;
    margin   : 1.5rem 0;
  }
}

.AGO-newsHP--main p.data span {
  display    : block;
  max-height : 85%;
  font-size  : 1.2rem;
  line-height: 1.22em;
  overflow   : hidden;
  color      : #FFFFFF;
}

@media (min-width: 370px) {
  .AGO-newsHP--main p.data span {
    font-size: 1.7rem;
  }
}

@media (min-width: 660px) {
  .AGO-newsHP--main p.data span {
    font-size: 1.2rem;
  }
}

@media (min-width:1024px) {
  .AGO-newsHP--main p.data span {
    font-size: 1.5rem;
  }
}

@media (min-width:1200px) {
  .AGO-newsHP--main p.data span {
    font-size: 2rem;
  }
}


.AGO-newsHP--main p.title a[title],
.AGO-newsHP--main p.data span {
  transition : text-shadow .2s ease;
  will-change: text-shadow;
}

.AGO-newsHP--main .layout-layout2:hover p.title a[title],
.AGO-newsHP--main .layout-layout2:hover p.data span {
  text-shadow: 0 7px 10px rgba(0, 0, 0, .3);
}

.AGO-newsHP--main div.description {
  color       : #FFFFFF;
  line-height : 3.5rem;
  padding     : 0 2rem;
  text-align  : right;
  /*background: #1A3A5D;*/
  background  : #024c44;
}

.AGO-newsHP--main li:nth-child(2n) div.description {
  /*background: #065380;*/
  background: #024c44;
}


.AGO-newsHP--main div.description>div {
  display  : inline-block;
  margin   : 0;
  font-size: 1.4rem;
}

.AGO-newsHP--main div.description::before,
.AGO-newsHP--main .AGO-imgplaceholder::before {
  content   : "";
  position  : absolute;
  top       : 0;
  left      : 0;
  right     : 0;
  bottom    : 0;
  background: rgba(255, 255, 255, .1);
  opacity   : 0;
  transition: opacity .2s ease;
}

.AGO-newsHP--main .layout-layout2:hover div.description::before,
.AGO-newsHP--main .layout-layout2:hover .AGO-imgplaceholder::before {
  opacity: 1;
}


/*### HP NEWS ITEM EVERYWHERE ### ??? RELATIVE LAYOUT - ALternative ???*/
/*
  .AGO-newsHP--main p.title,
  .AGO-newsHP--main p.data {
    position: relative;
    top: 0;
  }
  .AGO-newsHP--main p.title { padding-top: 50%; }
*/
/*### FINE HP NEWS ITEM EVERYWHERE ### ??? RELATIVE LAYOUT - ALternative ???*/


.AGO-newsHP--reg {
  margin-bottom: 0;
}

@media (min-width: 660px) {
  .AGO-newsHP--reg ul.zoo-list>li {
    width          : 50%;
    max-width      : 50%;
    /*margin-bottom: 0;*/
    box-sizing     : border-box;
  }

  .AGO-newsHP--reg.fullpage ul.zoo-list>li {
    width     : 33.3%;
    max-width : 33.3%;
    box-sizing: border-box;
  }

  .AGO-newsHP--reg ul.zoo-list>li:nth-child(2n+1) {
    padding-right: 1.5rem;
  }

  .AGO-newsHP--reg ul.zoo-list>li:nth-child(2n) {
    padding-left: 1.5rem;
  }

  .AGO-newsHP--reg.fullpage ul.zoo-list>li:nth-child(3n+1) {
    padding-right: 2em;
    padding-left : 0;
  }


  .AGO-newsHP--reg.fullpage ul.zoo-list>li:nth-child(3n+2) {
    padding-right: 1rem;
    padding-left : 1rem;
  }


  .AGO-newsHP--reg.fullpage ul.zoo-list>li:nth-child(3n+3) {
    padding-left : 2rem;
    padding-right: 0;
  }

  @supports (display:flex) {
    .AGO-newsHP--reg ul.zoo-list {
      display    : flex;
      flex-wrap  : wrap;
      align-items: stretch;
    }
  }
}


.AGO-newsHP--reg .layout-layout4 {
  position      : relative;
  box-sizing    : border-box;
  height        : 100%;
  background    : #FFFFFF;
  padding-bottom: .4rem;
  /*box-shadow  : 0 -.4rem 0 0 #1A3A5D inset;*/
  box-shadow    : 0 -.4rem 0 0 #024c44 inset;
}

.AGO-newsHP--reg div.media-top {
  margin-bottom: 1.5rem;
}

.AGO-newsHP--reg div.media-top::after {
  opacity: .1;
}

.AGO-newsHP--reg div.media-top a {
  position: absolute;
  top     : 0;
  left    : 0;
  right   : 0;
  bottom  : 0;
}

.AGO-newsHP--reg div.media-top a:not([href*="/item/"]) {
  top    : auto;
  left   : 1.5rem;
  right  : auto;
  bottom : 1.5rem;
  z-index: 1;
}

.AGO-newsHP--reg div.media-top img {
  margin-top: -3.33%;
}

.AGO-newsHP--reg .AGO-imgplaceholder {
  height        : 0;
  padding-bottom: 64%;
}

.AGO-newsHP--reg .AGO-imgplaceholder::after {
  background-size    : 120% 120%, 120% 120%, 0 0, 20rem 20rem;
  background-position: 200% 0, 200% 0, 0 0, 85% 0;
}

.AGO-newsHP--reg div.description,
.AGO-newsHP--reg p.title,
.AGO-newsHP--reg div.text {
  margin: 0 1.5rem 1.5rem;
}

.AGO-newsHP--reg p.title {
  font-size  : 2rem;
  line-height: 1.2em;
  font-weight: bold;
  /*color    : #1A3A5D;*/
  color      : #024c44;
  transition : color .2s ease;
  will-change: color;
}

.AGO-newsHP--reg p.title:nth-last-child(3) {
  margin-bottom: 4.5rem;
}

@media (min-width: 370px) {
  .AGO-newsHP--reg p.title {
    font-size: 2.4rem;
  }
}

@media (min-width: 660px) {
  .AGO-newsHP--reg p.title {
    font-size: 2rem;
  }
}

@media (min-width:1024px) {
  .AGO-newsHP--reg p.title {
    font-size: 2.4rem;
  }
}

.AGO-newsHP--reg ul>li>div:hover p.title {
  /*color: #065380;*/
  /*color: #46C0ED;*/
  color: #07ABB8;
}


.AGO-newsHP--reg div.description {
  margin-bottom: 4.5rem;
  font-size    : 1.2rem;
  line-height  : 1.22em;
}

@media (min-width: 370px) {
  .AGO-newsHP--reg div.description {
    font-size: 1.7rem;
  }
}

@media (min-width: 660px) {
  .AGO-newsHP--reg div.description {
    font-size: 1.2rem;
  }
}

@media (min-width:1024px) {
  .AGO-newsHP--reg div.description {
    font-size: 1.5rem;
  }
}

@media (min-width:1200px) {
  .AGO-newsHP--reg div.description {
    font-size: 2rem;
  }
}

.AGO-newsHP--reg div.text {
  position     : absolute;
  left         : 0;
  right        : 0;
  bottom       : 0;
  /*margin-top : 3rem;*/
  margin-bottom: 0;
  /*color      : #46C0ED;*/
  color        : #07ABB8;
  text-align   : right;
  line-height  : 3.5rem;
}

.AGO-newsHP--reg div.text>div {
  display: inline-block;
}

.AGO-newsHP--reg .element-itemhits,
.AGO-newsHP--reg .element-countlike .countlike,
.AGO-newsHP--reg .element-itemcommentslink a {
  /*color: #46C0ED;*/
  color: #07ABB8;
}

.AGO-newsHP--reg .element-itemhits::before,
.AGO-newsHP--reg .element-countlike .countlike::before,
.AGO-newsHP--reg .element-itemcommentslink a::before {
  background: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__comment--LIGHTBLUE.svg);
  /*filter  : drop-shadow(0 0 0 #46C0ED);*/
  filter    : drop-shadow(0 0 0 #07ABB8);
}

.AGO-newsHP--reg .element-itemhits::before {
  background: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__hits--LIGHTBLUE.svg);
}

.AGO-newsHP--reg .element-countlike .countlike::before {
  background: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__like--LIGHTBLUE.svg);
}

.AGO-newsHP--reg .element-itemcommentslink a::before {
  background: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__comment--LIGHTBLUE.svg);
}

/*### FINE HP NEWS ITEM EVERYWHERE ###*/

/*### LE MIE ATTIVITÀ ###*/

.AGO-attivita {
  box-sizing  : border-box;
  width       : 100%;
  max-width   : 465px;
  margin      : 3rem auto;
  padding     : 1.5rem;
  /*background: #1A3A5D;*/
  background  : #024c44;
}

.AGO-attivita .uk-panel-title {
  margin        : 0 0 2rem;
  font-size     : 2rem;
  text-transform: uppercase;
  color         : #FFFFFF;
}

@media (min-width:960px) {
  .AGO-attivita .uk-panel-title {
    font-size: 2.4rem;
  }
}

.AGO-attivita .cert-tab {
  margin-bottom: 1rem !important;
  padding      : 1rem;
  border-radius: 1rem !important;
  background   : #FFFFFF !important;
  /*           :( Forgive me jesus */
}

.AGO-attivita .game-disabled {
  opacity: .9;
}


.AGO-attivita .unlockables {
  counter-reset: gamification;
}

.AGO-attivita .unlockables .cert-step-one .cert-tab span:before {
  border: 0 !important;
  /*    :( Forgive me jesus */
}

.AGO-attivita .badges2016 .cert-tab div {
  position: relative;
  overflow: auto;
}

.AGO-attivita .badges2016 h6 {
  counter-increment: gamification;
  line-height      : 2.5rem;
  margin           : 0 0 .2rem 0;
  /*color          : #1A3A5D;*/
  color            : #024c44;
}

.AGO-attivita .badges2016 h6::before {
  content: counter(gamification) ". ";
  color  : #EB212E;
}

.AGO-attivita .game-progress {
  display   : block;
  position  : absolute;
  bottom    : 0;
  right     : 0;
  left      : 0;
  height    : .2rem;
  min-height: .2rem;
  font-size : 0;
  overflow  : hidden;
  background: rgba(0, 0, 0, .1);
}

.AGO-attivita .game-progress li {
  border-radius: 0;
  height       : .2rem;
  background   : transparent;
  width        : 100%;
  margin       : 0;
}

.AGO-attivita .game-progress li.gained {
  /*background: #1A3A5D;*/
  background: #024c44;
}

.AGO-attivita .game-progress li:first-child:nth-last-child(2),
.AGO-attivita .game-progress li:first-child:nth-last-child(2)~li {
  width: 50%;
}

.AGO-attivita .game-progress li:first-child:nth-last-child(3),
.AGO-attivita .game-progress li:first-child:nth-last-child(3)~li {
  width: 33.33%;
}

.AGO-attivita .game-progress li:first-child:nth-last-child(4),
.AGO-attivita .game-progress li:first-child:nth-last-child(4)~li {
  width: 25%;
}

.AGO-attivita .game-progress li:first-child:nth-last-child(5),
.AGO-attivita .game-progress li:first-child:nth-last-child(5)~li {
  width: 20%;
}

.AGO-attivita .game-progress li:first-child:nth-last-child(6),
.AGO-attivita .game-progress li:first-child:nth-last-child(6)~li {
  width: 16.66%;
}

.AGO-attivita .game-progress li:first-child:nth-last-child(7),
.AGO-attivita .game-progress li:first-child:nth-last-child(8)~li {
  width: 14.28%;
}

.AGO-attivita .game-progress li:first-child:nth-last-child(8),
.AGO-attivita .game-progress li:first-child:nth-last-child(8)~li {
  width: 12.5%;
}

.AGO-attivita .game-progress li:first-child:nth-last-child(9),
.AGO-attivita .game-progress li:first-child:nth-last-child(9)~li {
  width: 11.11%;
}

.AGO-attivita .game-progress li:first-child:nth-last-child(10),
.AGO-attivita .game-progress li:first-child:nth-last-child(10)~li {
  width: 10%;
}


.AGO-attivita .cert-tab span {
  position     : relative;
  float        : left;
  margin-right : .5rem;
  width        : 2.5rem;
  height       : 2.5rem;
  /*background : #1A3A5D;*/
  background   : #024c44;
  border-radius: 50%;
}

.AGO-attivita .cert-tab span::before,
.AGO-attivita .cert-open-tab::before {
  content            : "";
  position           : absolute;
  top                : 0;
  left               : 0;
  right              : 0;
  bottom             : 0;
  width              : 2rem;
  height             : 2rem;
  margin             : auto;
  background-color   : transparent;
  background-size    : contain;
  background-position: center;
  background-repeat  : no-repeat;
  background-image   : url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__x--WHITE.svg);
}

.AGO-attivita .cert-tab span.cert-step-gained::before {
  background-image: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__check--WHITE.svg);
}

.AGO-attivita .cert-tab.game-disabled span::before {
  background-image: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__lock--WHITE.svg);
}

.AGO-attivita .cert-open-tab {
  position     : absolute;
  top          : 1rem;
  right        : 1rem;
  height       : 2.5rem;
  width        : 2.5rem;
  background   : transparent;
  border-radius: 50%;
  font-size    : 0;
}

.AGO-attivita .cert-open-tab:hover {
  background: rgba(0, 0, 0, .1);
  box-shadow: none;
}

.AGO-attivita .cert-open-tab::after {
  display: none;
}

.AGO-attivita .cert-open-tab::before {
  content         : "";
  background-image: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__chevron--BLUE.svg);
  transition      : transform .2s ease;
}

.AGO-attivita .cert-open-tab.isopen::before {
  transform: rotate(-180deg);
}

.AGO-attivita .cert-activities {
  margin                    : 1rem -1rem -1rem;
  background-color          : #DFEDF3;
  /* !!! COLOR OUT OF GUIDE */
  /*box-shadow              : 0 2px 0 0 #1A3A5D inset;*/
  box-shadow                : 0 2px 0 0 #024c44 inset;
  border-top                : 0;
  border-bottom-left-radius : 1rem;
  border-bottom-right-radius: 1rem;
}

.AGO-attivita .cert-activities.visible {
  max-height: 600px;
  border-top: 0;
}

.AGO-attivita .cert-activities li>a {
  position   : relative;
  margin     : 0;
  background : transparent;
  padding    : 1rem .5rem 1rem 3.5rem;
  font-size  : 1.2rem;
  line-height: 1.4em;
  /*color    : #46C0ED;*/
  /*color    : #1A3A5D;*/
  color      : #07ABB8;
}

.AGO-attivita .cert-activities li.activity-gained>a {
  /*color: #065380;*/
  /*color: #46C0ED;*/
  color: #07ABB8;
}

.AGO-attivita .cert-activities li>a:hover,
.AGO-attivita .cert-activities li>a:focus {
  background: rgba(255, 255, 255, .5);
}

.AGO-attivita .cert-activities li>a::before {
  content         : "";
  position        : absolute;
  top             : 0;
  left            : 1rem;
  bottom          : 0;
  width           : 1.5rem;
  height          : 1.5rem;
  margin          : auto;
  border-radius   : 0;
  border          : 0;
  background-color: transparent;
  background-image: none;
  background-size : contain;
}


.AGO-attivita .cert-activities li.activity-gained>a::before {
  background-image: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__check--LIGHTBLUE.svg);
}


@media (min-width: 400px) and (max-width:659px),
(min-width:900px) {
  .AGO-attivita .badges2016 h6 {
    margin-left: 1rem;
    font-size  : 1.4rem;
  }

  .AGO-attivita .badges2016 h6::before {
    margin-right: .5rem;
  }

  .AGO-attivita .cert-activities li>a {
    padding: 1rem 1rem 1rem 4.5rem;
  }

  .AGO-attivita .cert-activities li>a::before {
    left: 1.5rem;
  }
}


/*### FINE LE MIE ATTIVITÀ ###*/

/*### MENU TOOLS ###*/

#AGO-menuTool {
  margin    : 0 -0.5rem 0.5rem;
  padding   : 0;
  list-style: none;
  font-size : 0;
  text-align: center;
}

#AGO-menuTool:first-child {
  margin-top: 3rem;
}


@media (min-width:495px) and (max-width:659px) {
  #AGO-menuTool {
    margin-left : auto;
    margin-right: auto;
    max-width   : 475px;
  }
}

#AGO-menuTool li {
  display   : inline-block;
  box-sizing: border-box;
  width     : 33.33%;
  padding   : 0 .5rem 1rem;
  font-size : 1.2rem;
}

@media (min-width:400px) {
  #AGO-menuTool li {
    width: 25%;
  }
}

@media (min-width:500px) {
  #AGO-menuTool li {
    width: 20%;
  }
}

@media (min-width:660px) {
  #AGO-menuTool li {
    width: 50%;
  }
}

@media (min-width:850px) {
  #AGO-menuTool li {
    width: 33.33%;
  }
}

@media (min-width:1100px) {
  #AGO-menuTool li {
    width: 25%;
  }
}


#AGO-menuTool li a.AGO-tool {
  position      : relative;
  display       : block;
  width         : 100%;
  padding-bottom: 100%;
  /*background  : #1A3A5D;*/
  background    : #024c44;
}

#AGO-menuTool li a.AGO-tool img,
#AGO-menuTool li a.AGO-tool span {
  position: absolute;
  left    : 0;
  right   : 0;
  margin  : auto;
}

#AGO-menuTool li a.AGO-tool img {
  top   : 15%;
  width : 50%;
  height: 50%;
}

#AGO-menuTool li a.AGO-tool span {
  bottom       : 12%;
  padding      : 0 .3rem;
  text-align   : center;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis;
  color        : #FFFFFF;
}

/*### FINE MENU TOOLS ###*/

/*### SIAMO ONLINE IN + BOX AREA DWN ###*/

.AGO-online,
.AGO-areaDWNboxHP {
  text-align: center;
}

.LOG-grid__col--06 .AGO-online {
  height: 100%;
  /* Gli utenti online incastrato via javascript nella lsita delle news*/
}

@supports (display: flex) {

  .AGO-online,
  .AGO-areaDWNboxHP {
    display        : flex;
    flex-direction : column;
    justify-content: center;
  }
}

.AGO-online span,
.AGO-areaDWNboxHP span {
  font-size: 2rem;
  /*color  : #1A3A5D;*/
  color    : #024c44;
}

.AGO-online p {
  width        : 9rem;
  height       : 9rem;
  margin       : 1.5rem auto 0;
  font-size    : 3.5rem;
  font-weight  : bold;
  line-height  : 9rem;
  border-radius: 50%;
  color        : #FFFFFF;
  /*background : /*#46C0ED;*/
  background   : #07ABB8;
}

/*### FINE SIAMO ONLINE IN + BOX AREA DWN ###*/


/*### HP BLOCK ###*/

.AGO-HPblock {
  box-sizing        : border-box;
  max-width         : 1400px;
  margin            : 0;
  padding           : 0 1.5rem 3rem;
  /*border-top      : 15px solid #1A3A5D;*/
  border-top        : 15px solid #024c44;
  background-color  : #FFFFFF;
  /*background-image: linear-gradient(to top, rgba(0,0,0,.05), rgba(0,0,0,0) 8rem);*/
  background-repeat : no-repeat;
  box-shadow        : 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.AGO-HPblock--mini {
  max-width      : 465px;
  margin         : 0 auto 1.5rem;
  padding        : 1.5rem;
  border-top     : 0;
  /*border-bottom: 4px solid #1A3A5D;*/
  border-bottom  : 4px solid #024c44;
  /* ? */
  box-shadow     : none;
}

@media (min-width:660px) {
  .AGO-HPblock--mini {
    margin: 0 0 1.5rem;
  }
}

@supports (display: flex) {

  .AGO-HPblock--mini,
  .AGO-wrapperHP--mainbottom2 .AGO-HPblock {
    flex-grow: 1;
  }
}

.AGO-wrapperHP--topb .AGO-HPblock--mini:last-child {
  margin-bottom: 3rem;
}

.AGO-HPblock>h3 {
  font-size     : 2.4rem;
  line-height   : 1.5em;
  font-weight   : normal;
  margin        : 2rem 0;
  /*color       : #1A3A5D;*/
  color         : #024c44;
  text-transform: uppercase;
}

/*### INSTANT ###*/
.AGO-instant {
  margin: 0 1.5rem 3rem;
}

@media (min-width: 1430px) {
  .AGO-instant {
    margin: 0 auto 3rem;
  }
}

.AGO-instant .snap_message {
  position     : relative;
  text-align   : center;
  margin-bottom: 2rem;
}

.AGO-instant #new_message::-webkit-input-placeholder {
  color: #BBBBBB;
}

.AGO-instant #new_message::-moz-placeholder {
  color: #BBBBBB;
}

.AGO-instant #new_message:-ms-input-placeholder {
  color: #BBBBBB;
}


@media (min-width: 660px) {

  .AGO-instant .snap_message,
  .AGO-instant .snapsContainer {
    margin-bottom: 0;
    float        : left;
    width        : 50%;
    box-sizing   : border-box;
  }

  .AGO-instant .snap_message {
    padding-right: 1.5rem;
  }

  .AGO-instant .snapsContainer {
    padding-left: 1.5rem;
  }

  .AGO-instant #new_message {
    min-height: 100px;
  }
}

.AGO-instant .snap_message .profile {
  display : none;
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 3.7rem;
  height  : 3.7rem;
}

@media (min-width: 450px) {
  .AGO-instant .snap_message .profile {
    display: block;
  }
}

.AGO-instant .snap_message .profile .avatar {
  width        : 100%;
  height       : 100%;
  border-radius: 50%;
  overflow     : hidden;
}

.AGO-instant .snap_message .profile .avatar img,
.AGO-instant .snaps .avatar img {
  width          : 100%;
  height         : 100%;
  object-fit     : cover;
  object-position: center;
}


.AGO-instant .snap_message .textntags-wrapper {
  margin-right: 5.2rem;
}

@media (min-width: 450px) {
  .AGO-instant .snap_message .textntags-wrapper {
    margin-left: 5.2rem;
  }
}

@media (min-width: 660px) {
  .AGO-instant .snap_message .textntags-wrapper {
    margin-right: 0;
  }
}

.AGO-instant a.submit_snap {
  position           : absolute;
  bottom             : 0;
  right              : 0;
  min-width          : 3.6rem;
  width              : 3.6rem;
  background-image   : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M6 18h24m-8-8l8 8-8 8' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size    : 80%;
  background-position: center;
  background-repeat  : no-repeat;
  text-indent        : 3.6rem;
  overflow           : hidden;
}



@media (min-width: 660px) {
  .AGO-instant a.submit_snap {
    position        : relative;
    width           : auto;
    top             : 100%;
    bottom          : auto;
    left            : 0;
    right           : 0;
    margin          : 1rem auto;
    background-image: none;
    text-indent     : 0;
    overflow        : visible;
  }
}


.AGO-instant .message_length {
  position   : absolute;
  top        : 100%;
  left       : 0;
  right      : 0;
  margin     : 0 5.2rem 0 0;
  text-align : right;
  font-size  : 1rem;
  line-height: 1.5em;
}

.AGO-instant .message_length::after {
  content: "/255";
  color  : #585B5C;
}

@media (min-width: 660px) {
  .AGO-instant .message_length {
    margin: -5.6rem 1.5rem 0 0;
  }
}


.AGO-instant .mod_instant .snaps {
  width        : auto;
  margin-right : -1.5rem;
  margin-bottom: -3rem;
  padding-right: 1.5rem;
}

@media (min-width: 660px) {
  .AGO-instant .mod_instant .snaps {
    margin-top : -7.5rem;
    padding-top: 1.5rem;
  }
}

.AGO-instant .snaps .snap {
  margin-bottom: 1.5rem;
}

.AGO-instant .snap_report {
  display      : block;
  position     : relative;
  width        : 1.2rem;
  height       : 1.2rem;
  margin-right : -1rem;
  color        : #EB212E;
  border       : 4px solid;
  border-radius: 50%;
  overflow     : hidden;
}

.AGO-instant .snap_report:hover {
  color: #DB111E;
}

.AGO-instant .snap_report:before {
  content    : "";
  position   : absolute;
  top        : 0;
  left       : 0;
  right      : 0;
  bottom     : 0;
  margin     : auto;
  height     : 100%;
  width      : 0;
  border-left: 4px solid;
  color      : inherit;
  transform  : rotate(45deg);
}

.AGO-instant .snaps .avatar {
  float        : left;
  width        : 3.7rem;
  height       : 3.7rem;
  margin-right : 1.5rem;
  border-radius: 50%;
  overflow     : hidden;
}

.AGO-instant .snaps .snap_wrap {
  overflow: auto;
}

.AGO-instant .snaps .snap_author_profile_link {
  font-weight    : bold;
  color          : #484B4C;
  text-decoration: none;
}

.AGO-instant .snaps .snap_author_tutor {
  /*color: #46C0ED;*/
  color: #07ABB8;
}

.AGO-instant .snaps .date {
  font-size: 1.2rem;
  opacity  : .5;
}

/*### FINE INSTANT ###*/


/*### LAST COMMENTS ###*/

.AGO-lastComments {}

.AGO-lastComments section.zoo-comments-list {
  height  : 51rem;
  overflow: scroll;
}

.AGO-lastComments .zoo-comments-list>article:not(:first-child) {
  margin-top: 2rem;
  padding   : 0;
  border    : 0;
}

.AGO-lastComments .avatar {
  float        : left;
  width        : 3.7rem;
  height       : 3.7rem;
  margin-right : 1.5rem;
  border-radius: 50%;
  overflow     : hidden;
}

.AGO-lastComments .avatar a {
  display: block;
  width  : 100%;
  height : 100%
}

.AGO-lastComments .avatar a img {
  width          : 100%;
  height         : 100%;
  margin         : 0;
  float          : none;
  object-fit     : cover;
  object-position: center;
}

.AGO-lastComments .meta {
  margin-left: 5.2rem;
  /*overflow : auto;*/
  font-style : normal;
  font-size  : 1.4rem;
}


@media (min-width: 450px) and (max-width: 499px),
(min-width: 900px) {
  .AGO-lastComments .avatar {
    width : 5rem;
    height: 5rem;
  }

  .AGO-lastComments .meta {
    margin-left: 6.5rem;
  }
}

@media (min-width: 500px) and (max-width: 659px),
(min-width: 1200px) {
  .AGO-lastComments .avatar {
    width : 7rem;
    height: 7rem;
  }

  .AGO-lastComments .meta {
    margin-left: 8.5rem;
  }
}

.AGO-lastComments .meta h4.author,
.AGO-lastComments .meta h4.author a {
  display        : inline-block;
  margin         : 0;
  font-size      : 1.4rem;
  line-height    : 2em;
  font-weight    : bold;
  color          : #484B4C;
  text-decoration: none;
}

.AGO-lastComments .meta h4.author a:hover,
.AGO-lastComments .meta h4.author a:focus {
  color          : #585B5C;
  text-decoration: underline;
}

.AGO-lastComments .meta a.permalink {
  font-size      : 1.4rem;
  line-height    : 2em;
  font-weight    : bold;
  /*color        : #1A3A5D;*/
  color          : #024c44;
  text-decoration: none;
}

.AGO-lastComments .meta a.permalink:hover,
.AGO-lastComments .meta a.permalink:focus {
  /*color: #46C0ED;*/
  color: #07ABB8;
}

.AGO-lastComments .meta a.permalink::before {
  content: open-quote;
}

.AGO-lastComments .meta a.permalink::after {
  content: close-quote;
}

.AGO-lastComments .meta .permalinkComment {
  position       : relative;
  display        : block;
  padding        : 1.5rem;
  line-height    : 1.7rem;
  border-radius  : 0 1rem 1rem;
  color          : #FFFFFF;
  /*background   : #46C0ED;*/
  background     : #07ABB8;
  text-decoration: none;
  overflow       : hidden;
  position       : relative;
}

.AGO-lastComments .meta .permalinkComment::before {
  content   : "";
  position  : absolute;
  top       : 0;
  left      : 0;
  right     : 0;
  bottom    : 0;
  background: rgba(255, 255, 255, .1);
  opacity   : 0;
  transition: opacity .2s ease;
}

.AGO-lastComments .meta .permalinkComment:hover::before,
.AGO-lastComments .meta .permalinkComment:focus::before {
  opacity: 1;
}

.AGO-lastComments .meta .permalinkComment a.comment-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.AGO-lastComments .meta .permalinkComment p {
  margin: 0;
}

.AGO-lastComments .meta .permalinkComment a:not(.comment-link),
.AGO-lastComments .meta .permalinkComment p a {
  color: #fff;
  z-index: 2;
  position: relative;
}


.AGO-lastComments .meta .comment-date {
  display    : block;
  font-size  : 1.2rem;
  line-height: 2em;
  /*color    : #46C0ED;*/
  color      : #07ABB8;
}

/*### FINE LAST COMMENTS ###*/

/*### NEWS PIÙ LETTE ###*/

@media (max-width: 660px) {
  .AGO-piulette {
    margin-top: 3rem;
  }
}

.AGO-piulette ul.zoo-item-list {
  counter-reset: piulette;
}

.AGO-piulette ul.zoo-item-list li {
  counter-increment: piulette;
}

.AGO-piulette ul.zoo-item-list li:not(:first-child) {
  margin-top: 1.5rem;
  padding   : 0;
  border    : 0;
}

.AGO-piulette ul.zoo-item-list li>div {
  position: relative;
}


.AGO-piulette .title,
.AGO-piulette .meta {
  /*display: inline-block;*/
  line-height: 3rem;
}

.AGO-piulette .zoo-item-list .title {
  margin-right : 7.5rem;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis;
}

.AGO-piulette .title a {
  font-size      : 1.5rem;
  /*color        : #065380;*/
  color          : #024c44;
  text-decoration: none;
}

.AGO-piulette .title a:hover,
.AGO-piulette .title a:focus {
  /*color: #46C0ED;*/
  color: #07ABB8;
}

.AGO-piulette .title::before {
  content    : counter(piulette) ". ";
  font-size  : 1.8rem;
  font-weight: bold;
  color      : #EB212E;
}

@media (min-width: 450px) and (max-width: 499px),
(min-width: 900px) {
  .AGO-piulette .title a {
    font-size: 1.6rem;
  }

  .AGO-piulette .title::before {
    font-size: 2.1rem;
  }
}

@media (min-width: 500px) and (max-width: 659px),
(min-width: 1200px) {
  .AGO-piulette .title a {
    font-size: 1.8rem;
  }

  .AGO-piulette .title::before {
    font-size: 2.4rem;
  }
}


.AGO-piulette .meta {
  position: absolute;
  /*float : right;*/
  top     : 0;
  right   : 0;
}

.AGO-piulette .element-itemhits {
  display      : inline-block;
  padding      : 0 1rem;
  font-size    : 1.3rem;
  line-height  : 3rem;
  font-weight  : bold;
  font-style   : normal;
  border-radius: 1.5rem;

  color       : #FFFFFF;
  /*background: #46C0ED;*/
  background  : #07ABB8;
}

.AGO-piulette .element-itemhits::before {
  content            : "";
  display            : inline-block;
  width              : 2.2rem;
  height             : 2.2rem;
  margin-right       : .4rem;
  vertical-align     : middle;
  background         : url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__hits--WHITE.svg);
  background-repeat  : no-repeat;
  background-position: center;
  filter             : drop-shadow(0 0 0 #fff);
}


/*### FINE NEWS PIÙ LETTE ###*/

/*### BOTTOM-B ###*/

.tm-bottom-b.uk-grid {
  margin-top  : 8rem;
  padding     : 8rem 1.5rem 5rem;
  /*background: #065380;*/
  /*background: #024c44;*/
  background  : #07ABB8;
}

@media (min-width: 450px) {
  .AGO-logo--agosFooter {
    float: left;
  }
}

.AGO-menuFooter ul {
  text-align: right;
}

@media (min-width: 960px) {
  .AGO-menuFooter ul>li {
    display: inline-block;
  }
}

.AGO-menuFooter ul>li>a {
  padding       : 0;
  font-size     : 1.3rem;
  line-height   : 4rem;
  text-transform: uppercase;
  color         : #FFFFFF;
}

.AGO-menuFooter ul>li>a:hover,
.AGO-menuFooter ul>li>a:focus,
.AGO-menuFooter .uk-nav-side>li.uk-active>a {
  /*color: #46C0ED;*/
  color        : #024c44;
  border-bottom: 0;
  background   : none;
  box-shadow   : none;
}

@media (min-width: 960px) {
  .AGO-menuFooter ul>li>a {
    margin: 0 0 0 3rem;
  }
}

@media (min-width: 1240px) {
  .AGO-menuFooter ul>li>a {
    font-size: 1.5rem;
  }
}


@supports (display:flex) {
  @media (min-width: 450px) {
    .AGO-logo--agosFooter {
      float: none;
    }

    .AGO-bottom .uk-width-1-1 {
      display    : flex;
      align-items: center;
    }

    .AGO-menuFooter {
      flex-grow: 1;
    }
  }
}

/*### FINE BOTTOM-B ###*/


/*### SPINNER ###*/
.LOG-spinner {
  position        : relative;
  display         : block;
  margin          : 100px auto;
  width           : 50px;
  height          : 50px;
  border          : 2px solid #585B5C;
  border-top-width: 0;
  border-radius   : 50%;
  animation       : spin 0.75s infinite linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}


/*### FINE SPINNER ###*/


/*### NEWS LAYOUT ###*/

@media screen and (min-width: 1440px) {
  .tm-isblog .uk-container {
    max-width: 1330px;
    padding  : 0 1.5rem;
  }
}
/* 
.tm-isblog .uk-container {
  max-width: 1400px;
} */

#yoo-zoo.blog-default .item {
  position: relative;
}

#yoo-zoo.blog-default .item .pos-media {
  position      : absolute;
  top           : 0;
  left          : 0;
  right         : 0;
  height        : 0;
  padding-bottom: 38.5%;
  overflow      : hidden;
  margin-left   : -1.5rem;
  margin-right  : -1.5rem;
}

@media (min-width: 660px) {
  #yoo-zoo.blog-default .item .pos-media {
    margin-left : 0;
    margin-right: 0;
  }
}

#yoo-zoo.blog-default .item div.pos-media .element {
  margin: 0;
}

#yoo-zoo.blog-default .item div.pos-media .AGO-imgplaceholder {
  width         : 100%;
  height        : 0;
  padding-bottom: 38.5%;
  /*background  : #1A3A5D;*/
  background    : #024c44;
}


#yoo-zoo.blog-default .item div.pos-media .AGO-imgplaceholder::after {
  content : "";
  position: absolute;
  top     : 0;
  left    : 0;
  right   : 0;
  bottom  : 0;
  background-image:
    linear-gradient(315deg, #000 25%, transparent 25.5%),
    linear-gradient(45deg, #000 25%, transparent 25.5%),
    radial-gradient(#FFF 50%, transparent 50.5%);
  background-size:
    70% 100%,
    70% 100%,
    20rem 20rem;
  background-position:
    0%,
    0%,
    70% 0%;
  background-repeat:
    repeat-x,
    repeat-x,
    no-repeat;
  opacity: .1;
}

#yoo-zoo.blog-default .item div.pos-media .element-image {
  position: absolute;
  top     : 0;
  left    : 0;
  right   : 0;
  bottom  : 0;
}

#yoo-zoo.blog-default .item div.pos-top {
  position   : relative;
  padding-top: 38.5%;
  text-align : right;
}

@media (min-width:960px) {
  #yoo-zoo.blog-default .item div.pos-top {
    position  : absolute;
    left      : 25%;
    right     : 0;
    height    : 5rem;
    margin-top: -5rem;
    z-index   : 1;
  }
}

#yoo-zoo.blog-default .item div.pos-top .element {
  text-align   : left;
  margin-bottom: 1.5rem;
}

@media (min-width:960px) {
  #yoo-zoo.blog-default .item div.pos-top .element {
    /*
    position: absolute;
    bottom: 0;
  */
  }
}

#yoo-zoo.blog-default .item div.pos-top .element-itemname {
  margin     : 1.5rem 0;
  font-size  : 2rem;
  line-height: 1.3em;
  font-weight: bold;
  /*color    : #1A3A5D;*/
  color      : #024c44;
}

@media (min-width: 370px) {
  #yoo-zoo.blog-default .item div.pos-top .element-itemname {
    font-size: 2.5rem;
  }
}

@media (min-width: 660px) {
  #yoo-zoo.blog-default .item div.pos-top .element-itemname {
    font-size: 3rem;
  }
}

@media (min-width: 900px) {
  #yoo-zoo.blog-default .item div.pos-top .element-itemname {
    font-size: 3.5rem;
  }
}

@media (min-width:1200px) {
  #yoo-zoo.blog-default .item div.pos-top .element-itemname {
    font-size: 4rem;
  }
}

@media (min-width:1400px) {
  #yoo-zoo.blog-default .item div.pos-top .element-itemname {
    font-size: 5rem;
  }
}

@media (min-width:960px) {
  #yoo-zoo.blog-default .item div.pos-top .element-itemname {
    position     : absolute;
    bottom       : 0;
    left         : 0;
    right        : 0;
    margin       : 0;
    padding      : 3rem 0 15rem 3rem;
    /*border-left: .8rem solid #46C0ED;*/
    border-left  : .8rem solid #07ABB8;
    background   : #FFFFFF;
  }
}

#yoo-zoo.blog-default .item div.pos-top .element-text {
  font-size  : 1.6rem;
  line-height: 1.2em;
}


@media (min-width: 370px) {
  #yoo-zoo.blog-default .item div.pos-top .element-text {
    font-size: 1.8rem;
  }
}

@media (min-width: 660px) {
  #yoo-zoo.blog-default .item div.pos-top .element-text {
    font-size: 2rem;
  }
}

@media (min-width: 900px) {
  #yoo-zoo.blog-default .item div.pos-top .element-text {
    font-size: 2.2rem;
  }
}

@media (min-width:1200px) {
  #yoo-zoo.blog-default .item div.pos-top .element-text {
    font-size: 2.4rem;
  }
}

@media (min-width: 960px) {
  #yoo-zoo.blog-default .item div.pos-top .element-text {
    position    : absolute;
    bottom      : 0;
    height      : 5.6rem;
    margin      : 0 0 7.5rem .8rem;
    padding-left: 3rem;
  }
}

#yoo-zoo.blog-default .item div.pos-top .element-text+.element-text {
  position   : relative;
  float      : left;
  max-width  : 11.5rem;
  margin     : 0 2rem 0 0;
  font-size  : 1.5rem;
  line-height: 1.5;
  opacity    : .8;

  white-space  : nowrap;
  text-overflow: ellipsis;
  overflow     : hidden;
}

#yoo-zoo.blog-default .item div.pos-top .element-itemprimarycategory {
  display: block;
}

@media (min-width: 660px) {
  #yoo-zoo.blog-default .item div.pos-top .element-itemprimarycategory {
    display: inline-block;
    float  : left;
  }

  #yoo-zoo.blog-default .item div.pos-top .element-text+.element-text {
    font-size: 1.8rem;
  }
}

@media (min-width: 960px) {
  #yoo-zoo.blog-default .item div.pos-top .element-itemprimarycategory {
    line-height  : 5rem;
    margin-bottom: 0;
    margin-left  : 3rem;
  }

  #yoo-zoo.blog-default .item div.pos-top .element-text+.element-text {
    line-height: 5rem;
    margin     : 0 0 0 1rem;
  }
}


#yoo-zoo.blog-default .item div.pos-top .element-text+.element-text::before {
  content            : "";
  display            : inline-block;
  width              : 2rem;
  height             : 2rem;
  margin-right       : .5rem;
  background-image   : url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23'%3E%3Cpath fill='%23461E7D' fill-rule='evenodd' d='M12 21c-4.962 0-9-4.037-9-9a8.964 8.964 0 016.924-8.759l.296 1.251A7.682 7.682 0 004.286 12c0 4.254 3.461 7.715 7.714 7.715 4.254 0 7.715-3.461 7.715-7.715 0-4.037-3.117-7.36-7.071-7.688v7.421l3.025 3.027-.909.909-3.214-3.214a.647.647 0 01-.189-.455V3.643c0-.355.289-.643.643-.643 4.963 0 9 4.037 9 9s-4.037 9-9 9'/%3E%3C/svg%3E");
  background-repeat  : no-repeat;
  background-position: center;
  background-size    : contain;
  vertical-align     : middle;
}


#yoo-zoo.blog-default .item div.pos-top .element-itemprimarycategory a {
  /* <- category */
  position       : relative;
  font-size      : 1.2rem;
  line-height    : 1.5em;
  padding        : 0 .5rem;
  font-weight    : bold;
  text-transform : uppercase;
  text-decoration: none;
  color          : #FFFFFF;
  background     : #EB212E;
}

@media (min-width: 370px) {
  #yoo-zoo.blog-default .item div.pos-top .element-itemprimarycategory a {
    font-size: 1.5rem;
  }
}

@media (min-width: 660px) {
  #yoo-zoo.blog-default .item div.pos-top .element-itemprimarycategory a {
    font-size: 1.8rem;
  }
}

@media (min-width:1200px) {
  #yoo-zoo.blog-default .item div.pos-top .element-itemprimarycategory a {
    font-size: 2rem;
  }
}

#yoo-zoo.blog-default .item div.pos-top .element-itemprimarycategory a:hover,
#yoo-zoo.blog-default .item div.pos-top .element-itemprimarycategory a:focus {
  /* <- category */
  background: #DB111E;
}

#yoo-zoo.blog-default .item div.pos-top .element-itemprimarycategory a::before {
  content       : "";
  position      : absolute;
  pointer-events: none;
  top           : 0;
  left          : 0;
  right         : 0;
  bottom        : 0;
  box-shadow    : 0 7px 10px rgba(0, 0, 0, .3);
  opacity       : 0;
  transition    : opacity .2s ease;
}

#yoo-zoo.blog-default .item div.pos-top .element-itemprimarycategory a:hover::before {
  opacity: 1;
}

#yoo-zoo.blog-default .item div.pos-top .element-itempublish_up {
  float    : left;
  font-size: 1rem;
}

@media (min-width: 370px) {
  #yoo-zoo.blog-default .item div.pos-top .element-itempublish_up {
    font-size: 1.1rem;
  }
}

@media (min-width: 660px) {
  #yoo-zoo.blog-default .item div.pos-top .element-itempublish_up {
    font-size   : 1.5rem;
    float       : none;
    margin-right: 5rem;
  }
}

@media (min-width: 900px) {
  #yoo-zoo.blog-default .item div.pos-top .element-itempublish_up {
    font-size: 1.7rem;
  }
}

@media (min-width:1200px) {
  #yoo-zoo.blog-default .item div.pos-top .element-itempublish_up {
    font-size: 2rem;
  }
}

#yoo-zoo.blog-default .item div.pos-top .element-countlike {
  font-size: 0;
}

#yoo-zoo.blog-default .item div.pos-top .element-itempublish_up,
#yoo-zoo.blog-default .item div.pos-top .element-itemhits,
#yoo-zoo.blog-default .item div.pos-top .element-countlike,
#yoo-zoo.blog-default .item div.pos-top .element-itemcommentslink {
  display       : inline-block;
  line-height   : 3.5rem;
  vertical-align: middle;
  /*color       : #46C0ED;*/
  color         : #07ABB8;
  white-space   : nowrap;
}

@media (min-width: 960px) {

  #yoo-zoo.blog-default .item div.pos-top .element-itempublish_up,
  #yoo-zoo.blog-default .item div.pos-top .element-itemhits,
  #yoo-zoo.blog-default .item div.pos-top .element-countlike,
  #yoo-zoo.blog-default .item div.pos-top .element-itemcommentslink {
    position     : relative;
    line-height  : 5rem;
    margin-bottom: 0;
  }
}

#yoo-zoo.blog-default .item div.pos-top .element-itemhits,
#yoo-zoo.blog-default .item div.pos-top .element-countlike .countlike,
#yoo-zoo.blog-default .item div.pos-top .element-countlike h3,
#yoo-zoo.blog-default .item div.pos-top .element-itemcommentslink a {
  display        : inline-block;
  margin-left    : 1.2rem;
  /*margin-bottom: 0;*/
  font-family    : 'clear_sans', Helvetica, Arial, sans-serif;
  font-size      : 1rem;
  /*color        : #46C0ED;*/
  color          : #07ABB8;
  text-decoration: none;
  pointer-events : none;
  vertical-align : middle;
}

#yoo-zoo.blog-default .item div.pos-top .element-countlike h3 {
  line-height  : 1.2rem;
  margin-bottom: 0;
}

@media (min-width: 960px) {

  #yoo-zoo.blog-default .item div.pos-top .element-itemhits,
  #yoo-zoo.blog-default .item div.pos-top .element-countlike .countlike,
  #yoo-zoo.blog-default .item div.pos-top .element-countlike h3,
  #yoo-zoo.blog-default .item div.pos-top .element-itemcommentslink a {
    font-size: 1.5rem;
  }
}

#yoo-zoo.blog-default .item div.pos-top .element-itemcommentslink a {
  pointer-events: none;
}

#yoo-zoo.blog-default .item div.pos-top .element-itemcommentslink a:empty,
#yoo-zoo.blog-default .item div.pos-top .element-countlike .countlike.nolike {
  display: none;
}

#yoo-zoo.blog-default .item div.pos-top .element-itemhits::before,
#yoo-zoo.blog-default .item div.pos-top .element-countlike .countlike::before,
#yoo-zoo.blog-default .item div.pos-top .element-countlike h3::before,
#yoo-zoo.blog-default .item div.pos-top .element-itemcommentslink a::before {
  content            : "";
  display            : inline-block;
  width              : 2.2rem;
  height             : 2.2rem;
  margin-right       : .4rem;
  vertical-align     : middle;
  background         : url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__comment--LIGHTBLUE.svg);
  background-repeat  : no-repeat;
  background-position: center;
  /*filter           : drop-shadow(0 0 0 #46C0ED);*/
  filter             : drop-shadow(0 0 0 #07ABB8);
}

#yoo-zoo.blog-default .item div.pos-top .element-itemhits::before {
  background: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__hits--LIGHTBLUE.svg);
}

#yoo-zoo.blog-default .item div.pos-top .element-countlike .countlike::before,
#yoo-zoo.blog-default .item div.pos-top .element-countlike h3::before {
  background: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__like--LIGHTBLUE.svg);
}

#yoo-zoo.blog-default .item div.pos-top .element-itemcommentslink a::before {
  background: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__comment--LIGHTBLUE.svg);
}




#yoo-zoo.blog-default .item div.floatbox {
  overflow: visible;
}

#yoo-zoo.blog-default .item div.pos-bottom {}

@media (min-width: 960px) {

  #yoo-zoo.blog-default .item div.floatbox,
  #yoo-zoo.blog-default .item div.pos-bottom {
    box-sizing   : border-box;
    width        : 66.66%;
    padding-right: 1.5rem;
    text-align   : left;
  }

  #yoo-zoo.blog-default .item div.floatbox {
    position   : relative;
    padding-top: 38.5%;
  }
}

#yoo-zoo.blog-default .item div.pos-content {
  line-height: 1.4em;
}

@media (min-width: 660px) {
  #yoo-zoo.blog-default .item div.pos-content {
    margin-top: 2rem;
    font-size : 1.6rem;
  }
}

@media (min-width: 960px) {
  #yoo-zoo.blog-default .item div.pos-content {
    margin-top: 3rem;
    font-size : 1.8rem;
  }
}

@media (min-width: 1200px) {
  #yoo-zoo.blog-default .item div.pos-content {
    margin-top: 5rem;
    font-size : 2rem;
  }
}

#yoo-zoo.blog-default .item div.pos-bottom {
  margin-top: 3rem;
  overflow  : visible;
}

@media (min-width: 660px) {
  #yoo-zoo.blog-default .item div.pos-bottom {
    margin-top: 4rem;
  }
}

@media (min-width: 960px) {
  #yoo-zoo.blog-default .item div.pos-bottom {
    margin-top: 5rem;
  }
}

@media (min-width: 1200px) {
  #yoo-zoo.blog-default .item div.pos-bottom {
    margin-top: 6rem;
  }
}

#yoo-zoo.blog-default .item div.pos-bottom .element {
  display       : inline-block;
  margin        : 0 1.5rem 0 0;
  background    : none;
  vertical-align: middle;
}

#yoo-zoo.blog-default .item div.pos-bottom .element-like .like,
#yoo-zoo.blog-default .item div.pos-bottom .element-like .vote-message,
#yoo-zoo.blog-default .item div.pos-bottom .element-like .previous-rating {
  display: none;
}

#yoo-zoo.blog-default .item div.pos-bottom .element-like .rating-container {
  width     : auto;
  height    : auto;
  background: none;
  overflow  : visible;
}

#yoo-zoo.blog-default .item div.pos-bottom .element-follow a,
#yoo-zoo.blog-default .item div.pos-bottom .element-like .rating-container .stars,
#yoo-zoo #comments #respond .actions input {
  position        : relative;
  display         : inline-block;
  /*overflow      : hidden;*/
  box-sizing      : border-box;
  min-width       : 6.4rem;
  height          : 3.6rem;
  margin          : .2rem .4rem;
  padding         : 0 1.6rem;
  font-size       : 1.4rem;
  font-weight     : 500;
  line-height     : 3.6rem;
  cursor          : pointer;
  user-select     : none;
  text-align      : center;
  vertical-align  : middle;
  text-decoration : none;
  letter-spacing  : .1rem;
  text-transform  : uppercase;
  border          : none;
  /*border-radius : 2px;*/
  border-radius   : 2.4rem;
  /* CUSTOMIZATION ROUNDED BUTTONS */
  outline         : none;
  background-color: transparent;

  white-space: nowrap;

  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
  overflow  : visible;
}

#yoo-zoo.blog-default .item div.pos-bottom .element-follow a:hover,
#yoo-zoo.blog-default .item div.pos-bottom .element-follow a:focus,
#yoo-zoo.blog-default .item div.pos-bottom .element-like .rating-container .stars:hover,
#yoo-zoo.blog-default .item div.pos-bottom .element-like .rating-container .stars:focus,
#yoo-zoo #comments #respond .actions input:hover,
#yoo-zoo #comments #respond .actions input:focus {
  text-decoration: none;
}

#yoo-zoo.blog-default .item div.pos-bottom .element-follow a,
#yoo-zoo.blog-default .item div.pos-bottom .element-follow a:hover,
#yoo-zoo.blog-default .item div.pos-bottom .element-follow a:focus,
#yoo-zoo.blog-default .item div.pos-bottom .element-follow a:active,
#yoo-zoo.blog-default .item div.pos-bottom .element-like .rating-container .stars,
#yoo-zoo.blog-default .item div.pos-bottom .element-like .rating-container .stars:hover,
#yoo-zoo.blog-default .item div.pos-bottom .element-like .rating-container .stars.hover,
#yoo-zoo #comments #respond .actions input,
#yoo-zoo #comments #respond .actions input:hover,
#yoo-zoo #comments #respond .actions input:focus,
#yoo-zoo #comments #respond .actions input:active {
  color             : #FFF;
  /*background-color: #1A3A5D;*/
  /*background-color  : #024c44;*/
  background-color  : #07ABB8;
  transition        : background-color .2s ease;
  will-change       : background-color;
}

#yoo-zoo.blog-default .item div.pos-bottom .element-follow a:before,
#yoo-zoo.blog-default .item div.pos-bottom .element-like .rating-container .stars:before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  right          : 0;
  bottom         : 0;
  opacity        : 0;
  background     : rgba(255, 255, 255, .1);
  transition     : opacity .2s cubic-bezier(.4, 0, 1, 1);
  /*border-radius: 2px;*/
  border-radius  : 2.4rem;
  /* CUSTOMIZATION ROUNDED BUTTONS */
  box-shadow     : 0 0 8px rgba(0, 0, 0, .09), 0 8px 16px rgba(0, 0, 0, .18);
}

#yoo-zoo.blog-default .item div.pos-bottom .element-follow a:hover:before,
#yoo-zoo.blog-default .item div.pos-bottom .element-follow a:focus:before,
#yoo-zoo.blog-default .item div.pos-bottom .element-like .rating-container .stars:hover:before,
#yoo-zoo.blog-default .item div.pos-bottom .element-like .rating-container .stars.hover:before {
  opacity   : .1;
  transition: opacity .2s cubic-bezier(.4, 0, 1, 1);
}

#yoo-zoo.blog-default .item div.pos-bottom .element-follow a:active:before {
  opacity   : .2;
  transition: opacity .2s cubic-bezier(.4, 0, 1, 1);
}

#yoo-zoo.blog-default .item div.pos-bottom .element-follow a:hover:not(:active):before,
#yoo-zoo.blog-default .item div.pos-bottom .element-follow a:focus:not(:active):before,
#yoo-zoo.blog-default .item div.pos-bottom .element-like .rating-container .stars:hover:not(:active):before {
  opacity: .8;
}

#yoo-zoo.blog-default .item div.pos-bottom .element-follow a:active:before,
#yoo-zoo.blog-default .item div.pos-bottom .element-like .rating-container .stars:active:before {
  opacity: 1;
}

#yoo-zoo.blog-default .item div.pos-bottom .element-follow a,
#yoo-zoo.blog-default .item div.pos-bottom .element-follow a:hover,
#yoo-zoo.blog-default .item div.pos-bottom .element-follow a:focus,
#yoo-zoo.blog-default .item div.pos-bottom .element-follow a:active,
#yoo-zoo.blog-default .item div.pos-bottom .element-like .rating-container .stars,
#yoo-zoo.blog-default .item div.pos-bottom .element-like .rating-container .stars:hover,
#yoo-zoo.blog-default .item div.pos-bottom .element-like .rating-container .stars:focus {
  border: 0;
  color : #FFF;
}


#yoo-zoo.blog-default .item div.pos-bottom .element-like .rating-container .stars {
  background-image   : url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__like--WHITE.svg);
  background-position: center;
  background-repeat  : no-repeat;
  background-size    : 25px;
  will-change        : background-size, background-color;
}

#yoo-zoo.blog-default .item div.pos-bottom .element-follow a {
  will-change: background-color;
}

#yoo-zoo.blog-default .item div.pos-bottom .element-follow a.voted {
  /*background-color: #46C0ED;*/
  /*background-color: #07ABB8;*/
  background-color  : #024c44;
}

#yoo-zoo.blog-default .item div.pos-bottom .element-like .rating-container .stars.voted {
  /*background-color: #46C0ED;*/
  /*background-color: #07ABB8;*/
  background-color  : #024c44;
  animation       : pop .5s ease 1 forwards;
}

@keyframes pop {

  0%,
  100% {
    background-size: 25px;
  }

  50% {
    background-size: 30px;
  }
}


blockquote {
  font-size  : inherit;
  line-height: inherit;
  color      : #484B4C;
}

blockquote[class*="AGO-cta"] {
  position     : relative;
  /*border-left: 5px solid #46C0ED;*/
  border-left  : 5px solid #07ABB8;
  padding      : 1rem 1rem 1rem 5rem;
  box-shadow   : 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

blockquote[class*="AGO-cta"]::before {
  content : "";
  display : block;
  position: absolute;
  top     : 0;
  left    : 0;
  bottom  : 0;
  height  : 3rem;
  width   : 3rem;
  margin  : auto 0 auto 1rem;

  background-image   : url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__write--LIGHTBLUE.svg);
  background-position: center;
  background-repeat  : no-repeat;
  background-size    : contain;
}

@media (min-width: 500px) {
  blockquote[class*="AGO-cta"] {
    padding: 2rem 1.5rem 2rem 8rem;
  }

  blockquote[class*="AGO-cta"]::before {
    width      : 4rem;
    height     : 4rem;
    margin-left: 2rem;
  }
}

@media (min-width: 660px) {
  blockquote[class*="AGO-cta"] {
    padding: 3rem 1.5rem 3rem 11rem;
  }

  blockquote[class*="AGO-cta"]::before {
    width      : 5rem;
    height     : 5rem;
    margin-left: 3rem;
  }
}

@media (min-width: 960px) {
  blockquote[class*="AGO-cta"] {
    padding: 4rem 1.5rem 4rem 15rem;
  }

  blockquote[class*="AGO-cta"]::before {
    width      : 8rem;
    height     : 8rem;
    margin-left: 3.5rem;
  }
}


blockquote.AGO-cta--read::before {
  background-image: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__read--LIGHTBLUE.svg);
}

blockquote.AGO-cta--comment::before {
  background-image: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__comment--LIGHTBLUE.svg);
}

blockquote.AGO-cta--exercise::before {
  background-image: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__exercise--LIGHTBLUE.svg);
}

blockquote.AGO-cta--dwn::before {
  background-image: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__dwn--LIGHTBLUE.svg);
}

blockquote.AGO-cta--quiz::before {
  background-image: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__quiz--LIGHTBLUE.svg);
}

blockquote.AGO-cta--survey::before {
  background-image: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__survey--LIGHTBLUE.svg);
}


#yoo-zoo.blog-default .item div.pos-related {
  margin    : 2rem 0;
  padding   : 0;
  background: none;
}

@media (min-width: 960px) {
  #yoo-zoo.blog-default .item div.pos-related {
    position   : absolute;
    top        : 0;
    right      : 0;
    width      : 33.33%;
    width      : calc(33.33% - 1.5rem);
    margin-top : 38.5%;
    padding-top: 3rem;
  }
}


#yoo-zoo.blog-default .item div.pos-related>h3,
#yoo-zoo.blog-default .item div.pos-related hr,
#yoo-zoo.blog-default .item div.pos-related .AGO-newslink-dwn:empty,
#yoo-zoo.blog-default .item div.pos-related .AGO-newslink-related:empty {
  display: none;
}

#yoo-zoo.blog-default .item div.pos-related .AGO-newslink-dwn {
  padding      : 1.5rem;
  margin       : 0 auto 3rem;
  /*background : #1A3A5D;*/
  background   : #024c44;
  counter-reset: newsdwn;
}

#yoo-zoo.blog-default .item div.pos-related .AGO-newslink-dwn::before,
#yoo-zoo.blog-default .item div.pos-related .AGO-newslink-related::before {
  content       : "Scarica i materiali correlati ";
  /* jesus forgive me for my sins */
  display       : block;
  padding-bottom: 1.5rem;
  font-size     : 2rem;
  text-transform: uppercase;
  color         : #FFF;
}

#yoo-zoo.blog-default .item div.pos-related .AGO-newslink-dwn a {
  position         : relative;
  display          : block;
  margin-bottom    : 1rem;
  padding          : 1rem 2rem 1rem 1rem;
  font-weight      : bold;
  /*color          : #1A3A5D;*/
  color            : #024c44;
  background       : #FFFFFF;
  border-radius    : 1rem;
  white-space      : nowrap;
  overflow         : hidden;
  text-overflow    : ellipsis;
  counter-increment: newsdwn;
  text-decoration  : none;
}

#yoo-zoo.blog-default .item div.pos-related .AGO-newslink-dwn a:hover,
#yoo-zoo.blog-default .item div.pos-related .AGO-newslink-dwn a:focus {
  background: rgba(255, 255, 255, .8);
}


#yoo-zoo.blog-default .item div.pos-related .AGO-newslink-dwn a::after {
  content             : "";
  position            : absolute;
  top                 : 0;
  right               : 1rem;
  bottom              : 0;
  box-sizing          : border-box;
  width               : 1.3rem;
  height              : 1.3rem;
  margin              : auto;
  border              : 2px solid transparent;
  /*border-right-color: #065380;
  border-bottom-color : #065380;*/
  border-right-color  : #024c44;
  border-bottom-color : #024c44;
  border-radius       : .2rem;
  transform           : rotate(-45deg);
}

#yoo-zoo.blog-default .item div.pos-related .AGO-newslink-dwn a::before {
  content            : counter(newsdwn) ". ";
  display            : inline-block;
  width              : 3rem;
  height             : 3rem;
  margin             : -.5rem 2.5rem -.5rem 0;
  line-height        : 3rem;
  text-indent        : 3.7rem;
  color              : #EB212E;
  /*background-color : #1A3A5D;*/
  background-color   : #024c44;
  background-image   : url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__dwn--WHITE.svg);
  background-position: center;
  background-repeat  : no-repeat;
  background-size    : 2.3rem;
  border-radius      : 50%;
}


#yoo-zoo.blog-default .item div.pos-related .AGO-newslink-related {
  box-sizing        : border-box;
  max-width         : 1400px;
  padding           : 1.5rem;
  margin            : 0 auto 3rem;
  /*border-bottom   : 4px solid #1A3A5D;*/
  border-bottom     : 4px solid #024c44;
  background-color  : #FFFFFF;
  /*background-image: linear-gradient(to top, rgba(0,0,0,.05), rgba(0,0,0,0) 8rem);*/
  background-repeat : no-repeat;
  box-shadow        : 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}



#yoo-zoo.blog-default .item div.pos-related .AGO-newslink-related::before {
  content: "News correlate ";
  /* jesus forgive me for my sins */
  /*color: #1A3A5D;*/
  color  : #024c44;
}


#yoo-zoo.blog-default .item div.pos-related .AGO-newslink-related>div:not(:last-child) {
  margin-bottom : 2.5rem;
  /*padding-left: 1rem;*/
  /*border-left : 5px solid #46C0ED;*/
}

#yoo-zoo.blog-default .item div.pos-related .AGO-newslink-related a {
  display      : block;
  padding      : 0 0 2rem 1rem;
  /*border-left: 5px solid #46C0ED;*/
  border-left  : 5px solid #07ABB8;
  color        : #585B5C;
}

#yoo-zoo.blog-default .item div.pos-related .AGO-newslink-related a:hover,
#yoo-zoo.blog-default .item div.pos-related .AGO-newslink-related a:focus {
  background: rgba(0, 0, 0, .05);
}

#yoo-zoo.blog-default .item div.pos-related .AGO-newslink-related .element-itempublish_up {
  margin-top  : -2rem;
  padding-left: 1.5rem;
  font-size   : 1rem;
  line-height : 2rem;
  /*color     : #46C0ED;*/
  color       : #07ABB8;
}


/*### END NEWS LAYOUT ###*/


/*### COMMENTS LAYOUT ###*/

#yoo-zoo #comments {}

@media (min-width: 960px) {
  #yoo-zoo #comments {
    max-width: 66.66%;
  }
}

#yoo-zoo #comments h3.comments-meta,
#yoo-zoo #comments #respond>h3 {
  font-size     : 2.4rem;
  text-transform: uppercase;
  /*color       : #1A3A5D;*/
  color         : #024c44;
}

#yoo-zoo #comments .comment-head,
#yoo-zoo #comments .comment-byadmin .comment-head {
  margin-bottom: 0;
  padding      : 0;
  border       : 0;
  background   : none;
}


#yoo-zoo #comments .comment {
  margin-bottom: 2rem;
  position     : relative;
  padding-left : 5.2rem;
  min-height   : 3.7rem;
}

#yoo-zoo #comments .comment .avatar {
  position     : absolute;
  top          : 0;
  left         : 0;
  width        : 3.7rem;
  height       : 3.7rem;
  margin-right : 1.5rem;
  border-radius: 50%;
  overflow     : hidden;
}

@media (min-width:450px) {
  #yoo-zoo #comments .comment {
    margin-bottom: 2.5rem;
    padding-left : 6.5rem;
    min-height   : 5em;
  }

  #yoo-zoo #comments .comment .avatar {
    width : 5rem;
    height: 5rem;
  }
}

@media (min-width:500px) {
  #yoo-zoo #comments .comment {
    margin-bottom: 3rem;
    padding-left : 8.5rem;
    min-height   : 7em;
  }

  #yoo-zoo #comments .comment .avatar {
    width : 7rem;
    height: 7rem;
  }
}

#yoo-zoo #comments .comment .avatar a {
  display: block;
}

#yoo-zoo #comments .comment .avatar img {
  width          : 100%;
  height         : 100%;
  object-fit     : cover;
  object-position: center;
}

#yoo-zoo #comments .comment-head .author {
  margin: 0;
}

#yoo-zoo #comments .comment-head .meta {
  display    : block;
  margin     : 0;
  font-size  : 1.2rem;
  line-height: 1.2em;
  /*color    : #46C0ED;*/
  color      : #07ABB8;
}

@media (min-width: 660px) {
  #yoo-zoo #comments .comment-head .author {
    float: left;
  }

  #yoo-zoo #comments .comment-head .meta {
    line-height: 2em;
    text-align : right;
  }
}

#yoo-zoo #comments .comment-head .author a {
  font-size      : 1.4rem;
  line-height    : 2em;
  font-weight    : bold;
  text-decoration: none;
  /*color        : #1A3A5D;*/
  color          : #024c44;
}

@media (min-width: 660px) {
  #yoo-zoo #comments .comment-head .author a {
    font-size: 1.6rem;
  }
}

#yoo-zoo #comments .comment-body {
  margin : 0;
  padding: 0;
}

#yoo-zoo #comments .comment-body .content {
  display        : block;
  padding        : 1.5rem;
  line-height    : 1.7rem;
  border-radius  : 0 1rem 1rem;
  color          : #FFFFFF;
  /*background   : #46C0ED;*/
  background     : #07ABB8;
  text-decoration: none;
}

@media (min-width: 660px) {
  #yoo-zoo #comments .comment-body .content {
    font-size: 1.6rem;
  }
}

#yoo-zoo #comments .comment-body .content+p {
  margin        : 0;
  font-size     : 0;
  /*color       : #1A3A5D;*/
  color         : #024c44;
  text-transform: uppercase;
  font-weight   : bold;
}

#yoo-zoo #comments .comment-body .content+p a {
  display        : inline-block;
  font-size      : 1.2rem;
  margin         : 0 1.2rem;
  /*color        : #1A3A5D;*/
  color          : #024c44;
  text-decoration: none;
}
#yoo-zoo #comments .comment-body .content a {
    color: #024c44;
  text-decoration: none;
    transition: all .2s;
}
#yoo-zoo #comments .comment-body .content a:hover {
      text-decoration: underline;
  cursor: pointer;
  -webkit-text-decoration-style: dotted;
  text-decoration-style: dotted;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink;
}
#yoo-zoo #comments .level2 .comment-body .reply,
#yoo-zoo #comments #respond form>p:first-child {
  display: none;
}


#yoo-zoo #comments #respond textarea {
  max-width    : 100%;
  border       : 2px solid rgba(0, 0, 0, .2);
  border-radius: 1rem;
}

#yoo-zoo #comments #respond .actions {
  text-align: right;
}

#yoo-zoo #comments #respond .actions input:hover {
  background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1));
}

#yoo-zoo #comments .comment-body .moderation {
  margin-top: 0;
  color     : #EB212E;
}

/*### END COMMENTS LAYOUT ###*/

/*### ARCHIVE LAYOUT ###*/

.AGO-headerCategory {
  position : relative;
  max-width: 1400px;
  margin   : 0 auto 2rem;
}

@media (min-width: 660px) {
  .AGO-headerCategory {
    padding: 0 1.5rem;
  }
}


.AGO-headerCategory h1 {
  box-sizing    : border-box;
  margin        : 0;
  padding       : 1.5rem 0 1.5rem 1.5rem;
  border-left   : .8rem solid #EB212E;
  font-size     : 2rem;
  line-height   : 1.6em;
  text-transform: uppercase;
  font-weight   : bold;
  color         : #585B5C;
  background    : #FFFFFF;
}

@media (min-width:550px) {
  .AGO-headerCategory h1 {
    position: absolute;
    right   : 1.5rem;
    bottom  : 0;
    width   : 92%;
  }
}

.AGO-archive .tm-middle {
  max-width: 1430px;
  margin   : 3rem auto 0;
}

.AGO-archive #yoo-zoo .items {
  margin  : 0;
  overflow: visible;
}

.AGO-archive #yoo-zoo .items div.teaser-item {
  padding      : 0;
  margin-bottom: 2.5rem;
}

.AGO-archive #yoo-zoo .items div.teaser-item-bg,
.AGO-archive #yoo-zoo .items div.teaser-item-bg:last-child {
  position        : relative;
  padding         : 1rem;
  background      : #FFFFFF;
  background-image: none;
  /*border-bottom : 4px solid #1A3A5D;*/
  border-bottom   : 4px solid #024c44;
  box-shadow      : 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.AGO-archive #yoo-zoo .items div.media-above {
  margin  : -1rem -1rem 1rem -1rem;
  position: relative;
  overflow: hidden;
}

.AGO-archive #yoo-zoo .items div.media-above .element {
  margin: 0;
}

.AGO-archive #yoo-zoo .items div.teaser-item .AGO-imgplaceholder {
  height        : 0;
  padding-bottom: 66.66%;
  /*background  : #1A3A5D;*/
  background    : #024c44;
}

.AGO-archive #yoo-zoo .items div.teaser-item .AGO-imgplaceholder::after {
  content : "";
  position: absolute;
  top     : 0;
  left    : 0;
  right   : 0;
  bottom  : 0;
  background-image:
    linear-gradient(315deg, #000 25%, transparent 25.5%),
    linear-gradient(45deg, #000 25%, transparent 25.5%),
    radial-gradient(#FFF 50%, transparent 50.5%);
  background-size:
    100%,
    100%,
    10rem 10rem;
  background-position:
    0%,
    0%,
    120% 0%;
  background-repeat:
    no-repeat,
    no-repeat,
    no-repeat;
  opacity: .1;
}

.AGO-archive #yoo-zoo .items div.teaser-item .element-image {
  position: absolute;
  top     : 0;
  left    : 0;
  right   : 0;
  bottom  : 0;
}

.AGO-archive #yoo-zoo .items div.teaser-item .element-image a {
  display: block;
  height : 100%;
}

.AGO-archive #yoo-zoo .items div.teaser-item .element-image a img {
  width          : 100%;
  height         : 100%;
  object-fit     : cover;
  object-position: center;
}

.AGO-archive #yoo-zoo .items h1.pos-title {
  margin-bottom : 1.5rem;
  font-family   : 'clear_sans', Helvetica, Arial, sans-serif;
  font-size     : 2rem;
  font-weight   : bold;
  line-height   : 1.4em;
  letter-spacing: 0;
  color         : #585B5C;
}

.AGO-archive #yoo-zoo .items h1.pos-title a {
  /*color: #1A3A5D;*/
  color: #024c44;
}

.AGO-archive #yoo-zoo .items h2.pos-subtitle {
  margin-bottom : 1.5rem;
  font-size     : 1.4rem;
  text-transform: none;
}

.AGO-archive #yoo-zoo .items .pos-content {
  text-align : right;
  /*color    : #46C0ED;*/
  color      : #07ABB8;
  text-align : right;
  line-height: 3rem;
}

.AGO-archive #yoo-zoo .items .pos-content .element {
  display      : inline-block;
  margin-bottom: 0;
}

.AGO-archive #yoo-zoo .items .pos-content .element-itemcategory {
  display   : block;
  text-align: left;
}



.AGO-archive #yoo-zoo .items .element-itemcategory a {
  /* <- category */
  position       : relative;
  margin         : 0 .5rem 0 0;
  padding        : 0 .5rem;
  font-size      : 1.2rem;
  line-height    : 1.5em;
  font-weight    : bold;
  text-transform : uppercase;
  text-decoration: none;
  color          : #FFFFFF;
  background     : #EB212E;
}

@media (min-width: 370px) {
  .AGO-archive #yoo-zoo .items .element-itemcategory a {
    font-size: 1.5rem;
    margin   : 0 1rem 0 0;
  }
}


.AGO-archive #yoo-zoo .items .element-itemcategory a:hover,
.AGO-archive #yoo-zoo .items .element-itemcategory a:focus {
  /* <- category */
  background: #DB111E;
}

.AGO-archive #yoo-zoo .items .element-itemcategory a::before {
  content       : "";
  position      : absolute;
  pointer-events: none;
  top           : 0;
  left          : 0;
  right         : 0;
  bottom        : 0;
  box-shadow    : 0 7px 10px rgba(0, 0, 0, .3);
  opacity       : 0;
  transition    : opacity .2s ease;
}

.AGO-archive #yoo-zoo .items .element-itemcategory a:hover::before {
  opacity: 1;
}


.AGO-archive #yoo-zoo .items .element-itempublish_up {
  float    : left;
  font-size: 1rem;
}

@media (min-width: 370px) {
  .AGO-archive #yoo-zoo .items .element-itempublish_up {
    font-size: 1.1rem;
  }
}

@media (min-width: 960px) {
  .AGO-archive #yoo-zoo .items .element-itempublish_up {
    font-size: 1.5rem;
  }
}


.AGO-archive #yoo-zoo .items .element-countlike {
  font-size: 0;
}

.AGO-archive #yoo-zoo .items .element-itempublish_up,
.AGO-archive #yoo-zoo .items .element-itemhits,
.AGO-archive #yoo-zoo .items .element-countlike,
.AGO-archive #yoo-zoo .items .element-itemcommentslink {
  display       : inline-block;
  line-height   : 3.5rem;
  vertical-align: middle;
  /*color       : #46C0ED;*/
  color         : #07ABB8;
  white-space   : nowrap;
}

@media (min-width:450px) and (max-width: 549px) {

  .AGO-archive #yoo-zoo .items .pos-content .element-countlike,
  .AGO-archive #yoo-zoo .items .pos-content .element-itemcommentslink {
    display: none;
  }
}

@media (min-width: 960px) {

  .AGO-archive #yoo-zoo .items .element-itempublish_up,
  .AGO-archive #yoo-zoo .items .element-itemhits,
  .AGO-archive #yoo-zoo .items .element-countlike,
  .AGO-archive #yoo-zoo .items .element-itemcommentslink {
    position     : relative;
    line-height  : 5rem;
    margin-bottom: 0;
  }
}

.AGO-archive #yoo-zoo .items .element-itemhits,
.AGO-archive #yoo-zoo .items .element-countlike .countlike,
.AGO-archive #yoo-zoo .items .element-countlike h3,
.AGO-archive #yoo-zoo .items .element-itemcommentslink a {
  display        : inline-block;
  margin-left    : 1.2rem;
  /*margin-bottom: 0;*/
  font-family    : 'clear_sans', Helvetica, Arial, sans-serif;
  font-size      : 1rem;
  /*color        : #46C0ED;*/
  color          : #07ABB8;
  text-decoration: none;
  pointer-events : none;
  vertical-align : middle;
}

.AGO-archive #yoo-zoo .items .element-countlike h3 {
  line-height  : 1.2rem;
  margin-bottom: 0;
}

.AGO-archive #yoo-zoo .items .element-itemcommentslink a {
  pointer-events: none;
}

.AGO-archive #yoo-zoo .items .element-itemcommentslink a:empty,
.AGO-archive #yoo-zoo .items .element-countlike .countlike.nolike {
  display: none;
}

.AGO-archive #yoo-zoo .items .element-itemhits::before,
.AGO-archive #yoo-zoo .items .element-countlike .countlike::before,
.AGO-archive #yoo-zoo .items .element-countlike h3::before,
.AGO-archive #yoo-zoo .items .element-itemcommentslink a::before {
  content            : "";
  display            : inline-block;
  width              : 2.2rem;
  height             : 2.2rem;
  margin-right       : .4rem;
  vertical-align     : middle;
  background         : url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__comment--LIGHTBLUE.svg);
  background-repeat  : no-repeat;
  background-position: center;
  /*filter           : drop-shadow(0 0 0 #46C0ED);*/
  filter             : drop-shadow(0 0 0 #07ABB8);
}

.AGO-archive #yoo-zoo .items .element-itemhits::before {
  background: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__hits--LIGHTBLUE.svg);
}

.AGO-archive #yoo-zoo .items .element-countlike .countlike::before,
.AGO-archive #yoo-zoo .items .element-countlike h3::before {
  background: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__like--LIGHTBLUE.svg);
}

.AGO-archive #yoo-zoo .items .element-itemcommentslink a::before {
  background: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__comment--LIGHTBLUE.svg);
}


@media (min-width: 450px) {
  .AGO-archive #yoo-zoo .items div.media-above {
    position: absolute;
    top     : 0;
    left    : 0;
    margin  : 0;
    width   : 33.33%;
    height  : 100%;
  }

  .AGO-archive #yoo-zoo .items div.teaser-item .AGO-imgplaceholder {
    position: relative;
  }

  .AGO-archive #yoo-zoo .items h1.pos-title,
  .AGO-archive #yoo-zoo .items h2.pos-subtitle,
  .AGO-archive #yoo-zoo .items div.floatbox {
    margin-left : 33.33%;
    padding-left: 2rem;
  }
}


.AGO-archive .AGO-zooCategory {
  margin      : 0 1.5rem;
  padding     : 0 1rem;
  color       : #FFFFFF;
  /*background: #1A3A5D;*/
  background  : #024c44;
}


.AGO-archive .AGO-zooCategory .uk-panel-title {
  margin        : 1rem 0 2rem;
  font-size     : 2rem;
  text-transform: uppercase;
  color         : #FFFFFF;
}

@media (min-width: 660px) and (max-width: 767px),
(min-width: 960px) {
  .AGO-archive .AGO-zooCategory .uk-panel-title {
    font-size: 2.4rem;
  }
}

.AGO-archive .AGO-zooCategory .uk-panel-title+h4 {
  position    : relative;
  padding-left: 3rem;
  font-size   : 1.5rem;
  line-height : 2rem;
  font-weight : bold;
  color       : #FFFFFF;
}

.AGO-archive .AGO-zooCategory .uk-panel-title+h4::before {
  content      : "";
  position     : absolute;
  top          : 0;
  left         : 0;
  bottom       : 0;
  box-sizing   : border-box;
  width        : 2.2rem;
  height       : 2.2rem;
  background   : #FFFFFF;
  border-radius: 50%;
}

.AGO-archive .AGO-zooCategory .uk-panel-title+h4::after {
  content            : "";
  position           : absolute;
  top                : 0;
  left               : .4rem;
  bottom             : 0;
  box-sizing         : border-box;
  width              : 1rem;
  height             : 1rem;
  margin             : auto;
  border             : 2px solid transparent;
  border-right-color : #EB212E;
  border-bottom-color: #EB212E;
  border-radius      : .2rem;
  transform          : rotate(-45deg);
}

.AGO-archive .AGO-zooCategory ul {
  padding-bottom: 2rem;
  list-style    : none;
}

.AGO-archive .AGO-zooCategory ul a {
  color          : #FFFFFF;
  text-decoration: none;
}

.AGO-archive .AGO-zooCategory ul a::after {
  content: " >";
}

/*### END ARCHIVE LAYOUT ###*/

/*### PAGINATION ###*/
#yoo-zoo .zoo-pagination div.pagination-bg {
  font-size: 0;
}

#yoo-zoo .zoo-pagination div.pagination-bg li {
  display: inline-block;
}

#yoo-zoo .zoo-pagination a,
#yoo-zoo .zoo-pagination span {
  text-decoration: none;
  display        : inline-block;
  min-width      : 4rem;
  margin         : 0 0.3rem;
  line-height    : 4rem;
  font-size      : 1.6rem;
  text-align     : center;
}

#yoo-zoo .zoo-pagination a {
  background: rgba(0, 0, 0, .1);
}

#yoo-zoo .zoo-pagination a:hover {
  background: rgba(0, 0, 0, .2);
}

/*### END PAGINATION ###*/


/*### PROFILE ###*/

.AGO-page--profiloPUB .tm-content {
  position      : relative;
  max-width     : 1400px;
  margin        : 0 auto;
  padding-bottom: 3rem;
  overflow      : auto;
}

.AGO-page--profiloPUB .tm-content::before {
  content     : "Il mio profilo";
  display     : block;
  position    : absolute;
  top         : 0;
  left        : 0;
  right       : 0;
  bottom      : 30%;
  padding     : 2rem;
  font-size   : 2rem;
  text-align  : center;
  color       : #FFF;
  /*background: #1A3A5D;*/
  background  : #024c44;
}

.AGO-page--profiloPUB .uk-container {
  max-width : none;
  margin    : 15rem 1.5rem 0;
  padding   : 1.5rem;
  position  : relative;
  z-index   : 1;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.AGO-page--profiloPUB #system-message {
  position: absolute;
  top     : -9rem;
  left    : 1.5rem;
  right   : 1.5rem;
}

.AGO-page--profiloPUB #system-message>.alert-message {
  box-shadow: 0 0 0 2px #FFFFFF;
}

.AGO-page--profiloPUB #users-profile-custom-profilepicture {
  margin       : -9rem auto 0;
  width        : 18rem;
  height       : 18rem;
  /*background : #46C0ED;*/
  background   : #07ABB8;
  box-shadow   : 0 0 0 6px #FFFFFF;
  border-radius: 50%;
  overflow     : hidden;
}

.AGO-page--profiloPUB #users-profile-core h3 {
  margin-bottom: 0;
}

.AGO-page--profiloPUB #users-profile-core h4 {
  margin-top: 1.2rem;
}


.AGO-page--profiloPUB .AGO-profile__data {
  margin-bottom: 1.5rem;
  padding-left : 2.5rem;
  position     : relative;
}

@media (min-width: 660px) {
  .AGO-page--profiloPUB #users-profile-custom-profile {
    font-size : 0;
    text-align: center;
  }

  .AGO-page--profiloPUB .AGO-profile__data {
    display       : inline-block;
    box-sizing    : border-box;
    width         : 33.33%;
    padding-right : 1em;
    vertical-align: top;
    text-align    : left;
    font-size     : 1.4rem;
    line-height   : 1.5em;
  }
}

@media (min-width: 900px) {
  .AGO-page--profiloPUB .AGO-profile__data {
    font-size: 1.6rem;
    width    : 32%;
  }
}

@media (min-width: 1200px) {
  .AGO-page--profiloPUB .AGO-profile__data {
    font-size: 1.7rem;
    width    : 30%;
  }
}

.AGO-page--profiloPUB .AGO-profile__dataname {
  display: block;
  /*color: #46C0ED;*/
  color  : #07ABB8;
}

@media (min-width: 900px) {
  .AGO-page--profiloPUB .AGO-profile__dataname {
    display: inline;
  }

  .AGO-page--profiloPUB .AGO-profile__dataname::after {
    content: ": ";
  }
}

.AGO-page--profiloPUB .AGO-profile__dataname::before {
  content            : "";
  display            : inline-block;
  position           : absolute;
  top                : 0;
  left               : 0;
  width              : 2rem;
  height             : 2rem;
  background-position: center;
  background-size    : cover;
  background-repeat  : no-repeat;
}

.AGO-page--profiloPUB .AGO-profile__dataname[class*="descrizione_posizione"]::before {
  background-image: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__role--LIGHTBLUE.svg);
}

.AGO-page--profiloPUB .AGO-profile__dataname[class*="provincia"]::before {
  background-image: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__place--LIGHTBLUE.svg);
}

.AGO-page--profiloPUB .AGO-profile__dataname[class*="rete"]::before {
  background-image: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__net--LIGHTBLUE.svg);
}

.AGO-page--profiloPUB .AGO-profile__dataname[class*="nome_completo"] {
  display: none;
}


.AGO-page--profiloPUB #users-profile-custom img {
  width          : 100%;
  height         : 100%;
  object-fit     : cover;
  object-position: center;
}

.AGO-page--profiloPUB .AGO-profile__lastvisit {
  margin-bottom: 0;
  font-size    : 1.2rem;
}

@media (min-width: 900px) {
  .AGO-page--profiloPUB .AGO-profile__lastvisit {
    position: absolute;
    top     : 0;
  }
}

.AGO-page--profiloPUB .AGO-profile__lastvisit span {
  font-style: italic;
}

@media (min-width: 450px) {
  .AGO-page--profiloPUB .AGO-profile__lastvisit::before {
    content            : "";
    display            : inline-block;
    vertical-align     : middle;
    width              : 2rem;
    height             : 2rem;
    background-position: center;
    background-size    : cover;
    background-repeat  : no-repeat;
    background-image   : url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__userlog--LIGHTBLUE.svg);
  }
}


.AGO-page--profiloPUB .AGO-profile__actions {
  margin-top: 2rem;
  text-align: center;
}

@media (min-width: 660px) {
  .AGO-page--profiloPUB .AGO-profile__actions {
    text-align: right;
  }
}

.AGO-page--profiloPUB .AGO-profile__motto {
  display    : inline-block;
  max-width  : 880px;
  margin     : 0 auto 4rem;
  padding    : 0;
  border     : 0;
  font-size  : 1.6rem;
  line-height: 2.2rem;
  font-style : italic;
  text-align : left;
  text-indent: -.8rem;
}

.AGO-page--profiloPUB .AGO-profile__motto::before,
.AGO-page--profiloPUB .AGO-profile__motto::after {
  /*color: #46C0ED;*/
  color      : #07ABB8;
  font-weight: bold;
}

.AGO-page--profiloPUB .AGO-profile__motto::before {
  content     : open-quote;
  margin-right: .3rem;
}

.AGO-page--profiloPUB .AGO-profile__motto::after {
  content    : close-quote;
  margin-left: .3rem;
}

@media (min-width: 660px) {
  .AGO-page--profiloPUB #users-profile-custom-profile h3 {
    margin-bottom: 3rem;
  }
}

/*### END PROFILE ###*/

/*### MOD BADGES ###*/
.uk-panel.AGO-badges {
  box-sizing: border-box;
  max-width : 1400px;
  margin    : 0 auto 3rem;
  padding   : 0 1.5rem;
}

.uk-panel.AGO-badges>h4,
.uk-panel.AGO-badges>h4+p {
  max-width   : 880px;
  margin-left : auto;
  margin-right: auto;
}

.badges.AGO-badges {
  text-align: center;
}

.badges.AGO-badges .badgeBoxCat {
  float    : none;
  width    : auto;
  padding  : 0;
  max-width: 30%;
}

.AGO-badges .uk-modal-dialog {
  text-align: left;
}


.AGO-badges .badgeBoxCat>a:hover,
.AGO-badges .badgeBoxCat>a:focus,
.AGO-badges .badgeBoxCat>a:active,
.AGO-badges .uk-modal-dialog .LOG-float>a:focus,
.AGO-badges .uk-modal-dialog .LOG-float>a:active {
  outline: 0;
}

.AGO-badges .badgeBoxCat>a {
  display : block;
  position: relative;
}

.AGO-badges .badgeBoxCat>a::before {
  content      : "";
  position     : absolute;
  top          : 0;
  left         : 0;
  right        : 0;
  bottom       : 0;
  width        : 10rem;
  height       : 10rem;
  margin       : auto;
  border-radius: 50%;
  /*background : #46C0ED;*/
  background   : #07ABB8;
  opacity      : 0;
  transform    : scale(.1);

  transition: opacity .2s ease, transform .2s ease;
}

.AGO-badges .badgeBoxCat>a:hover::before,
.AGO-badges .badgeBoxCat>a:focus::before,
.AGO-badges .badgeBoxCat>a:active::before {
  opacity  : .2;
  transform: scale(1) translateY(-1px);
}


.AGO-badges .badgeBoxCat>a img,
.AGO-badges img.badgeImageCat {
  position  : relative;
  width     : 100%;
  max-width : 150px;
  max-height: 150px;
}

@media (max-width:600px) {
  .AGO-badges .uk-modal-dialog .LOG-float>a {
    display     : block;
    text-align  : center;
    float       : none;
    max-width   : 100%;
    margin-right: 0;
  }

  .AGO-badges .uk-modal-dialog .modal-title {
    text-align: center;
  }
}

@supports (filter: grayscale(0)) {
  .badgeImageCat[class*="hide_opacity"] {
    opacity: .5;
    filter : grayscale(10) contrast(0);
  }
}


/* 2019-05-31 ADD Stefano Maggioni */
.badgeImageCat.hide_opacity_100 {
  opacity: 1;
  filter : none;
}

.AGO-badges .uk-modal-dialog {
  font-size  : 2rem;
  line-height: 1.4em;
}

.AGO-badges .uk-modal-dialog>.uk-close:first-child {
  margin: -4px -4px 0 0;
}

.AGO-badges .uk-modal-dialog .uk-close {
  width  : 30px;
  height : 30px;
  opacity: 1;
}

.AGO-badges .uk-modal-dialog .uk-close:hover {
  opacity: 0.8;
}

.AGO-badges .uk-modal-dialog .uk-close:after {
  content            : "";
  background         : url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__x--LIGHTBLUE.svg);
  background-repeat  : no-repeat;
  background-position: center;
  background-size    : 100%;
  width              : 100%;
  height             : 100%;
}

.AGO-badges .uk-modal-dialog h3 {
  font-size     : 2.4rem;
  line-height   : 1.5em;
  font-weight   : normal;
  margin        : 2rem 0;
  /*color       : #1A3A5D;*/
  color         : #024c44;
  text-transform: uppercase;
}

.AGO-badges .uk-modal-dialog h3+a {
  width  : 150px;
  margin : 0 auto;
  display: block;
}

.AGO-badges .uk-modal-dialog .testo_badge,
.AGO-badges .uk-modal-dialog .elenco_condizioni_badge {
  margin: 2rem 0;
}

/* END ADD */

/*### END MOD BADGES ###*/

/*### MODULES PROFILE BOTTOM ###*/

.AGO-wrapperHP--mainbottom2PRO {
  margin-top   : 3rem;
  margin-bottom: 3rem;
  padding      : 3rem 1.5rem;
  /*background : #1A3A5D;*/
  background   : #024c44;
}


.AGO-wrapperHP--mainbottom2PRO .AGO-HPblock {
  /*border-top-color: #46C0ED;*/
  border-top-color: #07ABB8;
}

.AGO-followedContents .contenuti.LOG-list {
  font-size: 1.6rem;
}

@media (min-width:550px) {
  .AGO-followedContents .contenuti.LOG-list {
    font-size: 1.8rem;
  }
}

.AGO-followedContents .contenuti.LOG-list li {
  margin: 1.5rem 0;
}



/*### MODULES PROFILE BOTTOM ###*


/*### SCRIVICI ###*/

.AGO-contact .creation-form+.info {
  display: none;
}

.AGO-contact textarea,
.AGO-contact select {
  position        : relative;
  z-index         : 1;
  will-change     : border-bottom-color;
  transition      : border-bottom-color 0.2s ease;
  border          : 0;
  border-bottom   : 2px solid #585B5C;
  color           : #585B5C;
  background-color: #DFEDF3;
  border-radius   : 0;
  font-size       : 1.4rem;
  line-height     : 1.5em;
  min-height      : 40px;
  padding         : 1rem;
  transition      : background-color .2s ease, border-bottom-color .2s ease;
  width           : calc(100% - 140px);
}

.AGO-contact textarea {
  min-height: 10.5rem;
  resize    : vertical;
  width     : 100%;
}

@media (max-width: 500px) {

  .AGO-contact select,
  .AGO-contact textarea {
    width    : 100%;
    max-width: 100%;
  }
}

.AGO-contact textarea:focus,
.AGO-contact select:focus {
  /*border-bottom-color: #46C0ED;*/
  border-bottom-color: #07ABB8;
  outline            : 0;
  background         : transparent;
}

/*### SCRIVICI ###*/

/*### AREA DWN ###*/
.AGO-dwnarea #yoo-zoo .items {
  margin: 0 0 2rem;
}

.AGO-dwnarea #yoo-zoo .items h1.title {
  height     : auto;
  margin     : 0 0 2rem 0;
  background : none;
  overflow   : hidden;
  font-size  : 3rem;
  text-indent: 0;
  color      : #585B5C;
  line-height: 1.4em;
  text-align : center;
}

.AGO-dwnarea #yoo-zoo .items div.row {
  padding   : 0;
  background: none;
}

@media (min-width: 660px) {

  .AGO-dwnarea #yoo-zoo .items,
  .AGO-dwnarea #yoo-zoo .categories {
    /*margin: 0 -1.5rem 2rem;*/
    text-align: center;
    font-size : 0;
  }

  .AGO-dwnarea #yoo-zoo .items div.row {
    text-align: left;
    display   : inline-block;
    box-sizing: border-box;
    padding   : 0 1.5rem;
    width     : 50%;
  }
}

@media (min-width: 1060px) {
  .AGO-dwnarea #yoo-zoo .items {
    margin: 0 -1.5rem 2rem;
  }

  .AGO-dwnarea #yoo-zoo .items div.row {
    width: 33.33%;
  }
}



.AGO-dwnarea .uk-container {
  max-width: 1400px;
  padding  : 0 1.5rem;
}

.AGO-dwnarea #yoo-zoo .items div.teaser-item {
  max-width       : 465px;
  margin          : 0 auto 1.5rem;
  padding         : 1rem 1rem 1rem .5rem;
  border-top      : 0;
  /*border-bottom : 4px solid #1A3A5D;*/
  border-bottom   : 4px solid #024c44;
  background-color: #DFEDF3;
  /* !!! COLOR OUT OF GUIDE */
  box-shadow      : none;
}

@media (min-width: 450px) {
  .AGO-dwnarea #yoo-zoo .items div.teaser-item {
    padding: 1.5rem 1.5rem 1.5rem .7rem;
  }
}

.AGO-dwnarea #yoo-zoo .items div.media-left {
  float: left;
}

.AGO-dwnarea #yoo-zoo .items .wrap_total {
  overflow: auto;
}

.AGO-dwnarea #yoo-zoo .items h2.pos-title {
  font-size  : 1.6rem;
  line-height: 1.5em;
}

@media (min-width: 450px) {
  .AGO-dwnarea #yoo-zoo .items h2.pos-title {
    font-size: 1.8rem;
  }
}

.AGO-dwnarea #yoo-zoo .items .wrap-info {
  display: none;
}

.AGO-dwnarea #yoo-zoo .items .pos-button,
.AGO-dwnarea #yoo-zoo .items ul.pos-specification {
  margin-top: 1rem;
}

.AGO-dwnarea a.yoo-zoo.element-download-button,
.AGO-contact .submit #submit-button {
  position        : relative;
  display         : inline-block;
  /*overflow      : hidden;*/
  box-sizing      : border-box;
  width           : auto;
  min-width       : 6.4rem;
  height          : 3.6rem;
  margin          : .2rem .4rem;
  padding         : 0 1.6rem;
  font-size       : 1.4rem;
  font-weight     : 500;
  line-height     : 3.6rem;
  cursor          : pointer;
  user-select     : none;
  text-align      : center;
  vertical-align  : middle;
  text-decoration : none;
  letter-spacing  : .1rem;
  text-transform  : uppercase;
  border          : none;
  /*border-radius : 2px;*/
  border-radius   : 2.4rem;
  /* CUSTOMIZATION ROUNDED BUTTONS */
  outline         : none;
  background-color: transparent;

  white-space: nowrap;
  overflow   : visible;

  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.AGO-dwnarea a.yoo-zoo.element-download-button:hover,
.AGO-dwnarea a.yoo-zoo.element-download-button:focus,
.AGO-contact .submit #submit-button:hover,
.AGO-contact .submit #submit-button:focus {
  text-decoration: none;
}

.AGO-dwnarea a.yoo-zoo.element-download-button,
.AGO-dwnarea a.yoo-zoo.element-download-button:hover,
.AGO-dwnarea a.yoo-zoo.element-download-button:focus,
.AGO-dwnarea a.yoo-zoo.element-download-button:active,
.AGO-contact .submit #submit-button,
.AGO-contact .submit #submit-button:hover,
.AGO-contact .submit #submit-button:focus,
.AGO-contact .submit #submit-button:active {
  color       : #FFF;
  /*background:#1A3A5D;*/
  background  : #024c44;
  border      : 0;
}

.AGO-dwnarea a.yoo-zoo.element-download-button:before,
.AGO-contact .submit #submit-button::before {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  right          : 0;
  bottom         : 0;
  opacity        : 0;
  transition     : opacity .2s cubic-bezier(.4, 0, 1, 1);
  /*border-radius: 2px;*/
  border-radius  : 2.4rem;
  /* CUSTOMIZATION ROUNDED BUTTONS */

  background: rgba(255, 255, 255, .1);
  box-shadow: 0 0 8px rgba(0, 0, 0, .09), 0 8px 16px rgba(0, 0, 0, .18);
}

.AGO-dwnarea a.yoo-zoo.element-download-button:hover:before,
.AGO-dwnarea a.yoo-zoo.element-download-button:focus:before,
.AGO-contact .submit #submit-button:hover::before,
.AGO-contact .submit #submit-button:focus::before {
  opacity   : .1;
  transition: opacity .2s cubic-bezier(.4, 0, 1, 1);
}

.AGO-dwnarea a.yoo-zoo.element-download-button:hover:not(:active):before,
.AGO-dwnarea a.yoo-zoo.element-download-button:focus:not(:active):before,
.AGO-contact .submit #submit-button:hover:not(:active)::before,
.AGO-contact .submit #submit-button:focus:not(:active)::before {
  opacity: .8;
}

.AGO-dwnarea a.yoo-zoo.element-download-button:active:before,
.AGO-contact .submit #submit-button:active::before {
  opacity   : .2;
  transition: opacity .2s cubic-bezier(.4, 0, 1, 1);
}

.AGO-dwnarea a.yoo-zoo.element-download-button:after,
.AGO-contact .submit #submit-button::after {
  content        : "";
  position       : absolute;
  top            : 0;
  left           : 0;
  right          : 0;
  bottom         : 0;
  opacity        : 0;
  background     : rgba(255, 255, 255, .05);
  z-index        : -1;
  /*border-radius: 2px;*/
  border-radius  : 2.4rem;
  /* CUSTOMIZATION ROUNDED BUTTONS */
  transition     : opacity .2s cubic-bezier(.4, 0, 1, 1);
  box-shadow     : 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
}

.AGO-dwnarea a.yoo-zoo.element-download-button:active:after,
.AGO-contact .submit #submit-button:active::after {
  opacity: 1;
}

.AGO-dwnarea a.yoo-zoo.element-download-button>span,
.AGO-dwnarea a.yoo-zoo.element-download-button>span>span {
  display    : inline;
  height     : auto;
  padding    : 0;
  background : none;
  font-size  : inherit;
  line-height: inherit;
  font-weight: inherit;
}

.AGO-dwnarea #yoo-zoo .items ul.pos-specification li {
  display  : inline-block;
  font-size: 1.2rem;
}

.AGO-dwnarea #yoo-zoo .items ul.pos-specification li.element-download {
  font-weight: bold;
}

.AGO-dwnarea #yoo-zoo .items ul.pos-specification li.element-download strong {
  display: none;
}

.AGO-dwnarea #yoo-zoo .items ul.pos-specification li.element-itemmodified:before {
  content: " - ";
}

.AGO-dwnarea #yoo-zoo .categories .row,
.AGO-dwnarea #yoo-zoo .categories .row .category {
  display   : inline-block;
  margin    : 0;
  padding   : 0;
  border    : 0;
  background: none;
}

/*### FIEN AREA DWN ###*/

/*### COOKIE ###*/

.AGO-doc .uk-container,
.AGO-search .uk-container {
  max-width: 80rem;
  padding  : 0 1.5rem;
}

/*### FINE COOKIE ###*/

/*### SEARCH ###*/
.AGO-search .AGO-searchform {
  position     : relative;
  margin-bottom: 3rem;
}

.AGO-search .AGO-searchform #q {
  padding-right: 7rem;
  width        : calc(100% - 130px);
}

.AGO-search .AGO-searchform button.LOG-button {
  position     : absolute;
  bottom       : -.4rem;
  right        : 0;
  min-width    : 0;
  width        : 0;
  padding-left : 6rem;
  padding-right: 0;
  text-indent  : 100%;
  z-index      : 1;
}

.AGO-search .AGO-searchform button.LOG-button::after {
  content          : "";
  position         : absolute;
  top              : 0;
  left             : 0;
  right            : 0;
  bottom           : 0;
  width            : 2.5rem;
  height           : 2.5rem;
  margin           : auto;
  background-size  : contain;
  background-repeat: no-repeat;
  background-image : url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon--search.svg);
}

@media (min-width:660px) {
  .AGO-search .AGO-searchform #q {
    padding-right: 13rem;
  }

  .AGO-search .AGO-searchform button.LOG-button {
    min-width    : 8.4rem;
    width        : auto;
    padding-left : 4.5rem;
    padding-right: 2rem;
    text-indent  : 0;
  }

  .AGO-search .AGO-searchform button.LOG-button::after {
    left : 1.5rem;
    right: auto;
  }
}


.AGO-search article.uk-article {
  margin-bottom: 2rem;
}

.AGO-search article.uk-article h1 {
  font-size  : 1.8rem;
  line-height: 1.5em;
}

@media (min-width:550px) {
  .AGO-search article.uk-article h1 {
    font-size: 2.6rem;
  }
}

.AGO-search article.uk-article h1 a {
  position: relative;
  display : inline-block;
  padding : .5rem .5rem .5rem 3rem;
}

.AGO-search article.uk-article h1 a:hover,
.AGO-search article.uk-article h1 a:focus {
  background-color: #DFEDF3;
  /* !!! COLOR OUT OF GUIDE */
}

.AGO-search article.uk-article h1 a::before {
  content : "»";
  position: absolute;
  left    : .5rem;
}

.AGO-search .highlight {
  font-weight : normal;
  padding     : 0;
  /*background: #46C0ED;*/
  background  : #07ABB8;
}

/*### FINE SEARCH ###*/

/*### NOTIFICATION ###*/
.AGO-wrapper--profiletto {
  position: relative;
}

.AGO-wrapper--profiletto a.notifiche[href="#notifications"] {
  display        : block;
  box-sizing     : border-box;
  position       : absolute;
  top            : 0;
  right          : 0;
  min-width      : 2.5rem;
  height         : 2.5rem;
  padding        : 0 .5rem;
  box-shadow     : 0 0 0 .2rem #FFFFFF;
  line-height    : 2.5rem;
  color          : #FFFFFF;
  background     : #EB212E;
  border-radius  : 2.5rem;
  text-align     : center;
  text-decoration: none;
}

.AGO-wrapper--profiletto a.notifiche[href="#notifications"]:hover,
.AGO-wrapper--profiletto a.notifiche[href="#notifications"]:focus {
  background: #DB111E;
}

.AGO-wrapper--profiletto a.notifiche[href="#notifications"]::before {
  content: attr(rel);
}

.AGO-wrapper--profiletto a.notifiche[href="#notifications"][rel="0"],
.AGO-wrapper--profiletto a.notifiche[href="#notifications"]:not([rel]) {
  display: none;
}

#notifications .item {
  position    : relative;
  padding     : 1rem 1.8rem 1rem 0;
  /*! overflow: hidden; */
}

#notifications .item::before {
  content   : "";
  position  : absolute;
  top       : 0;
  left      : -1.5rem;
  right     : -1.5rem;
  bottom    : 0;
  background: #999;
  opacity   : 0;
  transition: opacity: .2s ease;
}

#notifications .item:hover::before {
  opacity: .1
}

#notifications .item a.closenotification {
  position           : absolute;
  right              : -.5rem;
  top                : 0;
  bottom             : 0;
  width              : 2rem;
  height             : 2rem;
  margin             : auto;
  background-size    : contain;
  background-position: center;
  background-repeat  : no-repeat;
  background-image   : url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__x--LIGHTBLUE.svg);
}

#notifications .item a.closenotification:hover,
#notifications .item a.closenotification:focus {
  background-image: url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon__x--BLUE.svg);
}

#notifications .item>img {
  float          : left;
  width          : 4.8rem;
  height         : 4.8rem;
  margin-right   : .5rem;
  border-radius  : 50%;
  object-fit     : cover;
  object-position: center;
}

@media (min-width: 450px) {
  #notifications .item>img {
    margin-right: 1rem;
  }
}

#notifications .item p {
  position  : relative;
  min-height: 4.8rem;
  margin    : 0;
}

@supports (display: flex) {
  #notifications .item {
    display    : flex;
    align-items: center;
  }

  #notifications .item p {
    min-height: 0;
  }
}

/*### FINE NOTIFICATION ###*/


/*### PRIMO LOGIN ###*/
.AGO-blocktransparent .testoAccordi {
  max-height  : 0px;
  overflow    : hidden;
  padding     : 0 1.5rem;
  margin      : 0 -1.5rem;
  border-top  : 1px dotted;
  background  : rgba(0, 0, 0, .05);
  /*transition: max-height 1s ease;*/
}

.AGO-blocktransparent fieldset input,
.AGO-blocktransparent fieldset label {
  display    : inline-block !important;
  float      : left;
  width      : inherit !important;
  line-height: 3 !important;
  padding    : 0 1rem !important;
}


@media (min-width:666px) and (min-height:600px) {
  .AGO-blocktransparent .testoAccordi {
    overflow-y: scroll;
    box-shadow: 0 10px 7px -13px inset, 0 -10px 7px -13px inset;
    transition: max-height 0.3s ease;
  }
}

.AGO-blocktransparent .testoAccordi.AGO-open {
  max-height: 1000000px;
  overflow-y: scroll;
}

@media (min-width:666px) and (min-height:600px) {
  .AGO-blocktransparent .testoAccordi.AGO-open {
    max-height: 300px;
    transition: max-height 0.3s ease;
  }
}


.AGO-blocktransparent .testoAccordi>p {
  margin: 20px 0;
}




.mod_accordiservizio input[name="checkAccordi"],
.AGO-upload .creation-form .element.element-checkbox input[type="checkbox"] {
  display: none;
}

.mod_accordiservizio input[name="checkAccordi"]~label,
.AGO-upload .creation-form .element.element-checkbox input[type="checkbox"]~label {
  display    : inline-block;
  line-height: 2.2rem;
  font-size  : 1.6rem;
  padding    : 1.3rem 0;
  font-weight: 300;
  cursor     : pointer;
  border     : 1px dotted transparent;

  /*color: #46C0ED;*/
  color: #07ABB8;
}

.AGO-upload .creation-form .element.element-checkbox input[type="checkbox"]~label {
  font-size  : 1.8rem;
  font-weight: 400;
  margin     : 1rem 0 0;
  line-height: 2.5rem;
  padding    : 0 0.3rem 0 2.8rem;
  border     : 1px dotted transparent;
  text-indent: -2.5rem;
}

.AGO-upload .creation-form .element.element-checkbox input[type="checkbox"]:focus~label,
.AGO-upload .creation-form .element.element-checkbox input[type="checkbox"]~label:focus {
  border-color: inherit;
}

.mod_accordiservizio input[name="checkAccordi"]~label:before,
.AGO-upload .creation-form .element.element-checkbox input[type="checkbox"]~label:before {
  content     : "";
  display     : inline-block;
  height      : 1rem;
  width       : 1rem;
  margin-right: 1rem;
  border      : 0.2rem solid;
}


.mod_accordiservizio input[name="checkAccordi"]:disabled~label:before,
.AGO-upload .creation-form .element.element-checkbox input[type="checkbox"]:disabled~label:before {
  opacity: 0.4;
  cursor : default;
}

.mod_accordiservizio input[name="checkAccordi"]:checked~label:before,
.AGO-upload .creation-form .element.element-checkbox input[type="checkbox"]:checked~label:before {
  border-right: 0;
  border-top  : 0;
  height      : 0.6rem;
  margin-right: 1.2rem;
  transform   : translate(0.3rem, -0.5rem) rotate(-45deg);
}

.profile-editprimo-login {
  max-width: 720px;
  margin   : 0 auto;
}

.profile-editprimo-login #profilepicture,
.profile-editprimo-login #core legend,
.profile-editprimo-login #core .core-1,
.profile-editprimo-login #core .core-2,
.profile-editprimo-login #core .core-5,
.profile-editprimo-login #core .core-6,
body.primo-login .tooltip,
.profile-editprimo-login #core .core-3 .optional,
.profile-editprimo-login #core .core-4 .optional {
  display: none !important;
}

.profile-editprimo-login #core dt {
  font-weight: 300;
}

body.primo-login .AGO-group {
  max-width : 350px;
  margin    : 2.4rem auto;
  text-align: left;
}

body.primo-login .AGO-group input,
.AGO-form .AGO-group input,
.AGO-form .AGO-group textarea {
  position   : relative;
  z-index    : 1;
  will-change: border-bottom-color;
  transition : border-bottom-color 0.2s ease;

  height     : 4rem;
  line-height: 4.8rem;
  font-size  : 2.4rem;

  margin-left: 15px;
}

body.primo-login .AGO-group input[type="password"],
.AGO-form .AGO-group input[type="password"] {
  letter-spacing: 0.2rem
}

body.primo-login .AGO-group input,
body.primo-login .AGO-group input+label,
.AGO-form .AGO-group input,
.AGO-form .AGO-group input+label,
.AGO-form .AGO-group textarea,
.AGO-form .AGO-group textarea+label {
  width      : 100%;
  padding    : 0 10px;
  border     : 0;
  background : transparent;
  font-weight: 300;
}

.AGO-form .AGO-group textarea {
  background: rgba(0, 0, 0, 0.05);
  height    : 8.8rem;
  resize    : vertical;
}

body.primo-login .AGO-group input:focus,
.AGO-form .AGO-group input:focus,
.AGO-form .AGO-group textarea:focus {
  outline: 0;
}

body.primo-login .AGO-group input:invalid,
.AGO-form .AGO-group input:invalid,
.AGO-form .AGO-group textarea:invalid {
  box-shadow: none;
  outline   : 0;
}

body.primo-login .AGO-group input+label,
.AGO-form .AGO-group input+label,
.AGO-form .AGO-group textarea+label {
  position      : relative;
  display       : block;
  /*margin-top  :-4.9rem;*/
  padding       : 0;
  pointer-events: none;

  height     : 2.4rem;
  line-height: 2.4rem;
  font-size  : 1.6rem;
}


.AGO-form .AGO-group .LOG-text--muted {
  display: none;
}

/*### FINE PRIMO LOGIN ###*/


/*### MODIFICA PROFILO ###*/
.AGO-page--profilo #member-profile {
  margin-bottom: 9rem;
}

.AGO-page--profilo #core,
.AGO-page--profilo #profile,
.AGO-page--profilo #mail {
  max-width: 720px;
  margin   : 0 auto 3.6rem;
}

.AGO-page--profilo #core {
  display: none;
}


.AGO-page--profilo #core legend,
.AGO-page--profilo #profile legend {
  display       : block;
  width         : 100%;
  margin        : 0 0 3.6rem;
  padding       : 3.2rem 0;
  font-size     : 3.6rem;
  line-height   : 4rem;
  text-transform: uppercase;
  text-align    : center;

  border-bottom: 1px dotted;
}

.AGO-page--profilo #core .AGO-group,
.AGO-page--profilo #profile .AGO-group,
.AGO-page--profilo #mail .AGO-group {
  max-width   : 350px;
  margin-left : auto;
  margin-right: auto;
}

.AGO-page--profilo #profilepicture {
  display: none;
}

.AGO-page--profilo .AGO-group--upl,
.AGO-page--profilo .AGO-group--submit {
  max-width : 350px;
  margin    : 0 auto;
  text-align: center;
}

.AGO-page--profilo .AGO-group--upl {
  margin-bottom: 3.6rem;
}

.AGO-page--profilo .AGO-group--upl .image-editor {
  position  : relative;
  min-height: 250px;
}

.AGO-page--profilo .AGO-group--upl .image-editor:before {
  content            : "";
  display            : block;
  position           : absolute;
  box-sizing         : border-box;
  width              : 100%;
  max-width          : 250px;
  height             : 250px;
  left               : 0;
  right              : 0;
  margin             : 0 auto;
  border             : 3px dashed #585B5C;
  padding            : 20px;
  background-color   : #ccc;
  /*background-color : #46C0ED;*/
  background-color   : #07ABB8;
  background-clip    : content-box;
  background-image   : url(/media/CommunityMedia/images/private/AGO-icon/AGO-icon--upl.svg);
  background-size    : 50px;
  background-repeat  : no-repeat;
  background-position: center center;

  opacity: 0.6;
}




.AGO-page--profilo .AGO-group--upl .image-editor>* {
  position: relative;
  z-index : 1;
}

.AGO-page--profilo .AGO-group--upl .cropit-image-input {
  display         : block;
  position        : absolute;
  width           : 100%;
  max-width       : 250px;
  height          : 0;
  left            : 0;
  right           : 0;
  margin          : 0 auto;
  /*padding-bottom: 100%;*/
  padding-bottom  : 250px;

  color     : rgba(255, 255, 255, 0);
  background: #cfc;
  box-sizing: border-box;

  text-align: center;
  font-size : 0;

  cursor : pointer;
  z-index: 1;

  opacity: 0.01;
}

.AGO-page--profilo .AGO-group--upl .cropit-image-preview.cropit-image-preview {
  box-sizing: border-box;
  margin    : 0 auto;
}

.AGO-page--profilo .AGO-group--upl .cropit-image-preview.cropit-image-preview.saved:before {
  content    : "";
  position   : absolute;
  height     : 0;
  width      : 0;
  right      : 0;
  border-top : 5rem solid #666;
  border-left: 5rem solid transparent;
}

.AGO-page--profilo .AGO-group--upl .cropit-image-preview.cropit-image-preview.saved:after {
  content     : "";
  display     : inline-block;
  position    : absolute;
  height      : 1rem;
  width       : 1rem;
  top         : 1rem;
  right       : 1rem;
  border      : 0.2rem solid;
  border-right: 0;
  border-top  : 0;
  height      : 0.6rem;
  transform   : rotate(-45deg);
  color       : #fff;
}

.AGO-page--profilo .AGO-group--upl .cropit-image-preview.cropit-image-preview.AGO-opacity0 {
  opacity: 0;
  z-index: -1;
}

.AGO-page--profilo .AGO-group--upl .image-size-label {
  font-size: 1.4rem;
  opacity  : 0.7;
}

.AGO-page--profilo .AGO-group--upl .cropit-image-zoom-input {
  max-width: 250px;
  margin   : 0 auto;
}

.AGO-page--profilo .AGO-group--upl .modal-footer {
  margin-top: 1.8rem;
}

#modalCambioAvatar .modal-body,
#modalCambioAvatar .modal-footer {
  margin    : 0;
  padding   : 0;
  border    : 0;
  text-align: center;
}

.AGO-page--profilo #member-profile {
  margin-bottom: 0;
}

.uk-panel.AGO-blocktransparent:after {
  display: none;
}

.uk-panel.AGO-blocktransparent.AGO-nomad-00 {
  margin-bottom: 20px;
}




.AGO-page--profilo .AGO-blocktransparent.uk-panel .uk-panel-title {
  margin-top   : 20px;
  margin-bottom: 0;
  cursor       : pointer;
  font-weight  : 300;
  color        : #585B5C;
}

.AGO-page--profilo .AGO-blocktransparent.uk-panel .uk-panel-title:before {
  content: "+ ";
}

.AGO-page--profilo .AGO-blocktransparent.uk-panel .uk-panel-title.AGO-open__title:before {
  content: "- ";
}

@media (min-width:900px) {
  .AGO-page--profilo .AGO-blocktransparent.uk-panel .uk-panel-title:before {
    display    : inline-block;
    text-indent: -3rem;
  }
}

.AGO-blocktransparent .testoAccordi+p {
  margin-top: 0;
}

#primo-login-send {
  margin-bottom: 60px;
}



#profile .AGO-group input {
  position        : relative;
  z-index         : 1;
  will-change     : border-bottom-color;
  transition      : border-bottom-color 0.2s ease;
  border-bottom   : 2px solid #585B5C;
  color           : #585B5C;
  background-color: #DFEDF3;
  /* !!! COLOR OUT OF GUIDE */

  transition: background-color .2s ease, border-bottom-color .2s ease;
}

#profile .AGO-group input:focus {
  /*border-bottom-color: #46C0ED;*/
  border-bottom-color: #07ABB8;
  outline            : 0;
  background         : transparent;
}


/*### FINE MODIFICA PROFILO ###*/

/*### SCORM PLAYER ###*/

#scormPlayer {
  width     : 100% !important;
  max-width : 100% !important;
  min-height: 500px;
}

@media (min-width: 400px) {
  #scormPlayer {
    min-height: 600px;
  }
}

@media (min-width: 600px) {
  #scormPlayer {
    min-height: 650px;
  }
}


/*### ??? ###*/
.BNT-profilo__pic {
  color: #009848;
}

.BNT-profilo__name {
  color: #585B5C;
}


/* EDIT GINO - CRUSCOTTO HP */

.AGO-attivita .game-progress {
  display: none;
}

.AGO-attivita .uk-panel-title a {
  float     : right;
  font-size : 3rem;
  padding   : 0 1rem 0.1rem 0;
  transition: color 0.3s;
}

.AGO-attivita .uk-panel-title a:hover {
  color: #fff;
}

.AGO-attivita .cert-tab {
  margin     : 1rem 0;
  width      : 96%;
  margin-left: 4%;
  background : none !important;
}

.AGO-attivita .cert-tab div {
  background   : #fff;
  z-index      : 0;
  padding      : 0.8rem 0;
  border-radius: 5px;
  margin       : -10px -10px 0 0;
}

.AGO-attivita .badges2016 h6 {
  margin-left: 64px;
}

.AGO-attivita .cert-activities li.activity-gained>a {
  /*color: #1A3A5D;*/
  color: #024c44;
}

.AGO-attivita .cert-tab span:before {
  background-image: none !important;
}

.AGO-attivita .cert-tab span {
  width   : 64px;
  height  : 64px;
  position: absolute;
  top     : -10px;
  left    : -4%;
  z-index : 1;
}

.AGO-attivita .cert-activities {
  position    : relative;
  width       : 90%;
  margin      : 3% 0 0 12%;
  /*box-shadow: 0 10px 0 0 #1A3A5D inset;*/
  box-shadow  : 0 10px 0 0 #024c44 inset;
  transition  : padding 0.3s;
}

.AGO-attivita .cert-tab.locked .cert-activities {
  background-color: #eaeaea;
}

.AGO-attivita .cert-tab .cert-activities li a.locked i {
  padding  : 0 0 0 0.5rem;
  font-size: 1.5rem;
}

.AGO-attivita .cert-tab.locked .cert-activities:before {
  border-color: transparent transparent #eaeaea transparent;
}

.AGO-attivita .cert-activities.visible {
  padding: 1rem 0 0.7rem 0;
}

.AGO-attivita .cert-tab:after {
  content    : "";
  position   : absolute;
  border-left: 3px solid #fff;
  display    : block;
  height     : 100%;
  top        : 40px;
  left       : 15px;
  z-index    : 0;
}

.AGO-attivita .cert-tab.locked:after {
  border-left: 3px dashed #fff;
}

.AGO-attivita .cert-tab:last-child:after {
  display: none;
}

.AGO-attivita .cert-activities:before {
  content     : "";
  width       : 0;
  height      : 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #DFEDF3 transparent;
  position    : absolute;
  top         : 0px;
  left        : 10px;
}

.AGO-attivita .cert-activities li>a:before {
  content          : "";
  position         : absolute;
  top              : 47%;
  margin-top       : -12px;
  left             : 8px;
  background-repeat: no-repeat;
  display          : block;
  width            : 20px;
  height           : 20px;
  border-radius    : 50%;
  border           : solid 3px rgba(24, 57, 95, 0.7);
  background       : #fff;
  z-index          : 2;
}

.AGO-attivita .cert-activities li>a:after {
  content      : "";
  position     : absolute;
  /*border-left: 3px dashed #1a3a5d;*/
  border-left  : 3px dashed #024c44;
  display      : block;
  height       : 40px;
  top          : 25px;
  left         : 20px;
  z-index      : 0;
}

.AGO-attivita .cert-activities li.activity-gained>a:after {
  /*border-left: 3px solid #1a3a5d;*/
  border-left: 3px solid #024c44;
}

.AGO-attivita .cert-activities li:last-child>a:after {
  display: none;
}

.AGO-attivita .cert-activities li {
  padding: 0.3rem 0;
}

.AGO-attivita .cert-activities li.activity-gained>a:before {
  background-image   : url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNv…UtMC4xLTAuNy0wLjNsLTcuOC04LjQtLjItLjN6IiBmaWxsPSIjRkZGRkZGIi8+Cjwvc3ZnPgo=);
  /*background-color : #1a3a5d;*/
  background-color   : #024c44;
  background-position: 3px -1px;
  background-size    : contain;
  background-repeat  : no-repeat;
  border-color       : #fff;
}

.AGO-attivita .cert-tab:first-child span {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGl2ZWxsb18xIiBkYXRhLW5hbWU9IkxpdmVsbG8gMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjQgNjQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojNDZjMGVkO3N0cm9rZTojMTgzOTVmO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoyLjM1cHg7fS5jbHMtMntmaWxsOiNmZmY7fS5jbHMtM3tmaWxsOiMwMDUyODE7b3BhY2l0eTowLjc7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5TZW56YSB0aXRvbG8tMTwvdGl0bGU+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSIzMS45OSIgY3k9IjMxLjczIiByPSIyOS43NCIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTQ5LjUsMTcuNDNoLS4xTDMzLjI2LDE5LjM4LDE3LjExLDE3LjQzYS43NC43NCwwLDAsMC0uODQuNjYuMjguMjgsMCwwLDAsMCwuMDlWMjkuMjdBNyw3LDAsMCwwLDE2LDM4LjM4bC01Ljc3LDUuNzVhLjc2Ljc2LDAsMCwwLS4wOCwxLjA3Ljc1Ljc1LDAsMCwwLDEuMDcuMDhsLjA4LS4wOCw0LjkzLTQuOTNWNDRhLjc2Ljc2LDAsMCwwLC42Ny43NmwxNi4yNiwyaC4xOGwxNi4yMy0yYS43Ni43NiwwLDAsMCwuNjctLjc2VjE4LjE5QS43Ni43NiwwLDAsMCw0OS41LDE3LjQzWm0tMzIsMTIuNzEuMDUtLjA1YTUuNDIsNS40MiwwLDEsMS0uMDUuMDVabTE1LDE1TDE3Ljc4LDQzLjM1VjM5Ljg5YTcsNywwLDEsMCwwLTExLjg5VjE5TDMyLjUsMjAuODJabTE2LjI0LTEuNzhMMzQsNDUuMTNWMjAuODNMNDguNzQsMTlaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMzAuMjMsMjQuODUsMTkuNiwyMy41NmEuNzcuNzcsMCwwLDAtLjE4LDEuNTJoMGwxMC42NCwxLjI5aC4wNmEuNzYuNzYsMCwwLDAsLjgxLS43MUEuNzguNzgsMCwwLDAsMzAuMjMsMjQuODVaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNNDcuNDYsMjQuMjNhLjc2Ljc2LDAsMCwwLS44NS0uNjdMMzYsMjQuODVhLjc4Ljc4LDAsMCwwLS43Mi44MS43Ni43NiwwLDAsMCwuODEuNzFoLjA5bDEwLjYzLTEuMjlBLjc2Ljc2LDAsMCwwLDQ3LjQ2LDI0LjIzWiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTQ3LjQ2LDMwLjYyYS43Ni43NiwwLDAsMC0uODUtLjY2TDM2LDMxLjI1YS43Ni43NiwwLDAsMC0uNzIuOC43OC43OCwwLDAsMCwuODEuNzJoLjA5bDEwLjYzLTEuMjlBLjc3Ljc3LDAsMCwwLDQ3LjQ2LDMwLjYyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTQ3LjQ2LDM3YS43Ni43NiwwLDAsMC0uODUtLjY3TDM2LDM3LjY0YS43OC43OCwwLDAsMC0uNzIuODEuNzYuNzYsMCwwLDAsLjgxLjcxaC4wOWwxMC42My0xLjI5QS43Ni43NiwwLDAsMCw0Ny40NiwzN1oiLz48L3N2Zz4=);
}

.AGO-attivita .cert-tab:nth-child(2) span {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGl2ZWxsb18xIiBkYXRhLW5hbWU9IkxpdmVsbG8gMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjQgNjQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojNDZjMGVkO3N0cm9rZTojMTgzOTVmO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoyLjM4cHg7fS5jbHMtMntmaWxsOiMwMDUyODE7b3BhY2l0eTowLjc7fS5jbHMtM3tmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5TZW56YSB0aXRvbG8tMTwvdGl0bGU+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSIzMi42NiIgY3k9IjMxLjgyIiByPSIzMC4yIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTAuNiwzNC41OGEuOTEuOTEsMCwwLDAsLjUyLjQ2bDUuNzMsMmEuNzQuNzQsMCwwLDAsLjI5LDAsLjkyLjkyLDAsMCwwLC44Ni0uNjFsNC40OS0xMy4xMS4yMy4wOGE0LjY2LDQuNjYsMCwwLDAsMy41Ny0uMmwuNTUtLjI3QTIuNzksMi43OSwwLDAsMSwyOSwyMi44MWwxMC40NSwzLjZhMiwyLDAsMCwxLS42OSwxLjEzLDIuMTcsMi4xNywwLDAsMS0xLjkyLDBsLTQuNjgtMS42YS45LjksMCwwLDAtLjcyLjA2LjkyLjkyLDAsMCwwLS40NS41Nyw2LjI1LDYuMjUsMCwwLDEtMi43LDMuNTMsNS45LDUuOSwwLDAsMS00Ljc2LjA2LjkxLjkxLDAsMCwwLS41OCwxLjcyLDkuNTYsOS41NiwwLDAsMCwzLjExLjU3LDYuNTIsNi41MiwwLDAsMCwzLjEtLjc2QTcuNjUsNy42NSwwLDAsMCwzMi4zOSwyOGwzLjg0LDEuMzJBMy44NCwzLjg0LDAsMCwwLDM5Ljc3LDI5YTQuMjksNC4yOSwwLDAsMCwxLjU2LTMuMTkuOTMuOTMsMCwwLDAtLjYxLS44OUwyOS41NiwyMS4xMWE0LjYxLDQuNjEsMCwwLDAtMy41My4yMmwtLjU2LjI3YTIuODIsMi44MiwwLDAsMS0yLjE3LjEzbC0uOTItLjMzYS41My41MywwLDAsMC0uMTctLjA4bC01LjctMmEuOTEuOTEsMCwwLDAtMS4xNS41N2wtNC44MSwxNEExLDEsMCwwLDAsMTAuNiwzNC41OFptNi4xOC0xMy4yNCw0LDEuMzdMMTYuNTgsMzVsLTQtMS4zN1oiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yMCw0Mi44OGEyLjY2LDIuNjYsMCwwLDAsMi4zLDEuNDgsMi44LDIuOCwwLDAsMCwuMjYsMS4xNiwyLjYsMi42LDAsMCwwLDEuNTMsMS4zNEEyLjU1LDIuNTUsMCwwLDAsMjUsNDdhMi42MywyLjYzLDAsMCwwLDEuMTYtLjI3bC40OC0uMjRhMi40OCwyLjQ4LDAsMCwwLC4yNC44MiwyLjYyLDIuNjIsMCwwLDAsMS41MywxLjM1LDIuNTgsMi41OCwwLDAsMCwuODYuMTQsMi42MywyLjYzLDAsMCwwLDEuMTYtLjI3bDEwLjQtNS4xYTI2Ljc5LDI2Ljc5LDAsMCwwLDYuMzctNC4zNEw0OS41LDM3bDUuMzEtMi42YS45LjksMCwwLDAsLjQxLTEuMjFMNDguNzUsMTkuODdhLjkyLjkyLDAsMCwwLTEuMjItLjQxTDQyLjEsMjIuMTJhLjkuOSwwLDAsMC0uNDEsMS4yMUw0Ny44OSwzNiw0NiwzNy43N2EyNS4yOCwyNS4yOCwwLDAsMS01Ljk0LDRsLTEwLjQsNS4xQS44MS44MSwwLDAsMSwyOSw0N2EuODMuODMsMCwwLDEtLjQ4LS40Mi44Ni44NiwwLDAsMSwwLS42NS45LjksMCwwLDEsLjQzLS40OWw1LjgyLTIuODRhLjkuOSwwLDAsMC0uOC0xLjYyTDI4LjEsNDMuNzdoMGwtMi43NSwxLjM1YS44MS44MSwwLDAsMS0uNjUsMCwuODUuODUsMCwwLDEtLjQ4LS40My44Ni44NiwwLDAsMSwwLS42NS44OC44OCwwLDAsMSwuNDMtLjQ4TDMzLDM5LjUxYS45LjksMCwwLDAsLjQxLTEuMjEuODkuODksMCwwLDAtMS4yLS40MWwtOS4zOCw0LjU4YS44NC44NCwwLDAsMS0xLjE3LTFBLjg4Ljg4LDAsMCwxLDIyLDQxbDMuNy0xLjgyaDBsNC44LTIuMzVhLjg5Ljg5LDAsMCwwLC40MS0xLjIuOTEuOTEsMCwwLDAtMS4yMS0uNDJsLTcuNDcsMy42NmEuODQuODQsMCwwLDEtLjc1LTEuNTFsNC0xLjk0YS45LjksMCwwLDAtLjgtMS42MmwtNCwxLjk0YTIuNjYsMi42NiwwLDAsMC0uNDcsNC40OEEyLjYxLDIuNjEsMCwwLDAsMjAsNDIuODhaTTQzLjcxLDIzLjM1bDMuOC0xLjg3LDUuNzEsMTEuNjZMNDkuNDIsMzVaIi8+PC9zdmc+);
}

.AGO-attivita .cert-tab:nth-child(3) span {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGl2ZWxsb18xIiBkYXRhLW5hbWU9IkxpdmVsbG8gMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjQgNjQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojNDZjMGVkO3N0cm9rZTojMTgzOTVmO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoyLjM3cHg7fS5jbHMtMntmaWxsOiMwMDUyODE7b3BhY2l0eTowLjc7fS5jbHMtM3tmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5TZW56YSB0aXRvbG8tMTwvdGl0bGU+PGNpcmNsZSBjbGFzcz0iY2xzLTEiIGN4PSIzMi4xOCIgY3k9IjMxLjg2IiByPSIzMC4wMyIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTQwLjI3LDE0Ljg3YTUuMTEsNS4xMSwwLDAsMC0zLjUzLDguODFsLjA5LjA4YTUuMTEsNS4xMSwwLDAsMCw2Ljg4LDBsLjA4LS4wOGE1LjExLDUuMTEsMCwwLDAtMy41Mi04LjgxWm0wLDguODRBMy43MSwzLjcxLDAsMCwxLDM4LjEyLDIzYTIuNTUsMi41NSwwLDAsMSw0LjI5LDBBMy43MSwzLjcxLDAsMCwxLDQwLjI3LDIzLjcxWm0tLjcxLTMuOTV2LS4zNWEuNzEuNzEsMCwxLDEsMS40Miwwdi4zNWEuNzEuNzEsMCwwLDEtMS40MiwwWk00My4zOSwyMkEzLjgsMy44LDAsMCwwLDQyLDIwLjg5YTIuMDgsMi4wOCwwLDAsMCwuMzMtMS4xM3YtLjM1YTIuMSwyLjEsMCwwLDAtNC4xOSwwdi4zNWEyLjE3LDIuMTcsMCwwLDAsLjMzLDEuMTNBMy43NywzLjc3LDAsMCwwLDM3LjE1LDIyYTMuNjgsMy42OCwwLDAsMS0uNjEtMiwzLjczLDMuNzMsMCwxLDEsNi44NSwyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTQ4LjIzLDM4Ljg3YTIuNjcsMi42NywwLDAsMC0zLjQtLjMxbDAsMC0zLjg4LDIuOTFhLjcuNywwLDAsMC0uMTMsMSwuNjkuNjksMCwwLDAsMSwuMTNsMy44Ni0yLjlhMS4zLDEuMywwLDAsMSwxLjY0LjE2LDEuMTUsMS4xNSwwLDAsMSwuMzMuODYsMS4xMiwxLjEyLDAsMCwxLS40Mi44Mkw0My42Myw0NC40YTcuNiw3LjYsMCwwLDEtNC43OCwxLjY5SDI4LjYzQTcuNiw3LjYsMCwwLDEsMjQuNjksNDVsLTIuNzgtMS42OFYzNC41Nmg1LjMzYTIuNzQsMi43NCwwLDAsMSwyLC44MWwzLjY3LDMuNjlhMi43NCwyLjc0LDAsMCwwLDIsLjgxaDIuNzFhMSwxLDAsMCwxLDAsMi4wN0gzMi4zMmEyLjQ3LDIuNDcsMCwwLDEtMS4zNC0uNEwyOC43Nyw0MC4xaDBhLjY5LjY5LDAsMCwwLTEsLjIuNjguNjgsMCwwLDAsLjIsMWwyLjIzLDEuNDVhMy43OSwzLjc5LDAsMCwwLDIuMDkuNjJoNS4yMWEyLjQyLDIuNDIsMCwwLDAsMC00LjgzSDM0Ljg2bDUuNzQtMy4zMWg3QTEuMzgsMS4zOCwwLDAsMCw0OSwzMy43OVYxMy40OWExLjM4LDEuMzgsMCwwLDAtMS4zOC0xLjM5SDMyLjk0YTEuMzgsMS4zOCwwLDAsMC0xLjM4LDEuMzl2MjAuM2ExLjM4LDEuMzgsMCwwLDAsMS4zOCwxLjM5aDQuOUwzMy40NiwzNy43aDBsLTMuMjktMy4zYTQuMTIsNC4xMiwwLDAsMC0yLjkzLTEuMjJIMjEuOTFWMzJhMS4zOCwxLjM4LDAsMCwwLTEuMzgtMS4zOEgxNC4yOWEuNjkuNjksMCwwLDAtLjY5LjY5VjQ2Ljc4YS42OS42OSwwLDAsMCwuNjkuNjloNi4yNGExLjM4LDEuMzgsMCwwLDAsMS4zOC0xLjM4VjQ0LjkyTDI0LDQ2LjE3YTksOSwwLDAsMCw0LjY1LDEuM0gzOC44NWE5LDksMCwwLDAsNS42NS0yTDQ4LDQyLjYxYTIuNTEsMi41MSwwLDAsMCwuMTktMy43NFpNMzIuOTQsMzMuNzlWMTMuNDlINDcuNTl2MjAuM0gzMi45NFpNMjAuNTMsNDYuMDlIMTVWMzJoNS41NHYxLjkxaDBWNDYuMDlaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMjkuNzgsMTUuNThhLjY5LjY5LDAsMCwwLS45NC0uMjVsLTYuMjIsMy41OWExLjM5LDEuMzksMCwwLDAtLjUxLDEuODlsNiwxMC40NWEuNjkuNjksMCwwLDAsLjU5LjM1LjY0LjY0LDAsMCwwLC4zNS0uMS42OS42OSwwLDAsMCwuMjUtLjk0bC02LTEwLjQ1LDYuMjItMy41OUEuNy43LDAsMCwwLDI5Ljc4LDE1LjU4WiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTQ0LjU1LDI2Ljc1aC04YS42OS42OSwwLDAsMCwwLDEuMzhoOGEuNjkuNjksMCwxLDAsMC0xLjM4WiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTQ1LDMwYS43LjcsMCwxLDAsLjIuNDlBLjcuNywwLDAsMCw0NSwzMFoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik00MS42NywyOS43OUgzNi41NGEuNjkuNjksMCwxLDAsMCwxLjM4aDUuMTNhLjY5LjY5LDAsMCwwLDAtMS4zOFoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNy43NiwzNy41NmEuNjkuNjksMCwwLDAtLjY5LjY5VjQxYS42OS42OSwwLDAsMCwxLjM4LDBWMzguMjVBLjY5LjY5LDAsMCwwLDE3Ljc2LDM3LjU2WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE4LjI1LDQyLjg0YS43LjcsMCwwLDAtMSwwLC43LjcsMCwwLDAtLjIuNDkuNjguNjgsMCwwLDAsLjIuNDkuNy43LDAsMCwwLDEsMCwuNzIuNzIsMCwwLDAsLjItLjQ5QS43NC43NCwwLDAsMCwxOC4yNSw0Mi44NFoiLz48L3N2Zz4=);
}

.AGO-attivita .cert-tab:nth-child(4) span {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGl2ZWxsb18xIiBkYXRhLW5hbWU9IkxpdmVsbG8gMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjQgNjQiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojNDZjMGVkO3N0cm9rZTojMTgzOTVmO3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDoyLjM1cHg7fS5jbHMtMntvcGFjaXR5OjAuNzt9LmNscy0ze2ZpbGw6IzAwNTI4MTt9LmNscy00e2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPlNlbnphIHRpdG9sby0xPC90aXRsZT48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjMyLjExIiBjeT0iMzIuMTQiIHI9IjI5Ljc1Ii8+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0zMy44OSwxNi40VjkuODdhLjgyLjgyLDAsMCwwLTEuNjQsMHY2LjU0YS44MS44MSwwLDAsMCwuODIuODJBLjgzLjgzLDAsMCwwLDMzLjg5LDE2LjRaIi8+PC9nPjxnIGNsYXNzPSJjbHMtMiI+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMjYuODgsMTkuMDdhLjg0Ljg0LDAsMCwwLC41OC0uMjQuODIuODIsMCwwLDAsMC0xLjE3TDIyLjg0LDEzYS44Mi44MiwwLDAsMC0xLjE2LDAsLjguOCwwLDAsMCwwLDEuMTZsNC42Miw0LjYzQS44Ni44NiwwLDAsMCwyNi44OCwxOS4wN1oiLz48L2c+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik00Ni42NiwyMy43NEg0MC4xMmEuODMuODMsMCwwLDAsMCwxLjY1aDYuNTRhLjgzLjgzLDAsMCwwLDAtMS42NVoiLz48L2c+PGcgY2xhc3M9ImNscy0yIj48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xOC42NCwyNC41N2EuODMuODMsMCwwLDAsLjgzLjgySDI2YS44My44MywwLDAsMCwwLTEuNjVIMTkuNDdBLjg0Ljg0LDAsMCwwLDE4LjY0LDI0LjU3WiIvPjwvZz48ZyBjbGFzcz0iY2xzLTIiPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTM5LjE0LDE5LjNsNC42Mi00LjYyYS44Mi44MiwwLDEsMC0xLjE2LTEuMTdMMzgsMTguMTRhLjgyLjgyLDAsMCwwLC41OCwxLjRBLjg0Ljg0LDAsMCwwLDM5LjE0LDE5LjNaIi8+PC9nPjxwYXRoIGNsYXNzPSJjbHMtNCIgZD0iTTE2Ljc5LDMzLjQyVjQ3LjY2YTEuNjMsMS42MywwLDAsMCwxLjYyLDEuNjJoNC44NGExLjY0LDEuNjQsMCwwLDAsMS4zNC0uNyw0LjI5LDQuMjksMCwwLDAsMi45NCwxLjE3aDEzYzIuOTEsMCw0Ljc2LTEuNTMsNS4wOS00LjE4bDEuNzQtMTEuMWEuNDkuNDksMCwwLDAsMC0uMTIsNC4zLDQuMywwLDAsMC00LjI5LTQuM0gzNi41NlYyNS40YzAtMi0uNTktMy40OC0xLjc2LTQuMzRhNS41Nyw1LjU3LDAsMCwwLTQuNDktLjU1LjgzLjgzLDAsMCwwLS41Ny43OHY1LjNjMCw0LjEzLTQuOCw1LjU0LTUsNS42YS41NC41NCwwLDAsMC0uMjcuMTQsMS42NSwxLjY1LDAsMCwwLTEuMjEtLjU0SDE4LjQxQTEuNjIsMS42MiwwLDAsMCwxNi43OSwzMy40MlptOC4wOS4zOGEuNzcuNzcsMCwwLDAsLjMsMGMuMjYtLjA3LDYuMi0xLjc5LDYuMi03LjE3VjIyYTMuMzIsMy4zMiwwLDAsMSwyLjQ1LjQzLDMuNTQsMy41NCwwLDAsMSwxLjA5LDN2NS40OGEuODIuODIsMCwwLDAsLjgyLjgyaDcuMzFhMi42NiwyLjY2LDAsMCwxLDIuNjUsMi41OUw0NCw0NS4zMnYwYy0uMjIsMS44My0xLjM4LDIuNzUtMy40NiwyLjc1aC0xM2EyLjY1LDIuNjUsMCwwLDEtMi42NS0yLjY1VjMzLjhabS02LjQ0LS4zN2g0Ljh2MTQuMmgtNC44WiIvPjwvc3ZnPg==);
}

.AGO-attivita .cert-tab.locked span {
  filter: grayscale(100%) brightness(130%);
}


/* QUIZ */

.quiz-details nav.navbar,
.quiz-details .quiz-body .panel-footer {
  display: none;
}

#cj-wrapper.quiz-details .quiz-body .panel-default {
  border    : 0;
  box-shadow: none;
}

#cj-wrapper.quiz-details .quiz-body .panel-body {
  padding: 0;
  color  : #47bfec;
}

#cj-wrapper.quiz-details .panel-default>.panel-heading {
  color           : #ffffff;
  background-color: rgba(71, 191, 236, 0.75);
  border-color    : #fff;
}

#cj-wrapper.quiz-details .quiz-navigation a,
#cj-wrapper.quiz-details .quiz-navigation button,
#cj-wrapper.quiz-details .quiz-navigation a:hover,
#cj-wrapper.quiz-details .quiz-navigation button:hover {
  color             : #FFF;
  /*background-color: #065380;*/
  background-color  : #024c44;
  padding           : 0 1.6rem;
  font-size         : 1.4rem;
  font-weight       : 500;
  line-height       : 3.6rem;
  cursor            : pointer;
  user-select       : none;
  text-align        : center;
  vertical-align    : middle;
  text-decoration   : none;
  letter-spacing    : .1rem;
  text-transform    : uppercase;
  border            : none;
  border-radius     : 2.4rem;
  box-shadow        : 0 2px 2px 0 rgba(0, 0, 0, .14),
    0 3px 1px -2px rgba(0, 0, 0, .2),
    0 1px 5px 0 rgba(0, 0, 0, .12);
  text-shadow: none;
}

#cj-wrapper.quiz-details .quiz-navigation a.uk-button-danger {
  background-color: #e6232f;
}

#cj-wrapper.quiz-details .quiz-navigation a:hover,
#cj-wrapper.quiz-details .quiz-navigation button:hover {
  box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, .24),
    0 3px 1px -2px rgba(0, 0, 0, .2),
    0 1px 5px 0 rgba(0, 0, 0, .12);
  background-image: none;
}

#cj-wrapper.quiz-details .text-error {
  color: #e6232f;
}


/* 2019-05-31 ADD Stefano Maggioni */
.jwplayer {
  background-color: #fff !important;
}

.jw-preview {
  border          : 1px solid #ccc !important;
  background-color: #fff !important;
}

/* END ADD */

/* ACCORDION VITTA */

#yoo-zoo .item .uk-accordion-title {
  display         : block;
  padding         : 0.2rem 0 0.2rem 1rem;
  /*border-left   : 5px solid #46C0ED;*/
  border-left     : 5px solid #07ABB8;
  color           : #585B5C;
  cursor          : pointer;
  background-color: #fdfdfd;
  /*margin-bottom :1rem;*/
  transition      : padding 100ms ease;
}

#yoo-zoo .item .uk-accordion-title:after {
  /*color: #46C0ED;*/
  color       : #07ABB8;
  content     : "\f139";
  font-family : FontAwesome;
  float       : right;
  margin-right: 0.4rem;
  transition  : transform 100ms ease;

}

#yoo-zoo .item .uk-accordion-title:hover {
  padding-left: 1.4rem;

}

#yoo-zoo .item .uk-accordion-title.uk-active {
  /*color: #46C0ED;*/
  color: #07ABB8;
}

#yoo-zoo .item .uk-accordion-title.uk-active:after {
  transform: rotate(-180deg);
}

#yoo-zoo .item .uk-accordion>div {
  margin-bottom: 15px;

}

/* FINE ACCORDION */
/* QUIZ OBIEZIONI*/

.quiz-obiezioni .page-title-quiz {
  text-transform: uppercase;
}

.quiz-obiezioni .question-item {
  margin-top: 20px;
}

.questions .panel-default:last-child {
  display: none;
}


.AGO-login .well {
  border    : 0;
  background: transparent;
  box-shadow: none;
}

/* FIX CSS Roberta Rosina 09 12 2020*/
ul.autocompleter-choices {
  font-family: 'clear_sans', Helvetica, Arial, sans-serif;
}

.AGO-dwnarea .yoo-zoo.download-default .item {
  max-width       : 465px;
  margin          : 0 auto 1.5rem;
  padding         : 1.5rem;
  border-top      : 0;
  border-bottom   : 4px solid #024c44;
  background-color: #DFEDF3;
}

.AGO-dwnarea .yoo-zoo.download-default .item .pos-title a {
  font-size      : 1.8rem;
  color          : #555;
  font-weight    : bold;
  text-decoration: none;
}

.AGO-dwnarea .yoo-zoo.download-default .item .wrap_total * {
  margin: 0;
}

#yoo-zoo.blog-default .item div.pos-bottom .element a.btn.follow.btn-large.btn-warning {
  background-color: #07ABB8;
  background-image: none;
  position: relative;
}

/*
#yoo-zoo.blog-default .item div.pos-bottom .element a.btn.follow.btn-large.btn-warning:hover,
#yoo-zoo.blog-default .item div.pos-bottom .element a.btn.follow.btn-large.btn-warning:focus,
#yoo-zoo.blog-default .item div.pos-bottom .element a.btn.follow.btn-large.btn-warning:active
*/
#yoo-zoo.blog-default .item div.pos-bottom .element a.btn.follow.btn-large.btn-warning:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background: rgba(255, 255, 255, .1);
  transition: opacity .2s cubic-bezier(.4, 0, 1, 1);
  /* border-radius: 2px; */
  border-radius: 2.4rem;
  box-shadow: 0 0 8px rgba(0, 0, 0, .09), 0 8px 16px rgba(0, 0, 0, .18);
}

#yoo-zoo.blog-default .item div.pos-bottom .element a.btn.follow.btn-large.btn-warning:hover:before,
#yoo-zoo.blog-default .item div.pos-bottom .element a.btn.follow.btn-large.btn-warning:focus:before,
#yoo-zoo.blog-default .item div.pos-bottom .element a.btn.follow.btn-large.btn-warning:active:before {
  opacity: .8;
  transition: opacity .2s cubic-bezier(.4, 0, 1, 1);
}

#yoo-zoo.blog-default .item div.pos-bottom .element a.btn.follow.btn-large.btn-warning.voted {
  background-color: #024c44;
  transition      : background-color .2s ease;
  will-change     : background-color;
}

.AGO-group--upl .modal-header {
  border-bottom: 0;
}

.AGO-menuDownload ul {
  display        : flex;
  justify-content: center;
  width          : 100%;
  margin         : 0 auto;
  text-transform : uppercase;
  list-style     : none;
  padding: 17px 0;
}

.AGO-menuDownload > ul {
  position: relative;
  overflow: auto;
}

@media (min-width: 769px) {
  .AGO-menuDownload > ul {
    overflow: visible;
  }
}

.AGO-menuDownload > ul.parent-active:before {
  content: "";
  border-top: 2px solid #024c44;
  position: absolute;
  width: 100vw;
  top: 62px;
}

.AGO-menuDownload li {
  margin: 5px;
}

.AGO-menuDownload li > a {
  color          : #024c44;
  padding        : 1rem 2rem;
  font-size      : 1.6rem;
  line-height    : 1.2;
  background     : rgba(0, 0, 0, .05);
  border-radius  : 5rem;
  text-align     : center;
  transition     : all .3s;
  text-decoration: none;
}

.AGO-menuDownload li > a:hover,
.AGO-menuDownload li > a:focus,
.AGO-menuDownload li > a:active,
.AGO-menuDownload li.active > a {
  background: #024c44;
  color     : #fff;
  outline   : none;
}

.AGO-menuDownload li.level1.parent.active > a {
  padding-bottom: 22px;
  border-radius: 20px 20px 0 0;
}

.AGO-menuDownload li > a:before {
  content: "";
  width: 13px;
  height: 13px;
  position: relative;
  background: #fff;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #868A8A;
  margin-right: 5px;
  top: 1px;
  box-sizing: border-box;
}

.AGO-menuDownload li > a.selected:before,
.AGO-menuDownload li.active > a:before {
  width: 10px;
  height: 10px;
  top: 0;
}

.AGO-menuDownload li > a.selected:before {
  background: #fff;
  border: 2px solid #024c44;
  outline: 2px solid #fff;
}

.AGO-menuDownload li.active > a:before {
  background: #00BAA0;
  border: 2px solid #024c44;
  outline: 2px solid #00BAA0;
}

.AGO-menuDownload li > ul {
  margin-top: 20px;
  width: 100vw;
  flex-wrap: wrap;
  justify-content: center;
}

.AGO-menuDownload li > ul > li {
  margin-bottom: 26px;
}

@media (min-width: 769px) {
  .AGO-menuDownload li > ul {
    position: absolute;
    left: 0;
  }
}

.AGO-menuDownload .uk-panel-title {
  text-align: center;
}

.AGO-dwnarea #yoo-zoo .categories,
.AGO-dwnarea #yoo-zoo .items h1.title {
  display: none;
}

@media (max-width: 768px) {
  .AGO-dwnarea {
    overflow: hidden;
  }

  .AGO-menuDownload ul {
    justify-content: left;
  }

  .AGO-menuDownload li {
    flex: 0 0 auto;
  }
}

@media (min-width: 769px) {
  .AGO-dwnarea #yoo-zoo {
    margin-top: 100px;
  }
}

/* Vestizione survey febbraio 2021 */
.AGOS-survey #cj-wrapper .list-group-item,
.AGOS-survey .survey-body>*,
.AGOS-survey #cj-wrapper .survey-body .panel.panel-default {
  border: none;
}

.AGOS-survey #cj-wrapper .panel-default>.panel-heading {
  color           : #fff;
  background-color: #07abb8;
  border-color    : #fff;
}

.AGOS-survey #cj-wrapper .error {
  color: firebrick;
}

.AGOS-survey .btn-primary {
  background-image: none;
}

.AGOS-survey .btn-next,
.AGOS-survey .btn-finish {
  color           : #FFF;
  background-color: #024c44;
  padding         : 0 1.6rem;
  font-size       : 1.4rem;
  font-weight     : 500;
  line-height     : 3.6rem;
  cursor          : pointer;
  user-select     : none;
  text-align      : center;
  vertical-align  : middle;
  text-decoration : none;
  margin-top      : 40px;
  letter-spacing  : .1rem;
  text-transform  : uppercase;
  border          : none;
  border-radius   : 2.4rem;
  box-shadow      : 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
  text-shadow     : none;
  ;
}

.AGOS-survey .btn-next:hover,
.AGOS-survey .btn-finish:hover {
  box-shadow: 3px 5px 10px 0px rgb(0 0 0 / 24%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}

.AGOS-survey .btn-save,
.AGOS-survey .btn-default,
.AGOS-survey #cj-wrapper .panel-footer,
.AGOS-survey .navbar-inner,
.AGOS-survey .survey-pagination {
  display: none !important;
}

.AGOS-survey span {
  color: #07abb8;
}

.AGOS-survey #cj-wrapper .panel {
  box-shadow: none;
}

.AGOS-survey .well {
  background-color: transparent;
  border          : none;
  box-shadow      : none;
}

.AGOS-survey .alert {
  margin-bottom: 0;
}

.AGOS-survey .input-xlarge {
  width     : 100%;
  min-height: 40px;
}

.AGOS-survey.final-message {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  margin: 3em;
}

.AGOS-survey.final-message h2 {
  color: #07ABB8;
  text-align: center;
  border-bottom: 2px solid #024c44;
  padding-bottom: 1rem;
  margin: 0;
}

.AGOS-survey.final-message p,
.AGOS-survey.final-message h4 {
  text-align: center;
}

/* # Sottomenu categorie */

.AGO-archive-sottomenu {
  display: flex;
}

.AGO-archive-sottomenu ul {
  display                                        : flex;
  margin-right                                   : auto;
  margin-left                                    : 1.5rem;
  margin-top                                     : 1rem;
  margin-bottom                                  : 3rem !important;
  /* important to override theme.css .uk-panel > :not(.uk-panel-title):last-child */
}

@media (min-width: 1024px) {
  .AGO-archive-sottomenu ul {
    margin-left: auto;
  }
}

.AGO-archive-sottomenu ul li {
  position : relative;
  font-size: 1.8rem;
}

.AGO-archive-sottomenu ul li a {
  color: #024c44 !important;
  /* !important per sostituire la classe del theme.css .uk-nav-side > li > a */
}



.AGO-sottomenu_comportamentale .AGO-sottomenu_comportamentale_link,
.AGO-sottomenu_discenario .AGO-sottomenu_discenario_link,
.AGO-sottomenu_diprodotto .AGO-sottomenu_diprodotto_link {
  font-weight   : bold;
  position      : relative;
  pointer-events: none;
}

.AGO-BODY-sottomenu-prodotto-cpi .AGO-sottomenu-prodotto-cpi::after,
.AGO-BODY-sottomenu-prodotto-seven-days .AGO-sottomenu-prodotto-seven-days::after,
.AGO-BODY-sottomenu-prodotto-accessorie-motori .AGO-sottomenu-prodotto-accessorie-motori::after,
.AGO-BODY-sottomenu-prodotto-accessorie-altro .AGO-sottomenu-prodotto-accessorie-altro::after,
.AGO-sottomenu_comportamentale .AGO-sottomenu_comportamentale_link::after,
.AGO-sottomenu_discenario .AGO-sottomenu_discenario_link::after,
.AGO-sottomenu_diprodotto .AGO-sottomenu_diprodotto_link::after {
  content         : '';
  position        : absolute;
  bottom          : -2px;
  width           : 80%;
  height          : 3px;
  left            : 50%;
  transform       : translateX(-50%);
  background-color: #024c44;
}

.AGO-archive-sottomenu a:hover {
  box-shadow: none;
  background: rgba(0, 0, 0, .1);
  color     : inherit;
}

.AGO-archive-sottomenu .uk-nav {
  flex-direction: column;
}

/* .AGO-archive-sottomenu ul li {
  padding-left: 1.5rem;
} */

.AGO-archive-sottomenu ul li:not(:last-child) {
  margin-bottom: .5rem;
}

.AGO-archive-sottomenu ul li::after {
  content         : '';
  position        : absolute;
  top             : 0;
  bottom          : 0;
  left            : 0;
  width           : 2px;
  background-color: #eee;
}

@media (min-width: 968px) {
  .AGO-archive-sottomenu .uk-nav {
    flex-direction: row;
  }

  .AGO-archive-sottomenu .uk-nav li {
    text-align: left;
  }

  .AGO-archive-sottomenu ul li:not(:last-child) {
    margin-right : 2rem;
    margin-bottom: 0;
  }

  .AGO-archive-sottomenu ul li:not(:last-child)::after {
    content         : '';
    position        : absolute;
    top             : 0;
    bottom          : 0;
    left            : unset;
    right           : -1rem;
    width           : 2px;
    background-color: #eee;
  }

  .AGO-archive-sottomenu ul li::after {
    left            : unset;
    width           : 0;
    background-color: transparent;
  }
}

/* # END Sottomenu categorie */


/* 2023-01-13 ADD Stefano Maggioni */
/* Link menu 7 Golden Rules */
.AGO-top .tm-navbar ul > li > a.AGO-menu--7goldenrules {
  background-color: #EB212E;
}

.AGO-top .tm-navbar ul > li > a.AGO-menu--7goldenrules:hover {
  background-color: #07ABB8;
  color: #fff;
}
/* END Link menu 7 Golden Rules */
/* END 2023-01-13 ADD Stefano Maggioni */



/* 2023-06-19 ADD Stefano Maggioni */

/* Sbumissions + Convention Call Center submission & image gallery */
body.AGOpage__submission div.submission {
  width: 100%;
  max-width: 50%;
  margin: 60px auto;
}

body.AGOpage__submission div.submission h1,
body.AGOpage__submission div.submission legend {
  display: none;
}

body.AGOpage__submission div.submission div.element {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  margin-bottom: 60px;
}

body.AGOpage__submission div.submission div.element > strong {
  padding-top: 0;
  margin-right: 20px;
  flex: 0 0 100px;
}

body.AGOpage__submission div.submission div.element > strong + * {
  flex-grow: 1;
  width: 100%;
}

body.AGOpage__submission div.submission div.element input {
  margin-bottom: 0;
}

body.AGOpage__submission div.submission div.element div.image-select div.upload {
  display: flex;
  align-items: center;
}

body.AGOpage__submission div.submission div.element div.image-select div.upload input[type="text"] {
  margin-right: 20px;
}

body.AGOpage__submission div.submission div.element div.image-select div.upload div.button-container {
  flex: 0 0 80px;
  overflow: visible;
}

body.AGOpage__submission div.submission div.element div.image-select div.upload div.button-container button {
  width: 100%;
  cursor: pointer;
}

body.AGOpage__submission div.submission div.element div.image-select div.upload input[type="file"] {
  cursor: pointer;
}

body.AGOpage__submission div.submission div.element .error-message {
  position: absolute;
  bottom: -22px;
  left: 120px;
}

body.AGOpage__submission div.submission input[type="text"] {
  position: relative;
  z-index: 1;
  
  width: 100%;
  height: 4rem;
  line-height: 4.8rem;

  padding: 0 10px;
  border: 0;
  background: transparent;
  font-weight: 300;
  font-size: 2.4rem;

  will-change: border-bottom-color;
  transition: border-bottom-color 0.2s ease;
  border-bottom: 2px solid #585B5C;
  color: #585B5C;
  background-color: #DFEDF3;
  transition: background-color .2s ease, border-bottom-color .2s ease;
}

body.AGOpage__submission div.submission input[type="text"]:focus {
  border-bottom-color: #07ABB8;
  outline: 0;
  background: transparent;
}

body.AGOpage__submission div.submission div.submit {
  overflow: visible;
  display: flex;
  justify-content: center;
}

/*
body.AGOpage__submission div.submission button[type="submit"] {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 6.4rem;
  height: 3.6rem;
  margin: 0.2rem 0.4rem;
  padding: 0 1.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 3.6rem;
  cursor: pointer;
  user-select: none;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: .1rem;
  text-transform: uppercase;
  border: none;
  border-radius: 2.4rem;
  outline: none;
  background-color: transparent;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  color: #FFF;
  background: #07ABB8;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
  overflow: visible;
}

body.AGOpage__submission div.submission button[type="submit"]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity .2s cubic-bezier(.4,0,1,1);
  border-radius: 2.4rem;
  background: rgba(255,255,255,.1);
  box-shadow: 0 0 8px rgba(0,0,0,.09), 0 8px 16px rgba(0,0,0,.18);
}

body.AGOpage__submission div.submission button[type="submit"]:hover:before,
body.AGOpage__submission div.submission button[type="submit"]:focus:before {
  opacity: .1;
  transition: opacity .2s cubic-bezier(.4,0,1,1);
}

body.AGOpage__submission div.submission button[type="submit"]:not(:active):before {
  opacity: .8;
}

body.AGOpage__submission div.submission button[type="submit"]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background: rgba(255,255,255,.05);
  z-index: -1;
  border-radius: 2.4rem;
  transition: opacity .2s cubic-bezier(.4,0,1,1);
  box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}
*/

body.AGOpage__submission div.submission button {
  border: none;
  background: none;
  background-color: #024c44;
  height: 40px;
  padding: 0 20px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  color: #fff;
  transition: box-shadow .2s cubic-bezier(.4,0,1,1);
  text-shadow: none;
}

body.AGOpage__submission div.submission button.button-grey,
body.AGOpage__submission div.submission button.button-grey:hover {
  background: none;
  background-color: #07ABB8;
  color: #fff;
  text-shadow: none;
}

body.AGOpage__submission div.submission button:hover {
  background: none;
  background-color: #024c44;
  box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}

@media (max-width: 767px) {
  body.AGOpage__submission div.submission {
    max-width: none;
  }

  body.AGOpage__submission div.submission div.element {
    flex-direction: column;
    align-items: flex-start;
  }

  body.AGOpage__submission div.submission div.element > strong {
    flex: 0 0 auto;
    margin-right: 0;
  }

  body.AGOpage__submission div.submission div.element .error-message {
    left: 0;
  }
}



:root {
  --griditems-per-row: 4;
  --griditems-gap: 20px;
}

@media (max-width: 768px) {
  :root {
    --griditems-per-row: 3;
  }
}

@media (max-width: 620px) {
  :root {
    --griditems-per-row: 2;
  }
}

@media (max-width: 400px) {
  :root {
    --griditems-per-row: 1;
  }
}

body.AGOpage__photogallery #yoo-zoo .details div.heading {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 60px;
}

body.AGOpage__photogallery #yoo-zoo .details div.heading h1 {
  font-family: 'clear_sans', Helvetica, Arial, sans-serif;
  color: #585B5C;
  margin-bottom: 0;
  font-weight: bold;
}

div.AGOmodule__zoo-photogallery ul.zoo-item-list,
body.AGOpage__photogallery #yoo-zoo .items > div {
  display: grid;
  grid-template-columns: repeat(var(--griditems-per-row), 1fr);
  grid-gap: var(--griditems-gap);
}

body.AGOpage__photogallery #yoo-zoo .items div.teaser-item {
  padding: 0;
}

body.AGOpage__photogallery #yoo-zoo .items div.teaser-item-bg {
  padding: 0;
  background: none;
}

body.AGOpage__photogallery #yoo-zoo .items h1.pos-title,
div.AGOmodule__zoo-photogallery ul.zoo-list > li p.title {
  margin-bottom: 1.5rem;
  font-family: 'clear_sans', Helvetica, Arial, sans-serif;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4em;
  letter-spacing: 0;
  color: #585B5C;
}

body.AGOpage__photogallery #yoo-zoo .items h1.pos-title a,
div.AGOmodule__zoo-photogallery ul.zoo-list > li p.title a {
  color: #024c44;
}

body.AGOpage__photogallery #yoo-zoo .items p.pos-meta,
div.AGOmodule__zoo-photogallery ul.zoo-list > li p.meta {
  color: #07ABB8;
  font-size: 1.5rem;
  line-height: 2rem;
  font-style: normal;
}

body.AGOpage__photogallery .uk-modal-dialog {
  max-width: 1024px;
}

body.AGOpage__photogallery .uk-modal-dialog img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}


div.AGOmodule__zoo-photogallery {
  max-width: 1400px;
  padding: 0 1.5rem;
  margin: 0 auto;
}

div.AGOmodule__zoo-photogallery ul.zoo-list > li {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.AGOmodule__zoo-photogallery div.media,
.element-imagemodal {
  overflow: hidden;
  position: relative;
}

.AGOmodule__zoo-photogallery div.media > a:before,
.element-imagemodal > a:before {
  content: "+";
  color: #fff;
  font-size: 40px;
  text-decoration: none;
  background-color: rgba(0,0,0,0.3);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  opacity: 0;
  transition: opacity .2s ease-in-out;
  z-index: 1;
}

.AGOmodule__zoo-photogallery div.media > a:hover:before,
.element-imagemodal > a:hover:before {
  opacity: 1;
}

.AGOmodule__zoo-photogallery div.media > a img,
.element-imagemodal > a img {
  transition: transform .2s ease-in-out;
}

.AGOmodule__zoo-photogallery div.media > a:hover img,
.element-imagemodal > a:hover img {
  transform: scale(1.1);
}

.AGOmodule__zoo-photogallery div.media > a img,
.element-imagemodal > a img {
  aspect-ratio: 9 / 5;
  object-fit: cover;
}

  /* Contest Ibiza */
  div.AGOmodule__zoo-photogallery.contest-ibiza {
    --griditems-per-row: 3;
  }
  /* END Contest Ibiza */
/* END Sbumissions + Convention Call Center submission & image gallery */

/* END 2023-06-19 ADD Stefano Maggioni */


/* 2025-07-03 EDIT profiletto dropdown */
.AGO-profiletto-col .profile_info .jusername{
  line-height: 1.2;
}
/* END 2025-07-03 EDIT profiletto dropdown */