:root {
  /* blue */
  --all-blue-50: #eceeff;
  --all-blue-100: #c2caff;
  --all-blue-200: #99a5ff;
  --all-blue-300: #6f81ff;
  --all-blue-400: #455cff;
  --all-blue-500: #3146dd;
  --all-blue-600: #2034bb;
  --all-blue-700: #132499;
  --all-blue-700: #132499;
  --all-blue-800: #091777;
  --all-blue-900: #020d55;
  /* purple */
  --all-purple-50: #f2ecff;
  --all-purple-100: #d6c2ff;
  --all-purple-200: #ba97ff;
  --all-purple-300: #9e6dff;
  --all-purple-400: #8242fe;
  --all-purple-500: #682ddc;
  --all-purple-600: #511bba;
  --all-purple-700: #3c0e98;
  --all-purple-800: #2a0476;
  --all-purple-900: #1c0054;
  /* grey */
  --grey-grey-50: #fafcff;
  --grey-grey-100: #eff2f7;
  --grey-grey-200: #d7e0ec;
  --grey-grey-300: #b9c5d5;
  --grey-grey-400: #a2aebf;
  --grey-grey-500: #8c98a8;
  --grey-grey-600: #778291;
  --grey-grey-700: #626c7b;
  --grey-grey-800: #4e5764;
  --grey-grey-900: #25303d;
  /* primary b/w */
  --primary-black: #000020;
  --primary-black-tr: #000020b3;
  --primary-white: #ffffff;
  --primary-white-tr: #ffffffb3;
  /* primary */
  --primary-light-1: #eceeff;
  --primary-light-2: #6f81ff;
  --primary-default: #455cff;
  --primary-dark-1: #2034bb;
  --primary-dark-2: #091777;
  /* secondary */
  --secondary-light-1: #f2ecff;
  --secondary-light-2: #ba97ff;
  --secondary-default: #8242fe;
  --secondary-dark-1: #511bba;
  --secondary-dark-2: #2a0476;
  /* status */
  --status-success: #0e8345;
  --status-warning: #9b5d00;
  --status-error: #b71600;
  /* shadow */
  --shadow-1: 0rem 0rem 0.25rem 0rem #3333331a;
  --shadow-2: 0rem 0rem 0.5rem 0rem #3333331a;
  --shadow-3: 0rem 0rem 1rem 0rem #3333331a;
  --shadow-4: 0rem 0rem 1.5rem 0rem #3333331a;
  --shadow-5: 0rem 0rem 2rem 0rem #3333331a;
  --shadow-focus: 0rem 0rem 0.625rem 0rem #0065f233;
  /* text */
  --text-text-primary: #0e173e;
  --text-text-secondary: #4e5764;
  --text-text-brand: #455cff;
  /* background */
  --bg-disabled: #f3f3f3;
  --bg-tertiary: #e8e8e8;
  --bg-inverse: #282828;
  --bg-light-accent: #eff4fe;
  --bg-light-negative: #fff0ee;
  --bg-light-warning: #fdf2dc;
  --bg-light-positive: #eaf6ed;
  --bg-always-dark: #000000;
  --bg-always-light: #ffffff;
  --bg-accent: #266ef1;
  --bg-negative: #de1135;
  --bg-warning: #f6bc2f;
  --bg-positive: #0e8345;
  --bg-swiper-cards: #f4edfa80;
  /* other colors */
  --subsense-blue-3: #56ccf2;
}


@font-face {
    font-family: Poppins-Regular;
    src: url(../../../../0/fonts/Poppins/Poppins-Regular.ttf);
}

@font-face {
    font-family: Poppins-Medium;
    src: url(../../../../0/fonts/Poppins/Poppins-Medium.ttf);
}

@font-face {
    font-family: Poppins-SemiBold;
    src: url(../../../../0/fonts/Poppins/Poppins-SemiBold.ttf);
}

/*PIKA ORDER TRACKING*/
#ui-datepicker-div {
    background-color: lightgray !important;
    width: 150px !important;
    display: grid !important;
    padding: 10px !important;
}

h1,
h2,
h3,
h4,
h5,
h9 /*tumba per news*/ {
    font-family: Poppins-SemiBold;
}


span,
a,
select {
    font-family: Poppins-Medium;
}


a:hover {
  cursor: pointer;
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}

a:visited {
  color: unset;
}


.message-panel-part {
  background-color: var(--grey-grey-200);
  border: solid 2px var(--all-blue-400);
  margin: 20px 0px;
  border-radius: 0.8rem;
  padding: 12px;
  display: flex;
  justify-content: start;
  cursor: pointer;
  color: var(--primary-black);
  width: 100%;
}

/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PAGES-TAG START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.bold a {
    font-size: 2.4rem !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 110% !important; /* 26.4px */
    color: var(--text-text-primary) !important;
    font-family: Poppins-SemiBold;
}

.header {
  display: block !important;
  font-weight: bold;
}

.space {
  margin-top: 3.2rem;
  margin-bottom: 3.2rem;
}

.spaceLabel {
  margin-top: 2rem !important;
}

/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PAGES-TAG END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVBAR START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#navbar {
  display: flex;
  flex-direction: column;
}

    #navbar a:not(.search-results a) { /* Nicolò - 30/11/23 */
        font-size: 1.8rem;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 23.4px */
        color: var(--primary-black);
        font-family: Poppins-Regular;
    }

#navbar-menu ul > li a:hover,
#navbar-menu ul > li a:focus,
#side-menu ul > li a:hover,
#side-menu ul > li a:focus {
  background-color: transparent;
  text-decoration: underline;
}

.navbar-on-dark #navbar-top a,
.navbar-on-dark #navbar-top-mobile a:not(.search-results a),  /* Nicolò - 30/11/23 */
.navbar-on-dark #navbar-top a span,
.navbar-on-dark #navbar-top-mobile a span,
.navbar-on-dark .header a:not(.search-results a) {  /* Nicolò - 30/11/23 */
  color: var(--primary-white) !important;
}

.navbar-on-dark .burger-part {
  border: solid 0.1rem var(--primary-white);
}

.navbar-on-dark #navbar-top,
.navbar-on-dark #navbar-top-mobile {
  border-bottom: solid 0.1rem #ffffff4d;
}

.navbar-on-dark #navbar-bottom {
  border-bottom: none;
}

.navbar-link span {
  font-size: 1.8rem;
  text-decoration: none;
  color: var(--primary-black);
}
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVBAR-TOP START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#navbar-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0rem 4rem;
  /*height: 4.8rem */ /*Pika Grafica Emanuela*/
  border-bottom: solid 0.1rem #ffffffde;
}
.navbar-wt #navbar-top {
  background-color: var(--grey-grey-100);
}

#navbar-top-mobile {
  display: none;
  align-items: center;
  justify-content: space-between;
  padding: 0rem 4rem;
  height: 4.8rem;
  border-bottom: solid 0.1rem #ffffffde;
}

#navbar-login {
  z-index: 11;
}

#navbar-top-mobile #navbar-login {
  background-color: transparent;
  padding: 0;
}

#navbar-top #navbar-logo {
  padding: 1.25rem 1.25rem 1.25rem 0rem;
}

/*#navbar-logo img,
.side-menu-logo img {
    /*Pika Grafica Emanuela*/
    /*width: 6rem;
    height: 5rem;
}*/

#navbar-logo img {
/*Pika Grafica Emanuela*/
  /*width: 6rem;*/
  height: 5rem;
}


.side-menu-logo img {
    /*Pika Grafica Emanuela*/
    width: 6rem;  
}

#side-menu a:hover {
  cursor: pointer;
  color: var(--text-text-brand) !important;
}

#navbar-top-menu {
  display: inline-flex;
  align-items: center;
  gap: 3.6rem;
}

#navbar-top-menu-link {
  display: inline-flex;
  align-items: center;
  gap: 3.6rem;
}

#navbar-switch {
  margin-left: auto;
}

    #navbar-switch a {
        color: var(--primary-black);
        text-decoration: none;
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 18.2px */
        font-family: Poppins-Medium !important; /*Tumba messo per la voce privati header*/
    }

#navbar-lang select {
  font-size: 1.8rem;
}

/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVBAR-TOP END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVBAR-BOTTOM START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#navbar-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0rem 4rem;
  height: 7.8rem;
  border-bottom: solid 0.2rem var(--grey-grey-100);
}

#navbar-bottom-menu {
  display: flex;
  align-items: center;
  gap: 6.3rem;
}

#navbar-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: fit-content;
  color: #e9e9ed;
}

#navbar-burger:hover {
  cursor: pointer;
}

#navbar-burger-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.burger-part {
  width: 2.5rem;
  border: solid 0.1rem var(--primary-black);
  margin: 0.25rem 0rem;
}

#navbar-bottom-menu-link #navbar-menu {
  display: flex;
  align-items: center;
  color: #e9e9ed;
  margin: 0rem !important;
  gap: 4rem;
}

#navbar-user-menu {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}

#dropdown-user-menu {
  display: none;
  opacity: 0;
  position: absolute;
  z-index: 2000;
  transition: 0.8s;
  right: 3.55rem;
  top: 13.5rem; /*6.2rem;*/
  background-color: var(--bg-always-light);
  border: 1px solid var(--grey-grey-300, #B9C5D5);
  border-radius: 2.4rem;
  padding: 5.8rem 0rem 2rem 2rem;
  gap: 2rem;
  min-height: 5rem;
  flex-direction: column; /*TUMBA*/
  gap: 8px; /*TUMBA*/
}

#navbar-user-menu #dropdown-user-menu a.link {
  /*color: var(--primary-default) !important;
  border-bottom: 0.1rem solid var(--primary-default);*/
  width: 90%;
  padding: 12px 8px;
  color: var(--grey-grey-800, #4e5764) !important;
}

#navbar-user-menu #dropdown-user-menu a.link:hover {
  border-radius: 4px;
  background-color: var(--all-blue-50, #eceeff) !important;
}

#dropdown-user-menu a {
  font-size: 1.6rem;
}

#navbar-search {
  display: flex;
  align-items: center;
}

#navbar-search-open {
  padding: 0;
  border: none;
  background: transparent;
}

#navbar-search-open:hover {
  cursor: pointer;
}

#navbar-search-input {
  width: 100%;
}

#navbar-bottom #navbar-search-box {
  display: none;
  position: absolute;
  width: 0px;
  transition: width 0.5s;
}

#navbar-top-mobile #navbar-search-box {
  display: none;
  position: absolute;
  width: 0px;
  right: 70px;
  transition: width 0.5s;
}

#navbar-search-results {
  z-index: 9;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--primary-black-tr);
  padding: 2rem;
  gap: 1rem;
}

#navbar-search-results-close {
  display: flex;
  position: absolute;
  right: 2rem;
  background: var(--primary-light-1);
  border-radius: 0.3rem;
}

.navbar-search-results-item {
  color: var(--primary-white) !important;
}

.search-is-open {
  display: block !important;
  position: absolute;
  right: 70px;
}

#icon-profile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
}

#profile-head {
  width: 0.8rem;
  border: solid 0.16rem var(--primary-white);
  height: 0.8rem;
  border-radius: 5rem;
  position: relative;
  top: -0.15rem;
}

#profile-body {
  width: 2rem;
  border: solid 0.16rem var(--primary-white);
  height: 0.8rem;
  border-top-left-radius: 4rem;
  border-top-right-radius: 4rem;
  position: relative;
  top: 0.15rem;
}

#side-menu {
    padding: 1.25rem 3rem;
    display: none; /* Inizialmente nascondi il pannello */
    position: absolute;
    left: -48.5rem;
    top: 0;
    transition: left 0.5s ease-in-out;
    background: var(--background-background-light, #fafcff);
    z-index: 9999;
    min-width: 43.5rem; /*Pika modifica menù mobile*/
}

#side-menu a {
  display: flex;
  color: var(--text-text-primary);
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 26px */
  width: max-content;
  align-items: center;
}

/*#side-menu a:hover {
  cursor: pointer;
  color: var(--text-text-brand) !important;
}*/

#side-menu a:hover ~ .right-arrow {
  cursor: pointer;
  color: var(--text-text-brand);
  border-color: var(--text-text-brand);
}

#side-menu .switch-privato {
  font-size: 1.8rem;
}

.side-menu-logo {
  margin-bottom: 6rem;
  margin-top: 3.6rem;
}

.menu-level-title {
    display: flex;
    margin-bottom: 4rem;
    margin-top: 5.8rem;
    font-weight: bold;
    font-size: 2.4rem;
    color: var(--primary-black, #000020);
    line-height: 120%;
    font-family: Poppins-SemiBold;
}

.list-menu-level {
  margin-bottom: 6rem;
  margin-left: 0rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.4rem;
  align-self: stretch;
}

.list-menu-level li {
  display: flex;
  align-items: baseline;
  width: 100%;
  justify-content: space-between;
  font-size: 2rem !important;
}

#first-level-menu {
  /*width: 100%;*/
}

#side-menu-options {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.6rem;
  margin-bottom: 8.5rem;
}

#side-menu-options select {
  border: none;
  padding: 0;
}
/*----TUMBA gestione link ----*/
#side-menu-options .switch-privato::after, #side-menu-options .switch-private::after,
.sideExternalLink::after {
  content: url(/Portals/0/Icons/external_link_black.svg);
  height: 20px;
  padding-left: 8px;
}

#side-menu-options .switch-privato:hover::after,#side-menu-options .switch-private:hover::after,
.sideExternalLink:hover::after {
  content: url(/Portals/0/Icons/external_link.svg);
  height: 20px;
  padding-left: 8px;
}
/*---fine gestione icona external per menu ---*/
#second-level-menu {
  /*width: 100%;*/
}

#second-level-menu .list-menu-level,
#third-level-menu .list-menu-level {
  gap: 2rem;
}

#second-level-menu .side-menu-logo,
#third-level-menu .side-menu-logo {
  /*margin-top: 2.6rem; */
}

#first-level-menu .menu-level-title {
  margin-bottom: 0;
}

#third-level-menu {
  /*width: 100%;*/
  border-left: 0.1rem solid var(--grey-grey-400);
  padding: 0 3.2rem;
  min-width: 35.9rem;
  margin-left: 3.2rem;
}
#third-level-menu .list-menu-level {
  padding: 0rem 3.2rem; /* Nicolò - 11/10/23 */
}
/*#third-level-menu ul li:first-child {
  margin-bottom: 2.4rem;
}*/
#third-level-menu .menu-level-title {
  /* Nicolò - 11/10/23 */
  margin-top: 11.8rem;
  padding: 0rem 3.2rem;
}

.right-arrow {
  border-top: 0.2rem solid var(--primary-black);
  border-right: 0.2rem solid var(--primary-black);
  width: 1rem;
  height: 1rem;
  transform: rotate(45deg);
  margin-left: 12rem; /*Pika modifica menù mobile*/
}

#side-menu-exit-button {
  width: 3rem;
  height: 3rem;
  margin-top: 3.6rem;
  margin-right: 4rem;
  position: relative;
  justify-content: center;
  align-items: center;
  position: relative;
}

#side-menu-exit-button:hover {
  cursor: pointer;
}

#x-left {
  width: 2.4rem;
  border-top: 0.1rem solid var(--primary-black);
  transform: rotate(-45deg);
  position: absolute;
}

#x-right {
  width: 2.4rem;
  border-top: 0.1rem solid var(--primary-black);
  transform: rotate(45deg);
  position: absolute;
}

#side-menu-back-button,
#side-menu-back-button-second { /* Nicolò - 22/11/23 - menù mobile */
  position: relative;
  right: 6.5rem; /* Nicolò - 11/10/23 */
  height: fit-content;
  width: 0;
  /*padding: 13px 6px 13px 6px;
  border: 1px solid black;
  border-radius: 50px;*/
  margin-top: 12.5rem;
  /*margin-right: 4.8rem;*/
}

#side-menu-back-button:hover,
#side-menu-back-button-second:hover { /* Nicolò - 22/11/23 - menù mobile*/
  cursor: pointer;
}

/* Nicolò - 22/11/23 - menù mobile - da cancellare
#side-menu-top-arrow {
  border: 1px solid black;
  width: 10px;
  transform: rotate(-45deg);
  position: relative;
  bottom: 2.5px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

 #side-menu-bottom-arrow { 
    border: 1px solid black;
    width: 10px;
    transform: rotate(45deg);
    position: relative;
    top: 2.5px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#side-menu-right-arrow {
  border: 1px solid black;
  width: 15px;
  position: relative;
  bottom: 2.5px;
  left: 3px;
  margin-right: 3px;
}
*/

#side-menu-overlay {
  z-index: 9998;
  width: 100%;
  height: 100%;
  background-color: #00000085;
  position: fixed;
  top: 0px;
  left: 0px;
}

#side-menu-overlay:hover {
  cursor: pointer;
}

.item-in-side-menu {
  display: flex !important;
}

.item-in-side-menu > a {
  width: 100%;
}

.in-side-menu {
  display: none;
  list-style: none;
}

/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVBAR-BOTTOM END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.language-object {
  display: flex;
  flex-direction: row;
  position: relative;
}
.language-object select {
  -webkit-appearance: none;
  -moz-appearance: none;
}
.language-object:after {
  content: url("/Portals/0/Icons/ico-down.svg");
  filter: brightness(0.7) sepia(1) hue-rotate(200deg) saturate(6);
  position: absolute;
  right: -13px;
  top: -2px;
}

.language-object:hover {
  cursor: pointer;
}

.language-object:not(.language-object:has(select)){display:none;}

#navbar a .navbar-wt-icon {
  display: none;
}

#navbar a:hover .navbar-wt-icon {
  display: block;
  width: 24px;
  height: 24px;
}

#navbar a:hover .navbar-bk-icon {
  display: none;
}

.navbar-wt #navbar-login {
    color: var(--primary-white) !important;
    background-color: var(--all-blue-400);
}


.navbar-wt .navbar-bk-icon {
  display: none;
}

.navbar-wt .navbar-wt-icon {
  display: block !important;
  width: 24px;
  height: 24px;
}
.navbar-wt #navbar-login:active {
  background-color: var(--all-blue-800) !important;
}
.navbar-wt #navbar-login:hover {
  background-color: var(--all-blue-600) !important;
}

.btn-secondary-light:hover #img-dw-white {
  display: block !important;
}
.btn-secondary-light:hover #img-dw-black {
  display: none !important;
}


/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVBAR END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#back-footer {
  height: 59.8rem;
  width: 185.7rem;
  position: absolute;
  bottom: -21.5rem;
  transform: rotate(-10.849deg);
  filter: blur(15rem);
  opacity: 0.6;
  background: var(--secondary-default);
  z-index: 1;
  /*background-image: radial-gradient(circle, var(--primary-default), #5657ff, #6651ff, #744aff, var(--secondary-default));*/
}



#black-sphere-footer {
  position: absolute;
  width: 81rem;
  height: 50rem;
  background: var(--primary-black);
  border-radius: 26.3rem;
  filter: blur(24rem);
  top: -5.5rem;
  right: -8.7rem;
  z-index: 2;
}

#blue-sphere-footer {
  position: absolute;
  width: 73rem;
  height: 71rem;
  filter: blur(36.5rem);
  background: var(--primary-default);
  top: 41.7rem;
  left: 14.5rem;
  border-radius: 46rem;
}

#footer {
  display: flex;
  padding: 7.2rem 8rem 5.6rem 8rem;
  border-radius: 4rem 4rem 0rem 0rem;
  flex-direction: column;
  align-items: center;
  gap: 8.8rem;
  overflow: hidden;
  position: relative;
  background: var(--primary-black);
}
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEAD START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  z-index: 999;
}

#footer-head-title {
  max-width: 60.1rem;
}

#footer-head-title span {
  flex-shrink: 0;
  font-size: 5.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 59.4px */
  letter-spacing: -0.108rem;
  color: var(--primary-white);
}

#text-best-news {
  color: var(--all-blue-300) !important;
}

#footer-head-newsletter {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.2rem;
  flex-shrink: 0;
  width: 492px;
}
#apptitle {
  margin-bottom: 1.6rem;
}
#news_update {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    color: var(--primary-white);
    font-family: Poppins-Regular;
}

