body {
  font-family: 'Josefin Sans', sans-serif;
  color: #282828; }

.imglg {
  display: none; }
  @media (min-width: 992px) {
    .imglg {
      display: block; } }

.imgmb {
  display: block; }
  @media (min-width: 992px) {
    .imgmb {
      display: none; } }

.btn-tampo {
  display: table;
  margin: 20px auto;
  font-size: 15px;
  color: #282828;
  text-transform: uppercase;
  text-decoration: none; }
  .btn-tampo:after {
    content: '';
    width: 27px;
    height: 6px;
    background-color: #282828;
    display: table;
    margin: 0 auto; }
  .btn-tampo:hover {
    color: #282828;
    text-decoration: none; }
  .btn-tampo:focus {
    color: #282828;
    text-decoration: none; }
  .btn-tampo.btn-white {
    color: #ffffff; }
    .btn-tampo.btn-white:after {
      background-color: #ffffff; }
    .btn-tampo.btn-white.btn-rosso:after {
      background-color: #ff008a; }
    .btn-tampo.btn-white.btn-blu:after {
      background-color: #00aaff; }
    .btn-tampo.btn-white.btn-giallo:after {
      background-color: #ffe400; }
  .btn-tampo.btn-rosso:after {
    background-color: #ff008a; }
  .btn-tampo.btn-blu:after {
    background-color: #00aaff; }
  .btn-tampo.btn-giallo:after {
    background-color: #ffe400; }

.intropage {
  background-size: cover;
  background-position: center;
  padding-top: 65px;
  margin-bottom: 40px;
  background-color: #000; }
  @media (min-width: 992px) {
    .intropage {
      margin-bottom: 80px; } }
  .intropage.nomargin {
    margin-bottom: 0; }
  .intropage.nero {
    border-bottom: 15px solid #000; }
  .intropage.giallo {
    border-bottom: 15px solid #ffe400; }
  .intropage.blu {
    border-bottom: 15px solid #00aaff; }
  .intropage.rosso {
    border-bottom: 15px solid #ff008a; }
  .intropage h1 {
    color: #ffffff;
    text-transform: uppercase;
    padding: 80px 0;
    font-weight: 800;
    text-align: center; }

.doublefull {
  margin-bottom: 50px; }
  @media (min-width: 992px) {
    .doublefull {
      margin-bottom: 100px; } }
  .doublefull .decobanner .container-fluid .contspace {
    width: 100%;
    padding: 20px; }
    @media (min-width: 992px) {
      .doublefull .decobanner .container-fluid .contspace {
        max-width: 550px;
        float: right;
        padding: 0; } }
    .doublefull .decobanner .container-fluid .contspace .contleft {
      text-align: center; }
      @media (min-width: 992px) {
        .doublefull .decobanner .container-fluid .contspace .contleft {
          margin-right: 80px;
          text-align: left; } }
      .doublefull .decobanner .container-fluid .contspace .contleft h2 {
        font-size: 36px;
        font-weight: 800; }
        @media (min-width: 992px) {
          .doublefull .decobanner .container-fluid .contspace .contleft h2 {
            font-size: 44px; } }
      .doublefull .decobanner .container-fluid .contspace .contleft p {
        font-size: 18px;
        font-weight: 300; }
  .doublefull .decobanner .container-fluid .imagedouble {
    height: 350px;
    background-size: cover;
    background-position: center; }
  .doublefull .decobanner .container-fluid .textimage {
    padding: 10px;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    vertical-align: middle;
    margin-left: 80px; }
    .doublefull .decobanner .container-fluid .textimage.blu {
      background-color: #00aaff; }
    .doublefull .decobanner .container-fluid .textimage.rosso {
      background-color: #ff008a; }
    .doublefull .decobanner .container-fluid .textimage.giallo {
      background-color: #ffe400;
      color: #282828; }
  .doublefull.dx .decobanner .container-fluid [class^="col-"],
  .doublefull.dx .decobanner .container-fluid [class*=" col-"] {
    padding: 0; }
  .doublefull.dx .decobanner .container-fluid .grey {
    background-color: #f5f5f5; }
  @media (min-width: 992px) {
    .doublefull.dx .decobanner .container-fluid .contspace {
      float: left;
      min-height: 350px; } }
  .doublefull.dx .decobanner .container-fluid .contspace .contleft {
    padding: 20px; }
    @media (min-width: 992px) {
      .doublefull.dx .decobanner .container-fluid .contspace .contleft {
        padding: 70px 0 0 0;
        margin-left: 80px;
        margin-right: 0; } }
    .doublefull.dx .decobanner .container-fluid .contspace .contleft h2 {
      font-size: 35px;
      font-weight: 800; }
    .doublefull.dx .decobanner .container-fluid .contspace .contleft p {
      font-size: 18px;
      font-weight: 300; }
  .doublefull.dx .decobanner .container-fluid .textimage {
    margin-right: 30px;
    margin-left: 0;
    text-align: right; }
    @media (min-width: 992px) {
      .doublefull.dx .decobanner .container-fluid .textimage {
        margin-right: 80px; } }
  .doublefull.sx .decobanner .container-fluid [class^="col-"],
  .doublefull.sx .decobanner .container-fluid [class*=" col-"] {
    padding: 0; }
  .doublefull.sx .decobanner .container-fluid .grey {
    background-color: #f5f5f5; }
  @media (min-width: 992px) {
    .doublefull.sx .decobanner .container-fluid .contspace {
      float: right;
      min-height: 350px; } }
  .doublefull.sx .decobanner .container-fluid .contspace .contleft {
    padding: 20px;
    margin-left: 0; }
    @media (min-width: 992px) {
      .doublefull.sx .decobanner .container-fluid .contspace .contleft {
        padding: 70px 0 0 0;
        margin-right: 80px; } }
    .doublefull.sx .decobanner .container-fluid .contspace .contleft h2 {
      font-size: 35px;
      font-weight: 800; }
    .doublefull.sx .decobanner .container-fluid .contspace .contleft p {
      font-size: 18px;
      font-weight: 300; }
  .doublefull.sx .decobanner .container-fluid .imagedouble {
    height: 350px; }
    @media (min-width: 992px) {
      .doublefull.sx .decobanner .container-fluid .imagedouble {
        height: 700px; } }
  .doublefull.sx .decobanner .container-fluid .textimage {
    margin-left: 30px;
    margin-right: 0;
    text-align: left; }
    @media (min-width: 992px) {
      .doublefull.sx .decobanner .container-fluid .textimage {
        margin-left: 80px; } }

.contbreadcrumb {
  background-color: #ffe400;
  margin-bottom: 80px; }
  .contbreadcrumb.nomargin {
    margin-bottom: 0; }
  .contbreadcrumb .breadcrumb {
    background-color: transparent;
    margin: 0;
    color: #282828; }
    .contbreadcrumb .breadcrumb li {
      color: #282828; }
      .contbreadcrumb .breadcrumb li a {
        color: #282828;
        font-weight: 800; }
    .contbreadcrumb .breadcrumb > li + li::before {
      color: #282828; }

::selection {
  background: #ff008a;
  color: #ffffff; }

::-moz-selection {
  background: #ff008a;
  color: #ffffff; }

/* Error Page */
.error404ops {
  width: 100%;
  font-size: 40px;
  height: 90px;
  margin-top: 250px; }

.error404 {
  font-size: 200px;
  width: 100%;
  height: 280px;
  margin-top: -80px;
  color: #ff008a; }

.error404pagenotfound {
  font-size: 40px;
  margin-bottom: 200px; }

header {
  background-color: rgba(0, 0, 0, 0.45);
  height: 65px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000; }
  header .open-menu {
    float: right;
    display: block;
    height: 60px;
    width: 60px;
    color: #ffffff;
    line-height: 60px;
    text-align: center;
    font-size: 32px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1001; }
    header .open-menu:after {
      content: '\f0c9';
      font-family: 'FontAwesome';
      color: #ffffff; }
    @media (min-width: 992px) {
      header .open-menu {
        display: none; } }
  header .logo {
    float: left;
    height: 35px;
    width: 178px;
    background-image: url(Images/logo.png);
    margin: 20px 0;
    background-size: cover; }
  header .mainmenu {
    float: right;
    display: none; }
    @media (min-width: 992px) {
      header .mainmenu {
        display: block; } }
    header .mainmenu li {
      display: inline-block; }
      header .mainmenu li a {
        display: block;
        color: #ffffff;
        height: 65px;
        line-height: 65px;
        padding: 0 12px;
        font-size: 18px;
        font-weight: 300; }
        header .mainmenu li a:hover {
          color: #ffffff;
          text-decoration: none; }
        header .mainmenu li a.active {
          font-weight: 500; }

.menu-responsive .logo {
  float: left;
  height: 35px;
  width: 178px;
  background-image: url(Images/logo.png);
  margin: 20px;
  background-size: cover; }

.menu-responsive {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: scroll;
  right: 100%;
  background-color: #000;
  color: #ffffff;
  z-index: 10000;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  top: 0; }

.menu-responsive .header-menu {
  height: 90px; }

.menu-responsive .logo-menu {
  margin: 22px 0 0 15px; }

.menu-responsive .close-menu {
  float: right;
  display: block;
  height: 60px;
  width: 60px;
  color: #ffffff;
  line-height: 60px;
  text-align: center;
  font-size: 32px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1001; }

.menu-responsive.block {
  background-color: #000;
  right: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.menu-responsive .mainmenu-mobile {
  list-style: none;
  padding: 0;
  margin: 0; }

.menu-responsive .mainmenu-mobile li {
  clear: both; }

.menu-responsive .mainmenu-mobile li a {
  font-size: 18px;
  padding: 15px 24px;
  display: block;
  color: #ffffff;
  text-transform: uppercase;
  text-align: left;
  border-bottom: 1px solid #282828;
  font-weight: 300; }
  .menu-responsive .mainmenu-mobile li a .ico {
    background-size: contain;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    float: left;
    margin-right: 12px; }

.menu-responsive .mainmenu-mobile li a i {
  float: right;
  font-size: 15px;
  padding: 4px; }

.menu-responsive .mainmenu-mobile li a.collapsed i {
  float: right;
  font-size: 15px;
  padding: 4px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

.menu-responsive .mainmenu-mobile li a i {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg); }

.menu-responsive .mainmenu-mobile li a:hover {
  text-decoration: none; }

.menu-responsive .mainmenu-mobile li .primo-livello li a {
  padding-left: 20px; }

.menu-responsive .mainmenu-mobile li .secondo-livello li a {
  padding-left: 40px; }

footer {
  background-size: cover;
  background-position: center;
  border-top: 12px solid #00aaff;
  background-color: #000; }
  @media (min-width: 992px) {
    footer {
      background-image: url(Images/bkgfooter.jpg); } }
  footer .contfooter {
    padding: 40px 0; }
    footer .contfooter .logo {
      height: 35px;
      width: 178px;
      background-image: url(Images/logo.png);
      margin: 20px auto;
      background-size: cover;
      display: block; }
      @media (min-width: 992px) {
        footer .contfooter .logo {
          margin: 20px 0; } }
    footer .contfooter p {
      font-size: 15px;
      font-weight: 300;
      margin: 0;
      color: #ffffff;
      text-align: center; }
      @media (min-width: 992px) {
        footer .contfooter p {
          text-align: left; } }
      footer .contfooter p a {
        color: #ffffff;
        text-decoration: underline; }
        footer .contfooter p a:hover {
          color: #ffffff; }
    footer .contfooter .social {
      padding: 0;
      margin: 20px auto;
      list-style: none;
      display: table; }
      @media (min-width: 992px) {
        footer .contfooter .social {
          margin: 20px 0; } }
      footer .contfooter .social li {
        display: inline-block; }
        footer .contfooter .social li a {
          height: 34px;
          width: 34px;
          text-align: center;
          line-height: 34px;
          background-color: rgba(255, 255, 255, 0.8);
          display: block;
          border-radius: 50%;
          margin: 0 6px 0 0; }
          footer .contfooter .social li a i {
            color: #000;
            font-size: 21px;
            line-height: 34px; }
  footer .dati {
    color: #ffffff;
    margin: 0;
    padding: 12px;
    background-color: rgba(0, 0, 0, 0.46);
    text-align: center; }
    footer .dati p {
      font-size: 15px;
      font-weight: 300;
      margin: 0; }
      footer .dati p a {
        color: #ffffff;
        text-decoration: underline; }
        footer .dati p a:hover {
          color: #ffffff; }

.topbanner {
  margin-bottom: 30px; }
  @media (min-width: 992px) {
    .topbanner {
      margin-bottom: 0; } }
  .topbanner .banneritem {
    height: 100vh;
    background-size: cover;
    background-position: center; }
    @media (min-width: 992px) {
      .topbanner .banneritem {
        height: 580px; } }
    .topbanner .banneritem .conttext {
      height: 100vh;
      display: table;
      width: 100%; }
      @media (min-width: 992px) {
        .topbanner .banneritem .conttext {
          height: 580px; } }
      .topbanner .banneritem .conttext .align-middle {
        display: table-cell;
        vertical-align: middle;
        position: relative; }
        .topbanner .banneritem .conttext .align-middle h2 {
          color: #ffffff;
          font-size: 36px;
          text-align: center;
          font-weight: 800; }
          @media (min-width: 992px) {
            .topbanner .banneritem .conttext .align-middle h2 {
              font-size: 47px; } }
        .topbanner .banneritem .conttext .align-middle a {
          position: absolute;
          bottom: 50px;
          display: block;
          left: 50%;
          transform: translateX(-50%);
          text-transform: uppercase;
          color: #ffffff; }
          .topbanner .banneritem .conttext .align-middle a:hover {
            color: #ffffff;
            text-decoration: none; }
          .topbanner .banneritem .conttext .align-middle a:focus {
            color: #ffffff;
            text-decoration: none; }
          .topbanner .banneritem .conttext .align-middle a:after {
            content: '';
            width: 24px;
            height: 6px;
            background-color: #ffffff;
            display: table;
            margin: 6px auto 0 auto; }
  .topbanner .slick-prev {
    left: 40px;
    z-index: 120; }
  .topbanner .slick-next {
    right: 40px; }
  .topbanner .slick-prev,
  .topbanner .slick-next {
    width: 30px;
    height: 80px; }
  .topbanner .slick-prev:before {
    content: '\f053';
    font: 30px 'FontAwesome';
    color: #ffffff; }
  .topbanner .slick-next:before {
    content: '\f054';
    font: 30px 'FontAwesome';
    color: #ffffff; }

.doublefullhome {
  margin-bottom: 100px;
  margin-top: 30px; }
  .doublefullhome .decobanner {
    padding-top: 70px;
    background-position: top left;
    background-repeat: no-repeat;
    background-image: none; }
    @media (min-width: 1920px) {
      .doublefullhome .decobanner {
        background-image: url(Images/decoclock.png); } }
    .doublefullhome .decobanner .container-fluid .contspace {
      padding: 30px;
      text-align: center; }
      @media (min-width: 992px) {
        .doublefullhome .decobanner .container-fluid .contspace {
          max-width: 550px;
          float: right;
          width: 100%;
          padding: 0;
          text-align: left; } }
      @media (min-width: 992px) {
        .doublefullhome .decobanner .container-fluid .contspace .contleft {
          max-width: 350px;
          width: 100%; } }
      .doublefullhome .decobanner .container-fluid .contspace .contleft h2 {
        font-size: 44px;
        font-weight: 800; }
      .doublefullhome .decobanner .container-fluid .contspace .contleft p {
        font-size: 18px;
        font-weight: 300; }
    .doublefullhome .decobanner .container-fluid .imagedouble {
      height: 350px;
      background-size: cover;
      background-position: center; }
    .doublefullhome .decobanner .container-fluid .textimage {
      padding: 10px;
      font-size: 14px;
      text-transform: uppercase;
      color: #ffffff;
      vertical-align: middle;
      margin-left: 30px; }
      @media (min-width: 992px) {
        .doublefullhome .decobanner .container-fluid .textimage {
          margin-left: 80px; } }
      .doublefullhome .decobanner .container-fluid .textimage.blu {
        background-color: #00aaff; }

.triple {
  margin-bottom: 100px; }
  .triple .container {
    max-width: 800px;
    width: 100%; }
    .triple .container h2 {
      text-align: center;
      font-size: 33px;
      margin: 0 0 30px 0; }
      .triple .container h2:after {
        content: '';
        width: 27px;
        height: 6px;
        background-color: #282828;
        display: table;
        margin: 0 auto; }
    .triple .container .image {
      display: block;
      width: 100%;
      padding-top: 130%;
      height: 0;
      background-size: cover;
      background-position: center; }
    .triple .container h4 {
      font-size: 18px;
      text-align: center;
      margin: 30px 0;
      font-size: 400; }
  .triple .contimg {
    background-color: #f5f5f5; }

.prodslide {
  background-color: #000;
  padding: 60px 0;
  color: #ffffff;
  margin: 30px 0;
  text-align: center; }
  @media (min-width: 992px) {
    .prodslide {
      text-align: left; } }
  .prodslide p {
    font-size: 18px;
    font-weight: 300; }
    @media (min-width: 992px) {
      .prodslide p {
        padding-right: 50px; } }
  .prodslide .slideprodotti a {
    display: block;
    width: 100%;
    height: 270px;
    background-size: cover;
    background-position: center;
    margin: 6px; }
  .prodslide .slideprodotti .slick-prev {
    left: -40px; }
  .prodslide .slideprodotti .slick-next {
    right: -40px; }
  .prodslide .slideprodotti .slick-prev,
  .prodslide .slideprodotti .slick-next {
    width: 30px;
    height: 80px; }
  .prodslide .slideprodotti .slick-prev:before {
    content: '\f053';
    font: 30px 'FontAwesome';
    color: #ffffff; }
  .prodslide .slideprodotti .slick-next:before {
    content: '\f054';
    font: 30px 'FontAwesome';
    color: #ffffff; }

.newslide {
  padding: 40px 0; }
  @media (min-width: 992px) {
    .newslide {
      padding: 120px 0; } }
  .newslide h2 {
    text-align: center;
    line-height: 140px;
    margin: 0;
    font-weight: 800;
    text-transform: uppercase; }
  .newslide .slidernews {
    text-align: center; }
    @media (min-width: 992px) {
      .newslide .slidernews {
        text-align: left; } }
    .newslide .slidernews a {
      color: #282828; }
      .newslide .slidernews a .imgnews {
        height: 140px;
        width: 140px;
        display: block;
        border-radius: 50%;
        background-size: cover;
        background-position: center;
        margin: 12px auto; }
        @media (min-width: 992px) {
          .newslide .slidernews a .imgnews {
            float: left;
            margin: 0 20px 0 0; } }
      .newslide .slidernews a .textnews {
        display: inline-block;
        min-height: 140px;
        padding: 12px;
        width: auto; }
        @media (min-width: 992px) {
          .newslide .slidernews a .textnews {
            width: calc(100% - 160px);
            padding: 0 12px; } }
        .newslide .slidernews a .textnews.newrossa {
          border-top: 10px solid #ff008a; }
          @media (min-width: 992px) {
            .newslide .slidernews a .textnews.newrossa {
              border-left: 10px solid #ff008a;
              border-top: 0; } }
        .newslide .slidernews a .textnews.newblu {
          border-top: 10px solid #00aaff; }
          @media (min-width: 992px) {
            .newslide .slidernews a .textnews.newblu {
              border-left: 10px solid #00aaff;
              border-top: 0; } }
        .newslide .slidernews a .textnews.newgiallo {
          border-top: 10px solid #ffe400; }
          @media (min-width: 992px) {
            .newslide .slidernews a .textnews.newgiallo {
              border-left: 10px solid #ffe400;
              border-top: 0; } }
        .newslide .slidernews a .textnews h3 {
          font-size: 33px;
          font-weight: 800;
          margin: 0; }
        .newslide .slidernews a .textnews p {
          margin: 0; }
          .newslide .slidernews a .textnews p.data {
            font-weight: 800; }
    .newslide .slidernews .slick-prev {
      left: -40px; }
    .newslide .slidernews .slick-next {
      right: -40px; }
    .newslide .slidernews .slick-prev,
    .newslide .slidernews .slick-next {
      width: 30px;
      height: 80px; }
    .newslide .slidernews .slick-prev:before {
      content: '\f053';
      font: 30px 'FontAwesome';
      color: #282828; }
    .newslide .slidernews .slick-next:before {
      content: '\f054';
      font: 30px 'FontAwesome';
      color: #282828; }

.servizio {
  margin-bottom: 80px; }
  .servizio .txtservizio h2 {
    font-size: 28px;
    font-weight: 800; }
    @media (min-width: 992px) {
      .servizio .txtservizio h2 {
        font-size: 35px; } }
  .servizio .txtservizio p {
    font-size: 18px;
    font-weight: 300; }
  .servizio.dx .txtservizio {
    margin-right: 0;
    text-align: center; }
    @media (min-width: 992px) {
      .servizio.dx .txtservizio {
        text-align: left;
        margin-right: 60px;
        padding: 0; } }
  .servizio.sx .txtservizio {
    margin-left: 0;
    text-align: center; }
    @media (min-width: 992px) {
      .servizio.sx .txtservizio {
        text-align: left;
        margin-left: 60px;
        padding: 0; } }
  .servizio .imgservizio {
    background-size: cover;
    background-position: center;
    min-height: 300px; }
  .servizio .btn-servizi {
    height: 42px;
    line-height: 42px;
    color: #ffffff;
    padding: 0 40px;
    display: table;
    margin: 20px auto 0 auto;
    text-transform: uppercase; }
    .servizio .btn-servizi.blu {
      background-color: #00aaff; }
    .servizio .btn-servizi.rosso {
      background-color: #ff008a; }
    .servizio .btn-servizi.giallo {
      background-color: #ffe400; }
    .servizio .btn-servizi:hover {
      text-decoration: none;
      color: #ffffff; }
    .servizio .btn-servizi:focus {
      text-decoration: none;
      color: #ffffff; }

.contatti {
  background-color: #f5f5f5;
  padding: 50px 0; }
  .contatti .formpage h2 {
    text-align: center;
    margin-bottom: 30px; }
  .contatti .formpage input[type]:not([type=radio]):not([type=checkbox]) {
    background-color: #ffffff;
    color: #282828;
    width: 100%;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    padding: 12px;
    border: none;
    margin-bottom: 8px;
    border-radius: 0;
    height: auto; }
  .contatti .formpage textarea {
    background-color: #ffffff;
    color: #282828;
    width: 100%;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    padding: 12px;
    border: none;
    margin-bottom: 8px;
    border-radius: 0;
    height: auto;
    resize: none; }
  .contatti .formpage .contact-btn {
    height: 42px;
    line-height: 42px;
    color: #ffffff !important;
    padding: 0 40px;
    display: table;
    margin: 20px auto 0 auto;
    text-transform: uppercase;
    background-color: #00aaff !important;
    border: none;
    cursor: pointer; }
    .contatti .formpage .contact-btn:hover {
      text-decoration: none;
      color: #ffffff; }
    .contatti .formpage .contact-btn:focus {
      text-decoration: none;
      color: #ffffff; }
  .contatti .formpage .field-validation-error {
    color: #ff008a; }
  .contatti .indirizzi {
    border-right: 1px solid;
    border-color: rgba(0, 0, 0, 0.1);
    text-align: center; }
    @media (min-width: 992px) {
      .contatti .indirizzi {
        text-align: left; } }
    .contatti .indirizzi p {
      font-size: 18px; }
      .contatti .indirizzi p a {
        color: #00aaff; }
    .contatti .indirizzi .social {
      padding: 0;
      margin: 20px 0;
      list-style: none; }
      .contatti .indirizzi .social li {
        display: inline-block; }
        .contatti .indirizzi .social li a {
          height: 34px;
          width: 34px;
          text-align: center;
          line-height: 34px;
          background-color: rgba(0, 0, 0, 0.8);
          display: block;
          border-radius: 50%;
          margin: 0 6px 0 0;
          color: #ffffff; }
          .contatti .indirizzi .social li a i {
            color: #ffffff;
            font-size: 21px;
            line-height: 34px; }

.prodotti {
  background-color: #f5f5f5;
  padding-top: 80px; }
  .prodotti .cont-prodotto {
    background-color: #ffffff;
    margin-bottom: 40px;
    overflow: hidden;
    display: block;
    float: left; }
    .prodotti .cont-prodotto .imgprodotto {
      display: block;
      height: 0;
      padding-bottom: 100%;
      background-size: cover;
      background-position: center; }
    .prodotti .cont-prodotto .txtprodotto {
      background-color: #ffffff;
      padding: 12px;
      text-align: center; }
      @media (min-width: 992px) {
        .prodotti .cont-prodotto .txtprodotto {
          text-align: left; } }
      .prodotti .cont-prodotto .txtprodotto p {
        font-size: 15px;
        font-weight: 300px; }
        .prodotti .cont-prodotto .txtprodotto p.data {
          font-size: 13px;
          color: #00aaff; }

.prodotto {
  background-color: #f5f5f5;
  padding-top: 80px;
  padding-bottom: 80px; }
  .prodotto .cont-prodotto {
    box-shadow: 0 0 5px #ccc;
    background-color: #ffffff; }
    .prodotto .cont-prodotto .imgprodotto {
      display: block;
      height: 0;
      padding-bottom: 100%;
      background-size: cover;
      background-position: center; }
  .prodotto .desc-prodotto {
    margin-bottom: 40px;
    background-color: #ffffff;
    padding: 20px; }
    .prodotto .desc-prodotto p {
      font-size: 15px;
      font-weight: 300px; }
    .prodotto .desc-prodotto h4 {
      font-size: 21px; }