:root
{
    --achille-scuro: #002557;
    --achille-primary: #1f6091;
    --achille-primary-chiaro: #56C4F2;
    --achille-secondary: #56C4F2;
    --achille-dettagli:  #964091; /*#ff9800; #fdd200*/
}


/* ##################################################################################################### */
/* ### CLASS TOOLS ### */
/* ##################################################################################################### */

.g-flex-col-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media screen and (min-width: 992px) {
  .g-lg-flex-col-start {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
}


/* ##################################################################################################### */


/* ----------responsive --------------*/

@media (max-width:991px){
  p, .sppb-text-left, .sppb-text-right,  .sppb-addon-content{
    text-align: center;
}
}


@media (max-width: 767px) {
    body {
        font-size: 16px!important;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
    body h2 {
        font-size: 32px;
    }
}
/* ------------- MENU -----------------*/

/* .sp-megamenu-parent>li>a {
    color: var(--achille-primary);
} */

body .sp-megamenu-parent > li > a:hover, body .sp-megamenu-parent > li.active>a {
  /* color: var(--achille-secondary); */
  color: #fff;
  text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px var(--achille-scuro),
      0 0 82px var(--achille-scuro),
      0 0 92px var(--achille-scuro),
      0 0 102px var(--achille-scuro),
      0 0 151px var(--achille-scuro);
}

body .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: var(--achille-dettagli);
}

body .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
  color: var(--achille-scuro);
}



@media (min-width:992px) and (max-width:1199px) {
body .sp-megamenu-parent > li > a, body .sp-megamenu-parent > li > span, body .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-size: 15px;
}
}

@media (max-width: 1240px) {
  body .sp-megamenu-parent>li {
        padding: 0 15px 0 0;
  }
  .sppb-btn.sppb-btn-primary {
    padding: 10px 20px;
}
}



body.ltr.offcanvs-position-left.offcanvas-active .offcanvas-menu {
    left: 0;
    background: linear-gradient(132deg, #56C4F2 0%, #002557 30%, #56C4F2 100%)!important;
    background-size: 400%!important;
    animation: energy-trans-animation 5s linear infinite alternate!important;
}

body .offcanvas-menu .offcanvas-inner .sp-module ul>li a, body .offcanvas-menu .offcanvas-inner .sp-module ul>li span {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid;
}

.fa-bars:before {
    color: #fff;
}

body .offcanvas-menu .offcanvas-inner .sp-module ul>li.active>a, body .offcanvas-menu .offcanvas-inner .sp-module ul>li.active>span, body .offcanvas-menu .offcanvas-inner .sp-module ul>li ul li a {
  color: #FFF;
}



/*---------------HEADER --------------*/

body #sp-header, body #sp-header.header-sticky {
    /* background-color: var(--achille-primary); */
    border-top: 0;
    border-bottom: 0;
    background: linear-gradient(132deg, #56C4F2 0%, #002557 60%, #56C4F2 100%);
    background-size: 400%;
    animation: energy-trans-animation 7s linear infinite alternate;
    /* box-shadow: 0px 10px 30px 0px rgb(79 144 227 / 50%); */
}

body #sp-header.header-sticky {
  box-shadow: 0px 10px 30px 0px rgb(79 144 227 / 50%);
}

/*
body #sp-header, body #sp-header.header-sticky
{
    background: linear-gradient(92deg, #fdd200d9, #f14b31, #4f90e3, #f14b31, #fdd200d9);
    background-size: 500%;
    animation: energy-trans-animation 40s linear infinite;
}

@keyframes energy-trans-animation {
    0% {
        background-position: 0;
    }

    100% {
        background-position: 400%;
    }
}*/


/* ##################################################################################################### */
/* ### SP SLIDER ### */
/* ##################################################################################################### */

/* Fix altezza schermi wide */
@media screen and (min-width: 1650px) and (min-height: 900px) {
  .sp-slider .sp-slider-outer-stage {
      height: 900px !important;
  }
}
@media screen and (min-width: 2200px) and (min-height: 1200px) {
  .sp-slider .sp-slider-outer-stage {
      height: 1100px !important;
  }
}

/* Pulsanti Slider */
.sp-slider .sp-dots {
  right: 40px !important;
}
.sp-slider .sp-dots ul {
  align-items: flex-end
}
.sp-slider .sp-dots ul li {
  height: 7px !important;
}

