/*
 Theme Name:   Smallweb
 Template:     yootheme
 Author:       Marco Presti - Smallweb
 Description:  YOOtheme Child Theme
 Version:      1.0.0
 Text Domain:  yootheme-smallweb
*/
:root{
  --secondi: 1.5s;
  --dimensioni: 'M0,0 L0,250 125,250 125,25 175,25 175,250 500,250 500,0 Z';
  --dimensioni_centrali_regolari: 'M0,0 L0,250 175,250 175,75 225,75 225,250 500,250 500,0 Z';

  --dimensioni_centrali: 'M0,0 L0,250 200,250 200,25 250,25 250,250 500,250 500,0 Z';

  /* duration animation */
  --secondi_blob_pagina_servizi:5s;
  --secondi_onda_pagina_servizi:3s;

  --animation-hosting-big-circle-time: 1000ms;
  --animation-hosting-small-circle-green:#32a852;
  --animation-hosting-small-circle-red:#a83232;
}
body{

}
.smallweb-post-archive-desktop-main-image{
  /* display:none!important; */
}
.home-padding-110{
  /* padding-left:110px; */
}
.code-php{
  background:#292c33;
  filter: blur(.7px);
  transition: filter 3s;
}
.code-php:hover{
  filter: blur(0px);
  filter: grayscale(0%);
}
.code-php .hljs-string{
  color:#a1c181;
}
.code-php .hljs-function, .code-php .hljs-keyword{
  color:#6695c7;
}
.code-php .hljs-title{
  color:#6695c7;
}

/*
 * MODIFICHE GENERALI SITO
 */
 .whatsapp-button svg{
   width:40px;
 }
 .uk-navbar-nav > .whatsapp-button:hover > a::before, .uk-navbar-nav > .whatsapp-button > a[aria-expanded="true"]::before {
   background-image:none;
}
.whatsapp-button svg path:nth-child(1){
  fill:#507C5C;
}
.whatsapp-button svg path:nth-child(2){
  fill:#CFF09E;
}
.whatsapp-button svg path:nth-child(3){
  fill:#507C5C;
}
.whatsapp-button:hover svg path:nth-child(1){
  animation: whatsapp_button_path1 .6s forwards;
}

.whatsapp-button:hover svg path:nth-child(2){
  animation: whatsapp_button_path2 1.2s both infinite linear;
}
.whatsapp-button svg path:nth-child(3){
  animation: whatsapp_button 1.2s both infinite linear;
  /* fill:#cccccc!important; */
}
@keyframes whatsapp_button_path1{
  0%{

  }
  100%{
    fill:#507C5C;
  }
}
@keyframes whatsapp_button_path2{
  0%{
    fill:#CFF09E;

  }
  50%{
    fill:#ffffff;
  }
  100%{
    fill:#CFF09E;
  }
}
@keyframes whatsapp_button{
   0%{
     fill:#507C5C;

   }
   50%{
     fill:#000000;
   }
   100%{
     fill:#507C5C;
   }
 }
#contact-page-container .uk-background-norepeat{
  z-index:4;
}
.uk-text-large{
  font-size:24px;
}
.uk-navbar-left, .uk-navbar-right{
  z-index:2;
}
.a-cursor-pointer{
  cursor:pointer!important;
}
.strong-bolder{
  font-weight:700;
}
.home-heading-title-smallweb{
  text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
}
@media only screen and (max-width:768px){
  .home-heading-title-smallweb{
    text-shadow: 0px 2px 1.5px rgba(0,0,0,0.4),
               0px 4px 6.5px rgba(0,0,0,0.1),
               0px 9px 11.5px rgba(0,0,0,0.1);
  }
}
.home-video-container video{
  max-width:none;
}
.home-video-container video{
  /* width:50vw; */
}
.row-animated-blob-container{
  visibility: visible;
}
.home-animated-blob-container{
  position:absolute;
  width:100vw;
  height:50vh;
  top:10vh;
  left:0px;
  z-index:-1;
}
.home-animated-blob-container svg{
  transform:scale(1.1);
}
.row-animated-flusso-container{
  visibility: visible;
  position:relative;
  bottom:10vw;
}
.home-animated-flusso-container{
  position:absolute;
  width:100vw;
  left:0px;
  z-index:-1;
}
@media only screen and (max-width:1840px){
  .home-animated-flusso-container{
    width:130vw;
  }
}
@media only screen and (max-width:970px){
  .home-animated-flusso-container{
    height:300vh;
    width:300vw;
  }
}

@media only screen and (max-width:690px){
  .home-animated-flusso-container{
    height:600vh;
    width:600vw;
  }
  .home-animated-blob-container svg{
    width:200vw;
    height:50vh;
    top:36vh;
    left:0px;
    z-index:-1;
    transform:scale(4);
  }
  h2.uk-heading-xlarge, h2 .uk-heading-xlarge, .uk-heading-xlarge{
    font-size:39.9px;
  }
}

