/* ! LAST UPDATE: 16-02-2022A */


/* ! GENERAL - RESET */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box!important;
}

html, body {
	  height: auto;
    background: #fff;
}

body, h1, h2, h3, h4, h5, h6, p, a, span, strong, small {
		font-family: 'Sunflower', sans-serif;
    margin: 0;
    padding: 0;
}

*,a {
	  -webkit-touch-callout: none!important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)!important;
    text-decoration: none!important;
    outline: none!important;
}

*, a:hover, a:active {
    text-decoration: none!important;
    outline: none!important;
}

button, input, optgroup, select, textarea {
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}



/* ! EMMEKWEB */
header.site-header.emmekweb {
    height: auto;
}

.emmekweb .site-header__screen {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 90px;
    padding: 0 20px;
    display: flex;
    /* flex-direction: row-reverse; */
    padding-top: 0;
    /* border: 1px solid blue; */
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .emmekweb .site-header__screen {
      display: none;
  }
  .emmekweb .site-header__tablet {
      display: none;
  }
  .emmekweb .site-header__mobile {
      display: block;
  }
  .emmekweb .logo-container {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 60px;
      width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .emmekweb .site-header__screen {
      display: none;
  }
}

.emmekweb .menu-container__left ul.menu-main__screen {
    align-items: center;
    justify-content: flex-start;
}

.emmekweb .menu-container__center img.img-logo {
    width: 600px;
}

.emmekweb a.menu__screen-item,
.emmekweb a.menu__screen-item:hover {
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    position: relative;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.emmekweb a.menu__screen-item:hover:after {
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    position: absolute;
    bottom: 0px;
    background: #000;
    height: 2px;
    width: 100%;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.emmekweb footer {
  display: none;
}


/* ! HEADER */
header.site-header {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: flex;
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #ccc;
    -webkit-box-shadow: 0px 10px 50px 0px rgb(34 34 34 / 25%);
    -moz-box-shadow: 0px 10px 50px 0px rgb(34 34 34 / 25%);
    box-shadow: 0px 10px 50px 0px rgb(34 34 34 / 25%);
    z-index: 99;
    position: fixed;
    top: 0px;
    /*border: 1px solid blue;*/
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  header.site-header {
      display: block;
      border-bottom: 0!important;
      /*border: 1px solid blue;*/
  }
}

.top-bar_evidenze {
    width: 100%;
    height: 35px;
    position: fixed;
    margin: 0 auto;
    top: 95px;
    background: #ff5654;
    z-index: 301;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid red; */
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .top-bar_evidenze {
      top: 150px;
  }
}
@media screen and (max-width: 768px) {
  .top-bar_evidenze {
      top: 120px;
  }
}


.top-bar_evidenze-container {
    width: 100%;
    max-width: 1200px;
    height: 100%;
    position: absolute;
    top: 0px;
    /* background: #31b8e5; */
    z-index: 11;
    margin: 0 auto;
    padding: 0 20px;
    /* border: 1px solid #673ab7; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-bar_evidenze-container a {
    color: #fff!important;
}

button#nascondi {
    font-size: 0;
    background-color: #ffffff!important;
    width: 25px;
    height: 25px;
    border: 0;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    background-image: url(/svg/i-menu__chiudi.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
    cursor: pointer;
}

.top-bar_contatti {
    position: absolute;
    width: 100%;
    height: 35px;
    top: 0;
    margin: 0 auto;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* border: 1px solid darkred; */
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .top-bar_contatti  {
      display: none!important;
  }
}
@media screen and (max-width: 768px) {
  .top-bar_contatti  {
      display: none!important;
  }
}

.top-bar_contatti ul.menu-evidenze__screen {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    justify-content: flex-end;
    text-decoration: none;
    list-style: none;
    /* border: 1px solid yellowgreen; */
}

.logo-container  {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 90px;
    width: 400px;
    z-index: 1;
    /* border: 1px solid violet; */
}

@media screen and (max-width: 768px) {
  .logo-container {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 60px;
      width: 100%;
  }
}

.page_manutenzione {
    display: flex;
    /* align-items: center; */
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 20px!important;
}

h3.red-center {
  color: red!important;
  text-align: center;
}

.img-menu-ar {
  width: 30px;
  height: 30px;
}

.logo-container img {
    width: 100%;
    max-width: 350px;
    height: auto;
}


.site-header__screen {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: auto;
    padding: 0 20px;
    display: flex;
    flex-direction: row;
    padding-top: 35px;
    /* border: 1px solid blue; */
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .site-header__screen {
      display: none;
  }
}
@media screen and (max-width: 768px) {
  .site-header__screen {
      display: none;
  }
}


.sub-menu__tablet {
    display: none;
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .sub-menu__tablet {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 60px;
      background: #31c2f3;
  }
  .sub-menu__tablet ul {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 60px;
  }
  .sub-menu__tablet ul li {
      text-decoration: none!important;
      list-style: none;
      padding: 0 15px;
      position: relative;
      display: flex;
      align-items: center;
  }
  .sub-menu__tablet ul li:after {
      content: '';
      position: absolute;
      width: 1px;
      height: 10px;
      background: #fff;
      right: 0px;
  }
  .sub-menu__tablet ul li:last-child:after {
      display: none;
  }
  .sub-menu__tablet ul li a,
  .sub-menu__tablet ul li a:hover,
  .sub-menu__tablet ul li a:visited,
  .sub-menu__tablet ul li a:focus {
      color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .sub-menu__tablet {
      display: none;
  }
}

ul.menu-main__tablet {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-decoration: none;
    list-style: none;
    /* border: 1px solid coral; */
    position: absolute;
    right: 0;
}

ul.menu-main__tablet li {
    padding: 10px;
}

ul.menu-main__tablet li:last-child {
    padding-right: 0;
}

ul.menu-main__screen {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-decoration: none;
    list-style: none;
    /* border: 1px solid coral; */
}

ul.menu-main__screen li {
    padding: 10px;
}

ul.menu-evidenze__screen {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    text-decoration: none;
    list-style: none;
    /* border: 1px solid yellowgreen; */
}

ul.menu-evidenze__screen li {
    padding: 10px;
}

ul.menu-evidenze__screen li:last-child {
    padding-right: 0;
}

ul.menu-main__screen li:last-child {
    padding: 0px;
}

.site-header__tablet {
    display: none;
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .site-header__tablet {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      height: auto;
      padding: 0 20px;
      display: flex;
      flex-direction: row;
      /* border: 1px solid blue; */
  }
}
@media screen and (max-width: 768px) {
  .site-header__tablet {
    display: none;
  }
}


.site-header__mobile {
    display: none;
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .site-header__mobile {
      display: none;
  }
}
@media screen and (max-width: 768px) {
  .site-header__mobile {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: auto;
    padding: 0 25px;
    display: flex;
    flex-direction: column;
    /* border: 1px solid blue; */
  }
}


.main-container {
  min-width: 100%;
  min-height: 100%;
  display: block;
  position: relative;
}

/*
.menu__mobile {
    width: calc(50% - 20px);
    height: 60px;
    display: block;
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 301;
}

.list__mobile,
.intro__mobile {
    height: 100%;
    top: 120px;
    display: flex;
    position: fixed;
    align-items: flex-start;
    flex-flow: column wrap;
    justify-content: flex-start;
    padding-top: 25px;
    z-index: -1;
    transition: all 0.75s ease;
}

.list__mobile {
  background: #31c2f3;
  width: 50%;
  right: -50%;
  opacity: 0;
  z-index: 301;
}


.list__mobile li {
    background: transparent;
    width: 100%;
    margin: 5px 0;
    padding: 10px;
    text-align: left;
    list-style: none;
    color: #fff!important;
    text-transform: uppercase;
}

.list__mobile a {
    color: #fff!important;
    font-size: 20px;
}

.list__mobile span {
    background: transparent;
    width: 100%;
    margin: 5px 0;
    padding: 10px 0;
    text-align: center;
    border-radius: 4px;
    color: #fff;
}

.intro__mobile {
  width: 100%;
  padding: 0 8px;
  right: 0px;
  text-align: center;
}

.btn__mobile {
    background: #31c2f3;
    width: 90px;
    height: 40px;
    top: 10px;
    right: 20px;
    display: block;
    position: fixed;
    border-radius: 25px;
    z-index: 310;
    display: flex;
    padding-left: 10px;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
}

.btn__mobile:before,
.btn__mobile:after {
  background: #fff;
  width: 20px;
  height: 2px;
  right: 10px;
  display: block;
  position: absolute;
  content: "";
  transition: all 0.75s ease;
}

.btn__mobile:before {
  top: 16px;
}
.btn__mobile:after {
  bottom: 16px;
}

.menu__mobile:focus-within .list__mobile {
  right: 0;
  opacity: 1;
}

.menu__mobile:focus-within {
  width: 90px;
  right: 20px!important;
}
.menu__mobile:focus-within .btn__mobile:before {
  transform: rotate(45deg) translate(2px, 2px);
}
.menu__mobile:focus-within .btn__mobile:after {
  transform: rotate(-45deg) translate(2px, -2px);
}
*/

.telefono-container {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 10px;
    right: 160px;
    z-index: 310;
    /* border: 1px solid red; */
}

.telefono-container img {
    width: 40px;
    height: 40px;
    padding: 10px;
    position: fixed;
    top: 10px;
    right: 70px;
    /* border: 1px solid red; */
    border-radius: 50%;
    background: #31c2f3;
}

.email-container {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 10px;
    right: 115px;
    z-index: 310;
    /* border: 1px solid red; */
}

.email-container img {
    width: 40px;
    height: 40px;
    padding: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    /* border: 1px solid red; */
    border-radius: 50%;
    background: #31c2f3;
}
/**/

/* MENU TABLET */
.menu__tablet {
    width: 100%;
    height: 50px;
    display: block;
    position: relative;
    /* top: 40px; */
    right: 0px;
    display: flex;
    /* border: 1px solid violet; */
}

.list__tablet,
.intro__tablet{
  height: 100%;
  top: 91px;
  display: flex;
  position: fixed;
  align-items: center;
  flex-flow: column wrap;
  justify-content: center;
  z-index: -1;
  transition: all 0.75s ease;
}

.list__tablet{
  background: #31c2f3;
  width: 280px;
  right: -280px;
  opacity: 0;
}

.list__tablet li {
    background: transparent;
    width: 100%;
    margin: 5px 0;
    padding: 10px 0;
    text-align: center;
    list-style: none;
    color: #fff!important;
    text-transform: uppercase;
}

.list__tablet a {
    color: #fff!important;
}

.list__tablet span {
    background: transparent;
    width: 100%;
    margin: 5px 0;
    padding: 10px 0;
    text-align: center;
    border-radius: 4px;
    color: #fff;
}

.intro__tablet {
  width: 100%;
  padding: 0 8px;
  right: 0px;
  text-align: center;
}

.btn__tablet {
    background: #31c2f3;
    width: 90px;
    height: 40px;
    top: 40px;
    right: 20px;
    display: block;
    position: fixed;
    border-radius: 25px;
    z-index: 310;
    display: flex;
    padding-left: 10px;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
}

.btn__tablet:before,
.btn__tablet:after {
  background: #fff;
  width: 20px;
  height: 2px;
  right: 10px;
  display: block;
  position: absolute;
  content: "";
  transition: all 0.75s ease;
}

.btn__tablet:before {
  top: 16px;
}
.btn__tablet:after {
  bottom: 16px;
}

.menu__tablet:focus-within .list__tablet {
  right: 0;
  opacity: 1;
}
.menu__tablet:focus-within .intro__tablet {
  width: calc(100% - 120px);
  right: 120px;
}
.menu__tablet:focus-within .btn__tablet:before {
  transform: rotate(45deg) translate(2px, 2px);
}
.menu__tablet:focus-within .btn__tablet:after {
  transform: rotate(-45deg) translate(2px, -2px);
}

@media screen and (min-width: 769px) and (max-width: 1199px) {
  .logo-container__tablet  {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      height: 90px;
      width: 40%;
      /* border: 1px solid violet; */
  }
}

.tablet__content {
    width: 60%;
    display: flex;
    flex-direction: column;
    position: relative;
    /* border: 1px solid red; */
}

ul.menu-evidenze__tablet {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    text-decoration: none;
    list-style: none;
    /* border: 1px solid yellowgreen; */
}

ul.menu-evidenze__tablet li {
    padding: 10px;
}


/* JS MENU MOBILE */
.menu__mobile .menu-tab {
    width: 90px;
    height: 60px;
    position: fixed;
    z-index: 100;
    top: 60px;
    left: 0px;
    cursor: pointer;
    transition: all 0.6s ease-in-out;
}
.menu-tab div {
    width: 33px;
    height: 2px;
    background-color: #31c2f3;
    display: block;
    margin: 7px 28px;
    transition: all 0.6s ease-in-out;
}
.menu-tab div:nth-child(1) {
  margin-top: 20px;
}

/*end of menu-tab*/
.menu-tab.active {
    right: 0;
    transition: all 600ms ease-in-out;
    background-color: transparent;
}
.menu-tab.active #one {
  transform: translateY(9px) rotate(-135deg);
  transition: all 0.6s ease-in-out;
  background-color: #31c2f3;
}
.menu-tab.active #two {
  opacity: 0;
  transition: 0.4s ease;
}
.menu-tab.active #three {
  transform: translateY(-9px) rotate(-45deg);
  transition: all 0.6s ease-in-out;
  background-color: #31c2f3;
}

.menu-hide {
  width: 50%;
  left: -250px;
  height: 100vh;
  position: fixed;
  z-index: 9999;
  top: 120px;
  transition: all 0.6s ease-in-out;
  /*end of nav*/
}
.menu-hide nav {
  /*end of ul*/
}
.menu-hide nav ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}
.menu-hide nav ul li {
  height: 70px;
  width: 100%;
  display: flex;
  list-style-type: none;
  text-align: center;
  transition: all 0.5s ease;
}
.menu-hide nav ul li:hover {
    background-color: #31c2f3;
    transition: all 0.5s ease;
}
.menu-hide nav ul li a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 25px;
    text-decoration: none;
    color: #f1f1f1;
    font-weight: 800;
    font-size: 26px;
    line-height: 32px;
}