/* ##################################################################################################### */


/* ##################################################################################################### */
/* ### SECTION HOME SLIDER ### */
/* ##################################################################################################### */

  /* SLIDER GENERIC */
  .slider-btn-custom {
    display: block;
    margin-top: 20px;
  }

  .slider-btn-custom > span {
      background: unset !important;
      color: var(--achille-scuro) !important;
      border: solid 1px var(--achille-scuro);
      background-color: transparent;
      box-shadow: 0px 10px 30px 0px rgb(79 144 227 / 50%);
      letter-spacing: 2px;
      font-weight: 700;
      border-radius: 25px !important;
      width: fit-content;
  }

  .slider-btn-custom > span:hover {
      border-color: var(--achille-primary-chiaro);
      color: white !important;
      background-color: var(--achille-primary-chiaro) !important;
  }

  /* Slide 1 | Title */
  #section-home-slider .slide-1-title {
     color: #fff;
    /* text-transform: uppercase; */
    font-family: 'Bitter', sans-serif;
    /* font-size: 37px; */
    font-weight: 600;
    text-decoration: none;
    /* bottom: 0; */
    background: var(--achille-dettagli);
    border-radius: 50px;
    padding: 5px 25px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    bottom: 180px;
    transform: translateX(-50%) !important;
  }


#section-home-slider .slide-1-subtitle {
      color: #fff;
    /* text-transform: uppercase; */
    font-family: 'Bitter', sans-serif;
    font-size: 25px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 20px;
    background: var(--achille-primary);
    border-radius: 50px;
    padding: 13px 30px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    bottom: 120px;
    transform: translateX(-50%) !important;
}

#section-home-slider h2:hover{
text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px var(--achille-scuro), 0 0 82px var(--achille-scuro), 0 0 92px var(--achille-scuro), 0 0 102px var(--achille-scuro), 0 0 151px var(--achille-scuro);
}


/*responsive*/
  /*@media (max-width:767px) {
 #section-home-slider .slide-1-title {
  bottom: 60px;
  position: absolute;
}
#section-home-slider .slide-1-subtitle {
  bottom: 25px;
  position: absolute;
}
} */




  /* Slide 1 | Caption */
  #section-home-slider .slide-1-caption {
    color: var(--achille-scuro);
    /* font-size: 36px; */
    /* line-height: 46px; */
    margin-bottom: 20px;
  }

  /* Slide 1 | Image */
  #section-home-slider .slide-1-image {
    width: 100%;
  }
  #section-home-slider .slide-1-image img {
      width: 100% !important;
      height: 100% !important;
  }

  /* Slide 1 | Icons */
  #section-home-slider .slider-icon {
    margin: 0;
  }
  #section-home-slider .slider-icon > span {
    color: rgba(47, 47, 48, 0.3);
    background: none;
    padding: 0;
    margin: 9px;
  }
  #section-home-slider .slider-icon > span:hover {
    color: var(--achille-scuro);
  }



/* ##################################################################################################### */




/* ##################################################################################################### */
/* ### SECTION START ### */
/* ##################################################################################################### */