.blob-svg-animate-blue-1{
  position: absolute;
  width: 70%;
  left: 0px;
  right: 0px;
  top: 0px;
}
@media (max-width:960px){
  .blob-svg-animate-blue-1{
    position: absolute;
    width: 100%;
    left: 0px;
    right: 0px;
    top: 20vh;
  }
}
.blob-single-page-container{
  position:absolute;
  top:10vh;
  z-index:1;
  /* direttive solo per sfondo onda - commentare in caso di blob */
  top:0;
  left:0;
}
.blog-single-page-text{
  z-index:2;
  position:relative;
}
#blob-single-page path{
  animation-duration:var(--secondi_blob_pagina_servizi);
  animation-name: blob-page-animation;
  animation-iteration-count: infinite;
  transition:333ms;
}
@keyframes blob-page-animation{
  0% {
    /* d: path('M1247.6 381.2 c2.8-16.9 4.2-33.8 4.2-50.6 0-157.1-156.8-227.5-361-252.8 C798.2 30.3 701.9 0 616.5 0 c-66.3 0-127.4 18.5-182.2 49-3.7 2-7.3 4.1-10.9 6.3-30.5 18.2-59 40-85.2 64.3-.6.6-1.2 1.1-1.8 1.7 C150.6 184.6.1 303.1 0 481v.2 c.1 282.2 319.5 388.9 676.4 335.5 a981 981 0 0 0 54.1-9.6 c13.2.6 26.2.9 39.2.9 280.7 0 526.4-94.9 530.3-281.9 v-4.4 c0-41.7-19.3-90.2-52.4-140.5 z'); */
    d: path('M 1247.6 381.2 c 2.8 -16.9 4.2 -33.8 4.2 -50.6 c 0 -157.1 -156.8 -227.5 -361 -252.8 C 798.2 30.3 713 1 616.5 0 c -66.3 0 -127.4 18.5 -182.2 49 c -3.7 2 -7.3 4.1 -10.9 6.3 c -30.5 18.2 -59 40 -85.2 64.3 c -0.6 0.6 -1.2 1.1 -1.8 1.7 C 150.6 184.6 0.1 303.1 0 481 v 0.2 c 0.1 282.2 319.5 388.9 676.4 335.5 a 981 981 0 0 0 54.1 -9.6 c 13.2 0.6 26.2 0.9 39.2 0.9 c 280.7 0 526.4 -94.9 530.3 -281.9 v -4.4 c 0 -41.7 -19.3 -90.2 -52.4 -140.5 z');
    fill:rgba(225, 240, 251, .65);
  }
  /* 25% {
    d: path('M 1247.6 381.2 c -39.6 -39.2 -45.6 -60.2 -128.6 -109.2 c -104.8 -103.6 -181.8 -177.6 -361 -252.8 C 798.2 30.3 713 1 616.5 0 c -66.3 0 -127.4 18.5 -182.2 49 c -3.7 2 -7.3 4.1 -10.9 6.3 c -30.5 18.2 -59 40 -85.2 64.3 c -0.6 0.6 -1.2 1.1 -1.8 1.7 C 167 296 39 324 0 481 v 0.2 c -8 288.8 207 436.8 676.4 335.5 a 981 981 0 0 0 54.1 -9.6 c 13.2 0.6 26.2 0.9 39.2 0.9 c 388.3 27 528.3 -64 530.3 -281.9 v -4.4 c 0 -41.7 -19.3 -90.2 -52.4 -140.5 z');
    fill:rgba(225, 240, 251, .65);
  } */
  /* 50% {
    d: path('M 1247.6 381.2 c -39.6 -39.2 -45.6 -60.2 -128.6 -109.2 c -104.8 -103.6 -181.8 -177.6 -361 -252.8 C 798.2 30.3 713 1 616.5 0 c -66.3 0 -127.4 18.5 -182.2 49 c -3.7 2 -7.3 4.1 -10.9 6.3 c -30.5 18.2 -59 40 -85.2 64.3 c -0.6 0.6 -1.2 1.1 -1.8 1.7 C 308 148 41 127 0 481 v 0.2 c 1 148.8 207 436.8 676.4 335.5 a 981 981 0 0 0 54.1 -9.6 c 13.2 0.6 26.2 0.9 39.2 0.9 c 388.3 27 528.3 -64 530.3 -281.9 v -4.4 c 0 -41.7 -19.3 -90.2 -52.4 -140.5 z');
    fill:rgba(198, 228, 249, .65);
  } */
  50% {
    d: path('M 1247.6 381.2 c -39.6 -39.2 -45.6 -60.2 -128.6 -109.2 c -104.8 -103.6 -94 -118 -240 -185 C 863 70 672 46 592 80 c -141 63 -165 52 -215 92 c -3.7 2 -7.3 4.1 -10.9 6.3 c -30.5 18.2 -59 40 -85.2 64.3 c -0.6 0.6 -1.2 1.1 -1.8 1.7 C 167 296 39 324 0 481 v 0.2 c -8 288.8 207 436.8 676.4 335.5 a 981 981 0 0 0 54.1 -9.6 c 13.2 0.6 26.2 0.9 39.2 0.9 c 388.3 27 528.3 -64 530.3 -281.9 v -4.4 c 0 -41.7 -19.3 -90.2 -52.4 -140.5 z');
    /* fill:rgba(198, 228, 249, .65); */
    fill:rgba(225, 240, 251, .65);
  }
  100% {
    d: path('M 1247.6 381.2 c 2.8 -16.9 4.2 -33.8 4.2 -50.6 c 0 -157.1 -156.8 -227.5 -361 -252.8 C 798.2 30.3 713 1 616.5 0 c -66.3 0 -127.4 18.5 -182.2 49 c -3.7 2 -7.3 4.1 -10.9 6.3 c -30.5 18.2 -59 40 -85.2 64.3 c -0.6 0.6 -1.2 1.1 -1.8 1.7 C 150.6 184.6 0.1 303.1 0 481 v 0.2 c 0.1 282.2 319.5 388.9 676.4 335.5 a 981 981 0 0 0 54.1 -9.6 c 13.2 0.6 26.2 0.9 39.2 0.9 c 280.7 0 526.4 -94.9 530.3 -281.9 v -4.4 c 0 -41.7 -19.3 -90.2 -52.4 -140.5 z');
    /* d: path('M1247.6 381.2 c2.8-16.9 4.2-33.8 4.2-50.6 0-157.1-156.8-227.5-361-252.8 C798.2 30.3 701.9 0 616.5 0 c-66.3 0-127.4 18.5-182.2 49-3.7 2-7.3 4.1-10.9 6.3-30.5 18.2-59 40-85.2 64.3-.6.6-1.2 1.1-1.8 1.7 C150.6 184.6.1 303.1 0 481v.2 c.1 282.2 319.5 388.9 676.4 335.5 a981 981 0 0 0 54.1-9.6 c13.2.6 26.2.9 39.2.9 280.7 0 526.4-94.9 530.3-281.9 v-4.4 c0-41.7-19.3-90.2-52.4-140.5 z'); */
    /* d: path('M1247.6 381.2c2.8-16.9 4.2-33.8 4.2-50.6 0-157.1-156.8-227.5-361-252.8C798.2 30.3 701.9 0 616.5 0c-66.3 0-127.4 18.5-182.2 49-3.7 2-7.3 4.1-10.9 6.3-30.5 18.2-59 40-85.2 64.3-.6.6-1.2 1.1-1.8 1.7C150.6 184.6.1 303.1 0 481v.2c.1 282.2 319.5 388.9 676.4 335.5a981 981 0 0 0 54.1-9.6c13.2.6 26.2.9 39.2.9 280.7 0 526.4-94.9 530.3-281.9v-4.4c0-41.7-19.3-90.2-52.4-140.5z'); */
    fill:rgba(225, 240, 251,.65);
  }
}
#blob-single-page-2{
  position:absolute;
  left:1px;
}
#blob-single-page-2 path{
  animation-duration:var(--secondi_blob_pagina_servizi);
  animation-name: blob-page-animation-2;
  animation-iteration-count: infinite;
  transition:333ms;
}
@keyframes blob-page-animation-2{
  0% {
    d: path('M 890.8 77.8 C 823.2 69.4 750.4 66 676.4 66 c -110 0 -231 18.2 -336.4 58 c -7.1 6.6 -14 13.4 -20.7 20.4 c -1.5 1.5 -2.9 3 -4.4 4.6 c -5.8 6.1 -11.4 12.3 -16.9 18.7 c -1.4 1.6 -2.7 3.2 -4.1 4.8 c -5.4 6.4 -10.7 12.8 -15.9 19.4 c -1.3 1.6 -2.6 3.3 -3.8 4.9 a 727.58 727.58 0 0 0 -28.9 40.3 a 645.5 645.5 0 0 0 -19.3 31 c -2 3.5 -4 6.9 -6 10.4 s -3.9 7 -5.8 10.4 c -0.9 1.7 -1.9 3.5 -2.8 5.2 c -3.7 7 -7.3 13.9 -10.7 20.9 s -6.6 13.9 -9.7 20.8 c -1.5 3.5 -3 6.9 -4.5 10.3 s -2.9 6.9 -4.3 10.3 c -2.8 6.8 -5.4 13.6 -7.8 20.4 c -0.6 1.7 -1.2 3.4 -1.8 5 c -1.2 3.3 -2.3 6.7 -3.4 10 c -2.7 8.3 -5.2 16.5 -7.4 24.5 c -0.9 3.2 -1.7 6.4 -2.5 9.6 c -2 7.9 -3.7 15.7 -5.2 23.3 c -0.6 3 -1.1 6 -1.6 9 c -0.2 1.5 -0.5 3 -0.7 4.4 c -0.5 2.9 -0.9 5.8 -1.2 8.7 c -1.5 11.5 -2.2 22.4 -2.2 32.7 c 0 1.3 0 2.6 0.1 3.8 c 5 155 313.8 289.9 585.8 302.1 c 297.3 -61.1 487.1 -243.3 517.1 -425.9 c -72.4 -109.8 -210.2 -228.2 -357 -303.5 z');
    fill:rgb(225, 240, 251);

  }
  /* 25% {
    d: path('M1247.6 381.2c2.8-16.9 4.2-33.8 0.2-50.6 0-157.1-156.8-227.5-361-252.8C798.2 80.3 501.9 0 466.5 0c-66.3 0-127.4 18.5-182.2 49-3.7 2-7.3 4.1-10.9 6.3-30.5 18.2-59 40-85.2 64.3-.6.6-1.2 1.1-1.8 1.7C150.6 184.6.1 303.1 0 481v.2c.1 282.2 319.5 388.9 676.4 335.5a981 981 0 0 0 54.1-9.6c13.2.6 26.2.9 39.2.9 280.7 0 526.4-94.9 530.3-281.9v-4.4c0-41.7-19.3-90.2-52.4-140.5z');
    fill:rgb(161, 206, 239);
  } */
  50% {
    d: path('M 863 68 C 785 44 732 56 704 45 c -40 -12 -287 -9 -340 61 c -7.1 6.6 -14 13.4 -20.7 20.4 c -1.5 1.5 -2.9 3 -4.4 4.6 c -5.8 6.1 -11.4 12.3 -16.9 18.7 c -1.4 1.6 -2.7 3.2 -4.1 4.8 c -5.4 6.4 -10.7 12.8 -15.9 19.4 c -1.3 1.6 -2.6 3.3 -3.8 4.9 a 727.58 727.58 0 0 0 -28.9 40.3 a 645.5 645.5 0 0 0 -19.3 31 c -2 3.5 -4 6.9 -6 10.4 s -3.9 7 -5.8 10.4 c -0.9 1.7 -1.9 3.5 -2.8 5.2 c -3.7 7 -7.3 13.9 -10.7 20.9 s -6.6 13.9 -9.7 20.8 c -1.5 3.5 -3 6.9 -4.5 10.3 s -2.9 6.9 -4.3 10.3 c -2.8 6.8 -5.4 13.6 -7.8 20.4 c -0.6 1.7 -1.2 3.4 -1.8 5 c -1.2 3.3 -2.3 6.7 -3.4 10 c -2.7 8.3 -5.2 16.5 -7.4 24.5 c -0.9 3.2 -1.7 6.4 -2.5 9.6 c -2 7.9 -3.7 15.7 -5.2 23.3 c -0.6 3 -1.1 6 -1.6 9 c -0.2 1.5 -0.5 3 -0.7 4.4 c -0.5 2.9 -0.9 5.8 -1.2 8.7 c -1.5 11.5 -2.2 22.4 -2.2 32.7 c 0 1.3 0 2.6 0.1 3.8 c 82.5 276.9 206.5 348.9 585.8 302.1 c 521.7 -187.2 473.7 -314.2 416.7 -442.2 c -148.4 -161.3 -210.2 -228.2 -249 -256 z');
    /* fill:rgba(198, 228, 249, 1); */
    fill:rgba(225, 240, 251, 1);
  }
  /* 75% {
    d: path('M1247.6 381.2c2.8-16.9 4.2-33.8 0.2-50.6 0-157.1-156.8-227.5-361-252.8C798.2 80.3 501.9 0 466.5 0c-66.3 0-127.4 18.5-182.2 49-3.7 2-7.3 4.1-10.9 6.3-30.5 18.2-59 40-85.2 64.3-.6.6-1.2 1.1-1.8 1.7C150.6 184.6.1 303.1 0 481v.2c.1 282.2 319.5 388.9 676.4 335.5a981 981 0 0 0 54.1-9.6c13.2.6 26.2.9 39.2.9 280.7 0 526.4-94.9 530.3-281.9v-4.4c0-41.7-19.3-90.2-52.4-140.5z');
    fill:rgb(161, 206, 239);
  } */
  100% {
    d: path('M 890.8 77.8 C 823.2 69.4 750.4 66 676.4 66 c -110 0 -231 18.2 -336.4 58 c -7.1 6.6 -14 13.4 -20.7 20.4 c -1.5 1.5 -2.9 3 -4.4 4.6 c -5.8 6.1 -11.4 12.3 -16.9 18.7 c -1.4 1.6 -2.7 3.2 -4.1 4.8 c -5.4 6.4 -10.7 12.8 -15.9 19.4 c -1.3 1.6 -2.6 3.3 -3.8 4.9 a 727.58 727.58 0 0 0 -28.9 40.3 a 645.5 645.5 0 0 0 -19.3 31 c -2 3.5 -4 6.9 -6 10.4 s -3.9 7 -5.8 10.4 c -0.9 1.7 -1.9 3.5 -2.8 5.2 c -3.7 7 -7.3 13.9 -10.7 20.9 s -6.6 13.9 -9.7 20.8 c -1.5 3.5 -3 6.9 -4.5 10.3 s -2.9 6.9 -4.3 10.3 c -2.8 6.8 -5.4 13.6 -7.8 20.4 c -0.6 1.7 -1.2 3.4 -1.8 5 c -1.2 3.3 -2.3 6.7 -3.4 10 c -2.7 8.3 -5.2 16.5 -7.4 24.5 c -0.9 3.2 -1.7 6.4 -2.5 9.6 c -2 7.9 -3.7 15.7 -5.2 23.3 c -0.6 3 -1.1 6 -1.6 9 c -0.2 1.5 -0.5 3 -0.7 4.4 c -0.5 2.9 -0.9 5.8 -1.2 8.7 c -1.5 11.5 -2.2 22.4 -2.2 32.7 c 0 1.3 0 2.6 0.1 3.8 c 5 155 313.8 289.9 585.8 302.1 c 297.3 -61.1 487.1 -243.3 517.1 -425.9 c -72.4 -109.8 -210.2 -228.2 -357 -303.5 z');
    fill:rgb(225, 240, 251);
  }
}