/*end of menu-hide*/
.menu-hide.show {
  top: 120px;
  left: 0px;
  background-color: #31c2f3;
  transition: all 0.6s ease-in-out;
}
/* END JS MENU MOBILE */


/* JS MENU TABLET */
.menu__tablet .menu-tab {
    width: 90px;
    height: 70px;
    position: fixed;
    z-index: 100;
    top: 30px;
    right: 0px;
    cursor: pointer;
    transition: all 0.6s ease-in-out;
}
.menu__tablet  .menu-tab div {
    width: 33px;
    height: 4px;
    background-color: #31c2f3;
    display: block;
    margin: 5px 28px;
    transition: all 0.6s ease-in-out;
}
.menu__tablet .menu-tab div:nth-child(1) {
  margin-top: 20px;
}

/*end of menu-tab*/
.menu__tablet  .menu-tab.active {
    right: 0;
    transition: all 600ms ease-in-out;
    background-color: transparent;
}
.menu__tablet  .menu-tab.active #one {
  transform: translateY(9px) rotate(-135deg);
  transition: all 0.6s ease-in-out;
  background-color: #31c2f3;
}
.menu__tablet .menu-tab.active #two {
  opacity: 0;
  transition: 0.4s ease;
}
.menu__tablet  .menu-tab.active #three {
  transform: translateY(-9px) rotate(-45deg);
  transition: all 0.6s ease-in-out;
  background-color: #31c2f3;
}

.menu__tablet  .menu-hide {
  width: 220px;
  right: -220px;
  height: 100vh;
  position: fixed;
  z-index: 9999;
  top: 91px;
  transition: all 0.6s ease-in-out;
  /*end of nav*/
}
.menu__tablet  .menu-hide nav {
  /*end of ul*/
}
.menu__tablet  .menu-hide nav ul {
  /*end of li*/
}
.menu__tablet  .menu-hide nav ul li {
  height: 70px;
  list-style-type: none;
  text-align: center;
  line-height: 70px;
  transition: all 0.5s ease;
}
.menu__tablet  .menu-hide nav ul li:hover {
    background-color: #31c2f3;
    transition: all 0.5s ease;
}
.menu__tablet .menu-hide nav ul li a {
  padding: 30px 25px;
  text-decoration: none;
  color: #f1f1f1;
  font-weight: 800;
}

/*end of menu-hide*/
.menu__tablet .menu-hide.show {
  top: 91px;
  right: 0px;
  background-color: #31c2f3;
  transition: all 0.6s ease-in-out;
}
/* END JS MENU MOBILE */



a.primary-menu__item, a.primary-menu__item:hover {
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
}

a.menu__tablet-item, a.menu__tablet-item:hover {
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
}

a.menu__screen-item, a.menu__screen-item:hover {
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
}

.menu-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    /* border: 1px solid red; */
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
.menu-container {
    background: #fff;
}
}
@media screen and (max-width: 768px)  {
.menu-container {
    background: #fff;
}
}


.menu-container__right ul.menu-main__screen li:first-child,
.menu-container__left ul.menu-main__screen li:first-child {
    padding-left: 0px;
}
.menu-container__right ul.menu-main__screen li:last-child,
.menu-container__left ul.menu-main__screen li:last-child {
    padding: 10px;
    padding-right: 0px;
}
.menu-container__left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    /* border: 1px solid red; */
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .menu-container__left {
      background: #fff;
  }
}
@media screen and (max-width: 768px)  {
  .menu-container__left {
      background: #fff;
  }
}

.menu-container__left ul.menu-main__screen {
    align-items: center;
    justify-content: flex-start;
}

.menu-container__center {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    margin: 0 auto;
    /* border: 1px solid coral; */
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .menu-container__center {
      background: #fff;
  }
}
@media screen and (max-width: 768px)  {
  .menu-container__center {
      background: #fff;
  }
}