#newsletter-input {
  width: 100%;
  display: flex;
}

#newsletter-email-input {
  flex: 1;
  border-top: solid 0.1rem var(--grey-grey-600);
  border-left: solid 0.1rem var(--grey-grey-600);
  border-right: none;
  border-bottom: solid 0.1rem var(--grey-grey-600);
  border-top-left-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
  padding: 12px 16px;
  background-color: var(--primary-white);
  color: var(--grey-grey-300);
  outline: none;
  height: 48px;
}

#newsletter-email-button {
  height: 48px;
  width: 48px;
  border: 0.1rem solid var(--primary-default);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 0rem;
  background: var(--primary-default);
}

#icon-newsletter {
  height: 100%;
  width: 100%;
  background-color: var(--primary-default);
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}

#icon-tip {
  position: relative;
  border-top: 0.1rem solid var(--primary-white);
  border-right: 0.1rem solid var(--primary-white);
  width: 1rem;
  height: 1rem;
  border-top-right-radius: 0.1rem;
  top: -0.45rem;
  left: 1.675rem;
}

#icon-stem {
  border-bottom: 0.1rem solid var(--primary-white);
  position: relative;
  width: 2.5rem;
  transform: rotate(-45deg);
  left: -0.5rem;
}

.check {
  vertical-align: middle;
  display: flex;
  align-items: center;
}

.check__input {
  position: relative;
  height: 24px;
  width: 24px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 4px;
  border: 1px solid var(--grey-grey-400);
}

.check:hover .check__input {
  border-color: var(--primary-black);
}

.check:hover .check-white__input {
  border-color: var(--primary-white);
}

.check .check__input {
  margin-top: 0;
  margin-right: 12px;
}

.check__input:checked {
  background-color: var(--primary-default);
  border: currentColor;
}

.check__label {
  color: var(--grey-grey-800, #4e5764);
}

.check__link {
  color: var(--primary-default);
  text-decoration: underline;
  cursor: pointer;
}

.check__link:hover {
  text-decoration: underline;
}

/* colori del check btn*/
.check-white__input {
  border: 1px solid var(--primary-white);
}

.check__label {
  margin-bottom: 0;
  cursor: pointer;
}

/* colori del testo e link del check btn*/
.check-white label {
  color: var(--primary-white, #fff);
}

.check__input:checked::before {
  content: url("/Portals/0/Icons/tick_wt.svg"); /*TICK BIANCO*/
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 20px;
  top: 3px;
  left: 4px;
  border: currentColor;
}

/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEAD END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BODY START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer-body {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  z-index: 999;
}

    #footer-body span {
        font-size: 1.8rem;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 23.4px */
        color: var(--grey-grey-400);
        font-family: Poppins-Regular;
    }
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ STAMP START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer-stamp {
  display: flex;
  width: 18.7rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.2rem;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
  color: #c2c2c2;
}

#footer-logo img {
  width: 8.572rem;
}

#footer-icons {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}

#footer-icons img {
  height: 2rem;
  width: 2rem;
}
/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ STAMP END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ WE-ARE START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer-we-are {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.2rem;
}

#footer-weare-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  margin: 0rem;
  list-style: none;
}

    #footer-weare-menu a {
        font-size: 1.8rem;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 23.4px */
        color: var(--primary-white);
        font-family: Poppins-Regular;
    }
/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ WE-ARE END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTACTS START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer-contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.2rem;
}

#footer-contacts-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  margin: 0rem;
  list-style: none;
}

#footer-contacts-menu a {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 23.4px */
  color: var(--primary-white);
}
/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTACTS END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HOME-MENU START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer-home {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.2rem;
}

#footer-home-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  margin: 0rem;
  list-style: none;
}

#footer-home-menu a {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 23.4px */
  color: var(--primary-white);
}
/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HOME-MENU END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ APP START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer-app {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.6rem;
}
/*
#footer-app span {
  color: var(--primary-white);
}*/

#footer-app img {
  width: 12.3rem;
  height: 3.8rem;
  /*mix-blend-mode: color-burn;*/
}
/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ APP END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SETTINGS START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer-settings {
  /*background-color: #75e5ec;*/
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

    #footer-settings a {
        font-size: 1.8rem;
        font-style: normal;
        font-weight: 400;
        line-height: 130%; /* 23.4px */
        color: var(--primary-white);
        text-decoration: none;
        font-family: Poppins-Regular;
    }

#footer-settings span {
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 23.4px */
  color: var(--primary-white);
}

#footer-settings .wholesaler-link {
  margin-top: 2rem;
  margin-bottom: 8rem;
}
#footer-address span:first-child {
  display: block;
}
.language-object option,
.language-object select {
  border: none;
  background-color: transparent;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 23.4px */
  color: var(--all-blue-200);
  cursor: pointer;
  outline: none;
}
/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SETTINGS END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BODY END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BOTTOM START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  z-index: 999;
}

#footer-bottom-menu {
  display: flex;
  align-items: center;
  gap: 2.8rem;
  margin: 0rem;
  list-style: none;
}

#footer-bottom-menu a {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  color: var(--grey-grey-400);
}

#footer-rights-text {
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
  color: var(--grey-grey-400);
}
/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BOTTOM END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*#footer.footer-splash {
  padding-top: 0;
  border-radius: 0;
}*/

#footer.footer-splash #back-footer {
    width: 180rem;
    height: 45.8rem;
    position: absolute;
    top: 20rem;
    transform: rotate(-15.849deg);
    background: var(--secondary-default);
    opacity: 0.5;
    filter: blur(10rem);
    /*background-image: radial-gradient(circle, var(--primary-default), #5657ff, #6651ff, #744aff, var(--secondary-default));*/
    z-index: 1
}

/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CONTENT HTML START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SPLASHPAGE START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#main-link-container {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 20px;
  padding: 10px;
  margin-bottom: 50px;
}

.link-container {
  display: flex;
  align-items: end;
  width: 100%;
  height: 40rem;
  color: var(--primary-black) !important;
}

.link-container:hover {
  cursor: pointer;
}

.img-link {
  background-color: #dadada;
  height: 100%;
  width: 100%;
}

.link-content {
  position: absolute;
  padding: 0px 0px 20px 50px;
  width: 40%;
  min-height: 145px;
}

.link-content h1 {
  font-weight: bold;
}

/*-------------------------------*/
#splash-main-container {
  display: inline-flex;
  padding: 0rem 7.1rem 0.9rem 8.1rem;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 3.6rem;
}

.splash-category-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.5rem;
}

.splash-category-img {
  height: 60rem;
  border-radius: 2rem;
  background: lightgray -20.3rem -0.6638rem / 154.331% 107.319% no-repeat;
}

.splash-link-container {
  display: flex;
  align-items: center;
  gap: 1.1rem;
  cursor: pointer;
}

.splash-arrow {
  width: 4rem;
  height: 4rem;
}
.splash-container {
  padding: 0 8rem;
  margin-top: 4.8rem;
}

/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SPLASHPAGE END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ REGISTRATION START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#registration-image-container {
  display: flex;
  overflow: hidden;
  border-top-right-radius: 4rem;
  border-bottom-right-radius: 4rem;
  justify-content: end;
  /*max-width:595px; 
  height: 730px; TUMBA - tolto perché aumenta troppo margine in alcune risoluzioni*/
}
#registration-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#registration {
  justify-content: center;
  display: flex;
  flex-direction: column;
  padding: 6.4rem 18.9rem 10.4rem 14.1rem;
}

#txtModifyRegistrationTitle {
  display: none;
}

#pnl-password {
  width: 100%;
}

.registration-panel {
  display: flex;
  flex-direction: column;
  align-items: start;
  /*padding-top: 8rem; TUMBA*/
}

.registration-accedi-cta {
  display: flex;
  align-items: baseline !important;
  flex-direction: row !important;
}
.row-to-col {
  width: 100%;
  display: flex;
  gap: 3.2rem; /*FRA - info personali*/
}

.text-error {
  color: #d40000; /* red */
}

.registration-options {
  display: flex;
  gap: 4.8rem;
}
#registration-user-options {
  align-items: stretch;
}
#registration-user-options div {
  background-color: var(--grey-grey-100);
  padding: 4rem;
  min-height: 22.8rem;
}

.hide {
  display: none;
}

#popup-delete-container {
  display: none;
}

#popup-delete-overlay {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9998;
  background-color: var(--primary-black);
  opacity: 0.4;
  cursor: pointer;
}

#popup-delete {
  position: fixed;
  z-index: 9999;
  background-color: var(--primary-white);
  padding: 4rem 3.2rem;
  border-radius: 2.4rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 62.4rem;
}

#popup-delete img {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  cursor: pointer;
}

.label-link-xl {
  font-size: 2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

/*.input-placeholder.list-placeholder { 
	top: 3.7rem; 
    height: 50%; 
    left: 1.2rem; 
    background-color: white; 
    padding: 15px 0px; 
    min-width: 90%; 
} */

select.input-field,
select.floating-select,
.edncf_container select {
  padding: 0;
  padding-left: 15px;
  color: var(--primary-black, #000020);
  /*-webkit-appearance: none; */
}
.floating-select,
.edncf_container select {
  -webkit-appearance: none;
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-image: url(/Portals/0/Icons/ico-down.svg);
}

.input-field:focus ~ .list-placeholder {
  transform: translateY(-2.6rem) translateX(0.5rem) scale(0.75);
  min-width: initial;
  top: 2.5rem;
  padding: 0 4px;
}
/*
.input-field:not(:focus) ~ .list-placeholder { 
	color: var(--grey-grey-500) !important; 
} 
TUMBA*/
.logged-in {
  margin-top: 3.2rem;
  padding: 0px !important;
}
.logged-in #first-panel {
  padding: 3.2rem 29.9rem;
}
.div-privacy a {
  padding: 0 0.5rem;
}

/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ REGISTRATION END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Dashboard area riservata ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.shades-container-profile {
  padding: 3.2rem 4rem 4rem 4rem;
  position: relative;
  overflow: hidden;
}
.shades-container-profile:before {
  content: "";
  width: 386px;
  height: 386px;
  position: absolute;
  border-radius: 386px;
  background: var(--all-purple-700, #3c0e98);
  filter: blur(249.13494873046875px);
  top: -150%;
  left: 35%;
}
.shades-container-profile:after {
  content: "";
  width: 488.305px;
  height: 488.305px;
  position: absolute;
  right: -10%;
  border-radius: 488.305px;
  background: var(--all-purple-700, #3c0e98);
  filter: blur(249.13494873046875px);
}
.shades-main-content-profile {
  z-index: 1;
}
.premiaty-register, .premiaty-logged {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.premiaty-register, .premiaty-logged{
    z-index: 1;
}
.premiaty-register-divider {
  display: none;
}
.premiaty-register img {
  margin-bottom: 2.4rem;
}
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CATEGORIES START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#divTitleGrad1 {
  width: 386px;
  height: 386px;
  background: rgba(104, 45, 220, 0.7);
  box-shadow: 498.2698974609375px 498.2698974609375px 498.2698974609375px;
  border-radius: 38.6rem;
  filter: blur(24.9rem);
  position: absolute;
  left: 35%;
  top: -75%;
}

#divTitleGrad2 {
  width: 488.3px;
  height: 488.3px;
  background: rgba(104, 45, 220, 0.7);
  box-shadow: 498.2698974609375px 498.2698974609375px 498.2698974609375px;
  border-radius: 70%;
  filter: blur(24.9rem);
  position: absolute;
  right: -20%;
  bottom: -30%;
}

.categories::-webkit-scrollbar {
  /* Hide scrollbar for Chrome, Safari and Opera */
  display: none;
}

.categories {
  display: flex;
  padding: 4.8rem 8rem;
  justify-content: space-between;
  align-items: center;
  background: var(--primary-light-1);
  overflow-x: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

.categories-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2rem;
  /*min-width: 15.5rem;*/
}

.categories-card:hover {
  cursor: pointer;
}

.categories-card-icon {
  width: 6.4rem;
  height: 6.4rem;
}

/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CATEGORIES END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ QUALITY START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.quality {
  display: flex;
  padding: 8rem 8rem 0rem 8rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 8.8rem;
  align-self: stretch;
}

.quality-cards::-webkit-scrollbar {
    /* Hide scrollbar for Chrome, Safari and Opera */
    display: none;
    
}

.quality-cards {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    gap: 3.2rem;
    align-self: stretch;
    justify-content: space-between;
    overflow-x: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

.quality-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
    flex: 1 0 0;
    /*overflow-x: auto; * TUMBA per gestione link immagine tolto */
    overflow-x:auto;
    overflow-y:hidden;
}

.quality-card-image {
  align-self: stretch;
  border-radius: 1.6rem;
}
.swiper-line-card-2 {
  width: 100%;
}
.swiper-line-card-2 .swiper-wrapper-line-cards--2 {
  justify-content: center;
  margin: 7.2rem 0 0 0;
}

.swiper-wrapper-line-cards--2 { /*revisione mobile*/
    margin: 5rem 5rem 0rem 5rem;
}

.swiper-timeline {
  width: 600px;
  margin-right: 25px;
}

.swiper-wrapper-line-cards--2 .swiper-slide:last-of-type {
  margin-right: 0 !important;
}

#rawSwiper {
  padding-right: 17rem;
}

/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ QUALITY END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ DISCOVER-PRODUCTS START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.discover {
  padding: 9.2rem 8rem 0rem 8rem;
}

.discover-container {
  display: flex;
  border-radius: 2.4rem;
  background-color: var(--primary-black);
  overflow: hidden;
  position: relative;
  margin-top: 7.2rem;
}

.discover-description {
  position: relative;
  width: 50%;
  z-index: 2;
}

.discover-circle {
  position: absolute;
  width: 38.8rem;
  height: 38.8rem;
  border-radius: 38.8rem;
  background-color: var(--all-purple-500);
  filter: blur(25rem);
  opacity: 0.7;
  top: 0.33px;
  left: 283px;
}

.discover-image {
  width: 50%;
  overflow: hidden;
  display: flex;
  justify-content: end;
  z-index: 2;
}

.discover-img {
  /*width: 100%;*/
}

.discover-description-content {
  display: flex;
  max-width: 41.5rem;
  flex-direction: column;
  align-items: flex-start;
  margin: 12rem 0rem 0rem 8rem;
}

/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ DISCOVER-PRODUCTS END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ APP START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.app {
  display: flex;
  overflow: hidden;
  position: relative;
  background: var(--primary-black);
  max-height: 70rem;
  /*width: 100%;*/
  border-radius: 4rem;
  margin-top: 9.2rem;
}

.app-back {
  height: 59.8rem;
  width: 185.7rem;
  position: absolute;
  bottom: -21.5rem;
  transform: rotate(-10.849deg);
  filter: blur(15rem);
  opacity: 0.5;
  background: var(--all-purple-500);
  z-index: 1;
}

.app-black-circle {
  position: absolute;
  width: 81rem;
  height: 50rem;
  background: var(--primary-black);
  border-radius: 26.3rem;
  filter: blur(24rem);
  top: -5.5rem;
  right: -8.7rem;
  z-index: 2;
}

.app-blue-circle {
  position: absolute;
  width: 73rem;
  height: 71rem;
  filter: blur(36.5rem);
  background: var(--primary-default);
  top: 41.7rem;
  left: 14.5rem;
  border-radius: 46rem;
}

.app-description {
  position: relative;
  width: 50%;
  z-index: 3;
}

.app-description-content {
  margin: 13.6rem 1rem 0rem 16.5rem;
}

.app-icons {
  display: flex;
  gap: 2.4rem;
  margin-top: 6rem;
  height: 4.8rem;
}

.app-phone {
  display: flex;
  justify-content: right;
  width: 50%;
  z-index: 3;
}

.app-phone-img {
    width: 397px;
    margin-top: 64px;
    object-fit: fill;
    margin-right: 16.5rem;
}

.app-icon {
  position: absolute;
}

.app-phone-ext {
  position: relative;
  border: 0.2rem solid #777;
  background: #000000;
  box-shadow: 0rem 0rem 0.1601rem 0.2001rem #a7a7a7f7 inset;
  border-radius: 6.8rem;
  margin-top: 6.5rem;
  height: 82rem;
  width: 39.7rem;
  padding: 1.5rem;
}

.app-phone-silence {
  width: 0.3602rem;
  height: 2.9615rem;
  flex-shrink: 0;
  fill: linear-gradient(180deg,
    #565656 4.69%,
    #939393 16.36%,
    #7e7e7e 82.61%,
    #646464 91.45%
  );
  stroke-width: 0.04rem;
  stroke: #757575;
  box-shadow: 0rem 0.08rem 0.1201rem 0rem #757575 inset,
    0rem -0.08rem 0.1201rem 0rem #959595 inset,
    -0.08rem 0rem 0.04rem 0rem #313131 inset;
  top: 17rem;
  left: -0.5rem;
}

.app-phone-minus,
.app-phone-plus {
  width: 0.3602rem;
  height: 5.7628rem;
  flex-shrink: 0;
  border-radius: 0.1601rem;
  border: 0.04rem solid #757575;
  background: linear-gradient(
    180deg,
    #565656 4.69%,
    #939393 16.36%,
    #7e7e7e 82.61%,
    #646464 91.45%
  );
  box-shadow: 0rem 0.08rem 0.1201rem 0rem #757575 inset,
    0rem -0.08rem 0.1201rem 0rem #959595 inset,
    -0.08rem 0rem 0.04rem 0rem #313131 inset;
}

.app-phone-plus {
  top: 23rem;
  left: -0.5rem;
}

.app-phone-minus {
  top: 31rem;
  left: -0.5rem;
}

.app-phone-power {
  width: 0.3602rem;
  height: 9.6448rem;
  flex-shrink: 0;
  border-radius: 0.1601rem;
  border: 0.04rem solid #757575;
  background: linear-gradient(
    180deg,
    #565656 4.69%,
    #939393 16.36%,
    #7e7e7e 82.61%,
    #646464 91.45%
  );
  box-shadow: 0rem 0.08rem 0.1201rem 0rem #757575 inset,
    0rem -0.08rem 0.1201rem 0rem #959595 inset,
    -0.08rem 0rem 0.04rem 0rem #313131 inset;
  right: -0.45rem;
  top: 25rem;
}

.app-marks {
  position: absolute;
  height: 0.45rem;
  width: 0.45rem;
  background-color: #676767;
}

.app-mark-left {
  top: 8rem;
  left: -0.2rem;
}

.app-mark-right {
  top: 8rem;
  right: -0.2rem;
}

.app-mark-top {
  top: -0.2rem;
  right: 7.6rem;
}

.app-phone-screen {
  display: flex;
  background-color: var(--primary-default);
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 5.5rem;
  justify-content: center;
  overflow: hidden;
}

.app-phone-notch {
  width: 16.7683rem;
  height: 4.2418rem;
  top: -1.2rem;
  left: 9.8rem;
}

.app-phone-logo {
  position: relative;
  width: 11.5596rem;
  height: 5.0533rem;
  top: 9rem;
}

.app-phone-bottom {
  display: flex;
  justify-content: center;
  position: absolute;
  background-color: var(--primary-white);
  width: 60rem;
  border-radius: 60rem;
  height: 60rem;
  bottom: -4.5rem;
}

.app-phone-registration {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 39.7rem;
  margin-top: 7rem;
}

.app-phone-registration-title {
  display: block;
  width: 20rem;
  color: var(--text-text-primary);
  text-align: center;
  font-size: 3.0015rem;
  font-weight: 700;
  line-height: 130%; /* 3.9019rem */
}

.app-phone-registration-email {
  display: flex;
  flex-direction: column;
  border-bottom: 0.1rem solid var(--primary-black);
  width: 33.8rem;
  margin: 4rem 3.5rem 0rem 3.5rem;
  padding-bottom: 1rem;
  text-align: left;
}

.app-phone-registration-email-title {
  color: var(--primary-black);
  font-size: 1.2006rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.001rem;
}

.app-phone-registration-email-content {
  color: var(--primary-black);
  font-size: 1.4007rem;
  font-style: normal;
  font-weight: 300;
  line-height: 2.001rem;
}

.app-phone-registration-password {
  display: flex;
  justify-content: space-between;
  border-bottom: 0.1rem solid var(--grey-grey-500);
  width: 33.8rem;
  margin: 3rem 3.5rem 0rem 3.5rem;
  padding-bottom: 1rem;
}

.app-phone-registration-password-title {
  color: var(--primary-black-tr);
  font-size: 1.4007rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.001rem; /* 142.857% */
}

.app-phone-registration-password-help {
  color: var(--primary-black);
  text-align: right;
  font-size: 1.4007rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.001rem; /* 142.857% */
}

.app-phone-registration-button {
  display: flex;
  width: 33.8rem;
  padding: 1.0005rem 0rem;
  justify-content: center;
  border-radius: 0.4002rem;
  background: var(--primary-black);
  margin: 3.5rem 3.5rem 0rem 3.5rem;
}

.app-phone-registration-login {
  color: var(--primary-white);
  font-size: 1.4007rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.001rem; /* 142.857% */
}

/*Pika Pri*/
.app-phone-screen-pri {
    position: relative;
    border: 0.2rem solid #777;
    background: #000000;
    box-shadow: 0rem 0rem 0.1601rem 0.2001rem #a7a7a7f7 inset;
    border-radius: 6.8rem;
    margin-top: 6.5rem;
    height: 82rem;
    width: 39.7rem;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.app-description-content-pri {
    margin: 17.5rem 1rem 0rem 16.5rem;
}

/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ APP END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PROJECTS START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.project {
  display: flex;

  margin: 9.2rem 0rem 0rem 0rem;
  background-color: var(--bg-light-accent);
  border-radius: 4rem;
  overflow: hidden;
}

.project-image {
  display: flex;
  max-height: 69rem;
  width: 50%;
}

.project-img {
  width: 100%;
  object-fit:cover; /*img strachata*/
}

.project-description {
  width: 50%;
}

.project-description-content {
  display: flex;
  flex-direction: column;
  max-width: 47rem;
  margin: 10.9rem 0rem 0rem 10.9rem;
}

/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PROJECTS END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HELP START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.help {
  padding: 8rem 19rem 8rem;
}

.help-box {
  /*display: flex;
  justify-content: space-between;*/
}

.help-description {
  display: flex;
  flex-direction: column;

  /*width: 51.5rem;*/
}

.help-description-title {
  color: var(--primary-black);
  font-size: 5.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 5.94rem */
  letter-spacing: -0.108rem;
  margin: 0rem 0rem 2.4rem 0rem;
}

.help-description-text {
  color: var(--text-text-secondary);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 2.34rem */
  margin: 0;
}

.help-description-info {
  display: flex;
  padding: 3.2rem 2.4rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: linear-gradient(
    315deg,
    var(--secondary-light-1) 0%,
    var(--primary-light-1) 100%
  );
  border-radius: 1.6rem;
}

.help-info-container {
  gap: 2.4rem;
}

.help-description-info .paragraph-regular {
  color: var(--grey-grey-800);
}

.help-description-or {
  color: var(--text-text-secondary);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 2.34rem */
  text-align: center;
}

.help-description-link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  text-decoration: none;
  border-bottom: 0.1rem solid var(--primary-default);
  width: fit-content;
  margin: 2.4rem auto 0rem auto;
}

.help-description-link:hover {
  text-decoration: none;
}

.help-description-link span {
  color: var(--primary-default);
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 2.34rem */
}

.help-description-link img {
  height: 2rem;
  width: 2rem;
}

.help-img {
  height: 41rem;
  width: 41rem;
  margin-top: 8rem;
  border-radius: 3rem;
}

.pane1-container .help-description-info {
  padding: 4.8rem 8rem;
  border-radius: 2.4rem;
}

/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HELP END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HOME END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TOPPANE-PANE1 START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.toppane-container {
  display: flex;
  padding: 3.2rem 4rem;
  align-items: center;
  align-content: center;
  gap: 0.8rem;
  align-self: stretch;
  flex-wrap: wrap;
}

.toppane-link {
  display: flex;
  height: 2rem;
  align-items: center;
  gap: 0.8rem;
}

.toppane-content {
  display: flex;
  height: 1.6rem;
  align-items: center;
  gap: 0.8rem;
}

.toppane-icon {
  width: 1.2rem;
  height: 1.2rem;
}

.toppane-container-mobile {
  display: none;
}

.pane1-container {
  padding: 0rem 8rem;
  gap: 7.2rem;
}

.pane1-container-large {
    padding: 0rem 2.4rem;
    
}

.pane1-title-box {
  gap: var(--numbers-spacing-autolayout-4, 3.2rem);
  width: 90rem;
}
.pane1-container span {
    font-family: Poppins-Regular;
}

.pane1-undertxt-container {
  padding: 8rem 8rem 0rem 8rem;
  gap: 7.2rem;
}

.pane1-undertxt {
  width: 110rem;
}

/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TOPPANE-PANE1 END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Componente Soria ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.storySwiper {
  /* display: flex; */
  overflow: hidden;
  position: relative;
  background: var(--primary-black);
  /*max-height: 70rem;*/
  border-radius: 4rem;
}

.storySwiper .slider-text-content-1 {
  margin-top: 0;
}

.storySwiper .storySwiper-img {
   padding-top: 11.8rem;
   margin-right: 8rem;
}

.storySwiper .carousel-item {
   justify-content: space-between;
}


.storySwiper-back {
  height: 60rem;
  width: 140rem;
  position: absolute;
  bottom: -21.5rem;
  transform: rotate(-10.849deg);
  filter: blur(28rem);
  opacity: 0.5;
  background: #682ddc;
}

.storySwiper-blue-circle {
  position: absolute;
  width: 48rem;
  height: 48rem;
  filter: blur(57rem);
  background: #455cff;
  top: 41.7rem;
  left: 14.5rem;
  border-radius: 46rem;
}

.imgLanding {
  width: 100%;
  height: 100%;
  border-radius: 3.2rem;
}
/*Pika Grafica Emanuela*/
.divImgLanding {
    display: flex;
    overflow: hidden;
    position: relative;
    max-height: 50rem;
    border-radius: 4rem;
}

/*Pika Grafica Emanuela*/
.divImgLanding-pri {
    display: flex;
    overflow: hidden;
    position: relative;
    max-height: 50rem;
}

.imgLanding-pri {
    width: 100%;
    height: 100%;
    border-top-left-radius: 3.2rem;
    border-top-right-radius: 3.2rem;
}

.divImgCard {
  align-self: auto;
}

.imgCard {
  border-radius: 3.2rem;
}

.missionNumber {
    max-height:none;
}
/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Storytelling PIKA ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ stoytelling PIKA ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.divImg {
  align-self: auto;
}
.text-content-1 {
  display: flex;
  flex-direction: column;
  gap: 4rem;

  margin-left: 8rem;
  max-width: 90rem;
}

.detailBoxGrey {
  display: flex;
  padding: 1.6rem 1.6rem;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
  flex: 1 0 0;
  border-radius: var(--numbers-spacing-autolayout-3, 2.4rem);
  background: var(
    --gradients-prova-2,
    linear-gradient(290deg, #f2ecff 1.25%, #eceeff 99.03%)
  );
  width:25rem;
  min-height:20rem;
}

.detailBoxGreyLarge {
    display: flex;
    padding: 1.6rem 1.6rem;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    flex: 1 0 0;
    border-radius: var(--numbers-spacing-autolayout-3, 2.4rem);
    background: var( --gradients-prova-2, linear-gradient(290deg, #f2ecff 1.25%, #eceeff 99.03%) );
    width: 50rem;
    min-height: 20rem;
}



    /*.detailBoxGrey .iconGrey {
        margin-top: 1.6rem;
        margin-bottom: 1.6rem;
    }*/

    .detailBoxGrey h6 {
        margin-bottom: 1.6rem;
    }


.detailBoxrowGrey {
  display: flex;
  align-items: stretch;
  gap: var(--numbers-spacing-autolayout-4, 3.2rem);
  align-self: stretch;
  padding-top: 13.6rem;
  padding-left: 4rem;
  padding-right: 4rem;
}

.iconGrey {
  width: var(--numbers-spacing-autolayout-6, 4.8rem);
  height: var(--numbers-spacing-autolayout-6, 4.8rem);
}

.iconGreyLarge {
  width: 7.3rem;
  height: 7.3rem;
}


.div-description-right {
  margin-left: 14rem;
  /* margin: 10.9rem 0rem 0rem 10.9rem;*/
}

.div-description-left {
  margin-right: 14rem;
  /*  margin: 10.9rem 10.9rem 0rem 0rem;*/
}

.cardDescriptionContent {
  display: flex;
  flex-direction: column;

  margin: 3rem 0rem 0rem 3rem;
}

.imgContent {
  border-radius: 3.2rem;
}

.imgComponents {
  width: 100%;
  height: auto;
  border-radius: 3.2rem;
}

.card-image {
  display: flex;
  max-height: 69rem;
  width: 50%;
}

.card-img {
  width: 100%;
}

.card-description {
  width: 50%;
}

.card-description-content {
  display: flex;
  flex-direction: column;
  max-width: 47rem;
  /*margin: 10.9rem 0rem 0rem 10.9rem;*/
}

/*box immagine descrizione*/
.boxConteiner {
  display: flex;
  margin: 13.6rem 0rem 0rem 0rem;
  /* background-color: var(--bg-light-accent); */
  border-radius: 4rem;
  overflow: hidden;
}

/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Storitelling PIKA ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FIX FOR DNN NATIVE PANELS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#popup-login {
  display: none;
  position: fixed;
  z-index: 9999;
  margin: auto;
  background-color: var(--primary-white);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 62.4rem;
  padding: 4rem 3.2rem;
  border-radius: 2.4rem;
  text-align: center;
}

#popup-login-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: var(--primary-black);
  opacity: 0.4;
  z-index: 99;
}

#popup-login img {
  position: absolute;
  right: 1.6rem;
  top: 2.2rem;
}
#popup-login img:hover {
  cursor: pointer;
}