/* animazione svg onda */
#onda-single-page{
  /* position:absolute;
  left:1px; */
}
#onda-single-page path{
  animation-duration:var(--secondi_onda_pagina_servizi);
  animation-name: onda-page-animation;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes onda-page-animation{
  0% {
    d: path('M 2560 0 H 0 v 264.8 c 178.5 90.9 347.2 115.7 584.6 140.7 c 45.3 33.7 92.7 62.9 157.9 77 c 101.3 21.9 189 13.1 280.5 -6.5 c 141 35.6 264.7 71 407.2 71 c 149.5 0 245.5 -36.1 325.9 -80.1 c 93 5.5 199.2 -2 323.9 -42 c 88.5 -28.4 202.6 -92.7 308.9 -143.3 c 59.4 1.9 118.1 8.9 172.2 22.4 v -87.3 h 0.1 V 0 z');
    fill:rgba(225, 240, 251,1);

  }
  25% {
    d: path('M 2560 0 H 0 v 264.8 c 261 188.2 307 256.2 588 149.2 c 62.4 -10.5 102.4 -15.5 184.4 -19.5 c 159 -43 189 13.1 307 69 c 141 35.6 264.7 71 407.2 71 c 149.5 0 245.5 -36.1 325.9 -80.1 c 93 5.5 199.2 -2 323.9 -42 c 88.5 -28.4 202.6 -92.7 308.9 -143.3 c 59.4 1.9 118.1 8.9 172.2 22.4 v -87.3 h 0.1 V 0 z');
    /* fill:rgba(198, 228, 249, 1); */
    fill:rgba(225, 240, 251, 1);
  }
  50% {
    d: path('M 2560 0 H 0 v 264.8 c 261 188.2 307 256.2 588 149.2 c 62.4 -10.5 102.4 -15.5 184.4 -19.5 c 159 -43 177.6 -76.5 345.6 -94.5 c 141 35.6 222.6 -65.5 457 -30 c 418 111 309 121 524 245 c 116 41 199.2 -2 377 -62 c 88.5 -28.4 202.6 -92.7 308.9 -143.3 c 59.4 1.9 118.1 8.9 172.2 22.4 v -87.3 h 0.1 V 0 z');
    /* fill:rgba(198, 228, 249, 1); */
    fill:rgba(225, 240, 251, 1);
  }
  75% {
    d: path('M 2560 0 H 0 v 264.8 c 261 188.2 307 256.2 588 149.2 c 62.4 -10.5 102.4 -15.5 184.4 -19.5 c 159 -43 177.6 -76.5 352.6 21.5 c 231 116 163 75 493 65 c 290 -149 220 -76 525 -172 c 149 -66 201 -31 376 -86 c 88.5 -28.4 202.6 -92.7 308.9 -143.3 c 59.4 1.9 118.1 8.9 172.2 22.4 v -87.3 h 0.1 V 0 z');
    /* fill:rgba(198, 228, 249, 1); */
    fill:rgba(225, 240, 251, 1);
  }
  100% {
    d: path('M 2560 0 H 0 v 264.8 c 178.5 90.9 347.2 115.7 584.6 140.7 c 45.3 33.7 92.7 62.9 157.9 77 c 101.3 21.9 189 13.1 280.5 -6.5 c 141 35.6 264.7 71 407.2 71 c 149.5 0 245.5 -36.1 325.9 -80.1 c 93 5.5 199.2 -2 323.9 -42 c 88.5 -28.4 202.6 -92.7 308.9 -143.3 c 59.4 1.9 118.1 8.9 172.2 22.4 v -87.3 h 0.1 V 0 z');
    fill:rgba(225, 240, 251,1);
  }
}