.gooey {
  /* background-image: linear-gradient(120deg, #002557b5 0%, #ff980094 100%); */
  /* border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%; */
  /* background-image: linear-gradient(120deg, #fdd200 40%, #ff9800d6 50%, #56C4F2 70%, #1B628A 90%); */
  background-image: linear-gradient(120deg, #56C4F2 40%, #3982a1 50%, #275d74 70%, #002557 90%);
  border-radius: 12% 28% 20% 10% / 12% 28% 20% 10%;
  width: 80%;
  height: 80%;
  animation: morph 30s linear infinite alternate;
  transform-style: preserve-3d;
  outline: 1px solid transparent;
  will-change: border-radius;
}
.gooey:before,
.gooey:after{
  content: '';
  width: 90%;
  height: 90%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
  /* box-shadow: 5px 5px 89px rgb(51 124 214);
  will-change: border-radius, transform, opacity;
  animation-delay: 200ms;
  background-image: linear-gradient(120deg, rgb(0 37 87 / 46%) 0%, rgb(244 97 34 / 59%) 100%); */
  /* box-shadow: 5px 5px 89px #ff9800; */
  will-change: border-radius, transform, opacity;
  animation-delay: 200ms;
  /* background-image: linear-gradient(120deg, #ff98008c 0%, #4f90e38a 100%); */
  background-image: linear-gradient(120deg, #56c4f2a3 0%, #1b628ab8 100%);
  z-index: -1;
}

@media screen and (max-width: 991px) {
  .gooey{
    width: 100%;
    height: 10%;
  }

  .gooey:before,
  .gooey:after {
    width: 100%;
    height: 100%;
  }
}

.gooey:before{
  animation: morph 15s linear infinite alternate;
  opacity: .21;
  animation-duration: 5s;
}
.gooey:after{
  animation: morph 15s linear infinite alternate;
  animation-delay: 400ms;
  opacity: .89;
  content: "";
  line-height: 120px;
  text-indent: -21px;
}

@keyframes morph{
  0%,100%{
  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  34%{
      border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
    transform:  translate3d(0,5px,0) rotateZ(0.01deg);
  }
  50%{
    opacity: .89;
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  67%{
    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
    transform: translate3d(0,-3px,0) rotateZ(0.01deg);
  }
}


/* Colonna testo */
#section-start > .sppb-row-container > .sppb-row > div:nth-child(1) {

}


/* Colonna immagine */
#section-start > .sppb-row-container > .sppb-row > div:nth-child(2) {

}


/* Responsive */
@media screen and (max-width: 767px) {

  /* Colonna testo */
  #section-start > .sppb-row-container > .sppb-row > div:nth-child(1) {
    order: 2;
    padding-top: 20px;
  }

  /* Colonna immagine */
  #section-start > .sppb-row-container > .sppb-row > div:nth-child(2) {
    order: 1;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  #section-start .col-content .text {
    font-size: 30px;
    line-height: 35px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #section-start .col-content .text {
    font-size: 24px;
    line-height: 30px;
  }
}

/* ##################################################################################################### */


/* ##################################################################################################### */
/* ### SECTION 2 ### */
/* ##################################################################################################### */

/* .sp-page-builder .page-content #achille2 {
  margin-top: -30px;
}
@media (min-width: 768px){
  .sp-page-builder .page-content #achille2{
    margin-top: -45px;
  }
}
@media screen and (min-width: 992px) {
  .sp-page-builder .page-content #achille2 {
    margin-top: -30px;
  }
}
@media screen and (min-width: 1200px) {
  .sp-page-builder .page-content #achille2 {
    margin-top: -45px;
  }
}
@media screen and (min-width: 1650px) {
  .sp-page-builder .page-content #achille2 {
    margin-top: -95px;
  }
} */

section#achille2 p, section#achille2 h1, section#achille2 h2, section#achille2 h3, section#achille2 h4 {
  color: #fff;
}


section#achille2 {
  /* background: linear-gradient(132deg, #ff9800ed, #ffffff, #ff9800ed);
  background-size: 500%;
  animation: energy-trans-animation 40s linear infinite; */
  /* background: linear-gradient(132deg, #4f90e3 0%, #002557 30%, #4f90e3 100%); */
  /* background: linear-gradient(132deg, #56C4F2 0%, #002557 60%, #56C4F2 100%); */
  /* background-size: 400%; */
  /* animation: energy-trans-animation 5s linear infinite alternate; */
  /* position: absolute; */
  /* bottom: 0;
  left: 0; */
  width: 100%;
  height: 500px;
  /* transform-origin: center; */
  /* transform: skewY(-3deg); */
  /* will-change: transform; */
  z-index: 0;
}

#achille2 > .sppb-row-container {
  /* transform: skewY(3deg); */
  /* transform-origin: center; */
  /* will-change: transform;s */
  z-index: 0;
}

/* ##################################################################################################### */


/* ##################################################################################################### */
/* ### SECTION 3 ### */
/* ##################################################################################################### */

@media (max-width:991px){
    section#achille3 h3, .sp-page-builder .page-content #achille3 {
      text-align: center;
    }
    p, .sppb-text-left {
      text-align: center;
  }
}



/* ##################################################################################################### */
/* ### SECTION 4 ### */
/* ##################################################################################################### */