#navbar-dark-purple {
  position: absolute;
  height: 588px;
  width: 588px;
  top: -59rem;
  right: -164px;
  /*background-color: var(--all-purple-500);*/
  z-index: -1;
  /*opacity: 1;*/
  /*filter: blur(90rem);*/
  border-radius: 588px;
  background: #682ddc;
  filter: blur(300px);
}

/*#navbar-dark-blue {
  position: absolute;
  height: 588px;
  width: 588px;
  top: -94px;
  right: 230px;
 
  z-index: -2;
  border-radius: 588px;
  background: #220096;
  filter: blur(350px);
}*/

#navbar-dark-blue {
    position: absolute;
    height: 388px;
    width: 588px;
    top: -200px;
    right: 230px;
    /*background-color: var(--all-blue-600);*/
    z-index: -2;
    /*opacity: 0.2;*/
    /*filter: blur(350px);*/
    border-radius: 588px;
    background: #220096;
    filter: blur(220px);
}

.container {
  width: 100% !important;
  padding: 0;
  flex-direction: column;
  align-items: center;
  justify-content: start;
}

.row {
  width: 100% !important;
  margin: 0 !important;
}

.dnn_content {
  padding: 0;
}

#dnn_ContentProjects {
  padding: 0rem 2.4rem;
}

#FooterRow {
  margin-top: 3rem;
}

#Content4 {
  padding: 0rem 2.4rem;
}

/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* LOGIN */
/*#btn-login {
  min-width: 18.6rem;
}*/

/* BREADCRUMBS */
#breadcrumb-place a span {
  text-decoration: underline !important;
}
#breadcrumb-place a span,
#breadcrumb-place span {
  color: var(--primary-default);
}
#breadcrumb-place span span span:last-of-type a span,
#breadcrumb-place span span span:last-of-type span {
  color: var(--primary-black);
  text-decoration: none !important;
}
#breadcrumb-place.breadcrumbLight {
  margin-left: 0;
}

/* Elenco Prodotti L2 */
.message-panel-part {
  background-color: #9bc0ccbe;
  border: solid 2px #9bc0cc;
  margin: 10px;
  border-radius: 2px;
  padding: 5px;
  display: flex;
  justify-content: start;
  cursor: pointer;
}

.module-message-part {
  margin: 0px !important;
}

.trash-icon {
  display: block;
  width: 23px;
  height: 24px;
  position: absolute;
  right: 0;
  margin: 10px;
  background-image: url("/Portals/0/Icons/Close x 1.svg");
}

.trash-icon:hover {
  cursor: pointer;
}

[id*="favTitle"] {
  margin: 30px;
}

.favorite-icon {
  display: block;
  width: 23px;
  height: 24px;
  position: absolute;
  background-image: url("/Portals/0/Icons/Status=Default.svg");
  right: 12px !important;
  top: 12px;
}

.favorite-icon:hover {
  cursor: pointer;
}

.favorite-active {
  /*background: #DB0000;*/
  background-image: url("/Portals/0/Icons/Status=Selected.svg");
}

.products-section {
  display: flex;
  flex-wrap: wrap;
}

.product-card {
  display: flex;
  flex-direction: column;
  align-items: start;
  position: relative;
  max-width: 29.6rem;
  justify-content: space-between;
}

.product-card-text {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: column;
}

.products-wrapper {
/*Pika Grafica Emanuela*/
    /*padding: 8rem 8rem 0;*/
    padding: 3.2rem 8rem 0; 
}