/* animazione svg onda 2 */
#onda-2-single-page{
  /* position:absolute;
  left:1px; */
}
#onda-2-single-page path{
  animation-duration:var(--secondi_onda_pagina_servizi);
  animation-name: onda-2-page-animation;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes onda-2-page-animation{
  0% {
    d: path('M 0 192 L 48 213.3 C 96 235 192 277 288 266.7 C 386 258 480 192 576 165.3 C 672 139 768 149 864 170.7 C 960 192 1056 224 1152 224 C 1248 224 1344 192 1392 176 L 1440 160 L 1440 0 L 1392 0 C 1344 0 1248 0 1152 0 C 1056 0 960 0 864 0 C 768 0 672 0 576 0 C 480 0 384 0 288 0 C 192 0 96 0 48 0 L 0 0 Z');
    fill:rgba(225, 240, 251,1);

  }
  60% {
    d: path('M 0 192 L 55 159 C 162 108 369 119 462 185 C 503 211 524 242 628 267 C 668 277 791 257 850 213 C 923 146 1005 108 1142 110 C 1271 118 1294 143 1387 190 L 1436 218 L 1440 0 L 1392 0 C 1344 0 1248 0 1152 0 C 1056 0 960 0 864 0 C 768 0 672 0 576 0 C 480 0 384 0 288 0 C 192 0 96 0 48 0 L 0 0 Z');
    /* fill:rgba(198, 228, 249, 1); */
    fill:rgba(225, 240, 251, 1);
  }
  100% {
    d: path('M 0 192 L 48 213.3 C 96 235 192 277 288 266.7 C 386 258 480 192 576 165.3 C 672 139 768 149 864 170.7 C 960 192 1056 224 1152 224 C 1248 224 1344 192 1392 176 L 1440 160 L 1440 0 L 1392 0 C 1344 0 1248 0 1152 0 C 1056 0 960 0 864 0 C 768 0 672 0 576 0 C 480 0 384 0 288 0 C 192 0 96 0 48 0 L 0 0 Z');
    fill:rgba(225, 240, 251,1);
  }
}

/*
 * wave with translate3d
 */
 .container-wave-animation-translate{
   background: linear-gradient(60deg, rgb(179, 212, 241) 0%, rgb(242, 252, 254) 100%);
   width:100%;
   height:40vh;
   z-index:0;
 }
.waves {
  position:relative;
  width: 100%;
  height:40vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  /* max-height:150px; */
}


/* Animation */
.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% {
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .container-wave-animation-translate{
    height:60vh;
  }
  .waves {
    height:100vh;
    min-height:40px;
  }
}

/* SVG ICON ANIMATED */
/* icon-hosting */
#icon-hosting-big-circle-1, #icon-hosting-big-circle-2, #icon-hosting-big-circle-3{
  fill:#36afeb;
}
#icon-hosting-big-circle-1{
  animation: icon-hosting-big-circle-1-animation infinite step-end;
  animation-fill-mode: none;
}
#icon-hosting-big-circle-2{
  animation: icon-hosting-big-circle-1-animation infinite step-end;
  animation-fill-mode: none;
}
#icon-hosting-big-circle-3{
  animation: icon-hosting-big-circle-1-animation infinite step-end;
  animation-fill-mode: none;
}
@keyframes icon-hosting-big-circle-1-animation{
  0%{
    fill:#ffffff;
  }
  50%{
    fill:#36afeb;
  }
  100%{
    fill:#ffffff;
  }
}
.icon-hosting-small-circle-1, .icon-hosting-small-circle-2{
  animation: icon-hosting-small-circle-1 3s infinite step-end;
}
svg g > circle:nth-of-type(2).icon-hosting-small-circle-1, svg g > circle:nth-of-type(3).icon-hosting-small-circle-1{
  animation: icon-hosting-small-circle-2 3s infinite step-end;
}
svg g > circle:nth-of-type(even).icon-hosting-small-circle-2{
  animation: icon-hosting-small-circle-2 3s infinite step-end;
}
@keyframes icon-hosting-small-circle-1{
  0%{
    fill:#ffffff;
  }
  50%{
    fill:var(--animation-hosting-small-circle-green);
  }
  100%{
    fill:#ffffff;
  }

}
@keyframes icon-hosting-small-circle-2{
  0%{
    fill:#ffffff;
  }
  50%{
    fill:var(--animation-hosting-small-circle-red);
  }
  100%{
    fill:#ffffff;
  }

}
/*
 * PORTFOLIO
 */
 .single-portfolio .tm-page{
   /* background-image:linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%); */
 }
#portfolio-hero-background{
  background-image:linear-gradient(180deg, rgb(179, 212, 241) 0%, rgb(242, 252, 254) 100%);
  /* background: red; */
  /* clip-path:path('M0,0.2 C0.3,0.4 0.7,0 1,0.2 L1,0 L0,0 Z'); */
  /* clip-path:url(#sfondoPortfolioClipPath); */
  /* width:100%; */
  /* clip-path: padding-box circle(50px at 0 100px); */
  clip-path: url(#myClip);

}
#portfolio-hero-background::after{
  content: "";
  position: absolute;
}
@media (max-width:768px){
    #portfolio-hero-background{
      clip-path: url(#sfondoPortfolioMobile);
  }
}
.container-portfolio-cloud{
  display:block;
  position:absolute;
  width:100vw;
  left:0px;
}
#portfolio-hero-background #portfolio-clouds{
  width:100vw;
  position:absolute!important;
  top:0px;
  z-index:1;
  left:0px;
  opacity:.9;
}
@media only screen and (max-width:960px){
  #portfolio-hero-background #portfolio-clouds{
    transform:scale(5);
  }
}
.portfolio-hero-circle-container{
  position:absolute;
  top:60vh;
  /* left:-10vw; */
  background:none;
  z-index: 10;
  padding-top:0px;
  padding-bottom:0px;
}
.portfolio-hero-circle-overlay{
  position:relative;
}
.portfolio-hero-circle-overlay svg{
  width:18.2vw;
  fill:rgba(76,199,100,0.6);
}

