/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


h1{font-size:clamp(34px,4.8vw,64px);line-height:1.1em;}

h2{font-size:clamp(28px,3.6vw,44px);line-height:1.1em;font-weight:400!important;}
.h2 h3{font-size:clamp(28px,3.6vw,44px) !important;line-height:1.1em;font-weight:400!important;}

.h4 h2{font-size:clamp(24px,2vw,22px);line-height:1.1em;font-weight:400!important;}


h3{font-size:clamp(20px,2vw,22px);line-height:1.1em;font-weight:400!important;}
h4{font-size:clamp(20px,2vw,22px);line-height:1.1em;font-weight:400!important;}

.text a, p a {text-decoration: underline !important}

.bianco h1, .bianco h2, .bianco h3, .bianco h4, .bianco p ,.bianco li{color: #f5f5f5}
.blu > p {color: #2D2E83 !important;}
.small p {font-size: 16px}
.big p {font-size: 24px; font-family: "unbounded"; font-weight: 400;}


/*Header*/


.logo-left .logo {margin-left: 0; margin-right: 20px}
.header-button-1 {margin-left: 20px !important}

.etichetta p {display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;margin:0;color:#fff;text-transform:uppercase;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px; font-weight: bold; font-size: 14px; margin-bottom: 20px}

.home .header-logo{display:none!important;}
.home .header-logo-dark{display:block!important;}
.home .header-wrapper.stuck .header-logo{display:block!important;}
.home .header-wrapper.stuck .header-logo-dark{display:none!important;}
body:not(.home) .header-logo{display:block!important;}
body:not(.home) .header-logo-dark{display:none!important;}

.transparent #logo img, #logo img, html .stuck #logo img { max-height: 42px !important;}
.header:not(.transparent) .header-nav-main.nav > li > a {color: #2D2E83 !important;}
.header-nav a {font-size: 16px !important; opacity: 1 !important}
.nav-dark .nav > li > a {color: hsla(0,0%,100%,1) !important}
.header-nav .icon-angle-down {display: none}
.video .section-bg-overlay {background:linear-gradient(to bottom,rgba(19,20,56,0) 0%,#131438 100%) !important;pointer-events: none}
.header-wrapper.stuck, .layout-shadow #wrapper { box-shadow: 1px 1px 5px rgba(0,0,0,0.3);}
.stuck {background-color:rgba(255,255,255,1) !important}

.top-bar-nav li a {font-size: 16px !important; color: #2D2E83 !important}
.nav > li > a {padding: 10px 0px 8px 0px;}
.nav > li { margin: 0 9px;}
#top-bar a {font-size: 16px !important; color: #2D2E83 !important}

.header-nav-main > li > a.nav-top-link {position: relative;}
.header-nav-main > li > a.nav-top-link::after {content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 0; background: currentColor; transition: width .4s ease;}
.header-nav-main > li:hover > a.nav-top-link::after, .header-nav-main > li.current-menu-item > a.nav-top-link::after {width: 100%;}
#header .nav-dropdown {margin-top: 50px;}
#header .menu-item-has-block {position: static!important;}

.home .nav-dark .nav > li > a {color: hsla(0,0%,100%,1) !important;}
.nav-dark .nav > li > a, .stuck .nav-dark .nav > li > a {color: #2D2E83!important}

.nav > li > a > i.icon-menu {font-size: 3em;}

.mfp-ready .mfp-close {opacity: 1;margin: 25px 15px 0px 0px !important;color: #fff!important}
.mfp-close svg {width: 40px; height: 40px}

#header .menu-item-has-block>.nav-dropdown{width:1100px!important;right:auto!important;transform:none!important;margin-left:0!important;border-radius:16px;}
#header .nav-dropdown:has(.stretto){width:800px!important;}

/*MM*/

/*.mm .is-link, #footer .menu {pointer-events: none !important}*/

.mm .intro .is-link {pointer-events: inherit !important}
/*#footer .menu-menu-servizio-container .menu a {pointer-events: auto !important}*/

.mm  .row:not(.row-collapse) { margin-left: 0px !important; margin-right: 0px !important;}
.mm {background:#fff;border-radius:16px;padding:0; box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.mm .intro {background:#EFEFFF;padding:20px 15px 20px 20px!important;border-radius:16px 0 0 16px;position:relative;}

.mm .intro~.col {background:#fff;padding:20px 0;}
.mm .intro~.col>.col-inner {padding-left:15px;padding-right:15px;}
.mm .intro~.col:last-child {border-radius:0 16px 16px 0;}
.mm p {margin:-16px 0 10px 0!important;line-height:1.3em;font-size:15px;}
.mm .row.row-collapse {margin:0;}
.mm .row.row-collapse>.col {padding:0;}
.mm .row.row-collapse>.col>.col-inner {padding:0 20px 3px 20px;border-radius:12px;transition:background-color .2s ease;}
.mm .row.row-collapse>.col>.col-inner:hover {background:#efefff!important;}
.nav-dropdown:not(.terzo-chiuso) .apri-terzo>.col>.col-inner {background:#efefff!important;}
.spazio .row.row-collapse>.col>.col-inner {padding:10px 0 10px 10px;border-radius:16px;transition:background-color .2s ease;}
.mm .secondary {width:100%;}
.mm .tit-menu p {color:#2D2E83!important;font-size:22px;font-family:"unbounded";font-weight:400;margin-bottom:20px!important;}
.mm .intro .row.row-collapse>.col>.col-inner:hover {background:none!important;}
.intro>.col-inner {height:100%;}
.intro>.col-inner>.row-collapse {height:100%;display:block;}
.intro>.col-inner>.row-collapse>.col:first-child {height:auto;}
.intro>.col-inner>.row-collapse>.col:last-child {position:absolute;left:0;width:100%;bottom:0;}
.mm .row.row-collapse>.col>.col-inner p {margin:0;}
.mm .row.row-collapse>.col>.col-inner .freccia {padding:0;margin:0;background:transparent!important;}
.mm .alert::after {content:none;}
.mm .alert {color:#2D2E83!important;font-size:14px !important;padding:0;font-family:"unbounded";font-weight:500;margin-bottom:5px;border-radius:8px!important;}
#header .header-nav .mm .button.alert {font-size:14px!important;}
#header .mm .button.alert:not(.icon) {border-radius:8px!important;}
.mm .stack .row.row-collapse .col-inner::after {pointer-events:none;}

.terzo-livello {visibility:visible;pointer-events:auto;}
.terzo-livello > .col-inner {opacity:1;visibility:visible;pointer-events:auto;}
.nav-dropdown.terzo-chiuso .terzo-livello > .col-inner {opacity:0;visibility:hidden;pointer-events:none;}


/*menu mobile*/

.mfp-wrap {background:  #131438 !important;}
.header-block-block-1 {width: 100%}
.menu-menu-ita-container .menu{text-align:center;}
.menu-menu-ita-container .menu > li{position:relative;}
.menu-menu-ita-container .menu > li > a{display:inline-block;padding:13px 36px;color:#fff;text-align:center;}
.menu-menu-ita-container .menu > li > .toggle{position:absolute;top:50%;right:calc(50% - 130px);transform:translateY(-50%);width:32px;height:32px;line-height:32px;padding:0;border:0;background:transparent;color:#000;}
.menu-menu-ita-container .menu > li.active > .toggle{top:24px;}
.menu-menu-ita-container .sub-menu{display:block!important;max-height:0;opacity:0;overflow:hidden;visibility:hidden;margin:0;padding:0!important;border-left:0!important;text-align:center;transition:max-height .35s ease,opacity .25s ease,padding .45s ease;}
.menu-menu-ita-container .menu > li.active > .sub-menu{max-height:1000px;opacity:1;visibility:visible;padding:4px 0 18px!important;}
.menu-menu-ita-container .sub-menu li{border-left:0!important;}
.menu-menu-ita-container .sub-menu li a{display:block;padding:8px 0;color:#fff;text-align:center;}

.nav-vertical li li.menu-item-has-children > a {color: #fff; font-size: 1.3em; font-weight: bolder; text-transform: none;}
ul.menu > li li > a {font-size: 1.2em; padding: 3px 0;}
html .widget .toggle:not(.accordion .toggle) i {font-size: 1.9em; top: 5px !important;  right: 6px !important;color: #fff;}
.menu-menu-ita-container .menu > li > .toggle i{position:static!important;display:block;line-height:1;transition:transform .25s ease;}

.menu-menu-ita-container .menu > li.active > .toggle i{transform:rotate(180deg);}

.menu-menu-ita-container #menu-menu-ita > li > a{color:#fff!important;padding:13px 36px!important;text-align:center!important;display:block!important; font-size: 1.3em; font-family:"unbounded";font-weight:500;}
.menu-menu-ita-container #menu-menu-ita{text-align:center!important;margin:0!important;padding:0!important;}

.widget .toggle:not(.accordion .toggle) i{top:auto!important;right:auto!important;}

.toggle {opacity: 1;}

.accordion .accordion-inner {display:block!important; overflow:hidden; max-height:0; opacity:0; transition:max-height .35s ease, opacity .25s ease;padding: 1em 1.8em;}
.accordion .accordion-item.is-open .accordion-inner {opacity:1;}


/*bagliori*/
.sfum-dx {min-height:980px; background:url('/wp-content/uploads/2026/06/sfumdx.svg') no-repeat calc(100% + 620px) center; background-size:1200px auto; margin-top:-1150px; opacity:1; pointer-events: none; z-index: 1}

.sopra .section-bg .bg {width: 75%; height: auto; top: 75%; left: 30px; transform: translate(-50%,-50%) rotate(30deg) scaleX(-1) scale(.8); transform-origin: center center;}

.sopra2 .section-bg .bg{width:75%;height:auto;top:75%; left:auto!important;right:-700px!important; transform:translateY(-50%) scale(.9) rotate(180deg) scaleX(-1);transform-origin:center center;}

.sopra .section-content, .sopra2 .section-content {z-index: 2 !important}
.sopra .section-content .col-inner {z-index: 3 !important}


/*Video*/
.video .section-content {z-index: 2 !important}
.video-bg.fill {object-fit:cover !important; object-position:left center !important;}
.video-overlay.no-click {pointer-events:none;}
.video-toggle {position:absolute; left:50%; transform:translateX(-50%); bottom:40px; z-index:50; display:inline-flex; align-items:center; gap:12px; padding:0; border:none; background:none; color:#fff; cursor:pointer; margin:0;}
.video-toggle__label {display:inline-flex !important; align-items:center; height:22px; padding-left:12px; margin-left:4px; border-left:1px solid rgba(255,255,255,.75); font-size:16px; line-height:1; color:#fff; }
.video-toggle__label .label-play {display:none;}
.video-toggle.is-paused .video-toggle__label .label-pause {display:none;}
.video-toggle.is-paused .video-toggle__label .label-play {display:inline;}
.video-toggle__icon {width:18px; height:22px; display:inline-flex; align-items:center; justify-content:center; background:none; border-radius:0; position:relative;}
.video-toggle__icon::before {display:none;}
.video-toggle svg {width:18px; height:18px; fill:#fff; display:block;}
.video-toggle .icon-play {display:none;}
.video-toggle.is-paused .icon-pause {display:none;}
.video-toggle.is-paused .icon-play {display:block;}
.video-toggle:focus-visible {outline:2px solid #fff; outline-offset:4px;}

/*Footer*/
.logo-footer img {width: 155px}
#footer p, #footer .icon-box-text a, #footer .icon-box-text, #footer a {font-size: 14px; color: #fff  }

#footer .payoff p {font-size: 16px; color: #fff  }


#footer ul li {border-top: 0px;}
#footer a:hover {text-decoration: underline}
#footer .menu {margin: -18px 0px 0px 0px}
#footer .display p, #footer .display a{font-size: 16px; text-decoration: none !important}
.absolute-footer {display: none}

#menu-menu-servizio-ita, #menu-menu-servizio-en, #menu-menu-servizio { display: flex; gap: 20px; padding: 0; margin: 0;  margin-top: 0px;  list-style: none; justify-content: flex-start; margin-top: -4px;}
#footer .social-icons .button.is-outline {background-color:rgba(255,255,255,0.1) ;border: 1px solid; border-color: rgba(255,255,255,0.2)}
#footer .social-icons .button.is-outline:hover {background-color:rgba(255,255,255,0) !important ; border-color: rgba(255,255,255,0.5) !important}
#footer .social-icons a {width: 48px !important; height: 48px !important; font-size: 20px !important}
#footer .social-icons {margin-top: -15px}
#footer .section-bg.fill {overflow:hidden;}
#footer .section-bg.fill img {width:100%;height:100%;object-fit:cover;object-position:top center;}


.menu-menu-lingue-container .menu{margin: 0; padding: 0; list-style: none; margin-top: -2px !important}
.menu-menu-lingue-container .menu > li{position: relative; display: flex; align-items: center; gap: 6px; margin: 0; padding: 0;}
.menu-menu-lingue-container .menu > li > a{display: flex; align-items: center; gap: 12px; margin: 0; padding: 0; color: #fff; text-decoration: none;}
.menu-menu-lingue-container .menu > li > a::before{content: ""; display: block; width: 28px; height: 28px; flex: 0 0 28px; background: url('/wp-content/themes/flatsome-child/assets/img/mondo.svg') center center/contain no-repeat;}


.menu-menu-lingue-container .toggle{display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; min-width: 24px; min-height: 24px; margin: 0; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; opacity: 1; position: static; transform: none !important;}
.menu-menu-lingue-container .toggle i{display: block; width: 24px; height: 24px; margin: 0; padding: 0; font-size: 20px; line-height: 24px; color: #fff; transform: rotate(0deg); transform-origin: center; transition: transform .4s ease !important;}
.menu-menu-lingue-container .menu > li[aria-expanded="true"] > .toggle i{transform: rotate(180deg) !important;}
.menu-menu-lingue-container .sub-menu{display: none; position: absolute; top: calc(100% + 10px); left: 40px; margin: 0; padding: 0; min-width: max-content; list-style: none; background: transparent; border: 0 !important; box-shadow: none !important;}
.menu-menu-lingue-container .menu > li[aria-expanded="true"] > .sub-menu{display: block;}
.menu-menu-lingue-container .sub-menu li{margin: 0; padding: 0; border: 0 !important;}
.menu-menu-lingue-container .sub-menu a{display: block; margin: 0; padding: 0; color: #fff; text-decoration: none;}
.menu-menu-lingue-container .sub-menu::before,.menu-menu-lingue-container .sub-menu::after,.menu-menu-lingue-container .sub-menu li::before,.menu-menu-lingue-container .sub-menu li::after,.menu-menu-lingue-container .sub-menu a::before,.menu-menu-lingue-container .sub-menu a::after{display: none !important; content: none !important; border: 0 !important;}

.menu-menu-lingue-container .menu > li > a{flex: 0 0 auto !important;}
.menu-menu-lingue-container .toggle{margin-left: 6px !important;}
#top-bar .top-bar-nav > li.wpml-ls-menu-item{position:relative;margin:0;padding:0;}


#top-bar .top-bar-nav > li.wpml-ls-menu-item > a{display:flex;align-items:center;gap:0;margin:0;padding:0 0 0 38px!important;color:#2D2E83!important;text-decoration:none;background:url('/wp-content/themes/flatsome-child/assets/img/mondo-blu.svg') 8px center/22px 22px no-repeat!important;}

#top-bar .top-bar-nav > li.wpml-ls-menu-item{margin-left:10px!important;}

#top-bar .top-bar-nav > li.wpml-ls-menu-item > a > i.icon-angle-down{display:none!important;}
#top-bar .top-bar-nav > li.wpml-ls-menu-item > a::before{display:none!important;content:none!important;}
#top-bar .top-bar-nav > li.wpml-ls-menu-item > a::after{content:"";display:block;width:8px;height:8px;margin:-4px 0 0 8px;border-right:2px solid #2D2E83;border-bottom:2px solid #2D2E83;transform:rotate(45deg);transition:transform .4s ease;}
#top-bar .top-bar-nav > li.wpml-ls-menu-item:hover > a::after,#top-bar .top-bar-nav > li.wpml-ls-menu-item.current-dropdown > a::after{transform:rotate(225deg);margin-top:4px;}
#top-bar .top-bar-nav > li.wpml-ls-menu-item > .sub-menu{position:absolute;top:calc(100% + 8px);left:28px;margin:0;padding:8px 12px;min-width:max-content;list-style:none;background:#fff;border:0!important;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12)!important;}
#top-bar .top-bar-nav > li.wpml-ls-menu-item .sub-menu li{margin:0;padding:0;border:0!important;}
#top-bar .top-bar-nav > li.wpml-ls-menu-item .sub-menu a,#top-bar .top-bar-nav > li.wpml-ls-menu-item .sub-menu a *{display:block;margin:0;padding:2px 0;color:#2D2E83!important;text-decoration:none;}
#top-bar .top-bar-nav > li.wpml-ls-menu-item .sub-menu::before,#top-bar .top-bar-nav > li.wpml-ls-menu-item .sub-menu::after,#top-bar .top-bar-nav > li.wpml-ls-menu-item .sub-menu li::before,#top-bar .top-bar-nav > li.wpml-ls-menu-item .sub-menu li::after,#top-bar .top-bar-nav > li.wpml-ls-menu-item .sub-menu a::before,#top-bar .top-bar-nav > li.wpml-ls-menu-item .sub-menu a::after{display:none!important;content:none!important;border:0!important;}


/*Button*/
.button, #footer .button { font-size: 16px !important; font-weight: bold; height: 50px ; line-height: 46px; letter-spacing: -0.02em}

.header-nav .button {font-size: 16px !important;}




.success {border: 2px solid #F5F5FF;background-color: #F5F5FF; color: #2D2E83 !important; }
.success:hover {background-color: transparent; color: #F5F5FF !important; border: 2px solid #fff;box-shadow:0 0 5px #F5F5FF,0 0 12px rgba(255,255,255,.8),0 0 25px rgba(180,190,255,.6),0 0 45px rgba(120,140,255,.4);}

#header .stuck .success, .page-template-page-blank .header-button .success, .single .success{border: 2px solid; border-color: #2D2E83 !important;background-color:#2D2E83 !important; color: #fff !important; }
#header .stuck .success:hover, .page-template-page-blank .header-button .success:hover {background-color: #4B4EB9 !important; color: #fff !important; border: 2px solid #4B4EB9 !important; box-shadow: none !important}


.primary {border: 2px solid; border-color: rgba(255,255,255,0.3);background-color:rgba(255,255,255,0.1); color: #fff !important; }
.primary:hover {background-color: transparent; color: #fff !important; border: 2px solid #2D2E83;box-shadow:0 0 5px #fff,0 0 12px rgba(255,255,255,.8),0 0 25px rgba(180,190,255,.6),0 0 45px rgba(120,140,255,.4);}

.secondary {border: 2px solid; border-color: #2D2E83;background-color:#2D2E83; color: #fff !important; }
.secondary:hover {background-color: #4B4EB9 !important; color: #fff !important; border: 2px solid #4B4EB9 !important;}

.white {background:none !important; border:none !important;padding:0 !important; font-size: 18px;color:#F5F5FF !important}
.white:after {content:""; display:inline-block; width:24px; height:24px; margin-left:5px; background:url('/wp-content/themes/flatsome-child/assets/img/freccia.svg') center/contain no-repeat; transition:transform .6s cubic-bezier(.22,1,.36,1);margin-bottom: -5px;}
.white:hover {background:none !important;box-shadow: inset 0 0 0 100px rgba(0,0,0,0);}
.button.white:hover:after {transform:rotate(-90deg);}

.white.button.is-outline {color: #2D2E83 !important;}
.white.button.is-outline:hover {background:none !important;box-shadow: inset 0 0 0 100px rgba(0,0,0,0);}
.white.button.is-outline:after{filter:brightness(0) saturate(100%) invert(18%) sepia(30%) saturate(2637%) hue-rotate(217deg) brightness(90%) contrast(94%);}

.back-to-top {height: auto !important; line-height: 0px !important}

.slider-nav-light .flickity-prev-next-button{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;padding:0!important;background:rgba(255,255,255,.1)!important;border:1px solid; border-color: rgba(255,255,255,0.2) !important;border-radius:50%!important;box-sizing:border-box;box-shadow:none!important;outline:0!important; opacity: 1}
.slider-nav-light .flickity-prev-next-button .flickity-button-icon{width:30px!important;height:30px!important;}
.slider-nav-circle .flickity-prev-next-button:hover .arrow,.slider-nav-circle .flickity-prev-next-button:hover svg{fill:#fff!important;background:transparent!important;border-color:#efefff!important;}
.slider-nav-light .flickity-prev-next-button:before,.slider-nav-light .flickity-prev-next-button:after{display:none!important;}
.slider-nav-light .flickity-prev-next-button svg,.slider-nav-light .flickity-prev-next-button path{border:0!important;outline:0!important;box-shadow:none!important;stroke:none!important;}

.social-icons .button {height: auto}


.button.cerchio { width: 48px; height: 48px; min-width: 48px; min-height: 48px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; border-radius: 50% !important; background: rgba(255,255,255,.1); border: 1px solid ; border-color: rgba(255,255,255,.2); box-sizing: border-box; }

.button:not(.icon).cerchio {border-radius:50%!important;}

.button.cerchio span { display: none; }

.button.cerchio::before { content: "\f107"; font-family: "fl-icons"; font-size: 20px; line-height: 1; color: currentColor; transform: rotate(-90deg); }

/* Recensioni widget */

.ti-header { width: fit-content !important; margin-left: auto !important;margin-bottom: 80px !important }
.ti-rating, .ti-fade-container .ti-rating-text .nowrap, .ti-fade-container .ti-rating-text .nowrap strong { color: #f5f5f5 !important; }

.ti-controls .ti-next, .ti-controls .ti-prev { width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 1px solid rgba(255,255,255,.4) !important; border-radius: 50% !important; background: rgba(255,255,255,.1) !important; box-sizing: border-box !important; transition: all .3s ease !important; }

html body .ti-widget.ti-goog .ti-controls .ti-next:hover,
html body .ti-widget.ti-goog .ti-controls .ti-prev:hover { background-color: rgba(255,255,255,.2) !important;
border-color: #fff !important;}
  
html .ti-widget.ti-goog .ti-controls .ti-next::before, html .ti-widget.ti-goog .ti-controls .ti-prev::before { width: 8px !important; height: 8px !important; border-bottom-width: 2px !important; border-left-width: 2px !important; }

.ti-widget.ti-goog .ti-controls .ti-prev::before {border-color: #fff !important;}
.ti-controls {top: 280px !important}
.ti-controls .ti-next:hover, .ti-controls .ti-prev:hover { border-color:rgba(255,255,255,1) !important; background: rgba(255,255,255,.2) !important; }

html body .ti-widget.ti-goog .ti-review-item > .ti-inner {border: 1px solid #EFEFFF !important; background-color:rgba(255,255,255,0.1) !important;border-radius: 16px !important;}

html body .ti-widget.ti-goog .ti-widget-container .ti-name {color: #EFEFFF !important;}
html body .ti-widget.ti-goog .ti-widget-container { color: #EFEFFF !important;}
html body .ti-widget.ti-goog .ti-read-more span {color: #EFEFFF;}


/*Servizi righe*/

.servizi-row {cursor:pointer;}

.servizio {width: 100% !important}
.servizio .col {padding: 25px 15px 10px 15px !important}

.servizi-row{border-bottom: 1px solid #5C5EA4;text-decoration:none;display:block; color:#000;position:relative;overflow:hidden;min-height: 110px;}
.servizi-row:hover { border-bottom: 1px solid #fff; }

.servizi-row { position: relative; overflow: hidden; }
.servizi-row > .col-inner { position: relative; z-index: 1; }
.servizi-row::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(106,108,255,.8) 0%, rgba(73,74,180,.55) 40%, rgba(45,46,131,0) 100%); opacity: 0; transition: opacity .35s ease; pointer-events: none; }
.servizi-row:hover::before { opacity: 1; }


.servizi-row .row{margin: 0px auto !important;align-items:center}
.servizi-row:first-child {border-top: none;}
.servizi-row .col-inner{display:flex;align-items:center;height:100%;}
.servizi-row:hover .cerchio {border-color: rgba(255,255,255,1);}

/*form*/

.wpcf7-form .right {width: 50%; float: left; padding: 0px 4px 0px 10px}
.wpcf7-form  .left {width: 50%; float: left; padding: 0px 10px 0px 4px}
.wpcf7-form  .tot {padding: 0px 4px;  margin: 0 auto;}

.wpcf7-list-item-label {font-weight: 300}
.wpcf7-list-item-label a { text-decoration: underline}
.wpcf7-form  .accetto {border: none !important;margin-left: 0px; font-size: 100%;color: #000; }

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {border-radius: 10px;}

.wpcf7 .wpcf7-form-control-wrap {display: contents;}
.wpcf7-response-output {color: #fff}
.wpcf7-spinner{display: none !important}

input[type="submit"]:hover {box-shadow: inset 0 0 0 0px rgba(0,0,0,0) !important; color: #fff !important}
input[type="submit"]{background-color: transparent !important; margin: 0px !important; text-transform: none;border-color: rgba(0,0,0,0); width: 100% !important;}

.wpcf7 form.sent .wpcf7-response-output {color: #46b450 !important;}
.wpcf7-response-output {color: #0A2D64 !important;}
.wpcf7 p {display: block}

.mfp-bg.mfp-ready {opacity: .95 !important;}
.mfp-arrow {height: 50px; width: auto; color: #fff}
.juicer-feed .slick-arrow {border-radius: 0px !important}


/*Box Home*/
.servizio-card .col-inner {position:relative; overflow:hidden; min-height:400px; padding:30px 30px 20px 30px; background:rgba(239,239,255,.1); border:1px solid #EFEFFF; border-radius:16px; transition:all .4s ease;}
.servizio-card .col-inner:hover {background:rgba(239,239,255,.16); box-shadow:0 0 30px rgba(239,239,255,.6);}
.servizio-card h3, .servizio-card p, .servizio-card .button {position:relative; z-index:2;}
.servizio-card .img {position:absolute; right:-132px; bottom:-152px; width:85% !important; z-index:1; transition:transform .5s ease;}
.servizio-card .img img {display:block; width:100%; height:auto; transform:rotate(-7deg) scale(1); transform-origin:center center; transition:transform 1s cubic-bezier(.22,1,.36,1);}
.servizio-card:hover .img img {transform:rotate(-3deg) scale(1.15);}
.servizio-card:hover .white:after {transform:rotate(-90deg);}
.servizio-card .white {margin:180px 0px 0px 0px; }

.card-img-top .img {right:-125px;bottom:auto;top:-195px;width:85% !important;}
.card-img-top .img img {transform:rotate(10deg) scale(1);}
.card-img-top:hover .img img {transform:rotate(6deg) scale(1.12);}
.card-img-top .text {position:absolute;left:30px;right:30px;bottom:80px;z-index:2;}
.card-img-top .white {position:absolute;left:30px;bottom:28px;z-index:2;}


/*Slider Home*/

.portfolio-hp .section{padding:0px;}
.portfolio-hp{padding-bottom:80px;}
.portfolio-hp .slider{position:relative;}
.portfolio-hp .flickity-prev-next-button{top:calc(100% + 0px);}
.portfolio-hp .flickity-prev-next-button.previous{left:0;}
.portfolio-hp .flickity-prev-next-button.next{left:60px;}
.portfolio-hp .flickity-page-dots{position:absolute;right:0;left:auto;bottom:-35px;width:auto;margin:0;text-align:right;}
.portfolio-hp .slider-cliente .col-inner {padding: 30px; color: #2D2E83; background: #EFEFFF}
.portfolio-hp .col-inner{display:flex;flex-direction:column;height:100%;}
.portfolio-hp .col-inner .button{margin-top:auto;align-self:flex-start;margin-bottom: 0em;}
.portfolio-hp .numeri .col-inner {padding: 10px 30px; color: #fff; background:rgba(255,255,255,0.1); border: 1px solid #efefff}
.portfolio-hp .numeri .col-inner .number {color: #CBA248 ; font-size: 48px}

/*Vari*/

.partner .col-inner {height:100%;display:flex;align-items:center;justify-content:center;background: rgba(255,255,255,0.1); border: 1px solid #efefff; text-align: center; padding: 20px}
.partner .col-inner img {width: 100%; height: auto;display:block;}
.partner{display:flex;align-items:center;height:120px;}

.rounded40 > .col-inner, .rounded40 {border-radius: 40px;}
.rounded24 img, .rounded24 > .col-inner, .rounded24 {border-radius: 16px;}
.blu > .col-inner {background: #2D2E83;}
.bordo > .col-inner {border: 1px solid #efefff;}
.padding35 > .col-inner {padding: 35px;}

.number {font-size: 48px;line-height: 100px; color: #2D2E83; font-family: "unbounded"; font-weight: 500;}
.number p {margin-bottom: 10px !important;}
.number p {visibility: hidden;}
.number p.is-ready {visibility: visible;}

.gs_logo_single--inner {border: 1px solid #d9d9d9; border-radius: 20px; padding: 20px; overflow: hidden;}
.gs_logo_single { padding: 24px 6px;}
/*.gs_logo_single { width: 200px !important; height: 200px !important}*/

.gs_logo_single--inner{display:flex;align-items:center;justify-content:center;height:100%;}
.gs_logo_single--inner img{display:block;max-height:100%;width:auto;}

.blog-post-inner .is-divider {display: none}
.blog-post-inner .post-title {font-family: "Raleway"; font-size: 22px; margin-top: 16px}

.tag-label {font-size: 14px;background-color: #EFEFFF; border-radius: 10px; opacity: 1; color: #2D2E83; font-weight: 700;letter-spacing: 0px; line-height: 1; padding: 3px 10px;text-transform: none;}

.has-hover:hover .tag-label {background-color: #EFEFFF;}

.box-blog-post .cat-label{display:inline-block!important;margin-right:14px!important;}
.box-blog-post .post-date-inline{display:inline-block!important; font-size: 14px}

.breadcrumb {background-color:#EFEFFF;}
.breadcrumb a, .breadcrumb span {color: #2D2E83; font-size: 16px }
.breadcrumb .col-inner {margin: 16px 0px -14px 0px; color: #2D2E83 !important}
.breadcrumb_last {font-weight: bold}

.sfum2 { overflow: hidden; background: #111238; }
.sfum2 > * { z-index: 2; }
.sfum2::before { content: ""; position: absolute; top: -140px; right: -200px; width: 720px; height: 720px; background: url('/wp-content/themes/flatsome-child/assets/img/luce1.svg') top right / contain no-repeat; pointer-events: none; z-index: 1; }
.sfum2::after { content: ""; position: absolute; left: -450px; bottom: -360px; width: 900px; height: 900px; background: url('/wp-content/themes/flatsome-child/assets/img/luce2.svg') bottom left / contain no-repeat; pointer-events: none; z-index: 1; }

.riga {border-bottom: 1px solid #5C5EA4; margin-bottom: 30px;}
.riga:last-child { border-bottom: none; }
.riga .col {padding: 10px 10px 10px 0px }

.azzurro > .col-inner { padding: 30px 30px 10px 30px; background: #EFEFFF; border: 1px solid #E4E4E4; transition: border-color .3s ease; }
.azzurro .col-inner:hover { border: 1px solid #2D2E83; }

.grigio > .col-inner { padding: 30px 30px 10px 30px; background: #F5F5F5; border: 1px solid #E4E4E4; transition: border-color .3s ease; }
.grigio .col-inner:hover { border: 1px solid #b6b6b6; }

.bianca > .col-inner { padding: 30px 30px 10px 30px; background: #fff; border: 1px solid #E4E4E4; transition: border-color .3s ease; }
.bianca .col-inner:hover { border: 1px solid #b6b6b6; }

.blu-scuro > .col-inner { padding: 30px 30px 10px 30px; background: #131438; }
.blu-scuro .col-inner:hover {  }

@media (min-width:850px){section.fissa>div.section-content>div.row>div.col:first-child>div.col-inner{position:-webkit-sticky;position:sticky;top:200px;z-index:9999;}}

.icon-box { display: flex; align-items: center; }

.img-campagne .blu-scuro > .col-inner { background-image: url('/wp-content/themes/flatsome-child/assets/img/campagne.png'); background-repeat: no-repeat; background-position: right 0px bottom 0px; background-size: 60% auto; }

.team .col-inner {padding: 20px; background-color: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.3); border: 1px solid}



.row:has(.slider-agenzia){overflow: visible;}
.row:has(.slider-agenzia) > .col:has(.slider-agenzia){flex-basis: 50vw; max-width: 50vw; margin-right: calc(50% - 50vw);}
.slider-agenzia{width: calc(100% + 15px);}
.slider-agenzia .flickity-viewport{overflow: hidden;}
.slider-agenzia .flickity-slider > .row{width: 60% !important; max-width: 60% !important; margin-right: 16px;}
.slider-agenzia .flickity-slider > .row > .col{padding: 0 8px 0 0;}

.slider-agenzia .flickity-slider > :not(.is-selected) { opacity: 1 !important;}


.slider-agenzia .flickity-prev-next-button{top:-70px!important;transform:none!important;width:34px!important;height:34px!important;margin:0!important;}
.slider-agenzia .flickity-prev-next-button.previous{left:75%!important;right:auto!important;margin-left:-50px!important;}
.slider-agenzia .flickity-prev-next-button.next{left:75%!important;right:auto!important;margin-left:10px!important;}



/*Tabelle*/

.tabella-wrap{width: 100%; box-shadow: 0 18px 40px rgba(0,0,0,.18); border-radius: 16px;}
.tabella-scroll{width: 100%; overflow-x: auto; border-radius: 16px;}
.tabella-scroll::-webkit-scrollbar{height: 8px;}
.tabella-scroll::-webkit-scrollbar-thumb{background: #C9CCE9; border-radius: 20px;}
.tabella-scroll::-webkit-scrollbar-track{background: transparent;}
.tabella-confronto{width: 100%; min-width: 980px; border-collapse: separate; border-spacing: 0; background: #fff; border-radius: 16px; overflow: hidden;}
.tabella-confronto thead{background: linear-gradient(90deg,#2D2E83 0%,#393DB2 50%,#4C4FD3 100%);}
.tabella-confronto th{padding: 28px 28px; background: transparent; color: #fff; text-align: left; vertical-align: middle; border-right: 1px solid rgba(255,255,255,.08); text-transform:none; font-family: "unbounded"; font-weight:500; }
.tabella-confronto th:first-child{width: 31%;}
.tabella-confronto th:last-child{border-right: none;}
.tabella-confronto td{padding: 28px 28px; background: #fff; vertical-align: middle; border-right: 1px solid #E7E8F4; border-bottom: 1px solid #E7E8F4; font-size: 16px}
.tabella-confronto td:first-child{width: 31%; background: #F2F2FF; color: #2D2E83;font-family: "unbounded"; font-weight: 500;}
.tabella-confronto td:last-child{border-right: none;}
.tabella-confronto tbody tr:last-child td{border-bottom: none;}
table {margin-bottom: 0em;}



/*FAQ*/

.accordion-item{margin:0 0 18px;border:1px solid #D9D9F3!important;border-radius:22px!important;overflow:hidden;background:#F3F3FF!important;}

.accordion-title{position:relative!important;display:flex!important;align-items:center!important;min-height:66px!important;padding:40px 70px 2px 32px !important; background:#F3F3FF!important;border:none!important; color:#2D2E83!important; line-height:1.2!important;text-decoration:none!important;}

.accordion-title .toggle{position:absolute!important; right:20px!important;left:auto!important;top:65%!important; transform:translateY(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;min-height:48px!important;max-height:48px!important;flex:0 0 48px!important;box-sizing:border-box!important;-webkit-appearance:none!important; appearance:none!important; overflow:hidden!important;margin:0!important;border:0!important;border-radius:50%!important;background:#4E50CC!important;color:#fff!important;padding:0!important;opacity:1!important;}

.accordion-title .toggle i{font-size: 1em !important;}
.accordion-title.active .toggle i{transform:rotate(180deg)!important; }
.accordion-title.active {font-weight: normal;}
.accordion-inner{padding:0 32px 28px 32px!important;background:#F3F3FF!important;border:none!important;}
.accordion-inner p{margin:0!important;}
.accordion-title:after{display:none!important;}


@media only screen and (max-width: 1220px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.portfolio-hp .section{padding:15px;}
.slider-wrapper .flickity-prev-next-button {display: block; margin-left: 15px}
.portfolio-hp .flickity-page-dots{right:15px;}
}


@media (max-width: 1024px){
#menu-menu-servizio{justify-content:flex-end;}
.menu-menu-lingue-container .menu{margin: 0; padding: 0; list-style: none; margin-top: 0px !important}
.menu-menu-lingue-container{display:flex;justify-content:flex-end;}
}


@media only screen and (max-width: 850px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

#menu-menu-servizio-ita, #menu-menu-servizio-en, #menu-menu-servizio { display: flex; gap: 10px; padding: 0; margin: 0;  margin-top: 0px;  list-style: none; justify-content: flex-end; margin-top: -18px !important;}
#menu-menu-lingue {margin-top: 0px !important;}
.social-icons{display:flex;justify-content:flex-end;width:100%; margin-top: -15px !important}
.menu-menu-lingue-container{display:flex;justify-content:flex-start;}

.card-img-top .img {right:-125px;bottom:auto;top:-80px;width:100% !important;}
.servizio-card .img {position:absolute; right:-132px; bottom:-80px; width:100% !important; }
.portfolio-hp .section{padding:15px;}
.slider-wrapper .flickity-prev-next-button {display: block; margin-left: 15px}
.portfolio-hp .flickity-page-dots{right:15px;}

.video-bg::-webkit-media-controls{display:none!important;}
.video-bg::-webkit-media-controls-start-playback-button{-webkit-appearance:none!important;display:none!important;}
.video-bg::-webkit-media-controls-panel{display:none!important;}

.sfum2::after{display:none;}

.number {font-size: 40px;}

}



@media only screen and (max-width: 550px) {
.row:has(.slider-agenzia) > .col:has(.slider-agenzia){flex-basis: 100%; max-width: 100%; margin-right: 0;}
.slider-agenzia{width: 100%; padding-bottom: 95px; overflow: hidden;}
.slider-agenzia .flickity-viewport{overflow: hidden;}
.slider-agenzia .flickity-slider > .row{width: 100% !important; max-width: 100% !important; margin-right: 24px;}
.slider-agenzia .flickity-slider > .row > .col{padding: 0;}
.slider-agenzia .flickity-prev-next-button{top:auto!important;bottom:-68px!important;transform:none!important;width:44px!important;height:44px!important;}
.slider-agenzia .flickity-prev-next-button.previous{left:0!important;right:auto!important;margin-left:0!important;}
.slider-agenzia .flickity-prev-next-button.next{left:auto!important;right:0!important;margin-left:0!important;}

.ti-fade-container {display: none !important}
.menu-menu-ita-container .toggle{display: none}
.social-icons{display:flex;justify-content:center;width:100%; margin-top: 20px !important}
#menu-menu-servizio-ita, #menu-menu-servizio-en, #menu-menu-servizio {justify-content: flex-start;}
.menu-menu-lingue-container{display:flex;justify-content:flex-end;}

.sfum2::after{display:none;}

.nav li:last-child { margin-top: -10px;}

.row.cta-mobile {position:fixed; bottom:0; left:0; width:100%; z-index:9999; border-radius:16px 16px 0 0; padding:16px 0 0 0; background:rgba(244,244,244,.65); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);}
.row.cta-mobile .col{margin-bottom: 0px; padding-bottom: 16px}
.single-post .cta-mobile {width: 100% !important; margin: 0px !important}

.header .stuck .header-main,  .header-main {height: 77px !important;}
.header .flex-row {height: 112%;}

}

@media (min-width: 850px) and (max-width: 1100px) {
  #masthead .hide-for-medium { display: none !important; }
  #masthead .show-for-medium { display: block !important; }
  #masthead .header-inner { display: flex !important; }
  #masthead .show-for-medium.flex-right { display: flex !important; margin-left: auto; }
  #masthead .mobile-nav { display: flex !important; align-items: center; }
  #masthead .nav-icon { display: block !important; }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.servizio-card .button {width: auto !important}
.portfolio-hp .col-inner .button{width: auto !important}
.blu .button{width: auto !important}
.blog-post-inner .button{width: auto !important}
.blu .text-right{text-align: left !important}
.portfolio-hp .section{padding:15px;}
.slider-wrapper .flickity-prev-next-button {display: block; margin-left: 15px}
.portfolio-hp .flickity-page-dots{right:15px;}
.button {width: 100%}

.sopra .section-bg .bg {display: none;}
.wpcf7-form  .left, .wpcf7-form  .right {width: 100%; float: left; padding: 0px 4px}
.wpcf7-form  .tot {width: 100%; float: left; padding: 0px 4px}

}