.product-card-image {
  border-radius: 1.4rem;
  padding: 4.6rem 1.1rem 4.6rem 1.1rem;
  height: 36.9rem;
  border: 1.403px solid var(--color-gray-100, #eff2f7);
  background: transparent;
}
.product-card-image:hover {
  box-shadow: 0px 0px 24px 0px #ebedff;
}
.product-card-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.products-list {
  display: grid;
  grid-column-gap: 3.2rem;
  grid-row-gap: 10.4rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  min-width: 0;
  margin: 0 auto;
  margin-bottom: 10.4rem;
}

.btn-white-outlined {
  border: 1px solid var(--primary-black, #000020);
  color: var(--primary-black, #000020);
  padding: 1.8rem 3.2rem;
}

.btn-white-outlined:hover {
  background-color: var(--primary-black, #000020);
}

.empty-message {
  /*min-height: 524px;  */
  display: flex;
  /*margin: 8rem 0rem 11.2rem; TUMBA commentato perché dava doppio margine di 8rem dal titolo visto che c'è già un altro margine*/
  text-align: center;
}
#categoryProductsEmptyMessage {
  padding-bottom: 30rem;
}
.preferiti-wrapper {
  padding: 8rem 4rem 0;
}
.empty-message__wrapper {
  padding: 8rem 0rem 11.2rem;
  background-color: var(--grey-grey-100);
  width: 100%;
  border-radius: 3.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.preferiti-empty-message__heart {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("/Portals/0/Icons/Status=Default.svg");
  background-color: white;
  border-radius: 100%;
  padding: 0.8rem;
  background-repeat: no-repeat;
  background-position: center;
}

.scopri-box {
  padding: 11.2rem 8rem 20rem;
  text-align: center;
}

.scopri-box__products {
  display: grid;
  grid-column-gap: 3.2rem;
  grid-row-gap: 4.8rem;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 4.8rem;
  width: 100%;
}
.scopri-box__products a {
  display: flex;
  align-items: stretch;
  justify-content: stretch;
  min-width: 0;
}
.scopri-box__card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 4.5rem 3.5rem 1.8rem;
  border-radius: 6px;
  clip-path: inset(0px 0px 0px 0px);
  overflow: hidden;
  justify-content: space-between;
}

.scopri-box__image {
  margin-top: 4rem;
}

.scopri-box__image img {
  max-width: 100%;
  height: auto;
}

.bg-light-violet {
  background-color: rgba(236, 238, 255, 0.5);
}

.bg-light-blue {
  background: rgba(244, 237, 250, 0.5);
}

.bg-light-violet:after,
.bg-light-blue:after {
  content: "";
  width: 130px;
  height: 130px;
  top: 118px;
  left: 44px;
  position: absolute;
  flex-shrink: 0;
  z-index: 1;
}

.bg-light-violet:after {
  background-color: #e8c4f4;
  filter: blur(150px);
}

.bg-light-blue:after {
  background-color: var(--all-blue-200, #99a5ff);
  filter: blur(150px);
}

.products-viewother {
  width: 100%;
  display: flex;
  margin: 0 0 10.4rem;
  flex-direction: column;
  align-items: center;
}

.products-viewother__num {
  padding: 12px;
}

.btn-white-outlined {
  border: 1px solid var(--primary-black, #000020);
  color: var(--primary-black, #000020);
  padding: 1.8rem 3.2rem;
}

.btn-white-outlined:hover {
  background-color: var(--primary-black, #000020);
}

/* FILTERS */
.filters {
  /*background-color: #F7F7F7;
    border-radius: 13px;
    border: 1px solid #C7C7C7;
    padding: 0;*/
}

.filters__items__item,
.filters__items__switch,
.filters__items__actions {
  padding: 1em 0;
}

.filters__items__item,
.filters__items__switch {
  padding: 1em 15px;
  border-top: 1px;
  border-style: solid;
  border-color: #c7c7c7;
}

.filters__items div:first-child {
  border: 0;
}

.filters__items__item li:last-child .form-check {
  margin: 0 0 1em 0;
}

.filters__items__item ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.filters__action-panel {
  position: relative;
  background-color: #000;
  padding: 5px 0;
  margin-bottom: 18px;
}
#divElementValue.answer ul{
  max-height: 22rem;
  overflow-y: scroll;
  }
.filters__action-panel a {
  display: block;
  color: #fff;
  font-family: "bariolbold";
  font-size: 13px;
}

.filters__action-panel a .fa-angle-down {
  display: inline-block;
  background: url(/portals/_default/Skins/_default/WebControlSkin/Default/Images/icon/ico-down-white.svg)
    no-repeat center center;
  width: 12px;
  height: 8px;
  border: 0;
  margin-top: -3px;
  background-size: 10px;
  margin-left: 7px;
}

.filters__action-panel a {
  display: block;
}

.filters__action-panel a {
  text-decoration: none;
}

.filters__items__actions {
  margin: 1em 0;
}

.filters__items__actions .cta {
  min-width: 90px;
}

.filters__items__switch .form-switch {
  float: left;
  padding: 0 1em 0 0;
}

.filters__items__switch .form-switch .form-check-input {
  margin-left: 0.5em;
  float: none;
}

.filters__items h6 {
  /* font-size: 19px;
    margin-bottom: 1.5em;*/
}

.filters__items__item li {
  list-style-type: none;
  float: left;
}

.filters__action-panel__close {
  position: absolute;
  top: 2px;
  right: 0;
  display: block;
  width: 25px;
  height: 25px;
  left: 1em;
}

.form-check {
  display: flex;
  margin-bottom: 1.5em;
}

.form-check input[type="checkbox"] {
  cursor: pointer;
  outline: none;
  border: 1px solid #707070;
  width: 28px;
  height: 28px;
  background-color: #fff;
  border-radius: 0;
  margin: 0 10px 0 0;
}

.LiveForm.Neius .Field input[type="checkbox"] {
  cursor: pointer;
  border: 1px solid #707070;
  width: 28px;
  height: 28px;
  padding: 0;
  background-color: #fff;
  border-radius: 0;
  margin: 0 10px 0 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.form-check input[type="checkbox"]:checked,
.LiveForm.Neius .Field input[type="checkbox"]:checked {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #ffa168;
  color: #fff;
  background: #ffa168
    url(/Portals/_default/skins/urmet/assets/images/checked.svg) no-repeat 4px;
}

.form-check label {
  margin: 0;
  color: #000;
  font-size: 16px;
}

ul.accordion-list.filters__items {
  /*margin: 0;
    padding: 0;*/
}

ul.accordion-list.filters__items li h2 {
  /*font-size: 19px;*/
  min-width: 172px;
}

ul.accordion-list.filters__items li {
  /* padding: 1em 15px;
        border-bottom: 0;
        background-color: transparent;*/
}

ul.accordion-list.filters__items li:first-child {
  /*border: 0;*/
}

ul.accordion-list.filters__items li.active h2 {
  /*color: #020202;*/
}

ul.accordion-list.filters__items li h2:after, ul.accordion-list.filters__lingue li h2:after {
  border: 0;
  content: " ";
  width: 14px;
  height: 25px;
  background-image: url(/Portals/0/Icons/ico-down.svg);
  background-repeat: no-repeat;
  background-position: center right;
  padding: 0;
}

ul.accordion-list.filters__items li.active h2:after {
  transform: rotate(180deg);
}

ul.accordion-list.filters__items li .answer {
  margin-top: 1em;
  position: absolute;
  z-index: 1;
}

ul.accordion-list.filters__items li .answer li {
  /*padding: 18px 0 0 0;*/
}

ul.accordion-list.filters__items .form-check {
  margin-bottom: 0;
}

ul.accordion-list.filters__items input[type="radio"] {
  width: 28px;
  height: 28px;
  margin: 0 10px 0 0;
  border: 1px solid #707070;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 50px;
  cursor: pointer;
  outline: none;
}

ul.accordion-list.filters__items input[type="radio"]:checked {
  background-color: #ffa168;
  appearance: none;
  border: 1px solid #ffa168;
  outline: none;
}

ul.accordion-list.filters__items .cta.orangeBorder {
  border: 1px solid #ffa168;
  color: #000;
  font-weight: 400;
  font-size: 14px;
  margin-right: 16px;
  margin-top: 10px;
  padding: 5px 14px;
  text-align: center;
  min-width: 80px;
  border-radius: 6px;
}

ul.accordion-list.filters__items .cta.orangeBorder.cta-sel {
  background-color: #ffa168;
  color: #fff;
}

.filters__action-panel.action-panel-open {
  background-color: #fff;
  border-bottom: 1px solid #707070;
  border-top: 1px solid #707070;
  margin-top: -1px;
  margin-bottom: 0;
}

.filters__action-panel.action-panel-open a {
  color: #000;
}

.filters__action-panel__close {
  background: url(/portals/_default/Skins/_default/WebControlSkin/Default/Images/icon/ico-close.svg)
    no-repeat center center;
  position: absolute;
  left: 16px;
  display: block;
  width: 25px;
  height: 25px;
}

ul.accordion-list.filters__items .cta.black {
  font-size: 12px;
  border: 1px solid #000;
}

ul.accordion-list.filters__items .cta.black:focus {
  border: 1px solid #000;
}

.filters__action-panel.action-panel-open a .fa-angle-down {
  display: none;
}

#delete-filters {
  cursor: pointer;
}

body#Body #delete-filters h6 {
  /* font-family: 'bariolregular',Roboto,Helvetica,Arial,sans-serif;
    font-size: 16px;
    text-decoration: underline;
    cursor: pointer;*/
}

body#Body #delete-filters h6:hover {
  /*text-decoration: none;*/
}

ul.accordion-list.filters__items li h2.orangeArrow:after {
  background-image: url(/Portals/0/Icons/ico-down.svg);
}

/* FILTERS */
.filters__items {
  /*position: absolute;
    top: 50px;
    z-index: 1;
    background-color: #FEFEFE;
    width: 100%;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    -webkit-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
    -moz-box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;*/
  left: 0;
}

.filters__items__item .form-check {
  display: none !important;
}

.filters__items__item,
.filters__items__switch {
  padding: 1em 2em;
}

.filters__items__item ul li {
  display: inline;
}

.grid-card.shadow .grid-card__grid.col-sm-9,
.grid-card.shadow .col-sm-3 {
  padding: 0;
}

#accordion-filters {
  border-radius: 0;
  border: 0;
}

ul.accordion-list.filters__items li {
  /* padding: 8px 15px;*/
}

ul.accordion-list.filters__items li .answer li {
  /*padding: 0;*/
}

ul.accordion-list.filters__items li .answer {
  margin-top: 0;
  margin-bottom: 1em;
}

ul.accordion-list.filters__items li h2 {
  /* font-size: 16px;*/
}
/* FILTERS */
.filters__action-panel,
.filters__items__item .btn,
/*.filters__items__switch,*/
.filters__items__actions {
  display: none !important;
}

.filters__items__item .cta.orangeBorder {
  display: none;
}

.filters {
  display: flex;
  align-items: start;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 5.6rem;
}

.filters__items {
  display: flex;
  list-style-type: none;
  align-items: baseline;
  gap: 2.4rem;
  flex-wrap: wrap;
}

.filters__items__label {
  padding: 1.5rem;
}

.filters__items__label,
.answer {
  border-radius: 8px;
  border: 1px solid var(--grey-grey-300, #b9c5d5);
  background: var(--primary-white, #fff);
  display: flex;
  gap: 10px;
  margin-top: 0;
  align-items: center;
}

.filters__items,
.answer li,
.answer ul {
  list-style-type: none;
  margin: 0;
}

.answer,
.answer li,
.answer .check {
  padding: 8px;
}

.answer li:hover {
  cursor: pointer;
  background-color: var(--all-blue-50, #eceeff);
}

.filters__items__delete {
  text-decoration: underline;
  color: var(--grey-grey-700);
}

.filters__items__infonumber {
  border-radius: 100%;
  padding: 1px 8px;
  background: var(--primary-default, #455cff);
  color: var(--primary-white, #fff);
  margin: 0 4px;
}

/*LOADER*/
.show-loader {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: white;
  opacity: 0.8;
  z-index: 999;
}

#loader {
  position: relative;
  border: 4px solid #f3f3f3; /* Light grey */
  border-top: 4px solid #ffa168; /* Orange*/
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  -webkit-animation: spin 2s linear infinite;
  margin: 200px auto;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

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

  100% {
    transform: rotate(360deg);
  }
}

.hide-loader {
  display: none;
}

/*---------------------------NEWS------------------------------------*/

.news_category-date {
  gap: 0.8rem;
  padding: 2.4rem 0;
}
.news_leggi {
  padding-top: 2.4rem;
}
.news_image img,
.article_image img {
  border-radius: 1.6rem;
  width: 100%;
  object-fit: cover;
}
.article_image {
  margin-bottom: 6.4rem;
}
.article_image img {
  height: 42rem;
}
.news_image img {
  height: 23.6rem;
  border: 1px solid var(--grey-grey-100); /*TUMBA aggiunto bordo per img di Default*/
}
.news_main-title {
  margin: 9.2rem 8rem 5.6rem;
}
.news .article-news_home:nth-child(5) hr,
.news .article-news_home:last-child hr {
  display: none;
}
.edNews_loadMoreTrigger,
.edncf_submitContainer a {
  height: 4.8rem;
  padding: 1.8rem 3.2rem;

  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
  border-radius: 6rem;
  width: fit-content;

  border: 1px solid var(--primary-black, #000020);
  color: var(--primary-black, #000020);

  background-color: var(--bg-always-light);
}
.ednMoreArticlesTriggerWrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: 10.4rem;
}
.article-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 3.2rem;
  grid-row-gap: 8rem;
  margin-bottom: 8rem;
}
.article-grid.article-3-grid {
  grid-template-columns: 1fr 1fr 1fr;
}
.article-progetti img {
  height: 32.4rem;
}
.article-news, .article-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.article-news .news_content,
.article-card .card_content
 {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.filtri-overlay {
  display: none;
  position: fixed;
  width: 150%;
  height: 609%;
  overflow: visible;
  background-color: var(--primary-black);
  opacity: 0.4;
  z-index: 999;
  top: 0;
  left: 0;
}
.edncf_container {
  display: flex;
  align-items: flex-start;
  gap: 2.4rem;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
.edncf_container select {
  padding-right: 4rem;
  border-radius: 8px;
  border: 1px solid var(--grey-grey-300, #b9c5d5);
  height: 4.8rem;
  background-color: var(--bg-always-light);
}
.filters_mobile_btn,
.filters_mobile_title,
.filter_mobile_elimina {
  display: none !important;
}
.filters_mobile_btn {
  background-color: white;
}
.article-news_detail {
  margin-bottom: 9.5rem;
}
.article-news_detail .news_category-date {
  display: flex;
  justify-content: center;
}
.article-news_detail .news_category-date {
  padding: 0;
}
.article-news_detail .main-title {
  margin-top: 3.2rem;
}
.eds_template_Details_Article_News_News,
.eds_template_Details_Article_Progetto {
  padding: 0 18%;
}

.eds_template_List_Article_News_Home {
  margin: 0 8rem;
}

.news_category-dateHome {
  flex-direction: row;
  gap: 1.6rem;
  padding: 0 0 1.6rem 0;
}

.easydnn-wrapper {
  padding: 5.6rem 8rem 0;
}
.easydnn-wrapper .col-xs-6 {
  padding: 0;
  float: left;
}
.load-more-container {
}
.edn_searchInfoResults {
  display: none;
}

#ChameleonGallery .main_panel {
  border-radius: 2.4rem;
}

#ChameleonGallery .NewsOne {
  background: transparent;
  border: 0px;
  display: inline-block;
  /*margin: 0rem auto 13.6rem auto;*/
}

#ChameleonGallery .NewsOne a.navigation_button {
  background: url(/Portals/0/Icons/left_icon.svg) no-repeat center center;
  background-color: var(--primary-default);
  border-radius: 6rem;
  margin: 10px;
}

#ChameleonGallery .NewsOne a.navigation_button.prev:hover {
  background-position: center;
}

#ChameleonGallery .NewsOne a.navigation_button.next {
  background-position: center;
  transform: rotate(180deg);
}

.contentWrapper .socialButtonsTrigger {
  display: none !important;
}
#ChameleonGallery .download,
#ChameleonGallery .email,
#ChameleonGallery .social_buttons_toggle {
  display: none !important;
}
#Body .mainWrapper .navigation {
  width: 40px;
  height: 40px;
  background: var(--all-blue-400);
  margin-top: -21px;
  border-radius: 50%;
}

#Body .contentWrapper .mainWrapper .prev {
  right: 100%;
  margin-right: 5px;
}

#Body .navigation:hover.next > span {
  background-position: center;
}

#Body .contentWrapper .mainWrapper .next {
  left: 100%;
  margin-left: 5px;
}

#Body .contentWrapper .mainWrapper .next span {
  width: 40px;
  height: 40px;
  background: url(/Portals/0/Icons/left_icon.svg) no-repeat center center;
  transform: rotate(180deg);
  margin: -20px 0px 0px -18px;
}

#Body .navigation:hover.next > span {
  background-position: center;
}

#Body .contentWrapper .mainWrapper .prev span {
  width: 40px;
  height: 40px;
  background: url(/Portals/0/Icons/left_icon.svg) no-repeat center center;
  margin: -20px 0px 0px -18px;
}
#Body .smbLightOverlayWrapper.modern .mainWrapper,
#Body .smbLightOverlayWrapper.modern .mainWrapper .viewWrapper > div {
  border-radius: 2rem;
}

.edn_1332_article_list_wrapper, .edn_3666_article_list_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 6.4rem;
}
.edn_4453_article_list_wrapper, .edn_3666_article_list_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 6.4rem;
}
.edn_4454_article_list_wrapper, .edn_3666_article_list_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 6.4rem;
}

.smbLightOverlayWrapper .socialButtonsTrigger {
  display: none;
}
/*---------------------------FORMAZIONE------------------------------------*/
.training_icocalendar {
  display: flex;
  padding: 20px;
  align-items: center;
  border-radius: 4rem;
  background: var(--all-blue-50);
  margin-right: 16px;
  background-image: url(/Portals/0/Icons/calendar.svg);
  background-repeat: no-repeat;
  -webkit-appearance: none;
  background-position: center;
}
.training_icorelatore
{
  display: flex;
  padding: 20px;
  align-items: center;
  border-radius: 4rem;
  background: var(--primary-white);
  margin-right: 16px;
  background-image: url(/Portals/0/Icons/lavagna.svg);
  background-repeat: no-repeat;
  -webkit-appearance: none;
  background-position: center;
}
.training_icopresenza
{
  display: flex;
  padding: 20px;
  align-items: center;
  border-radius: 4rem;
  background: var(--primary-white);
  margin-right: 16px;
  background-image: url(/Portals/0/Icons/building.svg);
  background-repeat: no-repeat;
  -webkit-appearance: none;
  background-position: center;
}
.training_title {
  display: block;
}
.btn-training-signup {
  gap: 1.6rem;
}

.training_card {
  border: 1px solid var(--grey-grey-200);
  border-radius: 1.6rem;
  padding: 3.2rem 2.4rem;
}

.eds_template_Details_Article_Formazione 
{
	padding: 0 2.4rem;
}
.div-titleFormazione
{
	width:70%
}
.article-formazione_detail 
{
	padding: 0 4rem 5.6rem 4rem;
}
.article-formazione_content
{
	background-color: var(--grey-grey-100);
    border: 0px solid;
    border-radius: 40px;
    padding: 5.6rem 0 6.4rem 0;
}
.formazione-info_sx
{
	width:60%;
}
.article-formazione_info
{
	gap:14.2rem;
	align-items:flex-start !important;
}
.formazione-programma
{
  display: flex;
  align-self: flex-start;
}

.formazione-programma p {
    font-size: 20px;
}

.formazione-programma span {
    font-size: 68px;
    letter-spacing: -0.68px;
	color: var(--primary-black);
}

.formazione-info_dx {
    width: 40%;
    text-align: left;
}

.formazione-info_dx img
{
	max-width: -webkit-fill-available;
	max-width: -moz-available; 
}

/*---------------------------PROMOZIONI---------------------------*/
.article-promo {
  text-align: center;
}

.eds_template_List_Article_Promozioni
{
	padding: 7.2rem 8rem 0 8rem;
}

/* pagina news e progetti */

.shades-main-content {
  padding: 3.2rem 4rem 6.4rem;
}
.filters__results {
  height: 4.8rem;
  align-items: center;
}
.filters__results p {
  color: rgba(0, 0, 32, 0.7);
}

.article_gallery
{
	width:70%;
	margin:auto;
}

.promo_image img {
    height: 28rem;
    border: 1px solid var(--grey-grey-100); 
    width: 19.8rem;
}

/* Pagina Recupera Password */
#retrieve-panel .input-box,
#retrieve-panel .btn-medium {
  max-width: 59.2rem;
  margin: 0 auto;
  display: block;
}
#retrieve-panel .input-box {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
/* Pagina vedi tutti i prodotti */
.pulsantiere-custom-cta .imgcard {
  position: relative;
  right: -79px;
  border-radius: 2.2rem;
}

/* Pagina Alpha*/
.title-big {
  padding: 9.2rem 8rem 3.2rem 18.9rem;
  max-width: 95.2rem;
}

.title-big-bis {
    padding: 5.6rem 8rem 3.2rem 8rem;
    /*max-width: 95.2rem;*/
}

.detailboxgrey-wrapper {
  display: flex;
}
.alpha-img-2 {
  margin: 0 auto;
}

/* Pagina prodotti scheda*/
#swiperGallery img{
  object-fit: cover;
  object-position: top;
}
#swiperGallery2 img{
  max-width: 47.6rem;
  max-height: 47.6rem;
}