.portfolio-hero-circle-container-service{
  position:absolute;
  top:70vh;
  right:10vw;
  background:none;
  z-index: 10;
  padding-top:0px;
  padding-bottom:0px;
}
.portfolio-hero-circle-overlay-service{
  position:relative;
}
.portfolio-hero-circle-overlay-service svg{
  width:18.2vw;
  fill:rgba(250,202,6,0.6);
}


/* Border a tre quarti di testo */
.border-big-stroke-heading-title{
  position: relative;
  display: inline;
  background-image: linear-gradient(90deg, rgb(225, 240, 251) 0%,rgb(225, 240, 251) 99%, rgb(255, 255, 255) 100%);
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  background-repeat: repeat-x;
  background-size: 1px 22px;
  background-position: bottom;
  inline-size: 110px;
  overflow: hidden;

  /*/box-shadow: inset 0 -8px rgba(0,0,0,0.1);*/
}
.border-big-stroke-heading-title-2{
  position: relative;
  display: inline;
  background-image: linear-gradient(90deg, rgb(225, 240, 251) 0%,rgb(225, 240, 251) 99%, rgb(255, 255, 255) 100%);
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  background-repeat: repeat-x;
  background-size: 1px 25px;
  background-position: 34px 64px;
  inline-size: 90px;
  overflow: hidden;

  /*/box-shadow: inset 0 -8px rgba(0,0,0,0.1);*/
}
.border-big-stroke-heading-title-white{
  position: relative;
  display: inline;
  background-image: linear-gradient(90deg, rgb(255, 255, 255) 0%,rgb(255, 255, 255) 99%, rgb(255, 255, 255) 100%);
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  background-repeat: repeat-x;
  background-size: 50% 22%;
  background-position: 50% 92%;
}
.border-big-stroke-heading-small-title{
  position: relative;
  display: inline;
  background-image: linear-gradient(90deg, rgb(225, 240, 251) 0%,rgb(225, 240, 251) 99%, rgb(255, 255, 255) 100%);
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  background-repeat: repeat-x;
  background-size: 1px 12px;
  background-position: bottom;
  overflow: hidden;
}

.border-big-stroke-content-text-small{
  position: relative;
  display: inline;
  background-image: linear-gradient(90deg, rgb(225, 240, 251) 0%,rgb(225, 240, 251) 99%, rgb(255, 255, 255) 100%);
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  background-repeat: repeat-x;
  background-size: 1px 6px;
  background-position: center 90%;
  overflow: hidden;
}
.border-2xl-stroke-heading-title{
  position: relative;
display: inline-block;
background-image: linear-gradient(90deg, rgb(225, 240, 251) 0%,rgb(225, 240, 251) 99%, rgb(255, 255, 255) 100%);
-webkit-box-decoration-break: clone;
-ms-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
background-repeat: repeat-x;
background-size: 1px 62px;
background-position: 0px 144px;
/* inline-size: 110px; */
overflow: hidden;
height: 250px;
}
/* subnav pills font-size custom */
.uk-subnav > * > :first-child{
  font-size:20px;
}
/*
 * MODIFICHE GENERALI SITO - PULSANTI ANIMATI
 */
 .container-button-border-esterno .uk-icon-button{
   width:auto;
   height:auto;
 }.container-button-border-esterno .uk-grid-small{
   margin-left:-30px;
 }
 .container-button-border-esterno .uk-button-primary, .container-button-border-esterno .uk-icon-button, .uk-subnav-pill>*>:first-child, .uk-tab > * > a, .blog-grid-last-post a.uk-button, a.uk-button{
   display: inline-block;
   margin: 0.75rem;
   padding: 0.75rem 1.5rem;
   border: none;
   border-radius: 0.1875rem;
   outline: none;
   background-color: rgba(198, 228, 249, 1);
   color: #000;
   font-family: inherit;
   font-size: 1.25em;
   font-weight: 400;
   line-height: 1.5rem;
   text-decoration: none;
   text-align: center;
   cursor: pointer;
   transition: all 150ms ease-out;
 }
 .container-button-border-esterno .uk-icon-button{
   margin: 0rem;
   padding: 0.75rem 0.75rem;
   background-color:#fff;

 }
 .container-button-border-esterno .uk-button-primary:focus, .container-button-border-esterno .uk-icon-button:focus, .container-button-border-esterno .uk-button-primary:hover, .container-button-border-esterno .uk-icon-button:hover, .uk-subnav-pill>*>:first-child:focus, .uk-subnav-pill>.uk-active>a, .uk-subnav-pill > * > a:hover, .uk-tab > * > a:hover, .uk-tab > .uk-active > a , .blog-grid-last-post a.uk-button:hover, .blog-grid-last-post a.uk-button:focus, a.uk-button:hover, a.uk-button:focus{
   background-color: rgba(198, 228, 249, 1);
   box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.375rem rgba(198, 228, 249, 1);
   border-image-source:none!important;
 }
 .container-button-border-esterno .uk-icon-button:focus, .container-button-border-esterno .uk-icon-button:hover{
   background-color: rgba(255, 255, 255, 1);
 }
 .container-button-border-esterno .uk-button-primary:active , .container-button-border-esterno .uk-icon-button:active, .uk-subnav-pill>*>:first-child:active, .blog-grid-last-post a.uk-button:active, a.uk-button:active{
   background-color: rgba(198, 228, 249, 1);
   box-shadow: 0 0 0 0.1875rem rgba(198, 228, 249, 1), 0 0 0 0.375rem rgba(198, 228, 249, 1);
   transition-duration: 75ms;
 }
 .container-button-border-esterno .uk-icon-button:active{
   background-color: rgba(255, 255, 255, 1);
 }
 .container-button-border-esterno .uk-button-primary.is-outlined , .container-button-border-esterno .uk-icon-button.is-outlined, .uk-subnav-pill>*>:first-child.is-outlined, .blog-grid-last-post a.uk-button.is-outlined, a.uk-button.is-outlined{
   border: 0.1875rem solid tomato;
   background-color: transparent;
   color: tomato;
 }
 .container-button-border-esterno .uk-button-primary.is-outlined:focus, .container-button-border-esterno .uk-icon-button.is-outlined:focus, .container-button-border-esterno .uk-button-primary.is-outlined:hover, .container-button-border-esterno .uk-icon-button.is-outlined:hover ,.blog-grid-last-post a.uk-button.is-outlined:hover, .blog-grid-last-post a.uk-button.is-outlined:focus, a.uk-button.is-outlined:hover, a.uk-button.is-outlined:focus{
   border-color: rgba(198, 228, 249, 1);
   color: rgba(198, 228, 249, 1);
 }
 .container-button-border-esterno .uk-button-primary:active, .container-button-border-esterno .uk-icon-button:active {
   border-color: rgba(198, 228, 249, 1);
   color: rgba(198, 228, 249, 1);
 }