section#achille4 {
  /* background: linear-gradient(132deg, #ff9800ed, #ffffff, #ff9800ed);
  background-size: 500%;
  animation: energy-trans-animation 40s linear infinite; */
   /* background: linear-gradient(132deg, #4f90e3 0%, #002557 30%, #4f90e3 100%); */
  /* background: linear-gradient(132deg, #56C4F2 0%, #002557 60%, #56C4F2 100%);
  background-size: 400%;
  animation: energy-trans-animation 5s linear infinite alternate; */
  /* position: absolute; */
  /* bottom: 0;
  left: 0; */
  width: 100%;
  height: 100%;
  /* transform-origin: center;
  transform: skewY(-3deg);
  will-change: transform; */
  z-index: 0;
}


#achille4 > .sppb-row-container  {
  /* transform: skewY(3deg);
  transform-origin: center;
  will-change: transform; */
  z-index: 0;
}


.sppb-addon.sppb-addon-video.achillebordo {
  border-radius: 25px;
  margin: 0px;
  border: solid 1px transparent;
  color: #002557;
  background-color: transparent;
  box-shadow: 0px 10px 30px 0px rgb(79 144 227 / 50%);
}


/* ##################################################################################################### */

/* ##################################################################################################### */
/* ### PAGINA VENDERE CON IL SORRISO ### */
/* ##################################################################################################### */

 .box-elenco {
  border: 0.1em #002557;
  border-style: solid;
  margin: 1em 0;
  padding: 1.4em;
  border-radius: 25px;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
}



#loghi-vendita .sppb-image-layouts-inline-img {
    box-shadow: 0px 10px 30px 0px rgb(79 144 227 / 50%);
}

/* ##################################################################################################### */


/* ##################################################################################################### */
/* ### BOTTOM ### */
/* ##################################################################################################### */

body #sp-footer, body #sp-bottom {
    background: linear-gradient(110deg, #56C4F2 0%, #002557 60%, #56C4F2 100%);
    background-size: 400%;
    animation: energy-trans-animation3 7s linear infinite alternate;
}

body #sp-footer #sp-footer1 ul.menu li a, body #sp-footer #sp-footer2 {
    color: #fff;
}

#sp-bottom #sp-bottom2 ul.social-icons>li a {
  color: #fff;
}



/* ##################################################################################################### */
/* ### ANIMATIONS ### */
/* ##################################################################################################### */

@keyframes energy-trans-animation {
  0% {
      background-position: 0;
  }
  15% {
      background-position: 0;
  }
  100% {
      background-position: 100%;
  }
}

@keyframes animation-form-contatti {
  0%{
    background-size: 100% 100%;
    background-position:50% 50%
  }
  100%{
    background-size:200% 200%;
    background-position:50% 50%
  }
}

@keyframes energy-trans-animation3 {
  0% {
      background-position: 0;
  }
  94% {
      background-position: 100%;
  }
  100% {
      background-position: 100%;
  }
}

/* ##################################################################################################### */





/* ##################################################################################################### */
/* ### PREMI ### */
/* ##################################################################################################### */

body .award-item .sppb-addon-content {
    box-shadow: 0px 10px 30px 0px rgb(0 38 87 / 50%);
}



/* ##################################################################################################### */
/* ### NEWS ### */
/* ##################################################################################################### */
body .blog-list-area .sppb-addon-article {
    border-radius: 25px;
    margin: 15px;
    border: solid 1px transparent;
    color: #002557;
    background-color: transparent;
    box-shadow: 0px 10px 30px 0px rgb(79 144 227 / 50%);
}

body h3.sp-module-title {
  background-color: var(--achille-primary-chiaro);
  box-shadow: 0 0 0 0 #ffffff;
  border-radius: 35px;
  padding: 8px 10px;
  text-align: center;
}

body #sp-left .sp-module .sp-module-title, body #sp-right .sp-module .sp-module-title {
  color: #fff;
  font-size: 24px;
}

span.mod-articles-category-date {
  font-size: 16px;
  color: #686868;
}

body .view-article .article-details-bottom .folium-tags {
  display: none!important;
}

body .view-article nav.pagenavigation {
  margin: 65px 0 0 0!important;
}

body .pagination .page-item.active .page-link {
  background-color: var(--achille-primary);
}

a.mod-articles-category-title {
  font-size: 14px;
  font-weight: 700;
  color: #42464A;
  text-transform: uppercase;
}
/* ##################################################################################################### */
/* ### BOTTONI ### */
/* ##################################################################################################### */