.select-document-wrapper {
  position: relative;
}
.select-document-wrapper:after {
  content: url(/Portals/0/Icons/ico-down.svg);
  filter: brightness(1) sepia(1) hue-rotate(200deg) saturate(0);
  position: absolute;
  right: 22px;
  top: 14px;
}
.select-lingue-libretti-wrapper {
  max-width: 27rem;
}
#titleBooklets .heading-8-medium{
  flex-shrink: 0;
}
.divDocumentProfile .box-divider, .ricerca-tecnica__guidata .box-divider{
  align-items: baseline;
  gap: 2.4rem;
}
.details__text__name-mobile{
  display: none;
}
.select-document-wrapper{
  background-color: var(--color-blue-400, #455CFF);
  border-radius: 0.8rem;
}
.select-lingue-libretti-wrapper p:hover{
  color: var(--primary-default, #455CFF);
}
.filters__lingue{
  list-style-type: none;
}
.filters__lingue .answer{
  position: absolute;
  z-index: 1;
}
#selectDocument{
  background-color: transparent;
}
#selectDocument option{
  color: var(--primary-black, #000020);
  background-color: transparent;
}
.divDocumentProfile__text{
  width: 60%;
}
.box-divider .text-end{
  flex: 1;
  text-align: end;
  align-self: center;
}
.box-divider .d-flex-row{
  align-items: flex-start;
}
.link-mobile-transform{
  display: none;
}
.cta img.icon-mobile-btn{
  display: none;
}
.cta:hover img{
  display: none;
}
.cta:hover img.icon-mobile-btn{
  display: block;
}
/* Pagina Ricerca Tecnica*/


.ricerca-tecnica-container {
  padding: 8.8rem 29.9rem 9.2rem 29.9rem;
}
.ricerca-tecnica__selections-wrapper{
  display: flex;
  gap:3.2rem;
  margin-bottom: 4.8rem;
}
.form-check-big-radio{
  padding: 2.4rem 3.2rem;
  margin-bottom: 0;
  gap: 2.4rem;
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 0 auto;
}
.form-check-big-radio__label{
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

input[type="radio"].form-check-big-radio__input{
     margin: 0;
   border: 1px solid var(--primary-black, #000020);
    border-radius: 1.6rem;
}

.form-check-big-radio__input {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  position:absolute; 
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.form-check-big-radio__input:before {
  content:'';
    display: inline-block;
  position: absolute;
  width: 24px;
  height: 24px;
  padding: 6px;
  top: 31%;
  right: 10%;
  /* background-color only for content */
  background-clip: content-box;
  border: 1px solid #bbbbbb;
  border-radius: 50%;
}
/* appearance for checked radiobutton */
input[type="radio"].form-check-big-radio__input:checked:before {
    background-color: white;
    border: 8px solid #455CFF;
    padding: 0;
}
input[type="radio"].form-check-big-radio__input:checked{
  background-color: var(--all-blue-50, #ECEEFF);
  z-index: -1;
  border: 1.5px solid var(--primary-default, #455CFF);
}

.ricerca-tecnica__guidata li, .ricerca-tecnica__guidata{
  list-style-type: none;
  margin: 0;
}
.ricerca-tecnica__guidata__step{
  display: flex;
  gap: 1.6rem;
  margin-top: 4rem;
  margin-bottom: 1.6rem; 
}
.ricerca-tecnica__guidata__step-num{
  background: var(--all-blue-50, #ECEEFF);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--primary-default) !important;
  
}
.ricerca-tecnica__guidata .answer{
  border: unset;
  padding: 0;
}
.ricerca-tecnica__guidata-divider{
  margin: 6.4rem 0;
}
.input-ricerca{
  display: flex;
  gap: 3.2rem;
  position: relative;
}
.input-ricerca input{
  padding-left: 4.5rem;
}

.input-ricerca:after{
  content: '';
  background-image: url('/Portals/0/Icons/search.svg');
  position: absolute;
  top: 40%;
  left: 2rem;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-size:20px 20px;
}
.ricerca-tecnica__empty-msg{
  padding: 4.8rem 0;
}
.details-etichette{
  display: inline-flex;
  gap: 1rem;
  align-items: center;
  margin-left: 1rem;
}
.details-etichette__item {
    color: var(--primary-default);
    font-family: Poppins-Medium;
    border: 1px solid var(--primary-default);
    padding: 0.4rem 0.8rem;
    text-transform: uppercase;
    font-size: 1.4rem;
    /*cursor: pointer;*/
}
.ricerca-tecnica__title{
  position:relative;
  padding-right: 2rem;
}
.ricerca-tecnica__title:after{
   content: url("/Portals/0/Icons/ico-down_bk.svg");
   position:absolute;
   width:20px;
   height: 20px;
   right:0.1rem;
  top:-0.5rem;
}
.accordion-list li.active h5:after{
   -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 2.5rem;
    right: 0.8rem;
}
/* Pagina Schemi Tecnici */

#swiperGallery2 .swiper-slide{
  display: flex;
  align-items: center;
  justify-content: center; /*modifica scheda prodotto 27-03-2024*/
}
.categorie{
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-top: 3.2rem;
}
.article-training{
  border-radius: 1.6rem;
}
.article-training .Flex{
  display: flex;
}
.article-training .arrow{
  width: 3.2rem;
}
.documentList .article-training {
  background-color: white !important;
  padding: 0;
  position: relative;
  border: 0;
}

.documentList .article-training .Flex{
  align-items: flex-start;
    gap: 2.4rem;

}

.links {
  position: absolute !important;
  top: -20px;
  right: 20px;
}
/*------------------ VIDEO TUTORIAL----------------------------------*/
.eds_GravityGallery_Piston .edg__gravityPortfolio_itemList.edg__gravityPortfolio_visibleItemList .edg__gravityPortfolio_active
{
	border-bottom: 2px solid var(--all-blue-400);
}
.eds_GravityGallery_Piston .edg__gravityPortfolio_itemList.edg__gravityPortfolio_visibleItemList > li > span {
    color: var(--grey-grey-400) !important;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin: 0;
    letter-spacing: 0rem;
    font-family: Poppins-Regular;
    font-size: 2rem;
}
.edg__gravityPortfolio_header.filter_video {
    border-bottom: solid 2px #E0E0E0 !important;
	overflow-x: scroll;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}
.edg__gravityPortfolio_header.filter_video::-webkit-scrollbar {
  display: none;
}
.eds_GravityGallery_Piston .edg__gravityPortfolio_itemList.edg__gravityPortfolio_visibleItemList .edg__gravityPortfolio_active > span
{
	color:var(--primary-black) !important;
	font-weight: bold;
}

.edg__gravityPortfolio_active > span::after,
.edg__gravityPortfolio_active > span:hover::after
{
	background-color: var(--primary-white) !important;
}

.edg__gravityPortfolio_hiddenItemWrapper.edg__gravityPortfolio_itemsHidden {display:none!important;}
.eds_galleryWrapper .eds_GravityGallery_Piston .edg__gravityPortfolio_itemList > li.edg__gravityPortfolio_hide {
  display: table-cell !important;
}
.eds_GravityGallery_Piston .edg__gravityPortfolio_itemList.edg__gravityPortfolio_visibleItemList > li > span:hover::after
{
	border-bottom: 4px solid var(--all-blue-400);
	transition:none !important;
}

.eds_GravityGallery_Piston .edg__gravityPortfolio_itemList.edg__gravityPortfolio_visibleItemList > li > span::after
{
	background-color: var(--primary-white)!important;
    transition: none !important;
}
.eds_galleryWrapper .eds_GravityGallery_Piston .edGP_thumbnailDetails .edGP_description
{
	align-items: start;
    display: flex;
    margin-left: 0;
}
.eds_galleryWrapper .eds_GravityGallery_Piston .edGP_thumbnailDetails
{
	text-align: left;
}
.eds_galleryWrapper .eds_GravityGallery_Piston .edsgg__itemsListContainer .edsgg__itemContainer .edGP_thumbnail.edGP_detailsBelow
{
	border: 0;
}
.eds_galleryWrapper .eds_GravityGallery_Piston.edGP_overlay1 .edsgg__itemsListContainer .edsgg__itemContainer .edGP_thumbnail .edGP_thumbnailContainer
{
	border-radius:1.6rem;
}
.eds_GravityGallery_Piston .edsgg__itemsListContainer
{
	text-align:center;
}

.popup-link-box{
  background-color: white;
  bottom: 34px;
  color: rgb(255, 255, 255);
  max-width: 90vh;
  min-width: 240px;
  position: absolute;
  right: 0px;
  border: 1px solid var(--grey-grey-300, #b9c5d5);
  border-radius: 8px;
}
.popup-link-box__arrow{
  border-style: solid; 
  border-width: 14px; 
  border-color:  var(--primary-black-tr) transparent transparent; 
  display: inline-block;
}
.popup-link-box div {
  display:flex;
  align-items: center;
}

.popup-link-box a .text--white{
  all:unset;
  }
  .breadcrumb__item:after{
    all:unset;
    content: url('/Portals/0/Icons/chevron_right_bk.svg');
    top: 2px;
    padding: 2px;
    position: relative;
  }
  .breadcrumb__item{
    all: unset;
    font-size: 1.4rem;
    color: var(--primary-default, #455CFF);
    text-decoration: underline;
  }
  .breadcrumb__item:hover{
    text-decoration: underline;
  }
  .breadcrumb__item:last-of-type{
    color: var(--primary-black, #000020);;
    text-decoration: none;
    font-weight: 500;
  }
  .breadcrumb__item--first:first-of-type{
    color: var(--primary-default, #455CFF);
    text-decoration: underline;
}

/*----------------CATALOGHI BROCHURE------------------*/
.document-asset .cataloghi-image 
{
	height: 29.6rem;
    object-fit: cover;
	border: 1px solid var(--grey-grey-100);
	display: inline-block;
}
#products-content,
#documents-assets {
  min-height: 130vh;
}


.documents-listini {
	padding: 0 29.9rem 0 29.9rem;
}
.document-asset .listini-image {
	height: 10rem;
	object-fit: cover;
	border: 1px solid var(--grey-grey-100);
	display: inline-block;
}

/*EVO SEARCH*/ /* Nicolò -> 25/10/2023 */
#search {display: flex;justify-content: center;align-items: start;gap: 1rem;}
#search #searchIcon {display: block;width: 16px;height: 16px;background: url(/portals/0/icons/search.wt.svg) no-repeat center center;background-size: contain !important;}
#search-panel {position: fixed !important;height: 100%;left: 0px;top: 0px;width: 100%;z-index: 10000000;overflow-y: scroll;}
#search-panel .wrapper {max-width: 1200px;margin: 0 auto;}
    #search-panel input {
        width: 100%;
        height: 4rem;
        color: var(--primary-black);
        font-family: Poppins-SemiBold;
        font-size: 18px;
        outline: none;
        padding: 0 3.2rem;
    }
.search-hole {background-color: var(--primary-white);color: #ffffff;}
.search-hole__close {height: 32px;width: 32px;display: flex;align-items: center;justify-content: center;}
.search-hole__close span {display: block;width: 22px;height: 23px;background: url(/portals/0/icons/close_x1.svg) no-repeat center right;}
.search-hole__hole {display: flex; width: 100%;position: relative; order: 1;align-items: center;}
.search-hole__hole span {display: block;width: 24px;height: 24px;background: url(/portals/0/icons/arrow_right_alt_wt.svg) no-repeat center center;}
.search-hole__hole a {display: flex;justify-content: center;align-items: center;background-color: var(--primary-default);border-radius: 100%;height: fit-content;padding: 1rem;}
.search-hole__hole input {border: none;}
.search-hole__msg h2 {color: #ffffff;}
.search-hole__msg.text-center h2 {color: #000000;}
.search-results {background-color: #ffffff;padding-bottom: 60px;min-height: 100vh;}
.search-panel__bg {background-color: #707070;opacity: 0.8;width: 100%;height: 100%;position: absolute;}
.sear-panel__contents {position: absolute;top: 0;width: 100%;left: 0;}
.search-hole__wrapper {display: flex;justify-content: space-between;height: 100%;align-items: center; flex-direction: row;padding: 3rem 4rem;}
.search-results__msg {padding-top: 20px;color:#000000;text-align:center;}
body#Body .search-results__msg h1 {
    color: #FDA168;
    font-family: Poppins-Regular;
    font-weight: 400;
    margin: 0;
}
.search-results__msg span {color: #000000;font-family: 'Roboto';font-size: 14px;}
.search-results__items {
    color: #707070;
    font-family: Poppins-Medium;
    font-size: 14px;
}
.results-number {font-style: italic;}
.results-number .text--bold {font-weight: 700;}
.results-tabs .tab-content {margin-top: 24px;}
.results-tabs__category {
    font-size: 18px;
    color: #000000;
    font-family: Poppins-Medium;
}
.results-tabs__items {margin-left: 14px;margin-bottom: 40px;gap: 40px;display: flex;flex-direction: column;}
.results-tabs__items__item a:hover {text-decoration: none;}
.results-tabs .item-name {font-size: 18px;color: #FDA168;line-height: 26px;}
.results-tabs .item-url {font-size: 12px;display: block;color: #000000;font-style: italic;line-height: 29px;}
.results-tabs .item-desc {font-size: 14px;color: #707070;font-weight: 400;}
#search-panel .nav-tabs {display: flex;justify-content: center;border: 0;margin-top: 57px;}
    #search-panel .nav-tabs > li > a {
        background: none;
        color: var(--primary-default);
        font-family: Poppins-Medium;
        font-size: 18px;
        padding: 0;
        width: 54px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
#search-panel .nav-tabs>li>a:hover {border-color: var(--primary-default);border-radius: 15px;}
#search-panel .nav-tabs>li.active>a {background-color: var(--primary-default);color: #ffffff;border-radius: 15px;}


/*Pika Pagina Cookie*/
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy {
    font-family: Poppins-Regular!important;
    font-size: 2rem !important;
    padding-left: 180px !important;
    margin-top: 92px !important;
    padding-right: 180px !important;
}

/*Pika Pagina Privacy*/
/*.accordion-content {
    margin-right: 1.5rem;
    margin-left: 1.5rem !important;
    text-align: justify;
}*/

.panel-privacy {
    font-family: Poppins-Regular;
    font-size: 1.8rem;
    padding-left: 180px;
    margin-top: 40px;
    padding-right: 180px;
    gap: 16px
}


    /* ----------------- TUTTE MEDIA QUERY ------------------------------*/

@media (max-width: 545px) { /* Nicolò - 22/11/23 */
    #solutionPriParagraph {
       display: none;
    }

    .prodottiSolPri {
       align-items:center!important;
       text-align:center;
    }

}



@media (max-width: 545px) { /* Nicolò - 22/11/23 */
    #third-level-menu {
        border: none;
        padding: 0;
        margin: 0;
    }

        #third-level-menu .menu-level-title {
            padding: 0;
        }

        #third-level-menu .list-menu-level {
            padding: 0;
        }
}


    @media (max-width: 767px) {
        .pane1-container .pane1-title-box .paragraph-regular {
            margin-left: 0;
            margin-right: 0;
        }

        .detailBoxGrey .iconGrey {
            width: 4rem;
            height: 4rem;
        }
    }

    @media (max-width: 768px) {
        .box-card-3-items {
            overflow-x: scroll;
        }
    }

    @media (max-width: 870px) {
        .box-card-3-items .imgResize_small {
            width: 22rem !important;
            height: auto !important;
        }
    }

    @media (max-width: 1024px) {
        .detailBoxGrey-container {
            padding-left: 1.6rem;
            padding-right: 1.6rem;
        }
		/*#ContentSectionMiddle1,#ContentSectionMiddle2
		{
			display:grid;
		}
		#ContentSectionMiddle1 div[id$="Left"], #ContentSectionMiddle3 div[id$="Left"] 
		{
			order:2;
		}*/
    }

    @media (min-width: 1025px) and (max-width: 1360px) {
        .box-card-3-items .shades-size-400 {
            width: 26rem;
            height: auto;
        }
    }
    /*Media Query Story*/
    @media (min-width: 768px) {
        .storySwiper .swiper-scroll-container {
            left: 0;
            right: 0;
        }
    }

    @media (max-width: 1024px) {
        .storySwiper {
            margin-top: 6.4rem;
            text-align: center;
            padding-top: 2.4rem;
            padding-bottom: 4rem;
            /*margin-bottom: 6.4rem;*/
        }

            .storySwiper .slider-text-content-1 { /*revisione mobile*/
                margin-top: 0;
                gap: 0;
                flex-grow: 1;
                margin-bottom: 0;
                
                justify-content: space-between;
                /*margin-right: 1.6rem;
                margin-left: 1.6rem;*/
            }

                .storySwiper .slider-text-content-1 .heading-3 {
                    font-size: 3.2rem;
                }

            .storySwiper .heading-6-medium {
                font-size: 2.8rem;
            }

            .storySwiper .heading-0 {
                font-size: 5.4rem;
            }

            .storySwiper .storySwiper-img {
                margin: 0;
                padding-top: 2rem;
            }

                .storySwiper .storySwiper-img .shades-size-390 {
                    margin: 0;
                    width: 30rem !important;
                    height: 30rem !important;
                }

            .storySwiper .carousel-item {
                gap: 0;
                width: 100%;
            }


            .storySwiper .swiper-scroll-container {/*revisione mobile*/
                top: 50% !important;
                margin: 0;
                padding-left: 2.4rem !important;
                padding-right: 2.4rem !important;
                justify-content: space-between;
                position: absolute;
                width: 100%;
                float: initial;
                max-width: 300px;
                left: calc(50% - 150px);
            }

        #swiperScrollContainerV1 .swiper-scroll-container {
            margin: 25px;
            justify-content: space-between;
            position: absolute;
            max-width: none;
            left: calc(40% - 160px);
            z-index: 1;
            top: 75% !important
        }

        #swiperScrollContainerV1 .slider-text-content-1 {
            margin-top: 0;
            flex-grow: 1;
            margin-bottom: 0;
            margin-right: 1.6rem;
            margin-left: 1.6rem;
            justify-content: space-around;
        }



        .storySwiper .swiper-scrollbar {
            display: none;
        }

        .storySwiper .swiper-paginationSlider {
            display: none;
        }

        .storySwiper .swiper-button-arrow-right {
            margin-left: 0;
        }

        .storySwiper .swiper-wrapper {
            align-items: center;
        }

        .storySwiper .swiper-slide {
            display: flex;
            align-items: stretch;
            height: 750px;
        }
    }
    /*CONFIGURATOR - Dario 20/10/23*/
    @media screen and (max-width: 1024px) {
        .imgOrder {
            order: 2 !important;
        }
        /*.imgResize {
    width: 34.3rem !important;
    height: 34.3rem !important;
  }*/
        /*Pika Allineamento immagini card*/
        .imgResize {
            width: 31rem !important;
            height: 31rem !important;
        }

        .imgResizeSmall {
            width: 25rem !important;
            height: 25rem !important;
        }

        .containerResize { /*revisione mobile*/
            padding: 3.2rem 1.6rem 0rem 1.6rem !important;
            gap: 3.2rem !important;
        }

        .itemRealign {
            align-items: center !important;
        }

        .videoResize {
            height: 21rem;
        }
    }

    @media (max-width: 992px) {
        .ModSSORecuperaPasswordC #content {
            text-align: center;
            margin: 4rem 1.6rem 0rem;
        }

        #retrieve-panel .input-box {
            margin-top: 3.2rem;
            margin-bottom: 3.2rem;
        }

        #ChameleonGallery .main_panel {
            margin-left: 26px;
            max-width: 93%;
        }

        .chameleon_slider.NewsOne .thumb_wrapper {
            background: none !important;
        }

        .filters__results {
            flex-direction: row !important;
        }

        .edncf_container {
            flex-wrap: wrap;
        }

        div.pulsantiere-custom-cta .divImg {
            width: 100%;
            height: 26rem;
        }

        div.pulsantiere-custom-cta .imgcard {
            right: 0;
            top: 0;
            border-radius: 0 0 1.6rem 1.6rem;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        div.pulsantiere-custom-cta {
            margin: 2.4rem 1.6rem 0;
            padding: 0 !important;
            gap: 0 !important;
        }

            div.pulsantiere-custom-cta div:first-child {
                padding: 4.8rem 2.4rem 0;
                gap: 1.6rem;
            }

        .pane1-container .help-description-info {
            padding: 3.2rem 1.6rem;
        }

            .pane1-container .help-description-info h4 {
                margin-bottom: 1.6rem;
            }

        div.preview-products-title { /*revisione mobile*/
            margin: 4rem 1.6rem 0;
            gap: 1rem;
        }

        div.swiperSliderProductsPreview { /*Revisione Mobile*/
            margin-top: 1.6rem;
            margin-left: 1.6rem;
            margin-bottom:1.6rem
        }

        div.alpha-intro-section-wrapper {
            gap: 4rem;
            padding: 0 1.6rem;
            margin-bottom: 0;
        }

        div.detailboxgrey-wrapper {
            flex-wrap: wrap;
            flex-direction: row;
            padding: 3.2rem 1.6rem 0;
            gap: 1.6rem;
        }

        .detailBoxGrey {
            padding: 2.4rem 0.8rem;
            min-width: 16rem;
            max-width: none;
        }

        div.alpha-info-section-wrapper {
            padding: 3.2rem 1.6rem 0 !important;
            margin: 0;
            gap: 3.2rem;/*revisione mobile*/
        }

        .title-big {
            padding: 8.8rem 1.6rem 4.8rem;
            text-align: center;
            font-size: 2.4rem !important;
        }

        .title-big-bis {
            padding: 3.2rem 1.6rem 0rem;/*revisione mobile*/
            text-align: center;
            font-size: 2.4rem !important;
        }

        div.alpha-intro-section-btn {
            gap: 1.6rem;
        }

        .alpha-intro-section-btn,
        .alpha-intro-section-btn .btn,
        /*revisione mobile*/
        /*.alpha-detail-section-btn,
        .alpha-detail-section .btn */ {
            width: 100%;
        }

        .alpha-img-1,
        .alpha-img-2 img,
        .alpha-detail-section {
            border-radius: 2.4rem;
        }

        .alpha-detail-section {
            height: 100%;
            max-height: 100%;
        }

            .alpha-detail-section .boxesContainerReset {
                gap: 1.2rem !important;
            }

            .alpha-detail-section .btn {
                margin-top: 3.2rem;
            }
    }

    @media (max-width: 768px) {
        #navbar.navbar-wt a .navbar-bk-icon {
            display: block;
        }

        #navbar.navbar-wt a .navbar-wt-icon {
            display: none !important;
        }

        #navbar.navbar-on-dark a .navbar-bk-icon {
            display: none;
        }

        #navbar.navbar-on-dark a .navbar-wt-icon {
            display: block;
        }

        #dropdown-user-menu {
            top: 5rem;
        }

        #breadcrumb-place span {
            font-size: 1.8rem;
        }

        #breadcrumb-place {
            margin: 4rem 2.4rem 1.6rem 2.4rem;/*revisione mobile*/
        }

        #navbar-logo img {
            /*Pika Grafica Emanuela*/
            width: 6rem;
            height: auto;
        }
    }

    @media (max-width: 576px) {
        #login-submit,
        #btn-login {
            width: 100%;
        }

        #popup-login {
            top: 50%;
            width: 90%;
            padding: 4rem 2.4rem;
        }

            #popup-login img:first-child {
                width: 2.4rem;
            }
        /*#popup-login-title {
    margin-bottom: 1.2rem;
  }
  #popup-content-login {
    margin-top: 2.4rem;
  }
  #btn_retrieve_password {
    margin-bottom: 2.4rem;
  }
  #login-submit .input-box:first-of-type {
    margin-bottom: 0.8rem;
  }*/
        #ChameleonGallery .main_panel {
            margin-left: 14px;
            height: 19rem !important;
        }

        #ChameleonGallery .NewsOne a.navigation_button {
            top: 6.5rem !important;
        }

        #ChameleonGallery .NewsOne {
            max-height: 30rem !important;
            margin-bottom: 8.8rem;
        }

        .chameleon_slider.NewsOne .thumb_wrapper {
            top: 19rem !important;
        }

        .edncf_container {
            display: none;
            flex-wrap: wrap;
            align-items: center;
            flex-direction: column;
            position: absolute;
            z-index: 1000;
            background: white;
            width: 200%;
            top: -125px;
            height: 100vh;
            padding: 3.2rem 1.6rem 8rem;
            border-top-left-radius: 1.6rem;
            border-top-right-radius: 1.6rem;
            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        }

        .filters_mobile_btn,
        .filters_mobile_title,
        .filter_mobile_elimina {
            display: block !important;
        }

            .filters_mobile_title img {
                position: absolute;
                left: 16px;
                top: 35px;
            }

        .filters_mobile_btn,
        .filters__results {
            margin: 3.2rem 1.6rem;
        }

        .edncf_submitContainer a {
            background: var(--all-blue-400, #455cff);
            border: none;
            color: white;
        }

        .edncf_DropDownList,
        .edncf_container select,
        .edncf_submitContainer,
        .edncf_submitContainer a {
            width: 100%;
        }

        ul.filters__items {
            display: none;
            flex-wrap: wrap;
            align-items: center;
            flex-direction: column;
            position: absolute;
            z-index: 1000;
            background: white;
            margin: -1.6rem !important;
            width: 100vw;
            top: -125px;
            height: 100vh;
            padding: 3.2rem 1.6rem 8rem;
            border-top-left-radius: 1.6rem;
            border-top-right-radius: 1.6rem;
            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
        }

        ul.accordion-list.filters__items li {
            width: 100%;
        }

            ul.accordion-list.filters__items li label {
                font-size: 2rem;
            }

            ul.accordion-list.filters__items li h2::after {
                right: 3rem;
                position: absolute;
            }

        .filters_mobile_btn:hover {
            background-color: inherit;
            color: inherit;
        }

        div.sistemi-grid {
            gap: 8rem;
            margin: 8.8rem 1.6rem 0rem;
        }
    }

    @media (max-width: 576px) {
        .project {
            margin: 4rem -0.8rem 0;
        }

        .news_main-title {
            margin: 4rem 1.6rem 4.8rem;
        }

            .news_main-title h4 {
                margin-bottom: 2.4rem;
            }
    }

    @media (max-width: 992px) {
        .slider-3-cards_text {
            gap: 2.4rem;
        }

        .shades-container {
            margin: 1.6rem 0.8rem 0;
        }

        .shades-main-content {
            padding: 1.6rem 1.6rem 4rem;
        }

        div.shades-content-menu {
            flex-wrap: nowrap;
            justify-content: start;
            overflow-x: scroll;
            margin-top: 2.4rem;
            margin-left: 0;
            margin-right: -1.6rem;
        }

        #breadcrumb-place.breadcrumbLight {
            margin: 0;
        }

        .shades-main-content h1 {
            margin-top: 1.6rem;
            font-size: 3.2rem;
        }

        .filters-wrapper {
            padding: 3rem 1.6rem;
        }

        .news-main-wrapper {
            padding: 0 1.6rem;
        }

        .eds_template_List_Article_Promozioni {
            padding: 5.6rem 1.6rem 1.6rem 1.6rem;
        }

        .article-grid,
        .article-grid.article-3-grid {
            grid-template-columns: 1fr 1fr;
            grid-column-gap: 1.6rem;
            grid-row-gap: 5.6rem;
			margin-bottom: 5.6rem; /*Revisione mobile*/
        }

        .news_category-date {
            flex-direction: row !important;
        }

        .news_image img {
            height: 27.5rem;
        }

        .news_content .news_category-dateHome {
            flex-direction: row;
        }

        .news_row .img_link_light {
            align-self: flex-end;
        }

        .eds_template_List_Article_News_Home {
            margin: 0 1.6rem;
        }

        .edn_1332_article_list_wrapper {
            grid-template-columns: 1fr;
            margin-bottom: 3.2rem;
        }
		.edn_4453_article_list_wrapper {
            grid-template-columns: 1fr;
            margin-bottom: 3.2rem;
        }
		.edn_4454_article_list_wrapper {
            grid-template-columns: 1fr;
            margin-bottom: 3.2rem;
        }

        .article-news_home .news_row {
            flex-direction: row;
        }

        .news .article-news_home:nth-child(5) hr {
            display: block;
        }

        .news .article-news_home:nth-child(6) hr {
            display: none;
        }

        .eds_template_Details_Article_News_News,
        .eds_template_Details_Article_Progetto {
            padding: 0;
        }

        .article-news_detail .txt-grad-2 {
            margin-bottom: 2.4rem;
        }

        .article-news_detail > p {
            font-size: 1.8rem;
        }

        .article-news_detail {
            margin-bottom: 5.6rem;
        }

            .article-news_detail .main-title {
                margin-top: 2.4rem;
            }

        .article_image {
            margin-bottom: 4.8rem;
        }

            .article_image img {
                height: 28rem;
                object-fit: cover;
            }

        #divTitleGrad2 {
            display: none;
        }

        #divTitleGrad1 {
            left: 50%;
            top: -10%;
        }

        .news_leggi {
            padding-top: 1.6rem;
        }

            .news_leggi span {
                font-size: 2rem;
            }

        .news_content .edn_subTitle {
            font-size: 1.6rem;
        }

        .ednMoreArticlesTriggerWrapper { /*Revisione mobile*/
            padding-bottom: 5.6rem;
        }
    }

    @media (max-width: 576px) {
        .article-grid,
        .article-grid.article-3-grid {
            grid-template-columns: 1fr;
        }

        .article_image img {
            height: 17.2rem;
        }

        .filters-wrapper {
            padding: 0;
        }
    }

    @media (max-width: 992px) {
        .swiper-line-card-2 .swiper-wrapper-line-cards--2 {
            justify-content: left;
            margin-left: 1.6rem;
        }
    }

    .slider-text-content-1 {
  gap: 3.2rem;
}