.container-iframe-demo{

}
.uk-lightbox-iframe{
  width:100vw;
  height:90vh;
}
/* hosting price list element highlighted */
.hosting-price-list .uk-grid .uk-tile-primary{
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
/* change css charts height */
.container-css-chart{
  height:70%;
}
/* change headline zindex */
.headline-zindex-4{
  z-index:4;
  position:relative;
}
/* lightbox */
.uk-lightbox-button.uk-transition-fade{
  transition:none;
  opacity:1;
}
/* custom h3 per hosting */
.custom-h3{
    font-size:36px;
}
@media (min-width:768px){
    .custom-h3{
 		font-size:32px;
    }
}
@media (min-width:1px) and (max-width:767px){
    .custom-h3{
 		font-size:32px;
    }
}
/* change service checkbox */
.grid-checkbox-left-service svg{
  color:rgb(225, 240, 251)!important;
  text-shadow:10px 10px 10px #000;
  width:40px;
  border-radius: 50%;
}
.grid-checkbox-left-service .uk-icon{
  display: inline-block;
border-radius: 50%;
border: 5px solid rgba(0,0,0,0.1);
background: white;
vertical-align: middle;
margin-right: 20px;
width: 2em;
height: 2em;
cursor: pointer;
align-items: center;
justify-content: center;

}
@media only screen and (max-width:960px){
  .grid-checkbox-left-service .uk-icon{
    margin-right:0px;
  }
}
.grid-checkbox-left-service .uk-icon{
  width: 2em;
  height: 2em;
  background: #ccc;
}
.grid-checkbox-left-service .uk-icon:hover{
  background: #00d478;
}
.grid-checkbox-left-service .uk-icon.green-check-animation{
  animation: check 1.3s cubic-bezier(0.895, 0.030, 0.685, 0.220) forwards;
}
@keyframes check {
  0% {
    border-width: 5px;
  }
  50% {
    background: #00d478;
  }
  100% {
    background: #00d478;
  }
}

/* change table hosting service */
.uk-table-small th{
    padding:10px 0px;
    font-size:24px;
    font-family:meticula-extrabol;
}
.table-service-detail .uk-icon{
  display: inline-block;
  border-radius: 50%;
  border: 5px solid rgba(0,0,0,0.1);
  background: white;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background: #00d478;
  color:#fff;
}

/*
 * Blog
 */

 .blog-background-grey{
   background:#ccc;
 }
 .blog-content-text-light-color .el-content{
   color:#ffffff;
 }
  /*
  * END MODIFICHE GENERALI SITO
  */

/*
 *  CSS PREVENTIVI
 *
 *
 *
 *
 *
 */
 /* @media only screen and (max-width:595px) and (min-width:595px){  foglio a4 pixel x1 */
 @media only screen and (max-width:1190px) and (min-width:1190px){ /* foglio a4 pixel x2 */
   .preventivo-titolo-margin-left-0 .uk-position-medium{
     margin-left:3px!important;
   }
 }

.preventivo-text-xl{
  font-size:36px;
}
.preventivo-cliente{
  padding-left:40px;
  padding-right:40px;
}
/*
 *  END CSS PREVENTIVI
 *
 *
 *
 *
 *
 */

 /*
  *  CUSTOM ANIMATION - SIMPLE SVG CSS ANIMATION
  *  author Marco Presti
  *
  *
  *
  *
  */

  /*
   * TRASFORMA IL TUO SITO IN WORDPRESS - LOGO ANIMATON
  */
#trasforma-sito-logo-wp svg path{
  animation-duration:3s;
  animation-name: logo-wp-animation;
  animation-iteration-count: infinite;
}
@keyframes logo-wp-animation{
  from {
    path d:():
  }
  to {
  }
}
/*
 *  CUSTOM ANIMATION - SIMPLE SVG CSS ANIMATION
 *  author Marco Presti
 *
 *
 *
 *
 */

 /*
  * Animated Tree 1
  *
 */
.section-with-animated-tree-1{
   position:relative;
}
.container-animated-tree-footer{
   position:absolute;
   max-width:100%;
   max-height:100%;
   width:100%;
   left:0px;
   padding-left:3%;
   bottom:0px;
   overflow: hidden;
   /* z-index: 10; */
}
.animated-tree1{
   max-width:100%;
   max-height:80vh;
   /* height:80vh; */
   fill:none;
   stroke:#fff;
   stroke-linecap:round;
   stroke-width:3px;
}
#tree1{
  height:100vh;
}
#tree2{
  height:50vh;
  position:absolute;
  bottom:0px;
}
#tree3{
  position:absolute;
  bottom:0px;
  height:20vh;
  left:16vw;
}
#tree4{
  position:absolute;
  bottom:0px;
  height:12vh;
  left:32vw;
}
#tree5{
  position:absolute;
  bottom:0px;
  height:26vh;
  left:44vw;
}
#tree6{
  position:absolute;
  bottom:0px;
  height:16vh;
  right:44vw;
}

#tree7{
  position:absolute;
  bottom:0px;
  height:50vh;
  right:24vw;
}

#tree8{
  position:absolute;
  bottom:0px;
  height:60vh;
  right:14vw;
}

#tree9{
  position:absolute;
  bottom:0px;
  height:80vh;
  right:6vw;
}
.tronco{
  stroke:#ffffff;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
}
.foglie-1{
  stroke:rgba(76,199,100,0.6);
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
}
/* other tree colours */
.background-for-tree-brown-green.uk-section-default{
  position:absolute;
  width:100vw;
  height:100vh;
  bottom:0px;
  background:transparent;
  z-index:-1;
}
.animated-tree-brown-green .animated-tree1:nth-child(1){
  filter:blur(1px)opacity(100%);
}
.animated-tree-brown-green .animated-tree1:nth-child(2){
  filter:blur(1.5px)opacity(80%);
}
.animated-tree-brown-green .animated-tree1:nth-child(3){
  filter:blur(1.5px)opacity(80%);
}
.animated-tree-brown-green .animated-tree1:nth-child(4){
  filter:blur(2px)opacity(60%);
}
.animated-tree-brown-green .animated-tree1:nth-child(5){
  filter:blur(1px)opacity(100%);
}
.animated-tree-brown-green .animated-tree1:nth-child(6){
  filter:blur(1.5px)opacity(80%);
}
.animated-tree-brown-green .animated-tree1:nth-child(7){
  filter:blur(1.5px)opacity(80%);
}
.animated-tree-brown-green .animated-tree1:nth-child(8){
  filter:blur(1.2px)opacity(90%);
}
.animated-tree-brown-green .animated-tree1:nth-child(9){
  filter:blur(1px)opacity(100%);
}
@media only screen and (max-width:960px){
  .animated-tree-brown-green .animated-tree1{
    display:none;
  }
}
.uk-section-default{
  background:transparent;
}
.animated-tree-brown-green .tronco, .animated-tree-brown-green .animated-tree1{
  stroke:rgb(179, 132, 47);
}
.animazione-tronco{
  animation: dash 2s normal;
  animation-delay: 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
}
.animazione-foglie-1{
  animation: dash 3s normal ;
  animation-delay: 1.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
}
@keyframes dash {
  from {
   stroke-dashoffset: 1000;
 }
 100%{
   stroke-dashoffset: 0;
 }
 to {
   stroke-dashoffset: 0;
 }
}
/* body{
  height:100%;
  margin:0px auto;
  background: rgb(255,255,255,1);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(223,255,240,1) 68%, rgba(223,255,240,1) 100%);

} */
.container {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-bottom: 20%;
  vertical-align: middle;
  overflow: hidden;
  background:#dffff0;
}
#bar1 {
  /* transition:0.6s; */
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  /* d: path('M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z'); */
}
#bar1 path{
  animation-duration:var(--secondi);
  animation-name:movimento_onda_2;
  animation-iteration-count: infinite;
  transition:333ms;
}
@keyframes movimento_onda { /*non muovo il segmento centrale a 0 di y */

  /* controllo l' altezza del segmento centrale con lo y della terza e quarta dupla */
  from {
    d: path('M0,0 L0,250 125,250 125,0 250,0 250,250 500,250 500,0 Z');
  }
  50% {
    d: path('M0,0 L0,250 250,250 250,0 375,0 375,250 500,250 500,0 Z');
  }
  to {
    d: path('M0,0 L0,250 125,250 125,0 250,0 250,250 500,250 500,0 Z');
  }
}