body .sppb-btn.sppb-btn-default.sppb-btn-outline:hover,
body .sppb-btn.sppb-btn-default.sppb-btn-outline:focus,
body .sppb-btn.sppb-btn-primary.sppb-btn-outline:hover,
body .sppb-btn.sppb-btn-primary.sppb-btn-outline:focus {
  background-color: var(--achille-primary-chiaro);
  border-color: var(--achille-primary-chiaro);
  box-shadow: 0px 10px 30px 0px rgb(0 38 87 / 50%);
}


body .blog-list-area .sppb-addon-article .sppb-readmore {
  background-color: var(--achille-primary-chiaro);
  border-color: var(--achille-primary-chiaro);
  box-shadow: 0px 10px 30px 0px rgb(0 38 87 / 50%);
}


body .sppb-btn.sppb-btn-default.sppb-btn-outline,
body .sppb-btn.sppb-btn-primary.sppb-btn-outline {
  background-color: white;
  color: var(--achille-primary);
  box-shadow: 0px 10px 30px 0px rgb(79 144 227 / 50%);
  border: solid 1px #cccccc;
}

/* ##################################################################################################### */
/* ### COOKIEBOT ### */
/* ##################################################################################################### */

:root {
  --cookiebot-primary: #002557;
  --cookiebot-secondary: #002557;
  --cookiebot-sfondo-interruttori: #56C4F2;
}


div#CybotCookiebotDialog {
  background: #ffffff;
}

body.browser-chrome div#CybotCookiebotDialog,
body.browser-edge div#CybotCookiebotDialog {
  background: #ffffffcc;
  backdrop-filter: blur(4px);
}

#CybotCookiebotDialog h2,
#CybotCookiebotDialogBodyContentText,
.CybotCookiebotDialogBodyButton {
  color: var(--cookiebot-secondary) !important;
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  color: white !important;
}

#CybotCookiebotDialogTabContent .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--cookiebot-secondary) !important;
}

#CybotCookiebotDialogPoweredbyCybot svg {
  fill: var(--cookiebot-primary) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  color: var(--cookiebot-primary) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active {
  border-bottom: 1px solid var(--cookiebot-primary) !important;
  color: var(--cookiebot-primary) !important;
}

#CybotCookiebotDialogDetailBulkConsentLink:hover {
  color: var(--cookiebot-primary) !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  border: 2px solid var(--cookiebot-primary) !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  border-color: var(--cookiebot-primary) !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: var(--cookiebot-primary) !important;
  border-color: var(--cookiebot-primary) !important;
}

#CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderButton,
#CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleDeselectVendorsLink,
#CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleSelectVendorsLink {
  border: 2px solid var(--cookiebot-primary) !important;
}

#CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderButton.select,
#CybotCookiebotDialogDetailBodyContentIABv2Tabs .CybotCookiebotDialogBodyLevelButtonIABHeaderToggleSelectVendorsLink {
  background-color: var(--cookiebot-primary) !important;
  border-color: var(--cookiebot-primary) !important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
  color: var(--cookiebot-primary) !important;
}

#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
#CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for=CybotCookiebotDialogBodyLevelButtonNecessary]) .CybotCookiebotDialogBodyLevelButtonDescription:hover,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover {
  color: var(--cookiebot-primary) !important;
}

#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--cookiebot-sfondo-interruttori) !important;
}

@media screen and (min-width:601px) {
  #CybotCookiebotDialogTabContent input:focus+.CybotCookiebotDialogBodyLevelButtonSlider {
      box-shadow: 0 0 1px var(--cookiebot-primary) !important;
  }
}

#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentIABv2Tabs input[type=checkbox]:checked {
  background-color: var(--cookiebot-primary) !important;
  border-color: var(--cookiebot-primary) !important;
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
#CybotCookiebotDialogDetailBodyContentTextAbout a {
  color: var(--cookiebot-primary) !important;
}

@media screen and (min-width:601px) {
  #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper input:focus-visible+span,
  #CybotCookiebotDialog :focus-visible {
      outline: var(--cookiebot-primary) solid 2px !important;
  }
}

/* -- Bottone consenso CookieBOt ----*/
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: var(--cookiebot-primary) !important;
  border-color: var(--cookiebot-primary) !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
border-color: var(--cookiebot-primary) !important;
}

#CookiebotWidget .CookiebotWidget-consent-details button {
  color: var(--cookiebot-sfondo-interruttori) !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: var(--cookiebot-sfondo-interruttori)!important;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/