@media screen and (max-width: 992px) {
  .slider-text-content-1 {
    margin-left: 1.6rem;
    margin-bottom: 2.4rem;
  }

  .swiper-scroll-container {
    width: 100%;
  }

  .slider-text-image-1 {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0;
  }

  .hero_carousel_img {
    border-radius: 1.6rem;
    max-width: 40.5rem;
  }
}

@media screen and (max-width: 1024px) {
  #dnn_ContentUrmetApp,
  #dnn_ContentProjects {
    padding: 0rem 0.8rem !important;
  }
}

/* MEDIA QUERY PER NAVBAR SEARCH*/
@media (max-width: 992px) {
  #navbar-search-open {
    padding: 0;
  }

  .navbar-search-text {
    display: none;
  }
}

/* MEDIA QUERY SIDE MENU */
@media (max-width: 767px) {
  #side-menu {
    min-width: 100%;
  }

  .side-menu-logo {
    display: flex;
    justify-content: center;
  }
}
/* MEDIA QUERY LIST MENU LEVEL */
@media (max-width: 767px) {
  .list-menu-level,
  #side-menu-options {
    margin-left: -6.4rem;
  }
}
/* MEDIA QUERY OMBRE FOOTER */
@media screen and (max-width: 576px) {
  #back-footer {
    width: -100rem;
    height: 525.636px;
    bottom: 890px;
    left: -600px;
    flex-shrink: 0;
    transform: rotate(358deg);
    fill: var(--secondary-default, #8242fe);
    opacity: 0.6;
    filter: blur(150px);
  }
}
/*FOOTER*/
@media screen and (max-width: 1024px) {
  #footer {
    padding: 6.4rem 2.4rem 5.6rem 2.4rem;
  }

  #footer-head {
    flex-direction: column;
    align-items: stretch;
  }
  #footer-weare-menu {
    gap: 1.6rem;
  }
  #footer-icons {
    gap: 3.2rem;
  }
  #footer-head-newsletter {
    margin-top: 2.4rem;
    width: 100%;
    gap: 2.4rem;
  }
}

@media screen and (max-width: 900px) {
  #footer-body {
    flex-wrap: wrap;
    align-self: baseline;
    gap: 1.1rem;
  }

  #footer-stamp {
    margin-top: 5rem;
  }

  #footer-app {
    align-items: self-start;
  }
  #footer-settings {
    margin-top: 2.4rem;
  }
}

@media screen and (max-width: 576px) {
  #footer,
  #footer-body {
    gap: 5.6rem;
  }

  #news_update {
    font-size: 1.6rem;
  }

  .check__label {
    font-size: 1.4rem;
  }

  #footer-bottom {
    /*display: none;*/
  }
}

@media screen and (max-width: 576px) {
  #footer-head-title span {
    font-size: 3.2rem;
  }

  #footer-body {
    flex-direction: column-reverse;
    /*gap: 8rem;*/
  }

  #footer-app {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    order: 1;
    margin: 0;
  }

  #footer-app span {
    width: 100%;
  }

  #footer-stamp {
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    order: 0;
    margin: 0;
  }

  #footer-address {
    display: flex;
    flex-direction: column;
  }

  #footer-address span {
    font-size: 1.4rem;
  }

  #footer-contacts {
    order: 2;
    gap: 3.2rem;
  }

  #footer-we-are {
    order: 3;
    gap: 3.2rem;
  }

  #footer-settings {
    order: 3;
    display: inline-flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
  }
  #footer-settings .language-object { 
    display: none;
  }

  #footer-settings a {
    margin: 0 !important;
  }

  #footer-bottom {
    flex-direction: column-reverse;
  }

  #footer-bottom div {
    width: 100%;
  }

  #footer-bottom-menu {
    flex-wrap: nowrap;
	flex-direction: column;
	align-items: flex-start;
	margin-bottom:26px;
  }
}

@media screen and (max-width: 576px) {
    #footer-bottom #footer-rights {
        padding-bottom: 20px;
    }
}


/*SPLASHPAGE */
@media (max-width: 567px) {
  #navbar-top-menu-link {
    display: none;
  }

  #navbar-top,
  .splash-container {
    padding: 0 1.6rem;
  }

  .splash-category-container {
    width: 100%;
    gap: 2rem;
  }

  .splash-category-img {
    max-height: 20rem;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }

  .splash-container {
    margin-top: 2.4rem;
  }
  .splash-category-container .splash-link-container {
    font-size: 2rem;
  }

  .splash-arrow {
    width: 3.2rem;
    height: 3.2rem;
  }
}
/*REGISTRATION - info personali*/
/*DA QUI TUMBA*/
@media (max-width: 767px) {
  .registration-panel > div {
    width: 100%;
    gap: 4rem;
  }
  .registration-panel > .row-to-col {
    gap: 0;
    margin-top: 0;
  }

  .registration-panel > label:nth-of-type(1),
  .registration-panel > label:nth-of-type(2) {
    margin-top: 4rem;
    margin-bottom: 0.8rem;
  }
  .registration-panel #pnl-password {
    flex-direction: column;
  }
  .registration-panel .newsletter,
  .registration-panel .newsletter__check {
    flex-direction: row;
  }
  .registration-panel .privacy-panel {
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .registration-panel {
    align-items: center;
  }
  .registration-panel > div,
  .registration-panel .btn-medium {
    width: 70%;
  }
  .registration-panel #pnl-password {
    flex-direction: column;
    width: 70%;
  }
  .registration-panel .newsletter,
  .registration-panel .newsletter__check {
    flex-direction: row;
  }
}
/*A QUI TUMBA*/
@media (max-width: 1024px) {
  .logged-in #first-panel {
    padding: 0rem 1.6rem;
  }
   .resizeLoginGrossisti {
    padding: 4rem 8rem 4rem 8rem;
    margin: 0!important;
	}
}
@media (max-width: 992px) {
  #registration {
    padding: 4rem 1.6rem 0rem;
  }
  .registration-accedi-cta {
    justify-content: center;
  }
  .main-title {
    text-align: center;
    font-size: 3.6rem;
  }

  .newsletter,
  .newsletter__check {
    flex-direction: row;
  }

  #registration-image-container {
    display: none;
  }
  .resizeLoginGrossisti {
    padding: 4rem 1.6rem 2.4rem;
    margin: 0!important;
	}
  .resizeLoginGrossisti .width-405
  {
	  width: 100%
  }
}

@media (max-width: 768px) {
  .registration-panel {
    padding: 0;
    /*padding-top: 4rem;  TUMBA*/
  }

  .registration__label-dati {
    margin-bottom: 2.4rem;
  }

  .row-to-col {
    flex-direction: column;
    gap: 0;
  }

  .row-to-col > .input-box {
    margin-top: 1.6rem;
  }

  .registration__label-indirizzo {
    margin-top: 4rem;
    margin-bottom: 2.4rem;
  }

  .registration__label-required {
    margin: 4rem 0;
  }

  .registration-options {
    flex-direction: column;
    text-align: center;
    margin-top: 4rem;
    gap: 4rem;
    width: 100%;
  }

  .registration-options h6 {
    font-size: 2rem;
  }

  .registration-options .btn {
    width: 100%;
  }

  #registration-user-options div {
    padding: 3.2rem 2.4rem 2.4rem 2.4rem;
    gap: 3.2rem;
    min-height: fit-content;
    text-align: center;
  }
  #registration-user-options a {
    width: 100%;
  }
}
/*CATEGORIES*/
@media screen and (max-width: 1024px) {
  .categories {
    padding: 3.2rem 1.6rem;

    gap: 3rem;
  }

  .categories-card-icon {
    width: 5.6rem;
    height: 5.6rem;
  }
}

@media screen and (max-width: 576px) {
  .categories {
    gap: 16px;
  }

  .categories-card {
    min-width: 11.5rem;
  }
}
/*QUALITY*/
@media screen and (max-width: 1024px) {/*pika taglio immagine*/
  .quality-cards {
    gap: 1.6rem;
  }
    .quality-card {
        overflow-x: initial;
        overflow-y: initial;
    }
}

/*HELP*/
@media screen and (max-width: 1400px) {
  .help-img {
    height: 35rem;
    width: 35rem;
  }
}

@media screen and (max-width: 1280px) {
  .help-img {
    height: 25rem;
    width: 25rem;
  }
}

@media screen and (max-width: 1180px) {
  .help {
    padding: 3.2rem 1.6rem 3.2rem;
  }
}