@keyframes movimento_onda_1 {

  /* controllo l' altezza del segmento centrale con lo 0 della terza e quarta dupla */
  from {
    d: path('M0,0 L0,250 125,250 125,25 250,25 250,250 500,250 500,0 Z');
  }
  25% {
    d: path('M0,0 L0,250 250,250 250,50 375,50 375,250 500,250 500,0 Z');
  }
   50% {
    d: path('M0,0 L0,250 250,250 250,25 375,25 375,250 500,250 500,0 Z');
  }
  75% {
    d: path('M0,0 L0,250 125,250 125,50 250,50 250,250 500,250 500,0 Z');
  }
  to {
    d: path('M0,0 L0,250 125,250 125,25 250,25 250,250 500,250 500,0 Z');
  }
}

@keyframes movimento_onda_2 {

  /* controllo l' altezza del segmento centrale con lo 0 della terza e quarta dupla */
  from {
    /* d: path('M0,0 L0,250 125,250 125,25 175,25 175,250 500,250 500,0 Z'); */
    d: path(var(--dimensioni));
  }
   15% {
    d: path('M0,0 L0,250 175,250 175,75 225,75 225,250 500,250 500,0 Z');
    /* d: path(var(--dimensioni_centrali)); */
  }

   50% {
    d: path('M0,0 L0,250 175,250 175,25 225,25 225,250 500,250 500,0 Z');
  }

  65% {
    d: path('M0,0 L0,250 125,250 125,75 175,75 175,250 500,250 500,0 Z');

  }
  to {
    /* d: path('M0,0 L0,250 125,250 125,25 175,25 175,250 500,250 500,0 Z'); */
    d: path(var(--dimensioni));
  }
}

#bar2 {
  /* transition:0.6s; */
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  /* d: path('M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z'); */
}
#bar2 path{
  animation-duration:var(--secondi);
  animation-name:movimento_onda_2_2;
  animation-iteration-count: infinite;
  transition:333ms;
}

@keyframes movimento_onda_2_2 {

  /* controllo l' altezza del segmento centrale con lo 0 della terza e quarta dupla */
  from {
    d: path('M0,0 L0,250 105,250 105,50 155,25 155,250 500,250 500,0 Z');
  }
   15% {
    d: path('M0,0 L0,250 155,250 155,85 205,75 205,250 500,250 500,0 Z');
  }

   50% {
    d: path('M0,0 L0,250 155,250 155,50 205,25 205,250 500,250 500,0 Z');
  }

  65% {
    d: path('M0,0 L0,250 105,250 105,85 155,75 155,250 500,250 500,0 Z');
  }
  to {
    d: path('M0,0 L0,250 105,250 105,50 155,25 155,250 500,250 500,0 Z');
  }
}
/* AGGIUNGO UN EFFETTO ALL'HOVER */
/* svg:hover path {
  transition:333ms;
  d: path('M0,100 C250,100 350,0 500,100 L500,00 L0,0 Z');
} */

/*
 *  END CUSTOM ANIMATION
 *
 */


 /*
  * CUSTOM SMALLWEB ELEMENTS FOR YOOTHEME
  *
  * - grid custom
 */
/* GRID CUSTOM */
.smallweb-panel.smallweb-hover-1{
  /* filter:blur(10px); */
}
.smallweb-hover-1-image-container{
  background-size:cover;
  position:relative;
  overflow: hidden;
  filter:blur(0px);
  transition:.86s;

}
.smallweb-hover-1-image-container.hover-1-image-hover{
  border-radius: 25% 10%;
}
.smallweb-hover-1-image-container.hover-1-image-hover img{
  filter:blur(2px) grayscale(26%);
}
.smallweb-hover-1-image-container img{
  /* visibility: hidden; */
  user-select: none;
}
.smallweb-hover-1-content-container{
  background: rgba(255,255,255,0);
  position: absolute;
  z-index: 1000;
  top:0;left:0;right:0;bottom:0;
  transition: background .66s;
  user-select: none;
}


.hover-1-content-container-hover{
  background:rgba(19,30,33,0.4);
}
.smallweb-hover-1-content-container .el-title{
  position: absolute;
  text-transform: uppercase;
  padding: 7px;
  z-index: 1000;
  bottom:20%;left:-80%;
  color:#ffffff;
  /* font-weight: 300;
  font-size: 13px; */
  width: 80%;
  transition: all 0.7s;
}
.el-title.hover-1-title{
  background-color:#86b4da; left:0px;
}
.smallweb-hover-1-content-container .el-content{
  position: absolute;
  padding: 5px;
  z-index: 1000;
  bottom:10%;right:-85%;
  margin-top: 25px;
  color:#ffffff;
  font-weight: 300;
  /* font-size: 11px; */
  width: 80%;
  transition: all 0.7s;
}
.el-content.hover-1-content{
  background-color:#6db1e8;right:0px;
}


/* hover for non touch device only */

@media (hover: hover) and (pointer: fine) {
  .smallweb-hover-1-image-container:hover img{
    filter:blur(1px);
  }

  .smallweb-hover-1-content-container:hover{
    background:rgba(19,30,33,0.4);

  }

  .smallweb-hover-1-content-container:hover .el-title{
    background-color:#86b4da; left:0px;
  }

  .smallweb-hover-1-content-container:hover .el-content{
    background-color:#6db1e8;right:0px;
  }
}


/* SMALLWEB HORIZONTAL MENU **/
.smallweb-horizontal-menu-container-overlay{
  background:rgba(0,0,0,0);
  position:fixed;
  width:100vw;
  top: 0;
  bottom: 0;
  left: 0;
  /* transition:all .5s; */
  z-index:-1;
}
.tm-page{
/*  filter:blur(0px);*/
  transition:filter .4s;
}
.blur-content{
  filter:blur(6px);
}
.smallweb-horizontal-menu-container-overlay.overlay-visible{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  background:linear-gradient(90deg, rgba(54, 175, 235, .6) 0%,rgba(255, 255, 255,.4) 100%);
  width:100vw;
  z-index:2000;
  transition: all .5s;
}
.smallweb-horizontal-menu-container:before{

}
.smallweb-horizontal-menu-container{
  z-index: -1;
  display:flex;
  position:fixed;
  height:auto;
  opacity:0;
  left:-100%;
  transition: all .5s;
}

