header.pages
{
      padding: 10px;
      border-bottom: 1px solid #c50b68
}
.display-none
{
      display: none;
}
header.partner
{
      padding: 10px 0px 0px;
      background-color: #fff;
      border-bottom: none;
}
#logo-pages
{
      width: 100px;
}
#nav-pages
{
      padding: 20px 0px 10px 0px;
}
#nav-pages img
{
      margin-bottom: 10px;
      width: 100%
}
#content-pages
{
      padding: 30px 0px 40px 0;
}
#content-pages.dark h2,#content-pages.dark h3,#content-pages.dark p
{
      color: #fff;
}
#content-pages p
{
      margin-top: 10px;
      color: #555
}
#content-pages h2 
{
      font-size: 1.5rem;
      margin: 0;
      color: #f20090;
      line-height: 35px;
      margin-bottom: 20px;

}
#content-pages h3
{
      font-size: 1.3rem;
      line-height: 25px;
      color: #f20090;
      font-weight: bold;
      margin-bottom: 10px;
}

.container-box-link-main.is-page
{
      height: auto;

}
.container-box-link-main.is-page img
{
      width: 100%;
      height: 100%;
      position: relative;
      bottom: 0;
}
#row-inner-partner
{
      padding: 10px 25px;
}
#img-jt
{
      width: 100%;
      object-fit: cover;
      object-position: bottom;
}
#text-partner
{
      padding: 30px 0px 40px;
      border-bottom: 1px solid #ddd
}
#text-partner p
{
      margin-bottom: 20px;
}
#text-partner p:last-child
{
      margin-bottom: 0px;
}
#main-partner h3
{
      margin: -20px 0px 20px;
      font-size: 1.2rem;
      line-height: 25px;
      color: #f20090;

}
#main-partner #form
{
      padding-bottom: 30px;
}
#main-partner #form a:link,#main-partner #form a:visited
{
      color: #000;
}
#main-partner .input-text,#main-partner .input-textarea
{
      background-color: #eee;
      box-shadow: 0 0 0 2px transparent, 0 1px 0 rgba(0,0,0,0.08) inset;
}
#main-partner .input-submit:hover
{
      background-color: #f20090;
      color: #fff
}
#main-partner .input-error
{
      background-color: red;
}
#text-partner ul
{
      margin-left: 40px;
      padding-bottom: 20px;
}
#text-partner li
{
      font-family: 'Roboto', sans-serif;
      line-height: 25px;
      font-size: 0.9rem;
      color: #000;
      list-style-type: square;
}
#link-cosa-offriamo
{
      padding: 6px 10px;
      margin-top: 15px;
      display: inline-block;
      font-size: 0.9rem;
      color: #fff;
      text-decoration: none;
      font-weight: bold;
      background-color: #f20090;
}
#link-cosa-offriamo.white
{
      background-color: #fff;
      color: #f20090;
}
#hack-font
{
      font-family: 'Helvetica' !important;
}
#title-partner
{
      font-size: 1.1rem;
      margin-bottom: 10px;
}
.h4-text-cp
{
      color: #f20090;
      margin: 10px 0;
}
.h4-text-cp.light
{
      color: #fff
}
.ul-text-cp li
{
      font-family: 'Roboto', sans-serif;
      color: #333;
      font-size: 0.9rem;
      list-style: disc;
      margin-left: 15px;
      padding: 6px 0px;
      font-style: oblique;
}
.ul-text-cp.light li
{
      color: #fff;
}
.h3-animate
{
      opacity: 0;
      font-weight: bold;
}
.h3-animate.visible
{
      opacity: 1;
      transition: opacity 1000ms 1000ms ease;
}
.ul-animate
{
      margin-top: 6px;
      margin-bottom: 20px;
}