/* ------------- PROVA ANIMAZIONE -----------------*/

/*#blob {
    position: absolute;
    width: 500px;
    height: 500px;
    background: linear-gradient(
      180deg,
      rgba(47, 184, 255,0.42) 31.77%,
      #5c9df1 100%
    );
    -webkit-animation: move 25s infinite alternate;
    animation: move 20s infinite alternate;
    transition: 1s cubic-bezier(0.07, 0.8, 0.16, 1);
  }

#blob:hover {
    width: 520px;
    height: 520px;
    -webkit-filter: blur(30px);
            filter: blur(30px);
    box-shadow:
      inset 0 0 0 5px rgba(255,255,255, 0.6),
      inset 100px 100px 0 0px #fa709a,
      inset 200px 200px 0 0px #784ba8,
      inset 300px 300px 0 0px #2b86c5;
  }

  @-webkit-keyframes move {
    from {
      transform: translate(-100px, -50px) rotate(-90deg);
      border-radius: 24% 76% 35% 65% / 27% 36% 64% 73%;
    }

    to {
      transform: translate(250px, 150px) rotate(-10deg);
      border-radius: 76% 24% 33% 67% / 68% 55% 45% 32%;
    }
  }

  @keyframes move {
    from {
      transform: translate(-100px, -50px) rotate(-90deg);
      border-radius: 24% 76% 35% 65% / 27% 36% 64% 73%;
    }

    to {
      transform: translate(250px, 150px) rotate(-10deg);
      border-radius: 76% 24% 33% 67% / 68% 55% 45% 32%;
    }
  }

*/

/* ##################################################################################################### */
/* ### FORM CONTATTO ### */
/* ##################################################################################################### */

/* #section-form-contatti {
  margin-top: 2px;
} */

#section-form-contatti a, div#pagina-contatti_start_page a, section#bonifico a {
  color: #fff;
  font-weight: 900;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #section-form-contatti {
    margin-top: -7px;
  }
}

@media (max-width:768px){
  #section-form-contatti {
    margin-top: -30px;
  }

}

#section-form-contatti input {
  border: unset;
}

#section-form-contatti form .field {
  max-width: 600px;
  flex: 0 0 100%;
  width: 100%;
}

#section-form-contatti form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;

}

#section-form-contatti label
 {
  color: #fff;
  text-align: left;
}

#section-form-contatti p,
#section-form-contatti h3 {
  color: white;
}

#section-form-contatti .sppb-btn {
  background-color: #e6e6e6;
}
#section-form-contatti .sppb-btn:hover {
  background-color: var(--achille-primary-chiaro);
}


/* #section-form-contatti {
  background: linear-gradient(110deg, #56C4F2 0%, #002557 60%, #56C4F2 100%);
  background-size: 400%;
  animation: animation-form-contatti 5s linear infinite alternate;
  width: 100%;
  height: 100%; */
  /* transform-origin: center; */
  /* transform: skewY(-3deg); */
  /* will-change: transform; */
  /*z-index: 0;
  background: rgb(0,37,87);
  background: radial-gradient(circle, rgba(0,37,87,1) 0%, rgba(86,196,242,1) 100%, rgba(86,196,242,1) 100%);
  transform-origin: center;
} */

#section-form-contatti > .sppb-row-container {
  /* transform: skewY(3deg); */
  /* transform-origin: center; */
  /* will-change: transform; */
  z-index: 0;
}

#section-form-contatti div.field span.error-msg {
  font-weight: 600;
  font-size: 14px;
}

/* ##################################################################################################### */

/* ##################################################################################################### */
/* ### FORM PRENOTAZIONE LIBRO ### */
/* ##################################################################################################### */

#form-vendere-col-sorriso-start_page .mainfield{
  margin-top:15px;
}

#form-vendere-col-sorriso-start_page label:not([for="privacy_policy"]){
  display:none;
}



/* ##################################################################################################### */

@media (min-width: 992px) and  (max-width: 1032px){
body .sp-megamenu-parent > li > a, body .sp-megamenu-parent > li > span, body .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    /*display: none !important;*/
    font-size: 13px !important;
  }
}

@media (max-width: 1269px) and (min-width: 1241px) {
  .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 16px !important;
  }
}
@media (min-width: 1227px) and (max-width: 1239px) {
    font-size: 16px !important;
}