.smallweb-horizontal-menu-container.horizontal-menu-open{
  z-index: 3000;
  display:flex;
  position:fixed;
  height:100%;
  opacity:1;
  left:0%;
}
.smallweb-horizontal-menu-logo-container{
  display:flex;
  flex:1;
  background: #fff;
}
.smallweb-horizontal-menu-logo-container a{
  padding-left:30px;
  padding-top:14px;
}
.smallweb-horizontal-menu-container.horizontal-menu-open .smallweb-horizontal-menu{
  z-index:3000;
}
.smallweb-horizontal-menu{
  background:#ffffff;
  display:flex;
  overflow:scroll-y;
  flex-wrap: wrap;
  align-items:flex-start;
  align-content:baseline;
}
.smallweb-horizontal-menu-content{
  list-style: none;
  list-style-type: none;
  display:block;
  z-index:3000;
  background:#fff;
  padding-left:0px;
}
.smallweb-horizontal-menu-content .menu-item{
  display: block;
  font-size:1.625rem;
  padding-top:15px;
  padding-bottom:15px;
  padding-left:30px;
  cursor:pointer;
}
.smallweb-horizontal-menu-content .menu-item .item-has-children-link-icon{
  position: absolute;
  right: 20px;
  padding-top: 10px;
}
.smallweb-horizontal-menu-content .menu-item:hover{
  background-image: linear-gradient(90deg, rgb(225, 240, 251) 0%,rgb(225, 240, 251) 100%);
  background-repeat: repeat-x;
  background-size:100% 100%;
  background-position: bottom;
}
.smallweb-horizontal-menu-content .menu-item.smallweb-active{
  background-image: linear-gradient(90deg, rgb(225, 240, 251) 0%,rgb(225, 240, 251) 100%);
  background-repeat: repeat-x;
  background-size:100% 100%;
  background-position: bottom;
}
.smallweb-horizontal-menu-divider{
  height:3px;
  width:80%;
  background:#f3f3f3;
  position: static;
  display: block;
}
.smallweb-horizontal-menu-content .menu-item:hover .smallweb-horizontal-menu-divider{
  /* background:#36afeb; */
}
.smallweb-horizontal-menu-content .menu-item.smallweb-active .smallweb-horizontal-menu-divider{
    /* opacity:0; */
    /* background:#36afeb; */
}
.smallweb-horizontal-menu>*{
  flex:0 0 100%;
}
.smallweb-horizontal-menu a{
  color:#333;
  transition:color .15s;
  /* pointer-events: none; */
}
.smallweb-horizontal-menu a:hover{
  text-decoration:none;
  /* font-size:1.75rem; */
  color:#36afeb ;
}
.smallweb-active>a{
  /* background-image: linear-gradient(90deg, rgb(225, 240, 251) 0%,rgb(225, 240, 251) 99%, rgb(255, 255, 255) 100%); */
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  background-repeat: repeat-x;
  background-size: 1px 12px;
  background-position: bottom;
  color:#36afeb;
}
.smallweb-horizontal-subnav:before{
  top:0px;
  height:100vh;
}
.smallweb-horizontal-subnav{
  position: absolute;
  left: 0%;
  background: #000;
  transform-style: preserve-3d;
  z-index: 2000;
  display: flex;
  min-height: 100vh;
  height:100%;
  width:100%;
  top: 0px;
  flex-flow: column;
  display:none;
  opacity:0;
  padding-top:97px;
  padding-left:0px;
  overflow-y:visible;
  overflow-x: visible;
  box-shadow:20px 10px 30px rgba(133, 133, 133, .6);
}
.smallweb-horizontal-subnav.sub-menu-open {
  display:block;
  left:50%;
  animation: reveal-sub-menu .4s forwards;
  transition: left .4s;
}
@keyframes reveal-sub-menu{
  100% {
    left:100%;
    opacity:1;
  }
}
[class*="subnav-level-"]{
  /* z-index:-1; */
}
.smallweb-horizontal-subnav.subnav-level-3.sub-menu-open, .smallweb-horizontal-subnav.subnav-level-4.sub-menu-open, .smallweb-horizontal-subnav.subnav-level-5.sub-menu-open{
  /* left:100%; */
  transition: left .4s;
}
.smallweb-horizontal-subnav.sub-menu-open.subnav-level-focus{
  left:60%!important;
  /* animation: focus-secondary-sub-menu 5s forwards; */
}
@keyframes focus-secondary-sub-menu{
  100% {
    /* left:100%; */
  }
}
.smallweb-horizontal-subnav.subnav-level-1, .smallweb-horizontal-subnav.subnav-level-3, .smallweb-horizontal-subnav.subnav-level-5{
  background:#ffffff;
}
.smallweb-horizontal-subnav.subnav-level-2, .smallweb-horizontal-subnav.subnav-level-4{
  background: #f8f8f8;;
}
.smallweb-horizontal-subnav:nth-child(odd){
  background:#ccc;
}


/*
 * MEDIA PRINT
 */
@media print {
  .uk-heading-medium {
    font-size: 2rem;
  }
  .uk-heading-small {
    font-size: 1.75rem;
  }
  .uk-text-large, .uk-h3, h3{
    font-size:1.25rem;
  }
  .uk-section{
    padding-top:20px;
    padding-bottom:20px;
  }
  * + .uk-grid-margin, .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin{
    margin-top:20px;
  }
  .uk-section-primary:not(.uk-preserve-color) .uk-text-primary{
    color: #ffffff!important;
  }
  .uk-section-primary {
    background: #16ca88!important;
  }
  .tm-section-title{
    display:none;
  }
  .iubenda-tp-btn{
    display:none!important;
  }
}
/*
 * CUSTOM FONTS
 *
*/
@font-face {
    font-family: 'meticula-thin';
    src: url('../fonts/meticula/meticula-thin-webfont.woff2') format('woff2'),
         url('../fonts/meticula/meticula-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'meticula-regular';
    src: url('../fonts/meticula/meticula-regular-webfont.woff2') format('woff2'),
         url('../fonts/meticula/meticula-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'meticula-medium';
    src: url('../fonts/meticula/meticula-medium-webfont.woff2') format('woff2'),
         url('../fonts/meticula/meticula-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'meticula-light';
    src: url('../fonts/meticula/meticula-light-webfont.woff2') format('woff2'),
         url('../fonts/meticula/meticula-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'meticula-bold';
    src: url('../fonts/meticula/meticula-bold-webfont.woff2') format('woff2'),
         url('../fonts/meticula/meticula-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'meticula-extrabol';
    src: url('../fonts/meticula/meticula-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/meticula/meticula-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'meticula-extralig';
    src: url('../fonts/meticula/meticula-extralight-webfont.woff2') format('woff2'),
         url('../fonts/meticula/meticula-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'meticula-outline';
    src: url('../fonts/meticula/meticula-outline-webfont.woff2') format('woff2'),
         url('../fonts/meticula/meticula-outline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'meticula-semibold';
    src: url('../fonts/meticula/meticula-semibold-webfont.woff2') format('woff2'),
         url('../fonts/meticula/meticula-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* italic */

@font-face {
    font-family: 'meticula-thin-italic';
    src: url('../fonts/meticula/meticula-thinitalic-webfont.woff2') format('woff2'),
         url('../fonts/meticula/meticula-thinitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'meticula-semibold-italic';
    src: url('../fonts/meticula/meticula-semibolditalic-webfont.woff2') format('woff2'),
         url('../fonts/meticula/meticula-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'meticula-outline-italic';
    src: url('../fonts/meticula/meticula-outlineitalic-webfont.woff2') format('woff2'),
         url('../fonts/meticula/meticula-outlineitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'meticula-medium-italic';
    src: url('../fonts/meticula/meticula-mediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/meticula/meticula-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'meticula-light-italic';
    src: url('../fonts/meticula/meticula-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/meticula/meticula-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'meticula-italic';
    src: url('../fonts/meticula/meticula-italic-webfont.woff2') format('woff2'),
         url('../fonts/meticula/meticula-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'meticula-extralight-italic';
    src: url('../fonts/meticula/meticula-extralightitalic-webfont.woff2') format('woff2'),
         url('../fonts/meticula/meticula-extralightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'meticula-extrabold-italic';
    src: url('../fonts/meticula/meticula-extrabolditalic-webfont.woff2') format('woff2'),
         url('../fonts/meticula/meticula-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'meticula-bold-italic';
    src: url('../fonts/meticula/meticula-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/meticula/meticula-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}