.ul-animate li.active
{
      opacity: 1;
      margin-left: 25px;
      transition: opacity 1200ms  ease-in-out, margin-left 400ms ease-in-out
}
.container-ul-animate
{
      overflow: hidden;
/*      margin-top: 4px;
      margin-left: 30px;*/
}
#container-animate-dx  li::before 
{
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #fff; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}





#container-animate-dx
{
      display: none;
}
#container-animate-dx li
{
      display: list-item;
      font-size: 1rem;
      margin-bottom: 10px;
      margin-left: -200px;
      color: #fff;
      font-weight: bold;
      opacity: 0;
      line-height: 20px;
}
#container-animate-dx ul.pink li
{
      color: #555
}
#container-animate-dx ul.pink li:before
{
      color: #f20090
}
#container-animate-dx.amminsitratori
{
      display: block;
}
.span-chi-siamo-animate
{
      display: none;
}
#list-1,#list-2
{
      display: none;
}
#list-1 li,#list-2 li
{
      margin-left: -100px;
      opacity: 0;
      transition: opacity 1000ms  ease-in-out, margin-left 700ms cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
#list-1 li.active,#list-2 li.active
{
      margin-left: 15px;
      opacity: 1;
      transition: opacity 1000ms  ease-in-out, margin-left 700ms cubic-bezier(0.68, -0.35, 0.265, 1.35)
}
#vantaggi-amministratori
{
      display: block;
      margin-top: 10px;
}

#container-animate-dx.chi-siamo-a
{
      height: 150px;
      display: block;
}
#container-animate-dx.amministratori
{
      height: 220px;
      display: block;
}
#container-animate-dx.fornitori
{
      height: 300px;
      display: block;
}
#container-animate-dx.formazione
{
      height: 130px;
      display: block;
}
#container-animate-dx.back-office
{
      height: 150px;
      display: block;
}
#container-animate-dx.service
{
      height: 170px;
      display: block;
}
@media only screen and (min-width:720px)
{
      #nav-pages 
      {
            padding: 40px 0px 30px 0px;
      }
      #content-pages h2
      {
            font-size: 1.8rem;
            margin-bottom: 20px;            
      }
      #content-pages h3
      {
            font-size: 1.3rem;
            line-height: 30px
      }
      #content-pages
      {
            padding: 50px 0px;
      }
      #row-inner-partner
      {
            padding: 20px 10px;
      }
      #cosa-offriamo
      {
            padding-bottom: 20px;
      }
      #logo-pages
      {
            margin-left: 15px;
      }
      #main-partner h3 
      {
            margin: 40px 0px 20px;
      }
      #main-partner #form
      {
            padding-bottom: 40px;
      }
      #img-jt 
      {
           height: auto;;
      }
     #logo-pages.partner
      {
            margin-left: 0px;
      }
      #text-partner
      {
            padding: 30px 10px 40px;
      }
      .h4-text-cp
      {
            margin-top: 15px;
      }
      .ul-text-cp li
      {
            font-size: 0.9rem;
            padding: 7px 0px;
      }
      #container-animate-dx.chi-siamo-a
      {
            height: 120px;
      }
      #container-animate-dx.amministratori
      {
            height: 160px;
      }
      #container-animate-dx.fornitori
      {
            height: 220px;
      }
      
}
@media only screen and (min-width:1024px)
{
      #nav-pages
      {
            padding: 30px 0px 20px 0px;
      }
      #content-pages h3
      {
/*            margin: 20px 0px 0px 30px;*/
            font-size: 1.5rem;
      }
      .ul-animate li
      {
            font-size: 1rem;
            line-height: 22px;
            margin-bottom: 12px;
      }
      #content-pages 
      {
            padding: 60px 0px 60px;
      }
      #nav-pages 
      {
            padding: 40px 0px 40px 0px;
      }
      #row-inner-partner
      {
            padding: 20px 0px;
      }
      #cosa-offriamo
      {
            padding-bottom: 30px;
      }
      #logo-pages
      {
            margin-left: 20px;
      }
      .h4-text-cp
      {
            margin-top: 15px;
            font-size: 1.1rem;
      }
      .container-ul-animate 
      {
            margin-top: -50px;
            margin-left: 40px;

      }
      #container-animate-dx
      {
            margin-top: 10px;
            margin-left: 30px;
      }
      #container-animate-dx.chi-siamo-a,#container-animate-dx.amministratori
      {
            height: auto;
      }
      #container-animate-dx.fornitori
      {
            height: 320px;
      }
      #container-animate-dx.service
      {
            height: 200px;
      }

}
@media only screen and (min-width:1280px)
{
      #content-pages h2
      {
            font-size: 2rem;
      }
      #content-pages h3
      {
            font-size: 1.6rem;
            line-height: 35px;
            margin: 15px 0px 20px 0;
      }
      #content-pages
      {
            padding: 90px 0px 100px 0;
      }
      header.pages
      {
            padding: 20px;
      }
      #logo-pages
      {
            width: 120px
      }
      #cosa-offriamo
      {
            padding-bottom: 40px;
      }
      #main-partner #form
      {
            padding-bottom: 50px;
      }
      #logo-pages.partner
      {
           margin-left: -15px;
      }
      #link-cosa-offriamo
      {
            padding: 12px 24px;
      }
      .h4-text-cp
      {
            margin-top: 20px
      }
      .ul-text-cp li
      {
            font-size: 0.9rem;
      }
      #container-animate-dx li
      {
            font-size: 1.1rem;
            line-height: 25px;
            margin-bottom: 10px;
      }
      .container-ul-animate
      {
            margin-top: -68px;
            margin-left: 40px;
      }
      #container-animate-dx 
      {
            margin-top: -10px;
            margin-left: 40px;
      }
      #container-animate-dx.fornitori
      {
            height: 370px;
      }
      #container-animate-dx.service
      {
            height: 250px;
      }
}
@media only screen and (min-width:1460px)
{
      p
      {
            font-size: 1rem
      }
      #nav-pages
      {
            padding: 60px 0px 50px 0px;
      }
      #content-pages h3
      {
/*            margin: 20px 0px 0px 50px;*/
            font-size: 1.7rem;
      }
      #container-animate-dx li
      {
            font-size: 1.2rem;
            line-height: 28px;
            margin-bottom: 15px;
            
      }
      #row-inner-partner
      {
            padding: 30px 55px;
      }
      #logo-pages
      {
            margin-left: -20px;
      }
      #logo-pages.partner
      {
           margin-left: 0px;
      }
      #main-partner h3
      {
                margin: 60px 0px 40px;
                font-size: 1.3rem;
      }
      .container-ul-animate 
      {
            margin-top: -78px;
            margin-left: 50px;
      }
      #content-pages h2
      {
            font-size: 2.1rem;
      }
      #container-animate-dx 
      {
            margin-top: -5px;
            margin-left: 50px;
      }
}
@media only screen and (min-width:1820px)
{
      #nav-pages 
      {
            padding: 60px 0px 50px 0px;
      }
      #content-pages h3
      {
/*            margin: 15px 0px 0px 55px;*/
            font-size: 1.8rem;
      }
      #content-pages h2
      {
/*            margin: 15px 0px 0px 55px;*/
           margin-bottom: 30px
      }
      #content-pages
      {
            padding: 100px 110px;
      }
      #row-inner-partner
      {
            padding: 35px 55px;
      }
      #cosa-offriamo
      {
            padding-bottom: 50px;
      }
      #logo-pages
      {
            margin-left: 0px;
      }
      #link-cosa-offriamo
      {
            padding: 12px 28px;
            margin-top: 25px;
            display: inline-block;
      }
      .h4-text-cp
      {
            margin-top: 25px
      }
      #content-pages h3
      {
            font-size: 1.9rem;
            line-height: 38px;
      }
      #container-animate-dx li
      {
            font-size: 1.3rem;
            line-height: 30px;
            margin-bottom: 15px;
            
      }
      #content-pages h2
      {
            font-size: 2.3rem;
      }
      #container-animate-dx.service
      {
            height: 280px;
      }
}