@media screen and (max-width: 1024px) {
  .help-box {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .help-description-title {
    font-size: 3.2rem;
  }

  .help-description-info {
    gap: 1.4rem;
  }
  .help-description-info .heading-9 {
    margin-bottom: 2.8rem;
  }
  .help-image {
    margin-top: 5.6rem;
  }

  .help-img {
    height: 41rem;
    width: 41rem;
    margin: 0;
  }
}

@media screen and (max-width: 560px) {
  .help-description {
    width: 100%;
  }

  .help-description-info {
    gap: 0.4rem;
  }

  .help-img {
    height: 100%;
    width: 100%;
    aspect-ratio: 1/1;
  }
}

@media screen and (max-width: 576px) {
  .help-description h3 {
    font-size: 3.2rem; /*revisione mobile*/
    margin-bottom: 0rem;
  }
  .help-description-info {
    padding: 2rem;
    gap: 0;
  }
  .help-description-info .link {
    margin-top: 0.6rem;
  }
  .help-description > p {
    margin-bottom: 0rem; /*revisione mobile*/
  }

  .help-info-container {
    gap: 1.6rem;
  }
}
/*TOP PANE */
@media screen and (max-width: 1024px) {
  .toppane-container {
    display: none;
  }

  .toppane-container-mobile {
    display: flex;
    padding: 24px 0px 40px 8px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
  }

  .toppane-content-mobile {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .toppane-icon-mobile {
    width: var(--numbers-spacing-autolayout-2, 16px);
    height: var(--numbers-spacing-autolayout-2, 16px);
  }

  #navbar-logo img {
        /*Pika Grafica Emanuela*/
     width: 6rem;
     height: auto;
  }
}

@media screen and (max-width: 1024px) {
  .pane1-container {
    padding: 0px var(--numbers-spacing-autolayout-2, 16px);
    gap: 40px;
    align-self: stretch;
    text-align: center;
  }

  div.pane1-title-box {
    width: 100%;
    padding-top: 0;
  }

  .pane1-container .paragraph-regular { /*revisione mobile*/
    margin-bottom: 0rem;
  }
  .pane1-title {
    align-self: stretch;
    text-align: center;
    font-size: 1.6rem !important;
    font-weight: 400 !important;
  }

  .pane1-undertitle {
    align-self: stretch;
    font-size: 3.6rem !important;
    letter-spacing: -0.36px !important;
  }

  .pane1-undertxt-container {
    padding: 4rem 1rem 0rem 0rem;
    gap: 0px;
  }

  .pane1-undertxt {
    width: 100%;
    align-self: stretch;
    font-size: 2.4rem !important;
    letter-spacing: normal !important;
  }
}

@media screen and (max-width: 1024px) {
  /* Dario - 23/10/23 */
  .imgResize_small {
    width: 25.3rem !important;
    height: 25.3rem !important;
  }

  .marginReset {
    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .heading-6-mobile {
    font-size: 2rem !important;
    font-weight: 600 !important;
    letter-spacing: 0rem !important;
  }

  .flexReset {
    flex-direction: row !important;
  }

  .fontResize {
    font-size: 2rem !important;
  }
}

@media screen and (max-width: 1024px) {
  /* Dario - 24/10/23 */
  .widthReset {
    width: 100% !important;
  }

  .d-cnts {
    display: contents !important;
  }

  .boxesContainerReset {
    padding: 64px var(--numbers-spacing-autolayout-2, 16px) 0px
      var(--numbers-spacing-autolayout-2, 16px) !important;
    gap: var(--numbers-spacing-autolayout-3, 24px) !important;
  }

  .txtRealign {
    text-align: center !important;
  }

  .brd-rds-8 {
    border-radius: 0.85rem !important;
  }
}

@media screen and (max-width: 1024px) {
  /* Dario - 25/10/23 */
  .pd-32-16 { /*revisione mobile*/
    padding: 1.6rem 1.6rem 0rem 1.6rem !important;
  }

  .paddingReset {
    padding: 0rem !important;
  }

  .displayReset {
    display: flex !important;
  }

  .alignReset {
    align-self: auto !important;
  }

  .heading-4-mobile {
    font-size: 2.4rem !important;
    letter-spacing: 0rem !important;
  }

  .mg-y48-x24 {
    margin: 4.8rem 2.4rem 4.8rem 2.4rem !important;
  }

  .brd-rds-24 {
    border-radius: 2.4rem !important;
  }

  .fnt-size-18 {
    font-size: 1.8rem !important;
  }

  .txt-aling-left {
    text-align: left !important;
  }
}

@media screen and (max-width: 1024px) {
  /* Dario - 26/10/23 */
  .align-s-cen-mbl {
    align-self: center !important;
  }

  .flex-wrp-wrp-mbl {
    flex-wrap: wrap !important;
  }

  .flex-100-mbl {
    flex: 1 0 0 !important;
  }

  .heading-0-mbl {
    font-size: 5.4rem !important;
    letter-spacing: -1.08px !important;
  }

  .iconResize {
    width: 1.6rem !important;
    height: 1.6rem !important;
  }
}

@media screen and (max-width: 1024px) {
  /* Dario - 30/10/23 */
  .brd-rds-10-0-mbl {
    border-radius: 1rem 1rem 0px 0px !important;
  }

  .brd-rds-0-16-mbl {
    border-radius: 0px 0px 1.6rem 1.6rem !important;
  }

  .pd-0-16-mbl {
    padding: 0rem 1.6rem !important;
  }

  .pd-88-0-mbl {
    padding: 8.8rem 0rem !important;
  }
  
  .pd-88-0-0-0-mbl {
    padding: 8.8rem 0rem 0rem 0rem !important;
  }

  .pd-88-16-mbl {
    padding: 8.8rem 1.6rem !important;
  }

  .mg-up-16-mbl {
    margin-top: 1.6rem !important;
  }

  .mg-dw-40-mbl {
    margin-bottom: 4rem !important;
  }

  .mg-up-40-mbl {
    margin-top: 4rem !important;
  }

  .mg-x-40-mbl {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

    .mg-x-20-mbl {
        margin-left: 2rem !important;
        margin-right: 2rem !important;
    }

  .elementRemove {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  /* Dario - 06/11/23 */
  .containerResize-txtWall { /*revisione mobile*/
    padding: 3.2rem 1.6rem 1.2rem 1.6rem !important;
  }

  .gapReset {
    gap: 0rem !important;
  }
}

/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TEMPLATE DARIO ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.blueCard-circle-Reposition {
  /* Dario - 30/10/23 */
  top: 21rem;
}

.blueCard-bckgr-Reposition {
  /* Dario - 30/10/23 */
  left: -112rem;
  bottom: -41.5rem;
}

/* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* #region ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MEDIA SCREEN START ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

@media screen and (max-width: 1024px) {
  .quality {
    gap: 3.2rem; /*revisione mobile*/
    padding: 4rem 0 0 1.6rem;
  }

  .quality-card-image { /*revisione mobile*/
    height: 37rem;
  }

  .quality h2 {
    padding-right: 1.6rem;
  }
}

@media screen and (max-width: 1024px) {
  .discover {
    padding: 4rem 1.6rem 0rem 1.6rem;
  }

  .discover-container {
    flex-direction: column;
    margin-top: 3.2rem;
  }

  .discover-description,
  .discover-image {
    width: 100%;
    max-height: 40rem;
    align-items: start;
  }

  .discover-img {
    height: 100%;
    max-height: 22.8rem;
    object-fit: cover;
    object-position: center;
  }

  .discover-description-content {
    align-items: center;
    margin: 3.2rem 0 4rem 0;
    max-width: 100%;

    text-align: center;
    padding: 0 1.6rem;
  }
}



@media screen and (max-width: 576px) {
  .paragraph-regular {
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
  }

  .discover-description-content p {
    margin-bottom: 3.2rem;
    font-size: 1.4rem;
  }

  .discover-container {
    border-radius: 1.6rem;
  }

  .alpha-intro-section .paragraph-regular {
    margin-bottom: 0.8rem;
  }
  .alpha-info-section-wrapper .paragraph-regular {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1024px) {
  .project {
    flex-direction: column;
  }

  .project-image {
    width: 100%;
    order: 2;
  }

  .project-img {
    height: 100%;
  }

  .project-description {
    width: 100%;
  }

  .project-description-content {
    align-items: center;
    text-align: center;
    margin: 3.2rem auto 4rem auto;
  }
  .slide-three-image,
  .slide-three {
    max-height: 33rem;
  }
}

@media screen and (max-width: 576px) {
  .proejct {
    border-radius: 1.6rem;
  }

  .project-description-content {
    padding: 0 1.6rem;
  }

  .project-description-content a:last-of-type {
    margin-bottom: 0;
  }

  .project-description-content > span {
    margin-bottom: 2.4rem;
  }

  .project-description-content h3 {
    font-size: 3.2rem;
    margin-bottom: 0.8rem;
  }

  .project-description-content p {
    margin-bottom: 2.4rem;
    font-size: 1.8rem;
  }

  .project-img {
    max-height: 34.3rem;
  }
  .img_link_light_ext {
    margin-bottom: 2.4rem;
  }

    .img_link_light {
        margin-bottom: 2.4rem;
    }

  .img_link_light:last-of-type {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 576px) {
  .slide-three-image {
    max-height: 19.2rem;
  }

  .slide-three {
    height: fit-content;
  }

  .swiper-three-slides .swiper-slide {
    min-width: 25.3rem;
  }
    .missionNumber .width-284 {
        width: 12rem !important;
    }
}

@media screen and (max-width: 768px) {
    .missionNumber .width-284 {
        width: 12rem !important;
    }
}


    @media screen and (max-width: 1024px) {
        .slider-3-cards .slider-3-cards__text {
            margin: 8.8rem 1.6rem 4.5rem;
            text-align: center;
        }

        .slider-3-cards__text .btn {
            margin-top: 2.4rem;
        }

            .slider-3-cards__text .btn img {
                display: none;
            }

        .app {
            flex-direction: column;
            height: 61rem;
        }

        .app-description,
        .app-phone {
            width: 100%;
        }

        .app-phone {
            justify-content: center;
            height: 100%
        }


        .app-description h3 {
            margin-bottom: 1.6rem;
        }

        .app-icons {
            gap: 0.8rem;
        }

        .app-description-content {
            margin: 3.2rem 2.4rem 0rem 2.4rem;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .app-phone-img {
            width: 24.1rem;
            margin-top: 2rem;
            object-fit: fill;
            margin-right: 0rem;
        }


        /*Pika Pri*/
        .app-description-content-pri {
            margin: 6.2rem 2.4rem 0rem 2.4rem;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .app-text {
            font-size: 1.6rem;
            text-align: center;
        }

        .app-icons {
            margin-top: 3rem;
        }

        .app-phone-ext {
            width: 17.1rem;
            border-radius: 2.9rem;
            padding: 0.5rem;
            margin-top: 3.5rem;
        }

        .app-phone-silence {
            height: 1.962rem;
            top: 7.5rem;
        }

        .app-phone-plus {
            height: 3.5rem;
            top: 11.5rem;
        }

        .app-phone-minus {
            height: 3.5rem;
            top: 16.5rem;
        }

        .app-phone-power {
            height: 5.645rem;
            top: 13rem;
        }

        .app-mark-left,
        .app-mark-right {
            top: 4rem;
        }

        .app-mark-top {
            right: 3.6rem;
        }

        .app-phone-screen {
            border-radius: 2.3rem;
        }

        .app-phone-notch {
            width: 7.2rem;
            height: 2.8rem;
            left: 4.3rem;
        }

        .app-phone-logo {
            width: 5.2rem;
            height: 1.9rem;
            top: 3rem;
        }

        .app-phone-bottom {
            width: 23rem;
            border-radius: 23rem;
            height: 23rem;
            bottom: 49rem;
        }

        .app-phone-registration {
            width: 17rem;
            margin-top: 3rem;
        }

        .app-phone-registration-title {
            width: 10rem;
            font-size: 1.2rem;
            line-height: 130%;
            margin-bottom: 2rem;
        }

        .app-phone-registration-email,
        .app-phone-registration-password,
        .app-phone-registration-button {
            width: 13rem;
            margin: 0;
            padding-bottom: 0.3rem;
        }

        .app-phone-registration-password {
            margin: 1rem 0rem 0.8rem 0rem;
        }

        .app-phone-registration-button {
            padding: 0.5rem;
        }

        .app-phone-registration-email-title {
            font-size: 0.6rem;
            line-height: 0.8rem;
        }

        .app-phone-registration-email-content,
        .app-phone-registration-password-title,
        .app-phone-registration-password-help,
        .app-phone-registration-login {
            font-size: 0.6rem;
            line-height: 0.6rem;
        }

        .missionNumber .width-284 {
            width: 15rem;
        }
    }

    @media screen and (max-width: 920px) {
        .app {
            height: 64rem;
        }
    }

    @media screen and (max-width: 450px) {
        .app {
            height: 75rem;
        }

        .app-back,
        .app-blue-circle {
            display: none;
        }

        .app-black-circle {
            z-index: 2;
            width: 466.519px;
            top: 294.56px;
            left: -19.66px;
            height: 634.038px;
            transform: rotate(-3.326deg);
            background: rgba(104, 45, 220, 0.6);
            filter: blur(139px);
        }
    }

    @media screen and (max-width: 370px) {
        .app {
            height: 80rem;
        }
    }

    @media screen and (max-width: 576px) {
        .app {
            margin-top: 4rem;
            text-align: center;
        }

            .app .heading-3 {
                font-size: 3.2rem;
            }

        .app-phone-registration-email-content {
            text-align: left;
        }
    }

    /* #endregion ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MEDIA SCREEN END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

    /* MEDIA QUERY PER SLIDER ANTEPRIMA PRODOTTI*/

    @media (max-width: 768px) {
        .swiper-scroll-container-product {
            display: none;
        }

        .swiperSliderProductsPreview.mg-lf-80 {
            margin-left: 1.6rem;
        }

        .swiperSliderProductsPreview.mg-rt-80 {
            margin-right: 1.6rem;
        }

        .swiperSliderProductsPreview.mg-dw-72 {
            margin-bottom: 0rem;
        }

        .swiperSliderProductsPreview .swiper-slide {
            width: 70% !important;
        }

            .swiperSliderProductsPreview .swiper-slide a {
                width: 100%;
            }

        .swiperSliderProductsPreview .slide-product-image {
            width: 100%;
            min-height: initial;
            padding: 3.8rem 0.8rem 5rem;
            overflow: hidden;
            max-height: 316px;
        }

        .swiperSliderProductsPreview .paragraph-medium {
            font-size: 1.6rem;
        }

        .swiperSliderProductsPreview .heading-7 {
            font-size: 2rem;
            line-height: 130%;
        }

        .swiperSliderProductsPreview .slide-product-text {
            font-size: 1.6rem;
            font-weight: 400;
            line-height: 105%;
        }

        .swiperSliderBanner #rawSwiper {
            padding-right: 0;
        }

        .swiperSliderBanner {
            padding-top: 2.4rem;
            padding-bottom: 2.4rem; /*revisione mobile*/
        }
    }

    @media (min-width: 768px) and (max-width: 1440px) {
        .swiper-scroll-container-product {
            margin-left: 3.2rem;
            margin-right: 3.2rem;
        }

        .swiperSliderProductsPreview .swiper-slide a {
            width: 100%;
        }

        .swiperSliderProductsPreview .slide-product-image {
            width: 100%;
            min-height: initial;
            padding: 6.3rem 1.3rem;
            overflow: hidden;
            max-height: 50.6rem;
        }
    }

    /* MEDIA QUERY PER Slider Hero*/
    @media screen and (max-width: 576px) {
        .heading-0 {
            font-size: 3.6rem;
            font-style: normal;
            font-weight: 600;
            line-height: 110%; /* 39.6px */
            letter-spacing: -0.36px;
        }

        .paragraph-l {
            font-size: 1.2rem;
        }

        .btn-big {
            padding-top: 1.2rem!important;
            padding-bottom: 1.2rem!important;
            height: 4.8rem!important;
        }

        .hero_carousel .swiper-pagination,
        .hero_carousel .swiper-scrollbar,
        .swiper-timeline {
            display: none;
        }

        .slider-text-content-1 {
            margin-left: 0;
            margin-top: 0;
            gap: 2.4rem;
            padding-left: 1.6rem;
            padding-right: 1.6rem;
        }

        .hero_carousel .btn-big {
            margin: 0 auto;
        }

        .carousel_3d_image {
            max-width: 27.5rem;
            position: relative;
            left: 1.5rem;
        }

        .hero_carousel .swiper-scroll-container,
        .storySwiper .swiper-scroll-container {
            width: 100%;
            margin-left: 0;
            justify-content: space-between;
            padding-left: 0.8rem;
            padding-right: 0.8rem;
            position: absolute;
            top: 65%;
            z-index: 1;
        }



        .slider-text-image-1 {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            width: 100%;
        }

        .hero_carousel_img {
            border-radius: 1.6rem;
            max-width: 27.5rem;
        }
    }
    /* MEDIA QUERY PER Image Slider card*/
    @media (max-width: 992px) {
        .slider-home-professional-title.heading-2 {
            margin: 4rem 1.6rem 0;
        }
    }

    @media screen and (max-width: 576px) {
        .slide-card {
            border-radius: 1.4rem;
        }

        .swiper-button-arrow-cards {
            display: none;
        }

        .slider-home-professional .swiper-wrapper {
            margin-top: 2.4rem;
            height: 90%;
        }

        .slider-home-professional .swiper-slide:first-of-type {
            margin-left: 0 !important;
        }

        .slider-home-professional .swiper-slide {
            height: auto; /*35.2rem*/
            max-width: 25.3rem;
            margin-left: 1.6rem !important;
            margin-right: 0rem !important;
        }

        .slide-card-text {
            padding: 0 0.8rem;
            text-align: center;
        }

        /*Pika slide version 1*/
        .slide-card-text-version1 {
            padding: 0 0.8rem;
            text-align: center;
        }

        .slide-card-text a {
            margin-bottom: 3.2rem;
        }

        /*Pika slide version 1*/
        .slide-card-text-version1 a {
            margin-bottom: 3.2rem;
        }

        .slide-card-text p {
            margin-bottom: 3.2rem;
        }

        .slide-card-text > span {
            margin-top: 3.2rem;
        }

        /*Pika slide version 1*/
        .slide-card-text-version1 > span {
            margin-top: 3.2rem;
        }

        .slide-card-text h3 {
            font-size: 2.4rem;
        }

        .slide-card > img {
            width: 22rem;
            max-height: 18rem;
            object-fit: contain;
        }
    }

    /*PRODOTTI*/
    @media (max-width: 992px) {
        .products-list {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width: 768px) {
        .products-wrapper {
            padding: 3rem 1.6rem 4rem; /*revisione mobile*/
        }

        .empty-message {
            margin: 0;
            margin-top: 4rem;
        }

        .products-list {
            grid-template-columns: repeat(2, 1fr);
            grid-row-gap: 5.6rem;
            grid-column-gap: 1.6rem;
            margin-bottom: 5.6rem;
        }

        .preferiti-wrapper {
            padding: 0 1.6rem 7.2rem;
        }
    }

    @media (max-width: 992px) {
        .products-list {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width: 767px) {
        .products-list {
            grid-template-columns: repeat(2, 1fr);
            grid-row-gap: 5.6rem;
            grid-column-gap: 1.6rem;
        }
    }

    @media (max-width: 767px) {
        .product-card-image {
            padding: 2.55rem 0.5rem;
            max-height: 20.4rem;
        }

        .product-card-text .paragraph-medium {
            margin-top: 2.4rem;
        }

        .product-card-text .paragraph-l {
            font-size: 1.4rem;
        }
    }

    @media (max-width: 567px) {
        .btn-white-outlined {
            padding: 1.2rem 3.2rem;
        }

        .products-viewother {
            margin-top: 0;
            margin-bottom: 0;
        }
    }

    @media (max-width: 567px) {
        .empty-message {
            min-height: fit-content;
        }
    }

    @media (max-width: 567px) {
        .empty-message__wrapper {
            padding: 5.6rem 1.6rem;
        }

        .scopri-box .heading-5 {
            font-size: 2.4rem;
        }

        .heading-5 {
            text-align: center; /*revisione mobile*/
        }
    }

    @media (max-width: 992px) {
        .scopri-box {
            padding: 0 1.6rem 8.8rem;
        }

        .scopri-box__products {
            grid-template-columns: 1fr 1fr 1fr;
            grid-column-gap: 1.6rem;
            grid-row-gap: 2.4rem;
            margin-top: 3.2rem;
        }

        .scopri-box__card {
            padding: 2.6rem 1.6rem 0.9rem;
        }

            .scopri-box__card p {
                font-size: 1.6rem;
            }

        .scopri-box__image {
            margin-top: 2.5rem;
        }
    }

    @media (max-width: 576px) {
        .scopri-box__products {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media (max-width: 567px) {
        .btn-white-outlined {
            padding: 1.2rem 3.2rem;
        }

        .label-button-l {
            font-size: 1.6rem;
        }

        .products-viewother {
            margin-top: 5.6rem;
            margin-bottom: 8.8rem;
        }

        .filters__items {
            display: none;
        }

        .filters {
            display: flex;
            justify-content: end;
            height: 4.8rem;
			margin-bottom: 4rem; /*revisione mobile*/
        }

            .filters .paragraph-l {
                margin: 0;
                align-self: center;
            }

        #products-content .filters_mobile_btn {
            margin: 0;
            float: left;
        }
    }
    /* Dashboard area riservata */
    @media (max-width: 768px) {
        div.shades-container-profile {
            padding: 1.6rem 1.6rem 2.4rem;
            border-radius: 1.6rem;
            margin: 1.6rem 0.8rem 0;
        }

        .shades-main-content-profile {
            align-items: center;
        }

            .shades-main-content-profile p {
                display: none;
            }

        .premiaty-register-divider {
            max-width: 3.2rem;
            width: 100%;
            display: block;
        }

        .premiaty-register img {
            margin-top: 0;
        }

        .shades-main-content-profile a {
            display: flex;
        }

        .shades-main-content-profile h3 {
            font-size: 3.2rem;
            margin: 0;
        }

        div.profile__items-wrapper {
            padding: 3.2rem 1.6rem 1.6rem;/*Revisione mobile*/
            gap: 4rem;
        }

        .premiaty-logged h3 {
            margin: 0;
        }

        div.profile__items-row {
            margin-top: 2.4rem;
            flex-direction: row;
            gap: 2.4rem;
            flex-wrap: wrap;
        }

            div.profile__items-row:last-of-type {
                gap: 1.6rem;
            }

        .premiaty-register, .premiaty-logged {
            align-items: center;
            gap: 0.8rem;
        }

        .premiaty-logged {
            flex-direction: column-reverse;
        }

        .shades-container-profile:after {
            right: -114%;
            top: -71%;
        }

        a.box-link {
            padding: 1.6rem 1.6rem 2.4rem;
        }

        .box-link.box-link__item-1,
        .box-link.box-link__item-3 {
            gap: 0;
        }

        div.icon-cirlce {
            padding: 1rem;
            height: 40px;
            margin-right: 0;
        }

        .box-link h6 {
            font-size: 2rem;
            margin-bottom: 1.6rem;
        }
        /* ordine degli item */
        .box-link__item-1 p,
        .box-link__item-3 p,
        .box-link__item-1 img:last-of-type,
        .box-link__item-3 img:last-of-type {
            display: none;
        }

        .box-link__item-1,
        .box-link__item-3 {
            max-width: 50%;
            display: inline-flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .box-link__item-1 {
            order: 1;
        }

        .box-link__item-2 {
            order: 3;
            background: var(--color-blue-50, #eceeff);
            border: currentColor !important;
        }

        .box-link__item-1 h6,
        .box-link__item-3 h6 {
            margin-top: 1.6rem;
            margin-bottom: 0;
        }

        .box-link__item-2 h6 {
            margin-bottom: 1.6rem;
        }

        .box-link p {
            font-size: 1.4rem;
        }

        .box-link__item-2 .icon-cirlce {
            background-color: var(--primary-white);
        }

        .box-link__item-3 {
            order: 2;
        }
    }

    @media screen and (max-width: 992px) {
        .help-info-container {
            flex-direction: column;
        }

        .help-info-container {
            gap: 1.6rem;
        }
    }
    /*corsi formazione*/
    @media screen and (max-width: 1024px) {
        .training_row {
            display: flex;
            flex-direction: row !important;
        }

        .training_card {
            margin: 0;
        }

        .btn-training-signup a {
            width: 100%;
        }

        .traning_presenza {
            margin-top: 3.2rem;
        }
    }

    @media only screen and (max-width: 1470px) {
        .eds_template_List_Article_Formazione .article-grid.article-3-grid {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media (max-width:820px) {
        .eds_template_List_Article_Formazione .article-grid.article-3-grid {
            grid-template-columns: 1fr;
        }
    }


    /* Pagina prodotti scheda e  Ricerca Tecnica*/
    @media (max-width:768px) {
        .select-lingue-libretti-wrapper {
            max-width: 100%;
        }

        div.details__breadcrumbs {
            display: none;
        }

        .details__text_list_container {
            gap: 1.2rem;
        }

        .details__text {
            margin: 4.8rem 0 4.8rem;
            padding: 1.6rem;
        }

        .details__text__name {
            display: none;
        }

        .gallery {
            position: relative;
            border-radius: 0 !important;
            max-height: 37.5rem;
            padding: 4.8rem 0;
        }

        div.details__gallery {
            height: 100%;
        }

        div#swiperGallery {
            display: none;
        }

        #swiperGallery2 .swiper-wrapper {
            /*margin-left: 20%;*/  /*modifica scheda prodotto 27-03-2024*/
        }

        div.swiperGallery-arrow-container {
            flex-direction: row;
            justify-content: space-between;
            width: 100%;
            position: absolute;
            top: 50%;
            z-index: 2;
            padding: 0 0.8rem;
        }

        .details__text__name.details__text__name-mobile {
            display: block;
            text-align: center;
            padding: 0 1.6rem;
        }

        div.details__long__description {
            padding: 4.8rem 1.6rem;
            margin: 0 0.8rem 5.6rem;
            flex-direction: column;
            text-align: center;
            gap: 2.4rem
        }

        .details__text__data {
            margin-top: 0;
            margin-bottom: 4.8rem;
        }

        /*.detailProductVideo {
            max-height: 21rem;
        }*/

        div.slider {
            margin: 1.6rem;
        }

        .details__text_buttons {
            flex-direction: column;
            align-items: center;
            gap: 1.6rem
        }

            .details__text_buttons div, .details__text_buttons .btn {
                width: 100%;
            }

        div.profile-document-wrapper {
            padding: 8.8rem 1.6rem 0rem;
            margin: 0;
        }

        .profile-document-wrapper h4 {
            margin-bottom: 2.4rem;
            align-self: self-start;
        }

        .box-divider {
            align-self: self-start;
            flex-direction: row !important;
        }

            .box-divider .d-flex-row {
                flex-direction: row !important;
                gap: 1.6rem;
                align-items: flex-start;
            }

        .divDocumentProfile {
            margin-top: 4rem;
        }

            .divDocumentProfile .heading-8-medium, #titleBooklets .heading-8-medium {
                margin: 4.8rem 0 0;
            }

        #titleBooklets {
            gap: 1.6rem;
        }

        .filters__lingue {
            margin: 0;
        }

        .divDocumentProfile__text .paragraph-xl {
            margin-top: 0rem;
        }

        .divDocumentProfile .box-divider, .ricerca-tecnica__guidata .box-divider {
            margin-top: 1.6rem;
            align-items: self-start;
        }
        /* messo in risoluzione max 1024 altrimenti non si vedeva bene
  .ricerca-tecnica-container{
    padding: 5.6rem 1.6rem 11.2rem;
  }*/

    }

    @media (max-width:576px) {

        #swiperGallery2 .swiper-wrapper {
           /* margin-left: 15%;*/ /*modifica scheda prodotto 27-03-2024*/
        }

        .select-document-wrapper {
            width: 100%;
        }

        .text-end .link {
            border: none;
        }

            .text-end .link span {
                display: none;
            }

            .text-end .link img {
                display: none;
            }

                .text-end .link img.link-mobile-transform {
                    display: block;
                    padding: 0.8rem;
                    background-color: var(--primary-default, #455CFF);
                    border-radius: 50%;
                }

        .ricerca-tecnica__selections p, .ricerca-tecnica__guidata p {
            margin-top: 1.6rem;
            margin-bottom: 3.2rem;
            text-align: center;
        }

        .box-divider p {
            margin: 0;
        }

        .ricerca-tecnica__selections-wrapper {
            flex-direction: column;
            gap: 1.6rem;
        }

        .form-check-big-radio {
            padding: 2rem;
        }

        .ricerca-tecnica__guidata__step {
            margin-top: 3.2rem;
        }

        .input-ricerca {
            flex-direction: column;
            gap: 2.4rem;
        }

            .input-ricerca .btn {
                width: 100%;
            }

        .ricerca-tecnica__guidata-divider {
            margin: 3.2rem 0;
        }

        .article-training {
            padding: 2rem 0.8rem 2rem 2rem;
        }

            .article-training p {
                margin: 0;
            }

                .article-training p:first-of-type {
                    margin-bottom: 1.2rem;
                }

        .ricerca-tecnica__empty-msg {
            padding-top: 8rem;
        }

        #htmlRicLiberaDocument_libretti {
            margin-top: 3rem;
        }

        #divDocument_disegni {
            margin-top: 8rem;
        }

        .links {
            right: -5px;
        }

        .documentList.documentListFound {
            padding-top: 7rem;
        }
        /*TUMBA*/
        .ricerca-tecnica-container .box-divider .text-end {
            align-self: center
        }

        .ricerca-tecnica-container .box-divider .d-flex-centered {
            display: flex;
            flex-direction: column;
            align-items: start;
        }

        .ricerca-tecnica-container .details-etichette {
            margin: 0.5rem 0 0.5rem 0;
        }

        .ricerca-tecnica-container .details-etichette__item {
            font-size: 1.2rem;
        }

        .article_gallery {
            width: 90%;
            margin: auto;
        }
        /*TUMBA*/
    }
    /*--- formazione ---*/
    @media (max-width:1023px) {
        .article-formazione_detail {
            padding-right: 0;
            padding-left: 0;
        }

        .div-titleFormazione {
            width: 100%;
        }

        .box-elements.article-grid {
            grid-row-gap: 2.4rem;
        }

        .eds_template_Details_Article_Formazione {
            padding: 0;
        }

            .eds_template_Details_Article_Formazione .div-titleFormazione {
                margin-bottom: 3.2rem;
            }

            .eds_template_Details_Article_Formazione .training-row {
                flex-direction: row;
            }

            .eds_template_Details_Article_Formazione .article-formazione_content {
                padding: 2.4rem 0;
            }

                .eds_template_Details_Article_Formazione .article-formazione_content .article-formazione_info {
                    margin: 0 1.6rem;
                    gap: 3.2rem;
                }

                    .eds_template_Details_Article_Formazione .article-formazione_content .article-formazione_info .training_icorelatore {
                        margin-right: 1.2rem;
                    }

                    .eds_template_Details_Article_Formazione .article-formazione_content .article-formazione_info .training_relatore {
                        margin-bottom: 1.8rem;
                    }

                .eds_template_Details_Article_Formazione .article-formazione_content .edn_content {
                    margin-top: 0rem;
                }

                .eds_template_Details_Article_Formazione .article-formazione_content .formazione-info_dx,
                .eds_template_Details_Article_Formazione .article-formazione_content .formazione-info_sx,
                .eds_template_Details_Article_Formazione .article-formazione_content .formazione-programma {
                    width: 100%;
                }

                    .eds_template_Details_Article_Formazione .article-formazione_content .formazione-info_sx .training_row {
                        margin-bottom: 1.8rem;
                    }

                        .eds_template_Details_Article_Formazione .article-formazione_content .formazione-info_sx .training_row p {
                            font-size: 20px;
                        }

                    .eds_template_Details_Article_Formazione .article-formazione_content .formazione-info_sx .traning_presenza {
                        margin-bottom: 3.2rem;
                        margin-top: 1.8rem;
                    }

                    .eds_template_Details_Article_Formazione .article-formazione_content .formazione-info_sx .btn {
                        margin: 0 auto;
                        display: block;
                    }

                    .eds_template_Details_Article_Formazione .article-formazione_content .formazione-info_dx img {
                        width: 100%;
                        display: block;
                        margin: 0 auto;
                        max-width: 500px;
                    }

        .formazione-programma span {
            font-size: 32px;
        }

        .formazione-programma p {
            font-size: 18px;
        }
    }

    /*--------BROCHURE LISTINI------------------*/
    @media screen and (max-width: 767px) {
        .document-asset-row {
            display: flex;
            flex-direction: row !important;
        }

        .document-asset .cataloghi-image {
            height: 10rem;
        }

        .document-asset.document-assets-catalogue {
            border-bottom: 1px solid var(--grey-grey-300);
            padding-bottom: 2.4rem;
            gap: 1.6rem;
            text-align: left;
        }

            .document-asset.document-assets-catalogue > a {
                width: 20%;
            }

            .document-asset.document-assets-catalogue .card_content {
                gap: 1.6rem;
                margin-top: 0;
                align-items: center;
                width: 80%;
            }

        .document-asset .img_link_light_download span {
            display: none;
        }
	
		.document-asset .img_link_light_delete span { /* Nicolò - per CPQ - 15/05/2024 */
            display: none;
        }

        #documents-assets h9 {
            font-size: 2rem;
        }

        .document-asset .img_link_light_download {
            padding-top: 0;
            align-items: center;
            align-self: center;
        }
		
		.document-asset .img_link_light_delete { /* Nicolò - per CPQ - 15/05/2024 */
            padding-top: 0;
            align-items: center;
            align-self: center;
        }

            .document-asset .img_link_light_download a {
                background-color: var(--all-blue-400);
                padding: 0.8rem;
                border-radius: 50%;
            }
	
			.document-asset .img_link_light_delete a { /* Nicolò - per CPQ - 15/05/2024 */
                background-color: var(--all-blue-400);
                padding: 0.8rem;
                border-radius: 50%;
            }

                .document-asset .img_link_light_download a::after {
                    content: url('/portals/0/icons/download-white.svg');
                    height: 20px;
                }
	
				.document-asset .img_link_light_delete a::after { /* Nicolò - per CPQ - 17/05/2024 */
                    content: url('/portals/0/icons/trash_wt.svg');
                    height: 20px;
                }

                .document-asset .img_link_light_download a:hover::after {
                    content: url('/portals/0/icons/download-white.svg');
                    height: 20px;
                }
	
				.document-asset .img_link_light_delete a:hover::after { /* Nicolò - per CPQ - 17/05/2024 */
                    content: url('/portals/0/icons/trash_wt.svg');
                    height: 20px;
                }
    }

    @media (max-width:1024px) {
        .documents-listini {
            padding: 0;
        }

        #documents-assets .box-elements .d-flex-row,
        #div_ConfigRow .d-flex-row {
            flex-direction: row !important;
        }

        .ricerca-tecnica-container {
            padding: 3.2rem 1.6rem 5.6rem; /*revisione mobile*/
        }
    }
    /*------------------------------------------------------------------*/


    /* CAT */
    .cat-list .contacts img {
        margin-right: 15px;
    }

    .cat-list-container {
        padding-bottom: 6.4rem;
        padding-top: 4rem;
    }

    .cat-list-wrapper {
        border-radius: 1.6rem;
        border: 1px solid #D7E0EC;
        padding: 3.2rem 2.4rem;
    }

    #catWrapper .updatePanelFilter select {
        margin-right: 20px !important;
        width: 1.8rem;
    }

    .cat-list-inner-container {
        margin-left: -15px;
        min-width: 273px;
    }

    .DnnModule-ReteCommerciale .updatePanelFilter select {
        min-width: 310px;
    }

#catWrapper .updatePanelFilter select { /*revisione mobile*/
    min-width: 310px;
}

    #catWrapper .updatePanelFilter select.form-control[disabled] {
        opacity: 0.5;
        background-color: #EFF2F7;
        color: #8C98A8;
    }

        #catWrapper .updatePanelFilter select.form-control[disabled] + label {
            display: none;
        }

    #catWrapper .updatePanelFilter, .cat-list {
        padding: 0 8rem;
    }

    .contenitore-filtri {
        align-items: baseline !important; /*pika grafica CAT*/
        gap: 2.4rem /*pika grafica CAT*/
    }

        .contenitore-filtri .buttonSearch a.aspNetDisabled {
            opacity: 0.5;
        }


    /* LOGIN */
    .btn-login { /* Nicolò -> 09/11/23 - modifica login */
        min-width: 18.6rem;
    }

    /*------------------------------------------------------------------*/
    /*  CARD SINGOLA SITO URMET 2SXC*/
    div[id$="Left"] .card.card--background {
        margin: 0 4rem 0 auto;
    }

    div[id$="Right"] .card.card--background {
        margin: 0 auto 0 4rem;
    }

    .divgamme-dx {
        margin: 4rem 19rem 0 4rem;
        /*margin-right: 19rem;
	margin-top: 4rem;*/
    }

    .divgamme-sx {
        margin: 4rem 4rem 0 19rem;
        /*margin-left: 19rem;
	margin-top: 4rem;*/
    }

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

    .theme--dark {
        background-color: #09212e;
        color: #fff;
    }

        .theme--dark a:not(.Button) {
            color: #fff;
        }

    .theme--light {
        background-color: #fff;
        color: #09212e;
    }

        .theme--light a:not(.Button) {
            color: #3454d1;
        }

    .card--tall {
        /*height: 414px;*/
        height: 40rem;
        width: 40rem;
        border-radius: 3.2rem;
    }

    .card--bordered {
        -webkit-transition: border-bottom-color 0.35s ease-in-out, color 0.35s ease-in-out;
        transition: border-bottom-color 0.35s ease-in-out, color 0.35s ease-in-out;
    }

    .card--gray-lighter.card--bordered.card--bordered-full {
        border: 1px solid #eeeeee;
    }

    .card--green.card--bordered.card--bordered-full {
        border: 1px solid #2DB473;
    }

    .card--purple.card--bordered.card--bordered-full {
        border: 1px solid #9063F9;
    }

    .card--primary.card--bordered.card--bordered-full {
        border: 1px solid #3454d1;
    }

    .card--red.card--bordered.card--bordered-full {
        border: 1px solid #FF6666;
    }

    .card--secondary.card--bordered.card--bordered-full {
        border: 1px solid #ECA400;
    }

    .card--gray-lighter.card--bordered {
        border-bottom: 4px solid #eeeeee;
    }

        .card--gray-lighter.card--bordered.card--bordered-full {
            border: 1px solid #eeeeee;
        }

    .card--extra-padding .card__footer,
    .card--extra-padding .card__content {
        max-width: 500px;
        margin: 0 auto;
    }

    .card.card--background {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        border: 1.403px solid var(--color-gray-100, #EFF2F7); /*Revisione mobile*/
        /* margin: 0 auto; /*Tumba*/
    }

    .card.card--background__auto {
        background-size: auto;
    }

    .card.card--background__transparent {
        background-color: transparent;
    }

    .card.card--background > * {
        position: relative;
        z-index: 1;
    }

    .card.card--overlay:after {
        background: -webkit-gradient(linear, left top, right top, from(#000), to(transparent));
        background: -webkit-linear-gradient(left, #000, transparent);
        background: linear-gradient(90deg, #000, transparent);
        content: '';
        display: block;
        height: 100%;
        opacity: 0.7;
        position: absolute;
        -webkit-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
        width: 100%;
        will-change: opacity;
        top: 0;
        bottom: 0;
    }

    .card.card--overlay:hover:after {
        opacity: 0.85;
    }

    .card.card--overlay__disabled-hover:hover:after {
        opacity: 0.7;
    }

    .card.card--background__transparent {
        background-color: transparent;
    }

    .Button {
        margin-left: 15px;
    }

        .Button:hover .site-auth__icon,
        .site-auth__icon:hover {
            background-color: #fff;
            -webkit-box-shadow: 0 0 0px 10px rgba(255, 255, 255, 0.21);
            box-shadow: 0 0 0px 10px rgba(255, 255, 255, 0.21);
            color: #3454d1;
        }

    .ButtonTransparent {
        color: inherit;
    }

        .ButtonTransparent:hover,
        .ButtonTransparent:active {
            color: inherit;
        }

    .ButtonFlexSection {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }

    .ButtonFlexSectionAuto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .ButtonFlex {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
    }

        .ButtonFlex.ButtonFlexInline {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
        }

    .ButtonLarge {
        padding: 28px 30px 25px 30px;
    }

    .ButtonBlock {
        display: block;
    }

    .ButtonInlineBlock {
        display: inline-block;
    }

    .ButtonNoPaddingLeft {
        padding-left: 0;
    }

    .ButtonDisabled {
        cursor: not-allowed;
        opacity: 0.63;
    }

    .ButtonLarge {
        padding: 28px 30px 25px 30px;
    }

    .ButtonRounded {
        border-radius: 50%;
        padding: 12px 13px;
    }

    .ButtonDefault.ButtonBorderless,
    .ButtonDefault.ButtonBorderless:hover {
        -webkit-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
    }

    .ButtonLight.ButtonBorderless,
    .ButtonLight.ButtonBorderless:hover {
        -webkit-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
    }

    .ButtonExtraLight.ButtonBorderless,
    .ButtonExtraLight.ButtonBorderless:hover {
        -webkit-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
    }

    .ButtonPrimary.ButtonBorderless,
    .ButtonPrimary.ButtonBorderless:hover {
        -webkit-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
    }

    .ButtonSecondary.ButtonBorderless,
    .ButtonSecondary.ButtonBorderless:hover {
        -webkit-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
    }

    .ButtonSuccess.ButtonBorderless,
    .ButtonSuccess.ButtonBorderless:hover {
        -webkit-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
    }

    .ButtonDanger.ButtonBorderless,
    .ButtonDanger.ButtonBorderless:hover {
        -webkit-box-shadow: 0 0 0 transparent;
        box-shadow: 0 0 0 transparent;
    }

    .DNNModuleContent .card--customUrmet .card--single .slick-slide .card__content {
        max-width: 80%;
        width: 100%;
        margin: 4em 4em 0;
    }

.floating-select[disabled="disabled"] ~ label {
    transform: translateY(-2rem) translateX(0.5rem) scale(0.75);
    background-color: var(--primary-white);
}

    @media screen and (max-width: 991px) {
        .DNNModuleContent .card--customUrmet .card--single .slick-slide .card__content {
            max-width: 80%;
            width: 100%;
            margin: 1em 2em 0;
        }

        .DNNModuleContent .card--customUrmet .card--center-vertical {
            margin: 0 2.5em 0;
        }

            .DNNModuleContent .card--customUrmet .card--center-vertical .card__content {
                padding: 0;
            }
    }

    .card--extra-padding .card__footer,
    .card--extra-padding .card__content {
        max-width: 500px;
        margin: 0 auto;
    }

    .card--internal-max-size .card__content {
        margin: 0 auto;
    }

    .card--center-vertical .card__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }

    .card--center-vertical .card__content {
        margin: 0 auto;
    }

    .card__content {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        padding: 20px;
    }

    @media screen and (max-width: 767px) {
        .card__content h3 {
            font-size: 18px;
        }

        .card--tall {
            height: 30rem;
            width: 30rem;
            margin: auto;
        }
    }

    .card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    /*  FINE CARD SINGOLA SITO URMET 2SXC*/

    /*POPUP LOGIN - LOGIN GROSSISTI*/
    .introLoginRegister {
        background-color: #FFF8EB;
        border-radius: 2rem;
        padding: 3.2rem 2.4rem 1.6rem 2.4rem;
    }

    @media (max-width: 768px) {
        #catWrapper .updatePanelFilter, .cat-list {
            padding: 0 1.6rem;
        }

            #catWrapper .updatePanelFilter .form-group {
                width: 100%;
            }

            #catWrapper .updatePanelFilter .buttonSearch, #catWrapper .updatePanelFilter .buttonSearch a {
                width: 100%;
                margin-top: 1rem;
            }

        .intro-page {
            margin-bottom: 0;
        }

            .intro-page .imgCard {
                width: 100%;
            }

        .cat-list {
            padding-top: 4rem;
        }

        .cat-list-item {
            margin-bottom: 32px;
        }

        .intro-page .heading-1 {
            text-align: center;
            font-size: 36px;
        }

        .cat-list-container {
            padding-top: 0;
        }
    }

    @media (min-width: 992px) {
        .intro-page {
            flex-direction: row;
        }
    }

    @media (max-width: 991px) {
        .card--tall {
            margin: auto !important;
        }

        .divgamme-dx {
            margin: 1rem 4rem 0 4rem;
            text-align: center;
        }

        .divgamme-sx {
            margin: 4rem 4rem 0 4rem;
            text-align: center;
        }
    }

    @media (min-width: 769px) and (max-width: 1024px) {
        #catWrapper .updatePanelFilter .form-group {
            width: 49%;
            float: left;
        }

        #catWrapper .updatePanelFilter .buttonSearch, #catWrapper .updatePanelFilter .buttonSearch a {
            width: 100%;
        }

        .contenitore-filtri {
            flex-direction: row;
            flex-wrap: wrap;
            gap: 2%;
        }
    }

    @media (min-width: 1025px) and (max-width: 1200px) {
        #catWrapper .updatePanelFilter select {
            min-width: 180px;
        }
    }

    @media (min-width: 1201px) and (max-width: 1440px) {
        #catWrapper .updatePanelFilter select {
            min-width: 220px;
        }
    }

    @media screen and (max-width: 992px) {
        .accordion-content {
            margin-right: 1.5rem;
            margin-left: 1.5rem !important;
            text-align: justify;
        }

        .panel-privacy {
            padding-right: 1.5rem;
            padding-left: 1.5rem;
            text-align: justify;
        }

            .panel-privacy,
            .panel-privacy p {
                width: 100%;
            }
    }

    @media (min-width:992px) {
        div[id$="Left"] .slick-dots {
            text-align: end;
            padding-right: 8rem;
        }

        div[id$="Right"] .slick-dots {
            text-align: start;
            padding-left: 8rem;
        }
    }
	
	/*Modifica scheda prodotto 27-03-2024*/
	.link-disabled {
    filter: invert(80%) sepia(80%) saturate(50%) hue-rotate(175deg);
	} 
	
	@media (max-width: 991px) {
    .container-direction-col-reverse {
        display: flex;
        flex-direction: column-reverse;
        padding-top: 4rem;
    }
}

@media (max-width:991px){ 
  .boxGreyLarge .d-flex-row{
    flex-direction: row;
  }
}
@media (max-width:576px){
  .boxGreyLarge .d-flex-row{
    flex-direction: column;
  }
  .detailBoxGreyLarge{
    width: 100%;
    height: 100%;
    flex: 0;
  }

}