/*
Theme Name: 	RISAB srl
Description: 	Responsive WordPress Theme based on Boostrap and Font Awesome.
Version:     	3.0.0
Author:     	Claudio Nasuelli
Author URI:   https://www.nasuellidesign.it
Site:         https://www.nasuellidesign.it
Text Domain: 	nakedpress
Domain Path: 	/languages
Tags:        	grid-layout, blog, custom-menu, featured-images, right-sidebar
License:    	GNU General Public License v3.0
License URI:	http://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


body, html { margin: 0; padding: 0; height: 100vh;}
body.admin-bar .navbar-fixed-top { position: fixed; top: 32px; z-index: 1000;}

/* -------------------------------------------------------------------------------- */
/* ! Base */
/* -------------------------------------------------------------------------------- */

html, body{height: 100vh;}
body{color:#016f92;font-family: Lato}

@media (min-width: 1024px) {
  body { overflow: auto }
}


/* ! Transitions */
.transition-fade {  transition: 0.1s;  opacity: 1; }
html.is-animating .transition-fade { opacity: 0;  }

.preloader{background: #fff url('img/oval.svg') no-repeat center center; background-size: 200px;  position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 9999;}

@font-face {
  font-family: 'Neue Montreal';
  src: url('fonts/NeueMontreal-Medium.woff2') format('woff2'),
  url('NeueMontreal-Medium.woff') format('woff');
}

.scroll-container{overflow:hidden;}
.container{ margin: 0 auto; max-width: 1200px;}


/* ! Typography */
h1,h2,h3,h4,h5,h6{font-family: 'Neue Montreal';}
p{font-size: 18px;line-height: 28px; margin-bottom: 20px;}

a{color:#00a6d4; text-decoration: none;}
a:hover{color:#00a6d4}

.headline{font-size: 50px;margin: 0 0 40px 0;}
.titiniziale{font-size: 33px;margin: 0 0 20px 0;}
.title{font-size: 50px;margin: 0 0 20px 0;}
.subtitle{font-size: 25px;margin: 0 0 20px 0;}

@media (max-width: 768px) {
  .headline{font-size: 35px;}
  .titiniziale{font-size: 25px;}
  .title{font-size: 35px;}
  .subtitle{font-size: 20px;}
}

/* ! Buttons */

.button{display: inline-block;color:#000; border: 3px solid #000; padding: 10px 20px;margin-top: 15px;text-align: center;position: relative;overflow: hidden;transition: all 0.3s cubic-bezier(0.28, 0.44, 0.49, 1);}
.button:before{content: ' '; width: 100%; height: calc(100% + 0.2rem); background: #000; z-index: -1;position: absolute; bottom: 0; left: 0; transform: translateY(100%);transition: all 0.3s cubic-bezier(0.28, 0.44, 0.49, 1);}
.button:hover:before{transform: translateY(0%); background: transparent;}
.button:hover{color:#fff!important;}

.bottone{display: inline-block;color:#016f92; border: 3px solid #016f92; padding: 10px 20px;margin-top: 15px;text-align: center;position: relative;overflow: hidden;transition: all 0.3s cubic-bezier(0.28, 0.44, 0.49, 1);}
.bottone:before{content: ' '; width: 100%; height: calc(100% + 0.2rem); background: #016f92; z-index: -1;position: absolute; bottom: 0; left: 0; transform: translateY(100%);transition: all 0.3s cubic-bezier(0.28, 0.44, 0.49, 1);}
.bottone:hover:before{transform: translateY(0%);}
.bottone:hover{color:#fff!important;}

.button--preventivi{padding: 10px; margin: 6px; border-radius: 10px;}
.button--preventivi:hover{background: #00a4d3;border-color:#1168b7;}
.button--preventivi {text-transform: uppercase!important; text-decoration: none; font-weight: bold;}

@media (max-width: 1024px) {
.button--preventivi {display: inline-block; top: -90px;}
}

@media (max-width: 768px) {
/*.button--preventivi { padding: 3px; margin: 3px; margin-bottom: 12px; font-size: 12px;}*/
.button--preventivi { padding: 3px; margin: 3px; margin-bottom:-400px!important; font-size: 12px;}
}

@media (max-width: 667px) {
.button--preventivi { margin-bottom: -330px!important;}
}

.button--block-media{padding: 10px; margin: 6px; border-radius: 10px;}
.button--block-media:hover{background: #00a4d3;border-color:#1168b7;}
.button--block-media {text-transform: uppercase!important; text-decoration: none; font-weight: bold;}


/* ! Header */

.fixed{position: fixed;z-index: 10;width: 100%; background: #fff; box-shadow: 0 3px 24px -10px rgba(0,0,0,.4);}
.header{background: #fff; display: flex; justify-content: space-between;width: 100%;top:20px; max-width: 1200px; margin: 0 auto;}

.header__icon{display: none;width: 200px;position: relative;color:#fff;}


.header__logo{width: 180px;}



.site-nav{padding: 12px; margin-top: 33px; list-style-type: none;position: relative;}
.site-nav > li {display: inline-block;}
.site-nav > li a{display: block;padding: 20px; color:#016f92; opacity: 0.7; text-decoration: none; text-decoration: none; padding: 20px 15px;display: block; font-size: 18px;font-weight: bold; transition: all 0.4s;}
.site-nav > li a:hover{opacity: 1!important;}
@media (min-width: 768px) {
  /*.has-cover .site-nav > li a{color:#fff;}*/
}

.logo img{padding: 10px;}
.logo img{height: auto; width: auto; margin-top: 15px;}

/* ----------------------------------------------
Risoluzione ipad verticale
-------------------------------------------------*/
/* ipad */
 @media screen and (min-width: 768px) and  (max-width: 992px){
     .logo img{height: auto; width: 90%; margin-top: 15px;}
 }

 /* ipad pro */
 @media screen and (min-width: 992px) and  (max-width: 1200px){
    .logo img{height: auto; width: 90%; margin-top: 15px;}
 }

.site-nav li.evi a{opacity: 1; color:#fff!important; font-weight: bold;position: relative;z-index: 1; padding-left: 30px;padding-right: 30px;}
.site-nav li.evi{position: relative;}
.site-nav li.evi:before{content: ' '; width: 90%;height: 68%; background: #016f92;position: absolute;top:15%;left:5%;border-radius: 100px}

/* Active state */
.header__menu{position: relative;}
/*.line-menu{
position: absolute;
height: 2px;
background: rgb(1,111,146);
background: -moz-linear-gradient(90deg, rgba(1,111,146,1) 0%, rgba(112,65,119,1) 39%, rgba(200,54,59,1) 65%, rgba(249,204,70,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(1,111,146,1) 0%, rgba(112,65,119,1) 39%, rgba(200,54,59,1) 65%, rgba(249,204,70,1) 100%);
background: linear-gradient(90deg, rgba(1,111,146,1) 0%, rgba(112,65,119,1) 39%, rgba(200,54,59,1) 65%, rgba(249,204,70,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#016f92",endColorstr="#f9cc46",GradientType=1);
bottom:23px;}*/
.active a{opacity: 1!important}

@media (max-width: 768px) {
  .logo img{margin-top: 0px!important;}
/*  .line-menu{display: none;}*/
}

/* Has Cover */

/*.has-cover .header .button{color:#fff; border-color: #fff}
.has-cover .logo{filter: invert(1);}
.scroll-down.has-cover .site-nav > li a{color:#000;}
.scroll-down.has-cover .header .button{color:#000; border-color: #000}
.scroll-down.has-cover .logo{filter: invert(0);}*/

@media (max-width: 767px) {

  .header__icon{display: block;}
  .header__menu{position: absolute;top:0; left:0; width: calc(100% - 130px); height: 100vh;background: #fff; transform: translateX(-100%);transition: all 1s cubic-bezier(.215, .61, .355, 1);z-index: 10}
  .header__menu--open{ transform: translateX(0%);}
  .site-nav li{width: 100%;}
  .site-nav li a{width: 100%;display: block;color:#016f92;font-size: 23px; border-top: 1px dashed #016f92; padding: 16px;}

  .icon-hamburger{ width: 30px;height: 30px;position: absolute;top:45px; right:20px}
  .icon-hamburger span {height: 2px;width: 100%; position: absolute; background: #016f92; top: 11px; transition: all 0.2s ease-in-out;}
  .icon-hamburger span:before,
  .icon-hamburger span:after{height: 2px;width: 100%; position: absolute; background: #016f92; content: ' '; margin-top: -10px; transition: all 0.3s cubic-bezier(.215, .61, .355, 1);}
  .icon-hamburger span:after{margin-top: 10px}

  .icon-hamburger--open span{background: transparent!important;}
  .icon-hamburger--open span:before{transform: rotate(45deg);margin-top: 0;}
  .icon-hamburger--open span:after{transform: rotate(-45deg);margin-top: 0;}

  .scroll-down .icon-hamburger span,
  .scroll-down .icon-hamburger span:before,
  .scroll-down .icon-hamburger span:after{background: #016f92;}

  .logo{width: 40px;overflow: hidden;}

}


/* ! Social icons */
.social-icons{width: 100px;position: fixed;bottom:50%; transform: translateY(50%);right:30px; z-index: 9999;}
.social-icons a{width: 100%;display: block;padding: 20px;text-align: center;}
.social-icons a img{width: 40px; background-color: #fff; margin: 0; padding: 10px; border-radius: 10px;}
.social-icons a:hover img{width: 40px; background-color: #f68f1b; margin: 0; padding: 10px; border-radius: 10px; transition: all 1s cubic-bezier(.215, .61, .355, 1); transition-delay: 0s; will-change: transform, opacity;}

@media (max-width: 768px) {
  .social-icons{display: none;}
}

/* ipad */
   @media screen and (min-width: 768px) and  (max-width: 992px){
      .social-icons{display: none;}
   }

   /* ipad pro */
   @media screen and (min-width: 992px) and  (max-width: 1200px){
       .social-icons{display: none;};}
   }


/* ! Locomotive Scroll  */

[data-scroll-section]{position: relative; display: block;}

.img-article{
height: 600px;
width: 100%;
object-fit: cover;
box-shadow: 0 5px 20px rgba(0,0,0,.55);
border-radius: 20px;
}
/*.img-article-small{height: 150px;width: 100%;object-fit: cover;}*/
.img-article-small{width: 100%; height: auto; box-shadow: 0 5px 20px rgba(0,0,0,.55); border-radius: 20px;}

@media (max-width: 767px) {
  /* .wp-block-image img,
  .img-article, */
  /*.img-article-small{height: 240px;}*/
  .img-article{height: 240px;}
}

/* ! Slider */

.splide__slide{height: 500px; color: #fff;}
.splide__slide h3{text-align: center;font-weight: bold; font-size: 45px; text-shadow: 0 5px 20px rgba(0,0,0,.55);}


@media (max-width: 768px) {
  .splide__slide h3{font-size: 35px;line-height: 52px;}
}

/* ! Cover */

.cover{height: 65vh;position: relative; background: #333;display: flex; width: 100%; align-items: center;z-index: 0}
.cover__content{color:#fff; padding: 20px;width: 100%; text-align: center;position: relative; z-index: 1}
.cover:before{content: ' ';width: 100%;height: 100%;background: #000;position: absolute;top:0; left:0; z-index: 0; opacity: 0.5}

@media (max-width: 768px) {
  .cover {margin-top:90px!important;}
}


/* ! Hero */
.hero{ padding: 20px; text-align: center;}
.hero--text h1{padding: 12px 10px 0px 10px;}
.hero--white h1{color:#fff; z-index: 1; position: relative;padding: 150px 10px}
.hero--white{position: relative;}
.hero--white:after{ content: ' '; width: 100%;height: 100%;background: #000;position: absolute;top:0; left:0;z-index: 0; opacity: 0.45}

@media (max-width: 767px) {
  .hero--text h1{padding: 50px 10px 0px 10px;}
}

/* ! Mansory */

.container-masonry {
  width: 100%;
  max-width:1200px;
  margin: 0 auto;
  position: relative;
}
.item-masonry {
  position: absolute;
/*  text-align: center;
  font-size: 2em;
  font-weight: white;
  color: white;
  line-height: 1.5em;*/
  border-radius: 20px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  /*transition: all 1s cubic-bezier(.215, .61, .355, 1);*/
}

.item-masonry a{text-decoration: none; display: block;}

/* ! intro text */

.intro-text{padding: 150px 0 50px 0;}
.intro-text h1{ min-width: 700px;}

/* ! BOX CHI SIAMO */

.mission {
background: rgb(200,54,59);
background: -moz-linear-gradient(90deg, rgba(200,54,59,1) 0%, rgba(249,204,70,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(200,54,59,1) 0%, rgba(249,204,70,1) 100%);
background: linear-gradient(90deg, rgba(200,54,59,1) 0%, rgba(249,204,70,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c8363b",endColorstr="#f9cc46",GradientType=1);
box-shadow: 0 5px 20px rgba(0,0,0,.55); border-radius: 20px; border-right: 2px solid #fff; padding-top: 30px!important; padding-bottom: 30px!important; padding-left: 30px!important; padding-right: 30px!important; color: #fff; text-align: center;
}

.vision {
background: rgb(0,166,212);
background: -moz-radial-gradient(circle, rgba(0,166,212,1) 0%, rgba(0,98,141,1) 100%);
background: -webkit-radial-gradient(circle, rgba(0,166,212,1) 0%, rgba(0,98,141,1) 100%);
background: radial-gradient(circle, rgba(0,166,212,1) 0%, rgba(0,98,141,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a6d4",endColorstr="#00628d",GradientType=1);
box-shadow: 0 5px 20px rgba(0,0,0,.55); border-radius: 20px; border-right: 2px solid #fff; padding-top: 30px!important; padding-bottom: 30px!important; padding-left: 30px!important; padding-right: 30px!important; color: white; text-align: center;
}

@media (max-width: 767px) {
  .vision{margin-top: 33px;}
}

/* ! Block Intro */

.logo-delfino { width: 150px; position: absolute; bottom: 20px; left: 20px; z-index: 10;; }

@media (max-width: 768px) { .logo-delfino { display: none; } }

.logo-delo { height: 60px; position: absolute; bottom: 20px; right: 20px; z-index: 10;; }

@media (max-width: 768px) { .logo-delo { display: none; } }

.block-ps-intro{height: calc(100vh - 60px); margin-bottom: 0;  display: flex; align-items: center; position: relative;}
.block-ps-intro:before{ content: ' '; background: linear-gradient(90deg, rgba(0, 0, 0, 0.33) 0%, rgba(0, 0, 0, 0.33) 100%); position: absolute; top:0; left:0; width: 100%;height: 100%;z-index: 0}
.block-ps-intro .grid{max-width: 1180px; width: 100%; margin: 0 auto; padding: 200px 0 150px 0;}

.text-container{height: 300px; position: relative; display:block;width: 100%;}
.text-container__hidden{position: absolute; top: 20px; /*display: inline-block;*/ width: 100%; opacity: 0; animation: slide 10s 1 cubic-bezier(.215, .61, .355, 1); animation-delay: 0.9s}

.text-container__img{width: 100%;height: 400px; position: relative; display:block; width: 100%; justify-content: center; align-content: center;}
.text-container__img img{/*margin-top: -200px;*/ margin-top: -150px; justify-content: center; align-content: center;}

/* ipad */
   @media screen and (min-width: 768px) and  (max-width: 992px){
       .text-container__img img{margin-top: -50px; justify-content: center; align-content: center;}
       .scroll-down-icon{display: none!important;}
   }

   /* ipad pro */
   @media screen and (min-width: 992px) and  (max-width: 1200px){
       .text-container__img img{margin-top: -50px; justify-content: center; align-content: center;}
       .scroll-down-icon{display: none!important;}
   }
   /* per risoluzioni più piccole */
   @media (max-width: 1920px) {
.text-container__img img{margin-top: -90px; justify-content: center; align-content: center;}
}

@media (max-width: 767px) {
.text-container__img img{width: 85%; height: auto; margin-top: 0;}
.logo-risab { display: none; }
}

.text-container__hidden:nth-child(2){animation-delay: 4.2s}
.text-container__hidden:nth-child(3){animation-delay: 7.2s}
.text-container__hidden:nth-child(4){animation: slidelast 10s 1 forwards cubic-bezier(.215, .61, .355, 1); animation-delay: 10.2s; }

@keyframes slide {
  0%{ top:40px; opacity: 0}
  5%{ top:0px; opacity: 1}
  20%{ top:0px; opacity: 1}
  25%{ top:0px; opacity: 0.5}
  26.5%{ top:0px; opacity: 0.1}
  30%{ top:50px; opacity: 0}
}

@keyframes slidelast {
  0%{ top:40px; opacity: 0}
  5%{ top:0px; opacity: 1}
  10%{ top:0px; opacity: 1}
  100%{ top:0px; opacity: 1}
}

@media (max-width: 768px) {
  .text-container h3{font-size: 40px;}
  .text-container{height: 300px;}

}

/* ! Block Delo */

.block-ps-delo{height: calc(100vh); margin-bottom: 0;  display: flex; align-items: center; position: relative;}
.block-ps-delo:before{ content: ' '; position: absolute; top:0; left:0; width: 100%;height: 100%;z-index: 0}
.block-ps-delo .grid{max-width: 1180px; width: 100%; margin: 0 auto; padding: 200px 0 150px 0;}

.text-container__img_delo{width: 100%;height: 400px; position: relative; display:block; width: 100%; justify-content: center; align-content: center;}
.text-container__img_delo img{justify-content: center; align-content: center;}

@media (max-width: 767px) {
/*.text-container__img_delo img{width: 85%; height: auto; margin-top: -45px;}*/
.text-container__img_delo img{width: 70%!important; height: auto;}
}

@media screen and (min-width: 768px) and  (max-width: 992px){
.buttondelo{margin-top: 200px;}
.text-container__img_delo img{width: 60%; height: auto; margin-top: 3px;}
}

}

/* ! Bottom Bar */
.bottom-bar { padding: 10px; margin-bottom: 50px; background: #fff;}
.bottom-bar a {font-weight: bold; color: #016f92; display: inline-block; padding: 10px; font-size: 18px; text-decoration: none;}
@media (max-width: 768px) {
/*.bottom-bar { display: none!important;}*/
.bottom-bar {
background: rgb(0,166,212);
background: -moz-radial-gradient(circle, rgba(0,166,212,1) 0%, rgba(0,98,141,1) 100%);
background: -webkit-radial-gradient(circle, rgba(0,166,212,1) 0%, rgba(0,98,141,1) 100%);
background: radial-gradient(circle, rgba(0,166,212,1) 0%, rgba(0,98,141,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a6d4",endColorstr="#00628d",GradientType=1);
padding: 0; margin-bottom: 10px; }
.bottom-bar a {color: #fff; font-size: 15px; }
.bottom-bar p {color: #fff; font-size: 15px; }
}

/* ! Block Panel */

.block-ps-panel{padding: 90px 20px;}
.block-ps-media-prodotti{padding: 90px 20px;}
.block-ps-panel__img img{height: auto;width: 100%;max-width: 750px; display: block; margin: 20px auto; box-shadow: 0 5px 20px rgba(0,0,0,.55); border-radius: 20px;}
.block-ps-panel__text{max-width: 750px; display: flex; width: 100%; height: 100%; align-items: center;padding: 20px; color: #016f92;}
.block-ps-panel__text h3{margin-bottom: 10px;}
.block-ps-panel__text h3{font-size: 33px; font-weight: 800;}
.block-ps-panel__text p{font-size: 19px;}

 .kdescimg__desc2{position: absolute; bottom: -30px; left: 44px; width: 50%; font-style: italic; color: #016f92;}
 /*.kdescimg__secondaryImg{width: 250px; height: auto; bottom: -55px; right: 0;}*/
 /*.kdescimg__secondaryImg{width: 250px; height: auto; margin-left: 344px; margin-bottom: 88px; border: 1px solid red; z-index: 12;}*/
 .kdescimg__secondaryImg{position: absolute; bottom: -23px; right: 30px; border-radius: 0 !important; max-height: 100px; width: auto !important;}

@media (max-width: 767px) {
  .block-ps-panel{ padding: 50px 0 20px 0;}
  .block-ps-media-prodotti{ padding: 50px 0 20px 0;}
  .block-ps-panel__text{padding: 20px 0;}
  .block-ps-panel__img{padding: 0 15px 15px 15px;}
  .block-ps-panel__img img{height: auto;width: 100%; display: block;margin: 0 auto;max-width: 100%}
  .block-ps-panel__right { flex-direction: column-reverse!important; }

   .kdescimg__desc2{display: none;}
   .kdescimg__secondaryImg{display: none;}
   .kdescimg__secondaryImg {position: absolute;bottom: -90px;width: 70%;}

  .block-ps-panel__text,
  .block-ps-panel-gallery__text{padding: 20px;}

  .icopro{margin-bottom: 190px;}
  .icointro{margin-bottom: 8px;}

}

/* ipad */
   @media screen and (min-width: 768px) and  (max-width: 992px){
       .kdescimg h2, .kdescimg h1{font-size: 42px;line-height: 46px;}
       .kdescimg__secondaryImg {width: 149px; height: auto; bottom: -54px; right: -15px;}
       .kdescimg{margin-bottom: 100px;}
       .kdescimg__repeater{flex-direction: column; align-items: flex-start;}
       .kdescimg__repeaterSingle{margin-bottom: 10px;}
       .kdescimg__repeaterSingle{font-size: 16px;}
       .kdescimg__desc2 {position: absolute;bottom: -51px;left: 35px;width: 50%;font-style: italic;}
       .landingCore .kdescimg__secondaryImg{width: 130px;}

   }

   /* ipad pro */
   @media screen and (min-width: 992px) and  (max-width: 1200px){
       .kdescimg__desc2{width: 60%; bottom: -50px;}
       .kdescimg__secondaryImg{width: 150px;}
   }


   @media screen and (min-width: 1201px) and  (max-width: 1351px){
       .kdescimg__secondaryImg{width: 165px;}
       .kdescimg__desc2{width: 65%; bottom: -30px;}
   }


/* ! Block Panel

.block-ps-panel{padding: 100px;}
.block-ps-panel__img img{height: 600px;width: 100%;max-width: 550px; display: block; margin: 0 auto;object-fit: cover}
.block-ps-panel__text{max-width: 550px; display: flex; width: 100%; height: 100%; align-items: center;padding: 20px;}

@media (max-width: 767px) {
  .block-ps-panel{ padding: 20px 0;}
  .block-ps-panel__text{padding: 20px 0;}
  .block-ps-panel__img img{height: 260px;}
  .block-ps-panel__right .col-40 {order: 2}
}
*/


/* ! Block Cover */

.block-ps-cover{display: flex; align-items: center;position: relative}
.block-ps-cover:before{ content: ' '; background: #000;opacity: 0.5; position: absolute; top:0; left:0; width: 100%;height: 100%;z-index: 0}
.block-ps-cover .grid{max-width: 1180px; width: 100%; margin: 0 auto; padding: 200px 0 150px 0;}

/* ! Block Text */

.block-ps-text{display: flex; align-items: center;position: relative}
.block-ps-text .grid{max-width: 1180px; width: 100%; margin: 0 auto;}
.block-ps-text{max-width: 750px; margin: 0 auto; }

/* ! Block Prodotti - Marchi */
.block-ps-prodotti img {
  width: 100%;
  /*height: auto!important;*/
  height: 250px!important;
  object-fit: cover;
  margin-bottom: 20px;
  box-shadow: 0 5px 20px rgba(0,0,0,.55);
  border-radius: 20px;
}



/* ! Menu Mobile */
      .mobile-footer-menu {display: none;}

      @media (min-width: 767px) {
        .mobile-footer-menu {display: none!important;}
      }

      @media (max-width: 767px) {
      .mobile-footer-menu .spotlight { position: fixed; background: #fff; display: flex; justify-content: space-between; width: 100%; bottom: 0px; left: 0px; width: 100%; }
     .mobile-footer-menu .spotlight .icon,
     .mobile-footer-menu .spotlight .icon-search { display: inline-block; width: 48px; height: 48px; color: #222222; }

     .spotlight {
     padding: 12px 15px 0 20px;
     padding-top: 12px;
     font-weight: bold;
     font-size: 25px;
     position: relative;
     z-index: 999999;
 }

 .spotlight .icon { display: block; padding: 10px; cursor: pointer; display: none; }

.spotlight .icon-search { display: block; }

    }


/* ! Footer */
.footer{text-align: center; background: #fff;min-height: 300px; color:#016f92; margin-top: 100px;padding-bottom: 50px;}
.footer .logo img{max-width: 160px;margin-top: 23px;}

/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! WordPress */
/* --------------------------------------------------------------------------------------------------------------------------- */



/* Pagination */
.pagination { margin: 40px 0 40px 0; padding: 0; width: 100%; text-align: center;}
.pagination span,
.pagination a { float: center; margin: 0 10px 10px 0; padding: 14px 19px; border: 1px solid #ddd; }

/* Gallery */
.gallery { float: left; margin: 20px 0 20px 0; width: 103.55%; }
.gallery-item { float: left; width: 33.333333%; text-align: center; }
.gallery img { margin: 0 10% 0 0; width: 90%; height: auto; border: none!important; }
.gallery-caption { width: 90%;margin:10px 0 0 0;}

/* Image */
.alignleft { float: left; margin-right: 20px; margin-bottom: 10px; max-width: 97%; height: auto; }
.alignright { float: right; margin-bottom: 10px; margin-left: 20px; max-width: 97%; height: auto; }
.aligncenter { display: block; margin: 0 auto; max-width: 97%; height: auto; }
.alignnone { max-width: 97%; height: auto; }

/* img responsive */
.img-res{width: 100%;height: auto;}

/* video responsive */
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Table */
table {border-collapse: collapse;margin: 40px 0; width:100%;}
table, th, td {border: 1px solid #ddd;padding:10px; font-size: 18px;text-transform: capitalize;}
table  tr:first-child td {font-weight: 900; text-transform: uppercase; background: #eee; padding:12px 8px;}

/* Image Caption */
.wp-caption { margin-top: 1.5rem;margin-bottom: 0px; padding: 10px; max-width: 97%; border: 1px solid #ddd; text-align: center; }
.wp-caption img { margin: 0; padding: 0; width: 100%!important; height: auto; border: 0 none; }
.wp-caption p.wp-caption-text { margin: 0; padding: 8px; font-size: 1em; line-height: 17px; }

/* Stiky */
.sticky { border-right: 3px solid #eee; border-bottom: 3px solid #ddd; }

/* Search */
.search-form {background: #fff;border-bottom:1px solid #333; margin-bottom: 40px;}
.search-form input[type=text]{ width: 80%; color: #333; background: #fff;}
.search-form button{float:right;border: none; background: none;padding: 3px;}

.icon-search{width: 30px;height: 30px;display: block;background: url(img/icons/search.svg) no-repeat center center;}

/* Contact Form 7 */
.wpcf7 label{width:100%}

/* -------------------------------------------------------------------------------- */
/* ! Sezione Contatti */
/* -------------------------------------------------------------------------------- */


i.fa.icnmassi {
font-size:22px;
transition: 0.7s;
width: 45px;
height: 45px;
line-height: 45px;
color: #fff;
background:#016f92;
margin-right: 15px;
text-align: center;
border-radius: 9999px;
float: left;}

i.fa.icvigevano {
font-size:22px;
transition: 0.7s;
width: 45px;
height: 45px;
line-height: 45px;
color: #fff;
background:#00a6d4;
margin-right: 15px;
text-align: center;
border-radius: 9999px;
float: left;}

.elencontatti p{border-bottom: 1px dashed #016f92; padding-bottom: 6px;}

.abbia a{color: #016f92;}
.abbia a:hover{color: #00a6d4;}

.vige a{color: #00a6d4;}
.vige a:hover{color: #016f92;}

i.fa.icnmassi:hover {transition: 0.7s;color: #fff;background:#00a6d4;}
i.fa.icvigevano:hover {transition: 0.7s;color: #fff;background:#016f92;}

.hr-massi{border-top: 1px dashed #016f92;}
.hr-vigevano{border-top: 1px dashed #00a6d4;}

#hide{display:none;margin-left:24px;}

/* TASTO MORE */
.more-link span {
display: none !important;
}

.intro-contatti {text-align: center; margin-top: 123px; font-size: 38px; font-weight: bold; padding: 20px 0 20px 0;}

.contatti-mobile{text-decoration: none;}


/* CONTACT FORM 7 100% width
------------------------------------------------ */
textarea {width: 100%;}
.wpcf7-list-item-label input{padding-left: 9px;}
.wpcf7-email{width:100% !important;}
span.wpcf7-form-control-wrap:nth-child(2) > input:nth-child(1){width:100% !important;}

/*.wpcf7-submit {width:100px;margin-left: 15px;}*/
.wpcf7-submit {width:100px;margin-left: 15px;color:#fff;text-transform: uppercase;font-size: 13px;font-weight: 510;padding: 10px 15px;background: #22bade;transition: 0.7s;}
.wpcf7-submit:hover {width:100px; color:#fff; font-weight: 510;background: #00a6d4;transition: 0.7s;}

.wpcf7-tel {width:100%;}

select.wpcf7-form-control {width:100% !important;}
textarea.wpcf7-form-control {height:110px;}

/*input, textarea {color: #016f92; width: 100%;margin-right: 10px; padding: 10px; border: 1px solid #016f92; border-radius: 100px; background: #fff; -webkit-appearance: none;font-size: 18px;}*/
textarea {color: #016f92; width: 100%;margin-right: 10px; padding: 10px; border: 1px solid #016f92; border-radius: 100px; background: #fff; -webkit-appearance: none;font-size: 18px;}
select.wpcf7-form-control {width: 100% !important;margin-top: 7px;border:0px;height: 35px;}

.nome, .email, .oggetto, .messaggio {padding-left:0px;}
span.wpcf7-list-item {display: inline-block;margin: 0 0 0 0;} /*toglie il margin al tasto di accettazione*/
div.wpcf7 .wpcf7-submit:disabled {margin-left: 0;} /*toglie il margin al tasto di INVIO*/


/* Comments */
.comment-form-author,
.comment-form-email,
.comment-form-url { float: left; margin-top: 20px; margin-right: 3%; width: 30.3333333%; }
.comment-form-author input,
.comment-form-email input,
.comment-form-url input { width: 100%; }

ol.commentlist { margin: 0 0 1em; padding: 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment { padding: 1em; border-top: 1px solid #eee; }
ol.commentlist li.comment div.vcard cite.fn { text-transform: uppercase; font-size: 14px; }
ol.commentlist li.comment div.vcard img.avatar { float: left; margin: 6px 1em 1em 0; border-radius: 50px; }
ol.commentlist li.comment div.comment-meta { font-size: 12px; }
ol.commentlist li.comment ul { margin: 0 0 1em 2em; }
ol.commentlist li.comment div.reply { margin-left: 80px; font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { margin: 1em 0 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { /* background: #f9f9f9; */  }
ol.commentlist li.parent { border-left: 1px solid #eee; }
ol.commentlist li.bypostauthor .fn { font-weight: bold; }
ol.commentlist li img{max-width: 97%;}

input[type=text],
input[type=email] { color: #016f92; width: 100%;margin-right: 10px; padding: 10px; border: 1px solid #016f92; border-radius: 100px; background: #fff; -webkit-appearance: none;font-size: 18px;}
input[type=tel] { color: #016f92; width: 100%;margin-right: 10px; padding: 10px; border: 1px solid #016f92; border-radius: 100px; background: #fff; -webkit-appearance: none;font-size: 18px;}
textarea { padding: 10px; width: 100%; border: 1px solid #016f92; background: #fff; -webkit-appearance: none;border-radius: 20px;font-size: 18px;}
input[type=submit] { margin-top: 10px; padding: 15px 20px; color: #fff; text-transform: uppercase; background: #016f92; border-radius: 100px;  font-size: 18px;}
#comments { width: 100%; }

/* Calendar Widget */
#wp-calendar { width: 100%; }
#wp-calendar a { padding: 0; border: none; }
#wp-calendar caption,
.screen-reader-text { padding-bottom: 10px; color: #000; text-align: left; text-transform: uppercase; font-weight: 700; font-size: 14px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { padding: 8px; border: 1px solid #fff; background: #f5f5f5; text-align: center; }
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { text-align: right; text-transform: uppercase; font-size: 10px; }
#wp-calendar tfoot #prev { padding-top: 10px; text-transform: uppercase; font-size: 10px; }

/* functional stuff */

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* ! Grid System */

.grid { margin: 0 auto; max-width: 1200px; display: flex; flex-flow: row; flex-wrap: wrap;}
.grid--center{justify-content: center;}

.col{ flex: 1;}

[class*='col-'] { position: relative;padding: 0 15px;}


.col-20{ width: 20%; }
.col-25{ width: 25%; }
.col-30{ width: 30%; }
.col-33{ width: 33.33%; }
.col-40{ width: 40%; }
.col-50{ width: 50%; }
.col-60{ width: 60%; }
.col-70{ width: 70%; }
.col-80{ width: 80%; }
.col-90{ width: 90%; }
.col-100{ width: 100%; }

@media (max-width: 991px) {

  .tab-20 { width: 20%; }
  .tab-25 { width: 25%; }
  .tab-33 { width: 33.33%; }
  .tab-50 { width: 50%; }
  .tab-100 { width: 100%; }
}

@media (max-width: 768px) {
  [class*='col-'] { width: 100%;}
  .sma-20 { width: 20%; }
  .sma-25 { width: 25%; }
  .sma-33 { width: 33.33%; }
  .sma-50 { width: 50%; }
  .sma-100 { width: 100%; }

  .sma-hide{display:none}
}

/* Nested Grid */
.grid .grid{
  margin-left: -15px;
  margin-right: -15px;
}



*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}



/* ! Animations */

.fade-left{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transform: translateX(-100px);transition-delay: 0s; display: block;will-change: transform, opacity; }
.fade-left.is-inview{opacity: 1;transform: translateX(0px)}

.fade-right{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transform: translateX(100px);transition-delay: 0s; will-change: transform, opacity; }
.fade-right.is-inview{opacity: 1;transform: translateX(0px)}

.fade-up{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transform: translateY(50px);transition-delay: 0s; will-change: transform, opacity; }
.fade-up.is-inview{opacity: 1;transform: translateY(0px)}

.fade-down{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transform: translateY(-50px);transition-delay: 0s; will-change: transform, opacity; }
.fade-down.is-inview{opacity: 1;transform: translateY(0px)}

.fade{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1); transition-delay: 0s; will-change: transform, opacity; }
.fade.is-inview{opacity: 1;}

.text-reveal{overflow: hidden;display: block;}
.text-reveal b{display: inline-block;will-change: transform; transform: translate3d(0,100%,0); transition: all 1s cubic-bezier(.4, .0, .0, 1);}
.text-reveal.is-inview b{transform: none;}


/* ! Scroll Down */
.scroll-down-icon{width: 100px; height: 100px;position: absolute;bottom: 0; left:50%; margin-left: -50px;display: block;}
.line-center{background: #fff; width: 3px; height: 0px; opacity: 0;position: absolute;left:50%; margin-top: 10px; animation: vertical_line_growth 4s cubic-bezier(.215, .61, .355, 1) infinite; }
.line-center span{position: absolute;bottom:-20px;width: 100px;display: block;left:-50px;text-align: center;color:#fff; text-transform: uppercase;font-size: 11px;}

@keyframes vertical_line_growth {
  0% { height: 0; opacity: 0;}
  20% { height: 0; opacity: 0;}
  40% { height: 0; opacity: 1;}
  60% { height: 30px; opacity: 1;}
  80% { height: 30px; opacity: 1;}
  100% { height: 30px; opacity: 0;}
}



.delay-1{transition-delay: .1s!important}
.delay-2{transition-delay: .2s!important}
.delay-3{transition-delay: .3s!important}
.delay-4{transition-delay: .4s!important}
.delay-5{transition-delay: .5s!important}
.delay-6{transition-delay: .6s!important}
.delay-7{transition-delay: .7s!important}
.delay-8{transition-delay: .8s!important}
.delay-9{transition-delay: .9s!important}
.delay-10{transition-delay: 1s!important}
.delay-11{transition-delay: 1.1s!important}
.delay-12{transition-delay: 1.2s!important}
.delay-13{transition-delay: 1.3s!important}
.delay-14{transition-delay: 1.4s!important}
.delay-15{transition-delay: 1.5s!important}
.delay-16{transition-delay: 1.6s!important}
.delay-17{transition-delay: 1.7s!important}
.delay-18{transition-delay: 1.8s!important}
.delay-19{transition-delay: 1.9s!important}
.delay-20{transition-delay: 2s!important}


/* ! Scroll Color Change */
body{transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.bg-blue{background:#0099c7;}
body.bg-blue h1,
body.bg-blue h2,
body.bg-blue h3,
body.bg-blue h4,
body.bg-blue p{color:#fff}
body.bg-blue .kdescimg__desc2 {color:#fff}
body.bg-blue .text-azzurro b{color:#fff}
body.bg-blue .bottom-bar a{color:#fff}
body.bg-blue .button--block-media{color:#fff; border-color: #fff}


/* ! Helpers */
.m-0 { margin: 0 !important; }
.m-1 { margin: 20px; }
.m-2 { margin: 50px; }
.m-3 { margin: 100px; }
.m-4 { margin: 180px; }
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 20px; }
.mt-2 { margin-top: 50px; }
.mt-3 { margin-top: 100px; }
.mt-4 { margin-top: 180px; }
.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 20px; }
.mb-2 { margin-bottom: 50px; }
.mb-3 { margin-bottom: 100px; }
.mb-4 { margin-bottom: 180px; }
.ml-0 { margin-left: 0; }
.ml-1 { margin-left: 20px; }
.ml-2 { margin-left: 50px; }
.ml-3 { margin-left: 100px; }
.ml-4 { margin-left: 180px; }
.mr-0 { margin-right: 0; }
.mr-1 { margin-right: 20px; }
.mr-2 { margin-right: 50px; }
.mr-3 { margin-right: 100px; }
.mr-4 { margin-right: 180px; }

@media (max-width: 767px) {
  .m-4 { margin: 100px; }
  .mt-4{margin-top: 100px}
  .ml-4 { margin-left: 100px; }
  .mr-4 { margin-right: 100px; }
  .mb-4 { margin-bottom: 100px; }

  .mt-sma-0{margin-top: 0;}
  .mt-sma-1{margin-top: 20px;}
  .mt-sma-2{margin-top: 40px;}
  .mt-sma-3{margin-top: 80px;}

  .mb-sma-0{margin-bottom: 0;}
  .mb-sma-1{margin-bottom: 20px;}
  .mb-sma-2{margin-bottom: 40px;}
  .mb-sma-3{margin-bottom: 80px;}

}

.p-2 {padding: 20px; }

.data{font-size: 12px;}

.riga{border-bottom: 1px dashed #016f92;}

.serve h3{font-size: 33px;}

.testo-interno {
  line-height: 33px !important;
}

@media (max-width: 767px) {
  .block-ps-panel{ padding: 50px 0 20px 0;}
  .block-ps-media-prodotti{ padding: 50px 0 20px 0;}
  .block-ps-panel__text{padding: 20px 0;}
  .block-ps-panel__img{padding: 0 15px 15px 15px;}
  .block-ps-panel__img img{height: auto;width: 100%; display: block;margin: 0 auto;max-width: 100%}
  .block-ps-panel__right { flex-direction: column-reverse!important; }

   .kdescimg__desc2{display: none;}
   .kdescimg__secondaryImg{display: none;}
   .kdescimg__secondaryImg {position: absolute;bottom: -90px;width: 70%;}

  .block-ps-panel__text,
  .block-ps-panel-gallery__text{padding: 20px;}

  .icopro{margin-bottom: 190px;}
  .icointro{margin-bottom: 8px;}

  .testo-interno {
  padding-right: 22px !important;
  padding-left: 22px !important;
}

.colonna-vuota{display: none!important;}

}

@media (max-width: 767px) {
    .titolo-art{padding-top: 45px;}
}

/* ipad */
   @media screen and (min-width: 768px) and  (max-width: 992px){
       .titolo-art{padding-top: 23px;}

   }

   /* ipad pro */
   @media screen and (min-width: 992px) and  (max-width: 1200px){
       .titolo-art{padding-top: 23px;}
   }


   @media screen and (min-width: 1201px) and  (max-width: 1351px){
      .titolo-art{padding-top: 23px;}
   }

.img-res{width: 100%;}
.padding-all{padding: 20px;}
.page-min-height{min-height: 101vh}
.display-none{display: none;}
.max-width{max-width: 600px; margin: 10px auto;}
.text-center{text-align: center;}

.sfondo-blu{
  background: rgb(0,166,212)!important;
  background: -moz-radial-gradient(circle, rgba(0,166,212,1) 0%, rgba(0,98,141,1) 100%);
  background: -webkit-radial-gradient(circle, rgba(0,166,212,1) 0%, rgba(0,98,141,1) 100%);
  background: radial-gradient(circle, rgba(0,166,212,1) 0%, rgba(0,98,141,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a6d4",endColorstr="#00628d",GradientType=1);
}

.riga-colorata{
 background: rgb(0,141,194);
 background: -moz-linear-gradient(90deg, rgba(0,141,194,1) 0%, rgba(29,99,139,1) 20%, rgba(112,65,119,1) 39%, rgba(200,54,59,1) 65%, rgba(249,204,70,1) 100%);
 background: -webkit-linear-gradient(90deg, rgba(0,141,194,1) 0%, rgba(29,99,139,1) 20%, rgba(112,65,119,1) 39%, rgba(200,54,59,1) 65%, rgba(249,204,70,1) 100%);
 background: linear-gradient(90deg, rgba(0,141,194,1) 0%, rgba(29,99,139,1) 20%, rgba(112,65,119,1) 39%, rgba(200,54,59,1) 65%, rgba(249,204,70,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#008dc2",endColorstr="#f9cc46",GradientType=1);
 height:  23px;
}

@media (max-width: 767px) {
    .riga-colorata{height:  8px!important;}
}


/* Img Blog Box Guttenbrgh */
.wp-block-latest-posts__featured-image img {
 height:auto;
 width:auto;
 max-width:100%;
 box-shadow: 0 5px 20px rgba(0,0,0,.55);
 border-radius: 20px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white p{color:#fff}

.link-white a{color:#fff}

.text-azzurro h1,
.text-azzurro h2,
.text-azzurro h3,
.text-azzurro h4,
.text-azzurro p,
.text-azzurro b{color:#00a6d4}

.ombra h1,
.ombra h2,
.ombra h3,
.ombra h4,
.ombra p{text-shadow: 4px 3px 12px #000;}

.grey img{filter: grayscale(0%); transition: all 1s cubic-bezier(.4, .0, .0, 1);}
.grey img:hover{filter: grayscale(100%);transition: all 1s cubic-bezier(.215, .61, .355, 1); transition: all 1s cubic-bezier(.4, .0, .0, 1);}

.text-white .button{color:#fff; border-color: #fff}

.text-giustificato {text-align: justify; line-height: 33px; color: #2b364b; font-size: 21px}

@media (max-width: 767px) {
.text-giustificato {text-align:inherit; line-height: 30px; color: #2b364b; font-size: 19px}
.m-video{margin-top: 33px;}
.h33{height: 13px!important;}
}

.text-center h1,
.text-center h2,
.text-center h3,
.text-center h4,
.text-center p{text-align: center;}