.menu-container__right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    /* border: 1px solid yellowgreen; */
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .menu-container__right {
      background: #fff;
  }
}
@media screen and (max-width: 768px)  {
  .menu-container__right {
      background: #fff;
  }
}

.menu-container__right .item-profilo {
    background: transparent;
    color: #fff!important;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 0px!important;
    height: 40px!important;
    display: flex;
    background-image: url(/svg/i-menu__login.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

.menu-container__right .item-preferiti {
    background: transparent;
    color: #fff!important;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 0px!important;
    height: 40px!important;
    display: flex;
    background-image: url(/svg/i-menu__preferiti.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

.menu-container__right .item-carrello {
    background: transparent;
    color: #fff!important;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 0px!important;
    height: 40px!important;
    display: flex;
    background-image: url(/svg/i-menu__carrello.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

.menu-container__center .logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 100%;
    z-index: 1;
    /* border: 1px solid violet; */
}

.menu-container__center img.img-logo {
    width: 200px;
}

.menu-container__center .item-home {
    background: transparent;
    padding: 0!important;
    border-radius: 0!important;
    margin: 0!important;
    color: #fff!important;
    height: 100%;
    display: flex;
    /* border: 1px solid green; */
}

.cover-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    /* border: 1px solid red; */
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .cover-content {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      width: 100%;
      flex-direction: column;
      margin: 0 auto;
      max-width: 1200px;
      /* border: 1px solid red; */
  }
}
@media screen and (max-width: 768px) {
  .cover-content {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    flex-direction: column;
    margin: 0 auto;
    max-width: 1200px;
    /* border: 1px solid red; */
  }
}

nav {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
}



.item-telefono,
.item-email,
.item-featured
{
  font-size: 12px!important;
}

.item-email {
  text-transform: lowercase!important;
}

.item-language
 {
  font-size: 16px!important;
}

ul.main-menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-decoration: none;
    list-style: none;
    /* border: 1px solid blue; */
}

ul.main-menu li {
    padding: 10px;
}

.item-home {
    padding: 10px 15px;
    border-radius: 6px;
    color: #fff!important;
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .item-home {
      padding: 10px 15px;
      border-radius: 6px;
      color: #fff!important;
  }
}
@media screen and (max-width: 768px) {
  .item-home {
      background: #fff;
      color: #000!important;
      padding: 10px 15px;
      border-radius: 6px;
  }
}

.item-area-clienti {
    background: #189ac5;
    color: #fff!important;
    padding: 10px 15px;
    border-radius: 6px;
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .item-area-clienti {
      background: #189ac5;
      color: #fff!important;
      padding: 10px 15px;
      border-radius: 6px;
  }
}
@media screen and (max-width: 768px) {
  .item-area-clienti {
      background: #fff;
      color: #000!important;
      padding: 0;
      border-radius: 6px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1199px) {
  ul.main-menu {
      display: none;
  }
}
@media screen and (max-width: 768px) {
  ul.main-menu {
      display: none;
  }
}

ul.mobile-menu {
    display: none;
}

ul.menu-smart__content {
    display: none;
}

@media screen and (min-width: 769px) and (max-width: 1199px) {
  ul.menu-smart__content {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      text-decoration: none;
      list-style: none;
      border-top: 1px solid #ccc;
      /*border: 1px solid blue;*/
  }
}
@media screen and (max-width: 768px) {
    ul.menu-smart__content {
      width: 100%;
      height: 60px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      text-decoration: none;
      list-style: none;
      border-top: 1px solid #ccc;
  }
}

ul.menu-smart__content li {
    /* border: 1px solid red!important; */
    width: 50px;
    display: flex;
}

ul.menu-smart__content li:nth-child(1) {
    padding: 10px;
    border-right: 0;
    position: fixed;
    left: 70px;
}

ul.menu-smart__content li:nth-child(2) {
    padding: 10px;
    border-right: 0;
    position: fixed;
    left: 120px;
}

ul.menu-smart__content li {
    padding: 10px;
}

.menu__smart .item-profilo {
    background: transparent;
    color: #fff!important;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 0px!important;
    height: 40px!important;
    display: flex;
    background-image: url(/svg/i-menu__login.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

.menu__smart .item-preferiti {
    background: transparent;
    color: #fff!important;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 0px!important;
    height: 40px!important;
    display: flex;
    background-image: url(/svg/i-menu__preferiti.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

.menu__smart .item-carrello {
    background: transparent;
    color: #fff!important;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 0px!important;
    height: 40px!important;
    display: flex;
    background-image: url(/svg/i-menu__carrello.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

.menu__smart .item-telefono {
    background-color: transparent;
    color: #fff!important;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 0px!important;
    width: 40px!important;
    height: 40px!important;
    display: flex;
    background-image: url(/svg/i-menu__telefono.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

.menu__smart .item-email {
    background-color: transparent;
    color: #fff!important;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 0px!important;
    width: 40px!important;
    height: 40px!important;
    display: flex;
    background-image: url(/svg/i-menu__email.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

.menu__tablet .item-profilo {
    background: transparent;
    color: #fff!important;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 0px!important;
    height: 40px!important;
    display: flex;
    background-image: url(/svg/i-menu__login.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

.menu__tablet .item-preferiti {
    background: transparent;
    color: #fff!important;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 0px!important;
    height: 40px!important;
    display: flex;
    background-image: url(/svg/i-menu__preferiti.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

.menu__tablet .item-carrello {
    background: transparent;
    color: #fff!important;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 0px!important;
    height: 40px!important;
    display: flex;
    background-image: url(/svg/i-menu__carrello.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

.menu__tablet .item-telefono {
    background-color: transparent;
    color: #fff!important;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 0px!important;
    width: 40px!important;
    height: 40px!important;
    display: flex;
    background-image: url(/svg/i-menu__telefono.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

.menu__tablet .item-email {
    background-color: transparent;
    color: #fff!important;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 0px!important;
    width: 40px!important;
    height: 40px!important;
    display: flex;
    background-image: url(/svg/i-menu__email.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}

.container-page {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    background-image: url('/img/background.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #31c2f3;
}
@media (min-width: 769px) and (max-width: 1199px){
  .container-page {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      width: 100%;
      height: 100vh;
      background-image: url('/img/background.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      background-color: #31c2f3;
  }
}
@media (max-width: 768px) {
  .container-page {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      width: 100%;
      height: auto;
      background-image: none;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      background-color: transparent;
  }
}


.content-page {
   display: flex;
   width: 100%;
   min-height: 100%;
   margin: 0 auto;
   /* border: 2px solid #fff!important; */
   background: #fff;
   box-shadow: 0px 30px 80px #0000002e;
   padding: 0;
   /* border-radius: 32px; */
}
@media (min-width: 769px) and (max-width: 1199px){
  .content-page {
     display: flex;
     width: 100%;
     min-height: auto;
     margin: 0 auto;
     /* border: 2px solid #fff!important; */
     background: #fff;
     box-shadow: 0px 30px 80px #0000002e;
     padding: 0;
     /* border-radius: 32px; */
  }
}
@media (max-width: 768px) {
  .content-page {
     display: flex;
     flex-direction: column;
     width: 100%;
     min-height: 100%;
     margin: 0 auto;
     /* border: 2px solid #fff!important; */
     background: #fff;
     box-shadow: 0px 30px 80px #0000002e;
     padding: 0;
     /* border-radius: 32px; */
  }
}

.container-page__gestionale {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 95px 0;
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .container-page__gestionale {
      padding-top: 150px!important;
  }
}
@media screen and (max-width: 768px) {
  .container-page__gestionale {
      padding-top: 121px!important;
  }
}


.content-page__gestionale {
   display: flex;
   width: 100%;
   max-width: 1200px;
   min-height: 100%;
   margin: 0 auto;
   /* border: 2px solid #fff!important; */
   background: #fff;
   padding: 0 20px;
   /* border-radius: 32px; */
}

.section-page__title {
    display: flex;
    width: 100%;
    min-height: 120px;
    margin: 0 auto;
    /* border: 2px solid #fff!important; */
    background: #31c2f3;
    padding: 0 20px;
    /* border: 1px solid red; */
}

.section-page__content {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 20px;
    padding-top: 35px;
}
@media screen and (max-width: 768px) {
  .section-page__content {
      justify-content: center;
  }
}

.section-page__content h3 {
    color: #fff;
    font-size: 32px;
}

.section-page {
    display: flex;
    width: 100%;
    align-items: center;
    max-width: 1200px;
    min-height: 300px;
    margin: 0 auto;
    border-bottom: 1px solid #ccc!important;
    padding: 50px 20px;
    /* border-radius: 32px; */
}
@media screen and (max-width: 768px) {
  .section-page {
      display: flex;
      flex-direction: column;
      /* border: 1px solid red; */
  }
}


.section-page:last-child {
    border-bottom: 0!important;
}

.section-page p {
    font-size: 20px;
    font-weight: 300;
}

.content-section {
    display: flex;
    flex-direction: row;
}
@media screen and (max-width: 768px) {
  .content-section {
      display: flex;
      flex-direction: column;
  }
}


.content-section__left {
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 768px) {
  .content-section__left {
      display: flex;
      flex-direction: column;
      align-items: center;
  }
}

.content-section__right {
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 768px) {
  .content-section__right {
      display: flex;
      flex-direction: column;
  }
}

.content-section__icona {
    width: 90px!important;
    height: 90px!important;
    background: #fff;
    padding: 20px;
    border-radius: 50%;
    margin-bottom: 15px!important;
    box-shadow: 0 10px 20px #00000029;
    display: flex;
    align-items: center!important;
    justify-content: center!important;
    margin-right: 50px;
}
@media screen and (max-width: 768px) {
  .content-section__icona {
      width: 90px!important;
      height: 90px!important;
      margin-right: 0px;
      margin-bottom: 30px!important;
  }
}

.content-section__date {
    display: flex;
    flex-direction: row;
    align-items: center!important;
    justify-content: flex-start!important;
    padding: 20px 0;
}
@media screen and (max-width: 768px) {
  .content-section__date {
      width: 100%;
      display: flex;
      flex-direction: row;
      align-items: center!important;
      justify-content: space-around!important;
      padding: 20px 0;
  }
}


.content-section__data {
    width: 120px;
    height: 120px;
    display: flex;
    flex-direction: column;
    align-items: center!important;
    justify-content: center!important;
    border-radius: 50%;
    background: #ccc;
    /* background: #31c2f3; */
    margin-right: 20px;
    border: 5px solid transparent;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
  .content-section__data {
      margin-right: 0px;
  }
}


.content-section__data:hover {
    -webkit-transition: all 0.35s ease-in-out 0.2s;
    -moz-transition: all 0.35s ease-in-out 0.2s;
    transition: all 0.35s ease-in-out 0.2s;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    background: #31c2f3;
    box-shadow: 0 0px 25px #0000002b;
    border: 5px solid #fff;
    cursor: pointer;
}

.content-section__giornata {
    font-size: 18px;
    color: #fff;
}
.content-section__giorno {
    font-size: 32px;
    color: #fff;
}
.content-section__mese {
    font-size: 32px;
    color: #fff;
}

.dark-blue {
    background: #199ac5!important;
}

span.quote {
    font-size: 26px;
    /* font-style: italic; */
    background: #32c1f2;
    padding: 10px;
    color: #fff;
}

span.sito-misura__item {
    position: relative;
    padding-left: 20px;
    height: 100%;
    display: flex;
    align-items: center;
    /*border: 1px solid;*/
}

span.sito-misura__item:before {
    content: '';
    position: absolute;
    left: 0;
    background: #31c2f3;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.consulenza__item {
    position: relative;
    padding-left: 20px;
    height: 100%;
    display: flex;
    align-items: center;
    font-weight: bold;
    margin-top: 25px;
    /*border: 1px solid;*/
}
@media screen and (max-width: 768px) {
  span.consulenza__item {
      position: relative;
      padding-bottom: 20px;
      padding-left: 20px;
      height: 100%;
      display: flex;
      align-items: center;
      font-weight: bold;
      margin-top: 40px;
      /* border: 1px solid; */
  }
}

span.consulenza__item:before {
    content: '';
    position: absolute;
    left: 0;
    background: #31c2f3;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.consulenza__link {
    position: absolute;
    right: 0;
    width: 200px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 45px;
    background-image: url(/svg/i-vai.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 35px;
    color: #31c2f3;
}

@media screen and (max-width: 768px) {
  a.consulenza__link {
      position: absolute;
      top: 25px;
      left: 0!important;
      width: 100%;
      height: auto;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      padding-left: 0!important;
      /* padding-bottom: 20px; */
      /* border: 1px solid; */
  }
}

.container-menu-area {
    width: 20%;
    background-image: url('/img/background.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #31c2f3;
    padding: 25px;
    /* border-top-left-radius: 31px; */
    /* border-bottom-left-radius: 31px; */
    /* display: flex; */
    flex-flow: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    /* border: 1px solid #FFF; */
    padding-top: 200px;
}
@media (min-width: 769px) and (max-width: 1199px){
  .container-menu-area {
      width: 25%;
      background-image: url('/img/background.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      background-color: #31c2f3;
      padding: 380px;
      /* border-top-left-radius: 31px; */
      /* border-bottom-left-radius: 31px; */
      /* display: flex; */
      flex-flow: wrap;
      align-items: flex-start;
      justify-content: flex-start;
      /* border: 1px solid #FFF; */
      padding-top: 200px;
  }
}
@media (max-width: 768px) {
  .container-menu-area {
      width: 100%;
      background-image: url('/img/background.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      background-color: #31c2f3;
      padding: 25px;
      /* border-top-left-radius: 31px; */
      /* border-bottom-left-radius: 31px; */
      /* display: flex; */
      flex-flow: wrap;
      align-items: flex-start;
      justify-content: flex-start;
      /* border: 1px solid #FFF; */
      padding-top: 200px;
      z-index: 98;
  }
}



.content-menu-area {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding: 0;
    margin-top: 50px;
}
@media (min-width: 769px) and (max-width: 1199px){
  .content-menu-area {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-direction: column;
      padding: 0;
      margin-top: 50px;
  }
}
@media (max-width: 768px) {
  .content-menu-area {
      width: 100%;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      padding: 0;
      margin-top: 25px;
  }
}


/* ! HELPER */
.h-100  { height: 100%; }

.w-20   { width: 20%!important; }
.w-25   { width: 25%!important; }
.w-33   { width: 33.333333333333333%!important; }
.w-50   { width: 50%!important; }
.w-100  { width: 100%!important; }

@media (max-width: 768px) {
  .w-20   { width: 100%!important; }
  .w-25   { width: 100%!important; }
  .w-33   { width: 100%!important; }
  .w-50   { width: 100%!important; }
  .w-100  { width: 100%!important; }
}

.p-20 { padding: 20px!important; min-height: 100px;}

.desktop {
  display: flex!important;
}
@media (max-width: 768px) {
  .desktop {
    display: none!important;
  }
}

.mobile {
  display: none!important;
}
@media (max-width: 768px) {
  .mobile {
    display: flex!important;
  }
}

/* ! FOOTER */
#site-footer {
    font-size: 1.8rem;
    padding: 25px!important;
    box-shadow: 0px 0px 50px #00000025!important;
    width: 100%;
    position: fixed;
    bottom: 0px;
}

footer.footer-alternative {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
    margin: 0 auto;
    position: relative;
    bottom: 0px;
    background: #fff;
    border-top: 1px solid #ccc;
    z-index: 10;
}

footer.footer-alternative p {
    font-size: 11px;
}

.footer__content {
    width: 100%;
    max-width: calc(1200px - 50px);
    height: auto;
    min-height: 50px;
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-top: 1px solid #ccc;
}
@media (min-width: 769px) and (max-width: 1199px){
  .footer__content {
      padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .footer__content {
    padding: 20px;
    align-items: flex-start;
    width: 100%!important;
    display: block;
}
}

.footer__content-item {
    width: 100%;
    max-width: 1200px;
    height: auto;
    min-height: 50px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    /* border: 1px solid yellowgreen; */
    border-right: 1px solid #ccc;
}
@media (min-width: 769px) and (max-width: 1199px){
  .footer__content-item {
      width: 50%;
      padding: 10px 0;
      border-bottom: 1px solid #ccc;
      min-height: 150px;
  }
}
@media (max-width: 768px) {
  .footer__content-item {
      padding: 10px 0;
      border-bottom: 1px solid #ccc;
  }
}

@media (min-width: 769px) and (max-width: 1199px){
  .footer__content-item:nth-child(5) {
      border-right: 0!important;
      width: 100%;
      border-bottom: 0;
  }
}


@media (max-width: 768px) {
  .footer__content-item:last-child {
      border-bottom: 0;
  }
}



.footer__content-item:nth-child(1) {
    padding-right: 25px;
}
.footer__content-item:nth-child(2),
.footer__content-item:nth-child(3),
.footer__content-item:nth-child(4),
.footer__content-item:nth-child(5) {
    padding-left: 25px;
    padding-right: 25px;
}
@media (min-width: 769px) and (max-width: 1199px){
  .footer__content-item:nth-child(1),
  .footer__content-item:nth-child(2),
  .footer__content-item:nth-child(3),
  .footer__content-item:nth-child(4),
  .footer__content-item:nth-child(5) {
      padding-left: 0px;
      padding-right: 0px;
  }
}
@media (min-width: 769px) and (max-width: 1199px){
  .footer__content-item:nth-child(2),
  .footer__content-item:nth-child(4) {
      border-right: 0;
      padding: 20px;
  }
}

@media (max-width: 768px) {
  .footer__content-item:nth-child(1),
  .footer__content-item:nth-child(2),
  .footer__content-item:nth-child(3),
  .footer__content-item:nth-child(4),
  .footer__content-item:nth-child(5) {
      padding-left: 0px;
      padding-right: 0px;
      border-right: 0;
  }
}

.footer__content:nth-child(1) {
  border-top: 0!important;
}
.footer__content:nth-child(3) {
  border-bottom: 0!important;
}
.footer__content-item:nth-child(5) {
    border-right: 0!important;
}

.footer__content-item h3 {
    font-size: 15px;
    margin-bottom: 10px;
    opacity: .8;
}
.footer__content-item p {
    font-size: 11px;
    margin: 1px 0;
    opacity: .5;
}
.footer__content-item a,
.footer__content-item a:active,
.footer__content-item a:hover,
.footer__content-item a:visited {
    font-size: 11px;
    margin: 1px 0;
    color: #000!important;
}

.footer__content-sitemap {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  /*border: 1px solid red;*/
}
@media (min-width: 769px) and (max-width: 1199px){
  .footer__content-sitemap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*border: 1px solid red;*/
  }
}
@media (max-width: 768px) {
  .footer__content-sitemap {
    display: flex;
    flex-direction: column;
    /*border: 1px solid red;*/
  }
}


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

.footer__content-logo img.img-logo {
    width: 120px;
    height: auto;
}

.footer__content-piva {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /*border: 1px solid blu;*/
}

.footer__content-credits {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  /*border: 1px solid acquamarine;*/
}

a.a-credits {
    color: #000;
    font-weight: bold;
}

.container-profilo {
    width: 80%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    /* border: 1px solid #ccc; */
    padding: 150px 25px 25px;
}

.container-profilo__content {
    width: 100%;
    /* height: 100%; */
    /* max-width: 1200px; */
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #ccc;
    padding: 10px 0px;
}

.content-profile {
    display: flex;
    /*border: 1px solid yellowgreen;*/
    width: 80%;
    background-image: url('/img/img-emmekweb-contattami.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    align-items: flex-end;
    padding-bottom: 250px;
    flex-direction: column;
    justify-content: space-around;
    padding: 0 25px;
}
@media (min-width: 769px) and (max-width: 1199px){
  .content-profile {
      display: flex;
      /*border: 1px solid yellowgreen;*/
      width: 100%;
      background-image: url('/img/img-emmekweb-contattami.jpg');
      background-size: cover;
      background-repeat: no-repeat;
      align-items: flex-end;
      padding-bottom: 250px;
      flex-direction: column;
      justify-content: space-around;
      padding: 0 25px;
  }
}
@media (max-width: 768px) {
  .content-profile {
      display: flex;
      /*border: 1px solid yellowgreen;*/
      width: 100%;
      background-image: url('/img/img-emmekweb-contattami.jpg');
      background-size: cover;
      background-repeat: no-repeat;
      align-items: flex-end;
      padding-bottom: 250px;
      flex-direction: column;
      justify-content: space-around;
      padding: 0 25px;
  }
}

.content-profile::before {
    position: absolute;
    width: 80%;
    height: 100%;
    top: 0;
    left: 20%;
    content: '';
    z-index: 1;
    opacity: 0.8;
    background: -moz-linear-gradient(top, #01b1e0 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, #01b1e0 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, #01b1e0 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0);
}
@media (max-width: 768px) {
  .content-profile::before {
      position: absolute;
      width: 80%;
      height: 100%;
      top: 400px;
      left: 0;
      content: '';
      z-index: 1;
      opacity: 0.8;
      background: -moz-linear-gradient(top, #01b1e0 0%, rgba(0, 0, 0, 0) 100%);
      background: -webkit-linear-gradient(bottom, #01b1e0 0%, rgba(0, 0, 0, 0) 100%);
      background: linear-gradient(to top, #01b1e0 0%, rgba(0, 0, 0, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0);
  }
}

.content-profile__contatti {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*border: 1px solid yellowgreen;*/
    width: 80%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
@media (min-width: 769px) and (max-width: 1199px){
  .content-profile__contatti {
      display: flex;
      align-items: center;
      justify-content: space-between;
      /*border: 1px solid yellowgreen;*/
      width: 80%;
      margin: 0 auto;
      position: relative;
      z-index: 2;
  }
}
@media (max-width: 768px) {
  .content-profile__contatti {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      /*border: 1px solid yellowgreen;*/
      width: 100%;
      margin: 0 auto;
      position: relative;
      z-index: 2;
  }
}

.content-profile__contatti h1 {
    font-size: 32px;
    color: #fff;
    margin: 20px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid;
}

.icona-tel {
    width: 55px;
    filter: invert(1);
}

.content-profile__contatti_recapiti {
    display: flex;
    /*border: 1px solid yellowgreen;*/
    width: 33%;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    color: #fff;
}
@media (min-width: 769px) and (max-width: 1199px){
  .content-profile__contatti_recapiti {
      display: flex;
      /*border: 1px solid yellowgreen;*/
      width: 33%;
      align-items: flex-start;
      justify-content: center;
      flex-direction: column;
      color: #fff;
  }
}
@media (max-width: 768px) {
  .content-profile__contatti_recapiti {
      display: flex;
      /*border: 1px solid yellowgreen;*/
      width: 100%;
      align-items: flex-start;
      justify-content: center;
      flex-direction: column;
      color: #fff;
  }
}

.recapiti {
    width: 100%;
    padding-right: 50px;
}

.content-profile__contatti_logo {
    display: flex;
    /*border: 1px solid red;*/
    width: 33%;
}

.logo-emmekweb {
    width: 100%;
    height: 90px;
    float: left;
    background-size: 174px;
}

.content-profile__contatti_social {
    display: flex;
    /*border: 1px solid blue;*/
    width: 33%;
}
@media (min-width: 769px) and (max-width: 1199px){
  .content-profile__contatti_social {
      display: flex;
      /*border: 1px solid blue;*/
      width: 33%;
  }
}
@media (max-width: 768px) {
  .content-profile__contatti_social {
      display: flex;
      /*border: 1px solid blue;*/
      width: 100%;
  }
}

.social-f {
    width: 100%;
}

.social-f img {
    width: 60px;
}

.facebook-f {
    width: 25%;
    height: 100px;
    float: left;
    background-color: transparent!important;
    background-image: url('/svg/facebook.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 35px;
}

.instagram-f {
    width: 25%;
    height: 100px;
    float: left;
    background-color: transparent!important;
    background-image: url('/svg/instagram.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 35px;
}

.google-f {
    width: 25%;
    height: 100px;
    float: left;
    background-color: transparent!important;
    background-image: url('/svg/i-google.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 35px;
}

.linkedin-f {
    width: 25%;
    height: 100px;
    float: left;
    background-color: transparent!important;
    background-image: url('/svg/i-linkedin.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 35px;
}


.profile-esci
{
  padding: 25px;
  font-size: 22px;
}


.profile-nome
.profile-cognome {
  padding: 25px;
  font-size: 18px;
}

/* AREA CLIENTI */
#site-header {
    width: 100%;
    height: auto;
    position: fixed;
    top: 0px;
    background: #fff!important;
    -webkit-box-shadow: 0 15px 50px 0 rgba(0,0,0,0.35);
    -moz-box-shadow: 0 15px 50px 0 rgba(0,0,0,0.35);
    box-shadow: 0 15px 50px 0 rgba(0,0,0,0.35);
    z-index: 601;
}

.container-area-clienti {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100vh;
  background-image: url('/img/background.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
	background-color: #31c2f3;
}

.content-area-clienti {
    display: flex;
    width: 100%;
    min-height: 320px!important;
    max-width: 600px;
    margin: 0 auto;
    border: 2px solid #fff!important;
    background: #fff;
    box-shadow: 0px 30px 80px #0000002e;
    padding: 0;
    border-radius: 32px;
}
@media (min-width: 769px) and (max-width: 1199px){
  .content-area-clienti {
      display: flex;
      width: 100%;
      min-height: 320px!important;
      max-width: 600px;
      margin: 0 auto;
      border: 2px solid #fff!important;
      background: #fff;
      box-shadow: 0px 30px 80px #0000002e;
      padding: 0;
      border-radius: 32px;
  }
}
@media (max-width: 768px) {
  .content-area-clienti {
      display: flex;
      flex-direction: column;
      width: 100%;
      min-height: 320px!important;
      max-width: 100%;
      margin: 0 auto;
      border: 0;
      background: #fff;
      box-shadow: none;
      padding: 0;
      border-radius: 0;
  }
}

.content-icon {
    width: 40%;
    background-image: url('/img/background.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #31c2f3;
    padding: 25px;
    border-top-left-radius: 31px;
    border-bottom-left-radius: 31px;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    border: 1px solid #FFF;
}
@media (min-width: 769px) and (max-width: 1199px){
  .content-icon {
      width: 40%;
      background-image: url('/img/background.png');
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      background-color: #31c2f3;
      padding: 25px;
      border-top-left-radius: 31px;
      border-bottom-left-radius: 31px;
      display: flex;
      flex-flow: wrap;
      align-items: center;
      justify-content: center;
      border: 1px solid #FFF;
  }
}
@media (max-width: 768px) {
  .content-icon {
      width: 100%;
      background-image: none;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      background-color: transparent;
      padding: 25px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      display: flex;
      flex-direction: column-reverse!important;
      flex-flow: wrap;
      align-items: center;
      justify-content: center;
      border: 0;
  }
}


.content-icon h2 {
    font-size: 28px;
    font-weight: 800;
    line-height: 28px;
    letter-spacing: normal;
    color: #fff;
}

.icona-login {
    width: 100px!important;
    height: 100px!important;
    filter: invert(1);
}
@media (max-width: 768px) {
  .icona-login {
      width: 100px!important;
      height: 100px!important;
      filter: invert(1);
      margin-bottom: 25px!important;
  }
}

.content-menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    padding: 25px;
}

.clienti-login-benvenuto {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 32px;
    margin-top: 50px;
    color: #fff;
    z-index: 2;
    padding-top: 100px;
    text-shadow: 0px 0px 20px #000;
}

.clienti-benvenuto__page {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    font-size: 32px;
    /* margin-top: 50px; */
    color: #fff;
    z-index: 2;
    /* padding-top: 100px; */
    /* text-shadow: 0px 0px 20px #000; */
}


.clienti-login-home,
.clienti-login-profilo,
.clienti-login-documenti,
.clienti-login-esci {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
@media (min-width: 769px) and (max-width: 1199px){
  .clienti-login-home,
  .clienti-login-profilo,
  .clienti-login-documenti,
  .clienti-login-esci {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
  }
}
@media (max-width: 768px) {
  .clienti-login-home,
  .clienti-login-profilo,
  .clienti-login-documenti,
  .clienti-login-esci {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
  }
}


/* form.clienti-login-home {
    background-image: url('/svg/i-home.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 35px;
}

form.clienti-login-profilo {
    background-image: url('/svg/i-profilo.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 30px;
}

form.clienti-login-documenti {
    background-image: url('/svg/i-documenti.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 35px;
}

form.clienti-login-esci {
    background-image: url('/svg/i-esci.svg');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 30px;
} */

form.clienti-login-home:hover,
form.clienti-login-profilo:hover,
form.clienti-login-documenti:hover,
form.clienti-login-esci:hover {
    filter: invert(1);
}

.ar-menu__container {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  position: relative;
}

.sep-item-menu {
  width: 100%;
  height: 1px;
  background: #000;
}
@media (min-width: 769px) and (max-width: 1199px){
  .sep-item-menu {
    width: 100%;
    height: 1px;
    background: #000;
  }
}
@media (max-width: 768px) {
  .sep-item-menu {
    width: 1px;
    height: 60px;
    background: #000;
  }
}

.content-form {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 25px;
}
@media (min-width: 769px) and (max-width: 1199px){
  .content-form {
      width: 60%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 25px;
  }
}
@media (max-width: 768px) {
  .content-form {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 25px;
  }
}

.button-send-form {
    width: 100%;
    height: 50px;
    border-radius: 0px!important;
    background: #31c2f3!important;
    font-size: 20px;
    text-transform: uppercase;
    cursor: pointer;
}

.button-send-form:hover {
    width: 100%;
    height: 50px;
    border-radius: 0px!important;
    background: #000!important;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}

.button-send-form-detail {
    width: 100%;
    height: 50px;
    border-radius: 0px!important;
    background: transparent;
    font-size: 20px;
    text-transform: uppercase;
    border: 0;
    text-align: left;
    padding-left: 15px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
@media (min-width: 769px) and (max-width: 1199px){
  .button-send-form-detail {
      width: 100%;
      height: 50px;
      border-radius: 0px!important;
      background: transparent;
      font-size: 20px;
      text-transform: uppercase;
      border: 0;
      text-align: left;
      padding-left: 15px;
      display: flex;
      align-items: center;
      cursor: pointer;
  }
}
@media (max-width: 768px) {
  .button-send-form-detail {
      width: 100%;
      height: 50px;
      border-radius: 0px!important;
      background: transparent;
      font-size: 14px;
      text-transform: uppercase;
      border: 0;
      text-align: center;
      padding-left: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
  }
}


/*
.button-send-form-detail:hover {
    width: 100%;
    height: 50px;
    border-radius: 0px!important;
    background: transparent!important;
    font-size: 20px;
    color: ;
    text-transform: uppercase;
    filter: invert(1);
}
*/

.button-send-form:hover {
    width: 100%;
    height: 50px;
    border-radius: 0px!important;
    background: #000!important;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}


form.clienti-login-form {
    width: 100%;
}

.clienti-login-form input {
    margin: 10px 0!important;
    padding: 15px!important;
    color: #000;
    width: 100%;
    border-radius: 0!important;
    font-size: 20px!important;
    border: 2px solid #31c2f3;
}

.clienti-login-form label{
	color: #000;
}


form.post-password-form p {
    color: #000000!important;
}




.header-footer-group, body:not(.overlay-header) #site-header .toggle, .menu-modal .toggle {
    color: #ffffff!important;
}


p-0 	       { padding:	   0px!important; }
p-10 	       { padding: 	10px!important;	}
p-20 	       { padding: 	20px!important;	}
p-25 	       { padding: 	25px!important;	}
p-50 	       { padding: 	50px!important;	}
p-100        { padding: 100px!important;	}

hr.divider-small   { margin: 10px 0px; }
hr.divider-medium  { margin: 20px 0px; }
hr.divider-large   { margin: 30px 0px; }

.left        { left:  0px }
.right       { right: 0px }

iframe {
    width: 100%!important;
    min-height: 280px!important;
}

.main-container-evento {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: start;
    /*border: 1px solid red;*/
}

.main-container-evento-single {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: start;
    padding-top: 80px;
    /*border: 1px solid red;*/
}

.main-container-tabs {
    width: 100%;
    height: auto;
    display: flex;
    padding-bottom: 80px;
}


/* START TABS STYLE 02 */
.tab {
    float: left;
    border: none;
    background-color: #fff;
    width: 15%;
    height: auto;
}

.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 15px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: none;
    font-size: 17px;
    border-bottom: 1px solid #ccc;
}

.first {
	  border-right: 0;
		border-top: 1px solid #ccc!important;
}

.last {
	  border-right: 0;
		border-bottom: 1px solid #ccc!important;
}

.tablinks span {
    padding-left: 10px;
}

.tab-icon {
    width: 25px!important;
    display: block;
    float: left;
}

.tab button:hover {
    background-color: #fff;
    color: #d03010;
    fill:  #d03010;
    transition: none!important;
}

.tab button.active {
    background-color: #d03010;
    color: #fff;
    fill: #fff;
    transition: none!important;
}

.tabcontent {
    float: left;
    padding: 20px;
    border: 1px solid #ccc!important;
    width: 85%;
    border-left: none;
    min-height: 300px;
    -webkit-box-shadow: 0px 25px 40px -20px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 25px 40px -20px rgba(0,0,0,0.15);
    box-shadow: 0px 25px 40px -20px rgba(0,0,0,0.15);
}

.tabcontent h3 {
    margin-bottom: 25px;
}

.tabcontent p {
    font-size: 16px;
    font-weight: 300;
    margin: revert;
}
/* END TABS */


/*
#site-header {
    width: 100%;
    height: 80px;
    position: fixed;
    top: 0px;
    background: #000;
    -webkit-box-shadow: 0 16px 32px 0 rgba(0,0,0,0.35);
    -moz-box-shadow: 0 16px 32px 0 rgba(0,0,0,0.35);
    box-shadow: 0 16px 32px 0 rgba(0,0,0,0.35);
    z-index: 601;
}
*/

.header-inner {
  width: calc( 100% - 40px );
  max-width: 1200px;
  padding: 0;
}

/* SITE DESCRIPTION INVISIBLE */
.site-description {
  display: none;
}

/* HEADER MAIN CONTAINER */
.header-titles-wrapper {
  height: 80px;
  align-items: center;
  display: flex;
  justify-content: flex-start;
  padding: 0px;
  text-align: center;
  /*border: 1px solid chartreuse;*/
}

.primary-menu li {
  line-height: normal;
  position: relative;
  color: #fff;
  padding: 10px;
}

/* NAV BUTTON */
.nav-toggle {
  width: 60px!important;
  display: flex!important;
  align-items: center!important;
  justify-content: flex-end!important;
  position: absolute;
  bottom: 0;
  right: 20px;
  top: 0;
  padding: 0px!important;
  /*border: 1px solid red!important;*/
}

/* SEARCH BUTTON */
.search-toggle {
  width: 60px!important;
  display: flex!important;
  align-items: center!important;
  justify-content: flex-end!important;
  position: absolute!important;
  top: 0;
  left: unset;
}


/* ! LOGIN */
.content-form {
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  padding: 25px;
}

.error {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #ff5252;
  color: #fff;
  width: 100%;
  margin-top: 15px;
  padding: 15px;
}

/* ! SWIPER */
.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper__content {
  width: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 50px;
  height: auto;
  object-fit: cover;
}

@media (max-width: 768px) {
  .swiper-wrapper {
      padding-top: 240px;
  }
}


.swiper__content {
  width: 100%;
}

.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 50px!important;
    height: 50px!important;
}
@media (max-width: 768px) {
  .swiper-button-prev,
  .swiper-button-next {
      top: 150px!important;
  }
}

.swiper-button-prev {
    left: 25px!important;
    left: auto;
}

.swiper-button-next {
    right: 25px!important;
    left: auto;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    width: calc(100% - 50px);
    top: 120px!important;
    /* left: 25px; */
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    /* border-bottom: 1px solid #ccc; */
    padding: 0 25px!important;
    margin: 0 auto;
    /* border: 1px solid red; */
}

span.swiper-pagination-current {
    font-size: 26px;
    margin-right: 1px;
    font-weight: bold;
    color: #fff!important;
    margin-right: 3px;
    margin-bottom: -4px;
}

span.swiper-pagination-total {
    margin-left: 3px;
}


/* ! SLIDE */

.slick-list {
    padding: 0!important;
}

.container-slide {
    width: 100%;
    height: 100%;
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .container-slide {
      width: 100%;
      height: 100%;
      margin-top: 150px;
  }
}
@media screen and (max-width: 768px) {
  .container-slide {
      width: 100%;
      height: 100%;
      margin-top: 120px;
  }
}

.content-slide {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 50px;
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .content-slide {
      padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .content-slide {
      padding: 0;
  }
}


.content-slide.wordpress,
.content-slide.egi {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.content-slide__title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .content-slide__title {
      /* border: 1px solid red; */
      width: calc(100% - 130px)!important;
  }
}

.content-slide__subtitle {
    width: 100%!important;
    text-align: center;
    margin-top: 25px;
    min-height: 120px;
}
@media screen and (max-width: 768px) {
  .content-slide__subtitle {
      width: 100%!important;
      text-align: center;
      margin-top: 0;
      height: 100%;
      display: flex!important;
      align-items: flex-start!important;
      justify-content: center!important;
      text-align: left;
      line-height: 22px!important;
      /* border: 1px solid blue; */
  }
}


.height-100 {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .height-100 {
      height: 100%;
      flex-direction: row!important;
  }
}

.h-100.w-25,
.h-100.w-33,
.h-100.w-50,
.h-100.w-100
 {
    display: flex;
    flex-direction: column;
}
@media screen and (max-width: 768px) {
  .h-100.w-25,
  .h-100.w-33,
  .h-100.w-50,
  .h-100.w-100
   {
      display: flex;
      flex-direction: row;
  }
}

.content-slide__cta {
    display: flex!important;
    flex-direction: row!important;
    align-items: flex-start!important;
    justify-content: center;
    text-align: center;
    /*border: 1px solid red;*/
}

@media screen and (max-width: 768px) {
  .content-slide__cta {
      display: flex!important;
      flex-direction: column!important;
      align-items: flex-start!important;
      justify-content: center;
      text-align: center;
      /* border: 1px solid red; */
  }
}

.content-slide__cta div {
    display: flex!important;
    align-items: center;
    /*justify-content: space-between!important;*/
    margin-bottom: 0!important;
    /*margin: 10px;*/
    padding: 0 15px;
}
@media screen and (max-width: 768px) {
  .content-slide__cta div {
      display: flex!important;
      align-items: unset;
      /* justify-content: space-between!important; */
      margin-bottom: 0!important;
      width: 100%;
      /* margin: 10px; */
      padding: 0 15px;
  }
}

.content-slide.wordpress div:before,
.content-slide.egi div:before {
    content: '';
    position: absolute;
    top: calc(50% - 40px);
    right: 0px;
    width: 2px;
    height: 80px;
    background: #ffffff;
}
@media screen and (max-width: 768px) {
  .content-slide.wordpress div:before,
  .content-slide.egi div:before {
      content: '';
      position: absolute;
      top: unset;
      bottom: 0;
      right: 0px;
      left: 0px;
      margin: 0 auto;
      width: calc(100% - 50px);
      height: 2px;
      background: #ffffff;
  }
}

.content-slide div:last-child:before {
    display: none;
}

.container-slide__img:before,
.content-slide__img:before,
.content-slide__title:before,
.content-slide__subtitle:before,
.content-slide__cta:before,
.content-slide.wordpress .last-img:before,
.content-slide.egi .last-img:before   {
    display: none!important;
}


.content-slide div {
    margin-bottom: 50px;
    position: relative;
    color: #fff;
    font-size: 22px;
    line-height: 26px;
    display: flex;
    flex-direction: column;
    align-items: center;
    /*border: 1px solid red;*/
}
@media screen and (max-width: 768px) {
  .content-slide div {
      font-size: 18px;
      line-height: 26px;
  }
}

.content-slide h2 {
    position: relative;
    color: #fff;
    font-size: 46px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 35px;
}

.content-slide a {
    color: #fff!important;
}

.title__subtitle {
  text-transform: normal;
}

.content-slide.wordpress h2,
.content-slide.egi h2 {
    position: relative;
    color: #fff;
    font-size: 46px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 0;
    text-shadow: 0 0 20px #00000050;
}
@media screen and (max-width: 768px) {
  .content-slide.wordpress h2,
  .content-slide.egi h2 {
      font-size: 32px;
      line-height: 36px;
      padding: 0 50px;
      padding-top: 60px;
  }
  .content-slide.egi h2 {
      padding: 0 25px!important;
  }
}

/*
.egi .content-slide__title {
    margin-top: -200px!important;
    margin-bottom: 0!important;
}
.egi .content-slide__title {
    margin-top: -200px!important;
    margin-bottom: 0!important;
}
*/

.blu {
  color: #31c2f3!important;
}

.bianco {
  color: #fff!important;
}

@media screen and (max-width: 768px) {
  .container-slide__img {
      width: 25%!important;
      height: 100%!important;
      display: flex;
      align-items: center!important;
      justify-content: center!important;
      /* border: 1px solid green; */
  }
}

.content-slide__img {
    width: 90px!important;
    height: 90px!important;
    background: #fff;
    padding: 20px;
    border-radius: 50%;
    margin-bottom: 15px!important;
    box-shadow: 0 10px 20px #00000029;
    display: flex;
    align-items: center!important;
    justify-content: center!important;
}
@media screen and (max-width: 768px) {
  .content-slide__img {
      width: 60px!important;
      height: 60px!important;
  }
}

.slide-cover-01,
.slide-cover-02,
.slide-cover-03
 {
    width: 100%;
    display: flex!important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    height: 100vh!important;
}
@media screen and (max-width: 768px) {
  .slide-cover-01,
  .slide-cover-02,
  .slide-cover-03
   {
      width: 100%;
      display: flex!important;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      position: relative;
      height: auto!important;
      /* min-height: 580px!important; */
      min-height: 100vh!important;
      padding-top: 25px;
  }
}

.slide-cover-01
 {
    background-image: url('/img/img-emmekweb-realizzazione-siti-wordpress-udine.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.slide-cover-02
 {
    background-image: url('/img/img-emmekweb-progettazione-grafica-udine.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.slide-cover-03
 {
    background-image: url('/img/gruppo-egi.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.overlay-slide-first {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    /* background: red; */
    background: rgb(0,212,255);
    background: linear-gradient(180deg, rgba(49,194,243,.8) 20%, rgba(255,255,255,0) 60%);
}

.overlay-slide {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(49 194 243 / 85%);
}

button.slide-arrow.prev-arrow.slick-arrow,
button.slide-arrow.next-arrow.slick-arrow {
    position: absolute;
    top: 50%;
    cursor: pointer;
}

button.slide-arrow.prev-arrow.slick-arrow {
    position: absolute;
    top: 50%;
    left: 20px!important;
    width: 50px;
    border: 0;
    z-index: 1;
    background: transparent;
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  button.slide-arrow.prev-arrow.slick-arrow {
      position: absolute;
      top: unset;
      top: 20px;
      left: 20px!important;
      width: 50px;
      border: 0;
      z-index: 1;
      background: transparent;
  }
  button.slide-arrow.prev-arrow.slick-arrow img {
    /* width: 35px; */
  }
}
@media (max-width: 768px) {
  button.slide-arrow.prev-arrow.slick-arrow {
      position: absolute;
      top: unset;
      top: 20px;
      left: 20px!important;
      width: 50px;
      border: 0;
      z-index: 1;
      background: transparent;
  }
  button.slide-arrow.prev-arrow.slick-arrow img {
    width: 35px;
  }
}

button.slide-arrow.next-arrow.slick-arrow {
    position: absolute;
    top: 50%;
    right: 20px!important;
    width: 50px;
    border: 0;
    z-index: 1;
    background: transparent;
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
  button.slide-arrow.next-arrow.slick-arrow {
      position: absolute;
      top: unset;
      top: 20px;
      right: 20px!important;
      width: 50px;
      border: 0;
      z-index: 1;
      background: transparent;
  }
  button.slide-arrow.next-arrow.slick-arrow img {
    /* width: 35px; */
  }
}

@media (max-width: 768px) {
  button.slide-arrow.next-arrow.slick-arrow {
      position: absolute;
      top: unset;
      top: 20px;
      right: 20px!important;
      width: 50px;
      border: 0;
      z-index: 1;
      background: transparent;
  }
  button.slide-arrow.next-arrow.slick-arrow img {
    width: 35px;
  }
}


img.icona-slide {
    width: 50px;
    position: relative;
    /*margin-bottom: 25px;*/
}
@media (max-width: 768px) {
  img.icona-slide {
      width: 30px;
  }
}

img.img-logo {
    width: 250px;
}
@media (min-width: 769px) and (max-width: 1199px){
  img.img-logo {
      width: 200px;
      height: auto;
  }
}
@media (max-width: 768px) {
  img.img-logo {
      width: 200px;
  }
}

img.icona-sezione {
    width: 50px;
}
@media (min-width: 769px) and (max-width: 1199px){
  img.icona-sezione {
      width: 50px;
      height: auto;
  }
}
@media (max-width: 768px) {
  img.icona-sezione {
      width: 50px;
  }
}


.container__docs {
  width: 80%;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  /* border: 1px solid #ccc; */
  padding: 150px 25px 25px;
}
@media (min-width: 769px) and (max-width: 1199px){
  .container__docs {
    width: 75%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    /* border: 1px solid #ccc; */
    padding: 150px 25px 25px;
  }
}
@media (max-width: 768px) {
  .container__docs {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    /* border: 1px solid #ccc; */
    padding: 50px 25px 25px;
  }
}

.content__docs {
  background: #ededed;
  display: flex;
  flex-direction: row;
  border: 1px solid #e5e5e5;
  box-shadow: 0 0 10px #0000000f;
  margin-bottom: 20px;
}
@media (min-width: 769px) and (max-width: 1199px){
  .content__docs {
    background: #ededed;
    display: flex;
    flex-direction: column;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 10px #0000000f;
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .content__docs {
    background: #ededed;
    display: flex;
    flex-direction: column;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 10px #0000000f;
    margin-bottom: 20px;
  }
}

.docs__descrizione {
  background: #ffffff;
  width: calc(100% - 220px);
  padding: 15px;
  border-radius: 0px;
  position: relative;
  align-items: flex-start;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
@media (min-width: 769px) and (max-width: 1199px){
  .docs__descrizione {
    background: #ffffff;
    width: 100%;
    padding: 15px;
    border-radius: 0px;
    position: relative;
    align-items: flex-start;
    justify-content: center;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .docs__descrizione {
    background: #ffffff;
    width: 100%;
    padding: 15px;
    border-radius: 0px;
    position: relative;
    align-items: flex-start;
    justify-content: center;
    display: flex;
    flex-direction: column;
  }
}

.docs__descrizione:after {
  content: '';
  position: absolute;
  right: 0;
  background: #ccc;
  width: 1px;
  height: 50px;
  top: calc(50% - 25px);
}
@media (min-width: 769px) and (max-width: 1199px){
  .docs__descrizione:after {
    display: none;
  }
}
@media (max-width: 768px) {
  .docs__descrizione:after {
    display: none;
  }
}

.docs__descrizione p {
  margin: 0;
}
.docs__stato {
    background: #fff;
    width: 50px;
    padding: 15px;
    border-right: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
@media (min-width: 769px) and (max-width: 1199px){
  .docs__stato {
      background: #fff;
      width: 100%;
      padding: 15px;
      border-right: 0;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
  }
}
@media (max-width: 768px) {
  .docs__stato {
      background: #fff;
      width: 100%;
      padding: 15px;
      border-right: 0;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
  }
}

span.label__stato {
    font-size: 12px!important;
    color: #7c7c7c;
    letter-spacing: 0.5px;
}
.docs__importo {
  width: auto;
  /* padding: 15px; */
  /* border-right: 1px solid #ccc; */
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.docs__importo p {
  margin: 0;
  font-weight: bold;
  font-size: 20px;
}

.docs__scadenza {
    width: 120px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 15px;
    border-right: 1px solid #ccc;
    flex-direction: column;
}
@media (min-width: 769px) and (max-width: 1199px){
  .docs__scadenza {
      width: 100%;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      padding: 15px;
      border-right: 0;
      flex-direction: column;
  }
}
@media (max-width: 768px) {
  .docs__scadenza {
      width: 100%;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      padding: 15px;
      border-right: 0;
      flex-direction: column;
  }
}

.button__scadenza {
  width: 125px;
  height: 50px;
  background-image: url("/svg/i-scadenza.svg");
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
}

span.label__scadenza {
    font-size: 12px!important;
    color: #7c7c7c;
    letter-spacing: 0.5px;
}

.docs__visualizza {
  background: #ededed;
  width: 50px;
  padding: 15px;
  border-right: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.container__docs-scarica {
  background: #ededed;
  width: 50px;
  height: auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 769px) and (max-width: 1199px){
  .container__docs-scarica {
    background: #ededed;
    width: 50px;
    height: 50px;
    height: auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
@media (max-width: 768px) {
  .container__docs-scarica {
    background: #ededed;
    width: 50px;
    height: 50px;
    height: auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

.content__docs-scarica {
  background: #ededed;
  width: 50px;
  height: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.button__scarica {
  width: 50px;
  height: 100%;
  background-color: #ededed;
  background-image: url("/svg/i-download.svg");
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  border: 0;
  cursor: pointer;
}
.button__scarica:hover {
  background-color: #d7d6d6;
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}

.pagato {
  width: 20px;
  height: 20px;
  background: #89ed04;
  border-radius: 50%;
  /* border: 1px solid #ccc; */
  /* padding: 3px; */
}
.non-pagato {
  width: 20px;
  height: 20px;
  background: red;
  border-radius: 50%;
  /* border: 2px solid #ccc; */
  /* padding: 3px; */
}

/* ! DROPDOWN MENU */
.dropdown__docs {
  position: relative;
  display: block;
}

.dropdown__docs-btn {
  background-color: #ededed;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  position: relative;
}

.dropdown__docs-btn:before {
  position: absolute;
  left: 10px;
  width: 35px;
  height: 35px;
  background-image: url("/svg/i-doc-type.svg");
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
}

.dropdown__docs-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown__docs-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
  padding-left: 60px;
}

.dropdown__docs-content a:before {
  position: absolute;
  left: 10px;
  width: 35px;
  height: 35px;
  background-image: url("/svg/i-doc-type.svg");
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
}


.dropdown__docs input {
    font-size: 0;
    background-image: url(/svg/i-select-search.svg);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 50px;
    border: 0;
    cursor: pointer;
}

.dropdown__docs {
    width: auto;
    position: relative;
    display: block;
    flex-direction: column;
    margin-bottom: 35px;
}

.dropdown__docs form {
    width: auto;
    display: inline-flex;
    align-items: center;
    -webkit-box-shadow: 0 3px 20px -6px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 3px 20px -6px rgba(0,0,0,.2);
    box-shadow: 0 3px 20px -6px rgb(0 0 0 / 20%);
    border: 1px solid #ccc!important;
    height: 53px;
}

.select-container {
  -webkit-box-shadow: 0 3px 20px -6px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0 3px 20px -6px rgba(0,0,0,.2);
  box-shadow: 0 3px 20px -6px rgb(0 0 0 / 20%);
}

.select-content__left,
.select-content__right
 {
    display: flex;
    flex-direction: column;
}

.select-content__left,
.select-content__right {
    width: auto;
}

@media (min-width: 769px) and (max-width: 1199px){
  .select-content__left {
      width: 100px;
      height: auto;
  }
}
@media (max-width: 768px) {
  .select-content__left {
      width: 100px;
      height: auto;
  }
}

@media (min-width: 769px) and (max-width: 1199px){
  .select-content__right {
      width: 150px;
      height: auto;
  }
}
@media (max-width: 768px) {
  .select-content__right {
      width: 150px;
      height: auto;
  }
}

.select-content__label {
    display: block;
}

.select-content__submit {
    width: 50px;
    position: relative;
    /* border: 1px solid #ccc; */
}

select#doc_type {
    border-left: 0;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-right: 1px solid #ccc;
}

textarea#ricerca {
    width: 250px;
    height: auto;
    border: 0;
    border-left: 0;
    display: flex;
    align-items: center!important;
    justify-content: center!important;
    padding: 10px;
}

@media (min-width: 769px) and (max-width: 1199px){
  textarea#ricerca {
      width: 250px;
      height: auto;
      border: 0;
      border-left: 0;
      display: flex;
      align-items: center!important;
      justify-content: center!important;
      padding: 10px;
  }
}
@media (max-width: 768px) {
  textarea#ricerca {
      width: auto;
      height: auto;
      border: 0;
      border-left: 0;
      display: flex;
      align-items: center!important;
      justify-content: center!important;
      padding: 10px;
  }
}

/* input::placeholder {
  color: red;
} */

.dropdown__docs-content a:hover {background-color: #ddd;}

.dropdown__docs:hover .dropdown__docs-content {display: block;}

.dropdown__docs:hover .dropdown__docs-btn {background-color: #31c2f3;}