/*
Theme Name: Logicone
Author: the BTW team
*/
@font-face{
  font-family:'Manrope';
  font-style:normal;
  font-weight:300;
  src:url('fonts/Manrope-Light.ttf') format('ttf');
  src:url('fonts/Manrope-Light.woff2') format('woff2');
  font-display: swap;
  }
  @font-face{
  font-family:'Manrope';
  font-style:normal;
  font-weight:400;
  src:url('fonts/Manrope-Regular.ttf') format('ttf');
  src:url('fonts/Manrope-Regular.woff2') format('woff2');	
  font-display: swap;
  }
  @font-face{
    font-family:'Manrope';
    font-style:normal;
    font-weight:500;
    src:url('fonts/Manrope-Medium.ttf') format('ttf');
    src:url('fonts/Manrope-Medium.woff2') format('woff2');	
    font-display: swap;
  }
  @font-face{
    font-family:'Manrope';
    font-style:normal;
    font-weight:600;
    src:url('fonts/Manrope-SemiBold.ttf') format('ttf');
    src:url('fonts/Manrope-SemiBold.woff2') format('woff2');	
    font-display: swap;
  }  
  @font-face{
  font-family:'Manrope';
  font-style:normal;
  font-weight:700;
  src:url('fonts/Manrope-Bold.ttf') format('ttf');
  src:url('fonts/Manrope-Bold.woff2') format('woff2');	
  font-display: swap;
  }


@font-face {
  font-family: "sysdat";
  src:
    url('fonts/sysdat.woff2?9') format('woff2'),
    url("fonts/sysdat.svg#sysdat?9") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --viola: #0A0083;
}

/* portfolio filters */
body.tax-portfolio > main, body.single-clienti > main {padding:40px 0}
body.tax-portfolio #headerimg, body.single-clienti #headerimg {height:180px}
#portfolio-desc {text-align: center}

#portfolio-filter-wrapper {margin: 40px 0;}

ul#portfolio-filters {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            margin:0;
            padding:0;
        }

ul#portfolio-filters li[data-filter] {
           display: block;
            color: var(--viola);
            height:30px;
            line-height: 24px;
            border-radius: 15px;
            padding: 0 15px;
            margin:10px 1%;
            cursor: pointer;
            text-align: center;
            width:48%;
            border:2px solid #fff;
            font-size: 15px;
        }
        ul#portfolio-filters li[data-filter].active, ul#portfolio-filters li[data-filter]:hover{color: var(--viola);border-color: var(--viola) }
        #portfolio-filter-wrapper.fixed ul#portfolio-filters li[data-filter]{ color:#fff}
        #portfolio-filter-wrapper.fixed ul#portfolio-filters li[data-filter]:not(.active) {border-color:#2b3574;}
        #portfolio-filter-wrapper.fixed ul#portfolio-filters li[data-filter].active {border-color:#fff;}
        
        article[data-tags]:not(.show) {display: none !important}

         article[data-tags] {width: 100%;display:block !important;margin-bottom: 50px}
         article[data-tags] {width: 100%;display:block !important}
         article[data-tags] figure > div {border: 1px solid #ddd;border-radius: 10px; overflow: hidden;         }
         article[data-tags] video {display:block;}
         article[data-tags] figcaption {margin-top:20px}
         #toggle-filters {display: none}

         .inportfolio {/*min-height: 40px;*/font-size: clamp(13px, 2.5vw, 19px); font-weight: 600; color:var(--viola) ;text-transform: uppercase}
         article[data-tags] figcaption h2 {margin:10px 0; font-size: clamp(25px, 2.5vw, 40px)}
         .portfolio-desc {font-size: clamp(15px, 2.5vw, 17px); color:#000}

         .single-clienti .portfolio-laptop {display: flex;  justify-content: center;margin-bottom: 4vh; flex-direction: column}
         #portfolio-featured {margin: 0 auto;	display: inline-flex;  justify-content: center; background:url(images/laptop-portfolio.png) no-repeat center center; background-size: contain; position: relative;padding: 2% 15% 6%;}

  
         #cliente-specs {font-weight: 600}
         #cliente-specs h4 {font-size: clamp(16px, 1vw, 19px); font-weight: 400; margin-bottom: 0; text-transform: uppercase; color:var(--viola)}
         ul#portfolio-terms {list-style: none;margin:0;padding:0}
         #cliente-specs a.visit {border:1px solid var(--viola); background-color:  var(--viola); color:#fff; height:44px; line-height:42px;padding: 0 15px; border-radius: 20px; font-size: 14px;  display: inline-block}
         #cliente-specs a.visit:hover {background-color:#fff; color:var(--viola);}
         #cliente-specs > div > div {margin-bottom:15px}

         #portfolio-fullcontent {margin-top:50px}

         ul#portfolio-soluzioni {list-style: none; margin:0 auto; padding:0; display: flex; flex-wrap: wrap; justify-content: center; color:#fff}
         ul#portfolio-soluzioni li {border:1px solid #fff; color:#fff; height: 30px; line-height: 26px; border-radius: 15px; margin:5px; padding: 0 15px;font-size: 13px; background: #fff; color:var(--viola);}
         
         #prevnext {display: flex; justify-content: space-between}
         #prevnext a {display: flex; align-items: center; color:#000; text-transform: uppercase}
         #prevnext a[rel="next"] {flex-direction: row-reverse}
         #prevnext a:before {font-family: sysdat;	content: 'A';	color: #e20613}
         #prevnext a[rel="prev"]:before {transform: rotate(-180deg); margin-right:10px}
         #prevnext a[rel="next"]:before {margin-left:10px}

         #portfolio-filter-wrapper.fixed {
          position: fixed;
          top: 0;
          z-index: 1000;
          box-shadow: 0 2px 5px rgba(0,0,0,0.1);
          padding: 10px;
          border-bottom-left-radius: 30px;
          border-bottom-right-radius: 30px;
          background:#2b3574;
          margin: 0;
          width: calc(100% - 50px);
        }



 @media  screen and (max-width: 899px) {
    #portfolio-filter-wrapper {
        border-bottom: 1px solid var(--viola);
       }
    a#toggle-filters {
        display: flex;
        justify-content: center;
        text-transform: uppercase;
        line-height: 30px;
        color: var(--viola);
        margin-bottom: 10px;
    }
    a#toggle-filters:before {
        content:'F';
        font-family: sysdat;
        font-size: 20px;
        margin-right: 5px;
    }
    #portfolio-filter-wrapper.fixed a#toggle-filters {margin-bottom:0; color:#fff}
    ul#portfolio-filters {
        display: none;
    }
    #portfolio-filter-wrapper.open {
        padding-bottom: 5px;
       }
    #portfolio-filter-wrapper.open ul#portfolio-filters {
        display: flex;
    }
}


#blogid-1.page-id-8748 ul.governance li:last-child, #blogid-1.page-id-8915 ul.governance li:last-child {display: none}

HTML {scroll-behavior: smooth}
BODY {font-family: 'Manrope', sans-serif; font-weight:400; font-size:100%; color: #000; margin: 0;padding:0;background:#fff; text-align:left; line-height:1.5; -webkit-text-size-adjust: 100%}
a:link, a:visited, a:before, a:after, a *, a *:before, a *:after, input {text-decoration:none; transition: all 0.2s linear}
a:link, a:visited {color:#3A7D88; display:block}
a:hover {color:#E20613}

.content a:link, .content a:visited, #statstext a:link, #statstext a:visited {display:inline-block}

.single-post .breadcrumb_last {display:none}

iframe {
    width: 100%;
    height: 100vh;
    border:0;
  }

div#wpsl-wrap a,#newscat a,#primary a, #stickynews a, .relevanssi-live-search-result a {
  color: #000;
}
.relevanssi-live-search-result a:hover {
  font-weight: 600;
}

#CookiebotWidget {left: 20px !important; bottom: 20px !important}
/*#CookiebotWidget > button {outline:none !important}*/


#floatcontact {position: fixed; z-index: 10; bottom:20px;right:20px; display: block;}
#floatcontact > a {color:#fff; background: #E20613; width:50px;height:50px; border-radius: 50%; display: flex; justify-content: center; align-items: center}
#floatcontact > a:before {font-family: sysdat; content:'C'; font-size: 23px}
#floatcontact a span {display:none}

.wp-block-media-text img {border-radius: 65px}

.contacticons {opacity:0; pointer-events: none;transition: all 0.2s linear;background:#3a2c69; padding:0 5px; position: absolute; bottom:45px; left:0; border-radius: 25px; width:100%}
.contacticons.showcontacts {transform:translateY(-10px);opacity:1; pointer-events:auto}
.contacticons ul {display:block}
.contacticons ul li a {text-align: center}
.contacticons ul li a:before {font-family: sysdat; color:#fff; width:34px;height:34px;line-height:34px; text-align: center}
.contacticons ul li.whatsapp a:before {content:'w'; font-size: 25px}
.contacticons ul li.tel a:before {content:'s'; font-size: 32px}
.contacticons ul li.email a:before {content:'e'; font-size: 25px}
.contacticons ul li {margin:10px 0}

.mousemove {
    position:absolute;
    width:0;
    height:0;
    border-radius:50%;
    background:#fc0;
    pointer-events: none;
    z-index: 11;
    transition: height 500ms, width 500ms;
    mix-blend-mode: difference;   
    display:block;
    /* visibility: hidden; */
}

.showmousemove {width: 60px;height: 60px}

a#gototop {
	position: fixed;
	bottom: 80px;
	right: 20px;
	background: #e0f2f5;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index:1
}
a#gototop::before {
	font-family: sysdat;
	content: 'A';
	transform: rotate(-90deg);
	color: #000;
}
a#gototop span {
	display: none;
}

.brochure {text-align:right}
.brochure a {color: #000; text-transform: uppercase;  font-size: 80%;  font-weight: bold;display: inline-flex; margin-left:30px}
.brochure a::after {
  margin-left:10px;
	font-family: sysdat;
	content: 'A';
	color: #E20613;
}

/* form e img */
header, main, footer, figure, blockquote {display:block;margin:0}

body > header, main, #footer {position:relative;padding:0; margin:0 auto}
body > header, footer, main {min-width:320px}
main, body > header {margin:0 auto}

body > main {padding:75px 0}
body.page-template-page-28 > main, body.page-template-page-1094 > main {padding: 0}

*, *:after, *:before {-webkit-box-sizing: border-box; box-sizing: border-box;-webkit-font-smoothing: antialiased;-webkit-appearance:none}
input[type="checkbox"] {-webkit-appearance:checkbox}
input[type="radio"] {-webkit-appearance:radio}
p {margin:10px 0}
h1, h2, h3, h4, h5 {position: relative;margin:0;font-weight:200; line-height: 1.3; color:#000}
h1, h2 {font-size:36px;text-align: left; font-weight: 600}


.content h2, .content h3, .content h4, .maincontent h2, .maincontent h3, .maincontent h4, .imgtext h2, .imgtext h3, .imgtext h4 {margin-bottom: 30px; font-weight: 600}
.imgtext ul {list-style-type: disc;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 40px;} 
.page-template-page-28 h2, .page-template-page-28 .imgtext h3 {font-weight: 300}
.page-template-page-28 .maincontent h3 {font-weight: 500; line-height: 1.6}
.page-template-page-28 .maincontent h2 {margin:40px 0}
.content h2.subtitle {font-weight: 300;margin-bottom: 50px; font-size: 25px}
.readmore h2 {font-size: 23px}

h3 {font-size:28px}
h4 {font-size:16px}
h1.entry-title {margin-bottom:20px}
.wpgmza_map {margin-top:10px}

b, strong {font-weight: 700}
img {border:0;display:block}
form {margin:0}
ul {margin:0; padding:0; list-style:none}
.content ul {margin:10px; padding:5px 0px 10px 30px; list-style:initial}
.content li ul, .content li ol {padding: 5px 0px 5px 30px;margin: 0 0 -5px 0;}
.content li {margin-bottom: 5px;}
.content li li {list-style-type: "- ";}
.content img, .maincontent img, .imgtext img, #casestudy img {max-width:100%; height:auto}
.content a, #breadcrumbs a,.wpcf7 a {display: inline-block;}
.maincontent.maintext ul {list-style-type: inherit;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px;}
.maincontent.maintext ul ul {list-style-type: circle}

.content ul.ipoconunicati {margin:10px 0 0 0; padding:0; list-style:none}
.content ul.ipoconunicati a {position: relative;color:#000; padding-left:30px}
.content ul.ipoconunicati a:hover {color:#e20613}
.content ul.ipoconunicati a:before {position:absolute; top:3px; left:0; content:'c'; font-family: sysdat; font-size:20px; height:20px;line-height:20px; color:#293775}

/* *:focus {outline:none}*/
.clearfix:after {content: ""; display: table; clear: both;*zoom: 1}
.center {text-align:center; clear:both}
.owl-stage {margin:0 auto}

/* Alignment */

.alignleft {display: inline;float: left;margin-right: 1.625em;}
.alignright {display: inline; float: right;	margin-left: 1.625em;}
.aligncenter {clear: both;display: block;	margin-left: auto; margin-right: auto;}

#gallery-2 .gallery-item img {border: 1px solid #cfcfcf}

.pagination {margin-top:50px}
.pagination .nav-links {display: -webkit-inline-flex; display: inline-flex; -webkit-justify-content:center; justify-content: center}
.pagination .nav-links > * {width:40px; height:40px; line-height:40px; display:block; background: #CCDFF2; color:#333; margin:0 5px; font-weight:500}
.pagination .nav-links > .current {background: #139369; color:#fff}

.pagination .nav-links > * {
  background: transparent;
}
a.next.page-numbers::after,a.prev.page-numbers::after {
  font-family: sysdat;
  content: 'A';
  font-size: 18px;
  display: block;
  text-align: center;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  border: 1px solid #000;
}
a.prev.page-numbers::after {
  transform: rotate(-180deg);
}
.pagination .nav-links > * {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: block;
  background: transparent;
  color: #333;
  margin: 0 5px;
  font-weight: 500;
  display: flex !important;
  justify-content: center;
  font-size: 20px !important;
}
.pagination .nav-links > .current {
  margin-top: 0 !important;
  background: transparent;
  color: #000;
  border-bottom: 2px solid #000;
}

/*Contatti - CTA*/
#postCta,#footercontact {
  padding-top: 84px;
  margin-top: 4vh;
  margin-left: 0;
  margin-right: 0;  
}
#footercontact {
  margin-left: 25px;
  margin-right: 25px;  
}
#footercontact {
  padding-bottom: 50px;
}
#postCta h4,#footercontact h4,#footercontact span[role=heading], #postCta span[role=heading] {
  font-size: 36px;
  margin-bottom: 50px;
  font-weight: 200;
}
.forms.bgcyan {
  margin-bottom:0;
}
.forms.bgcyan:before {
  top: 0;
  height: calc(100% + 200px);
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 70px;
}

.tax-organo .forms.bgcyan::before, .membri-staff-template-default .forms.bgcyan::before {top:140px}

input[type="text"], input[type="number"], input[type="email"], input[type="submit"], input[type="tel"],input[type="file"], textarea, select  {font-family: Lato, sans-serif; font-size:15px; margin:0; padding:0; border:0; color:#333}
input[type="text"], input[type="email"], input[type="number"], input[type="tel"], select, textarea {width: 100%;border-bottom: 1px solid #ccc; border-radius: 0; padding: 10px; background: transparent;}
input[type="text"], input[type="email"], input[type="number"], input[type="tel"],input[type="file"] {height:40px;margin-top: 10px;margin-bottom: 30px}
textarea {height: 100px;}

.wpcf7 {text-align: left; margin:40px 0 0 0}
label.notes,p.notes {text-align: justify}
.wpcf7 > div {margin-top:10px}
.wpcf7 > div input[type="text"], .wpcf7 > div input[type="email"], textarea {width:100%; margin-top:3px}
.wpcf7 > p {clear:both;width:94%;margin:3%}

#privacysubmit>div {margin: 2.5vh 1vh;}

#privacysubmit .submbitdiv {display: flex;flex-direction: column;width: auto !important;margin-top:50px }
#privacysubmit .submbitdiv div,.submbitdiv .submit {width: auto;margin: auto;min-width:298px !important;}

label.privacyLabel {
    display: block;
    margin-bottom: 10px;
}
span#marketing fieldset {
    padding: 0;
    margin: 0;
    border: none;
}
#policy {font-size:80%; margin:20px 0}

div#privacy a {
  color: inherit;
  text-decoration: underline;
}

span.wpcf7-list-item {margin: 0 !important;}

input[type="submit"] {border: 0; height: 54px; padding: 0 25px; border-radius: 5px; font-size: 18px; text-transform: inherit; cursor: pointer; background: #EB0000; color: #fff; font-weight: 600; border-radius: 18px; text-align: left}
input[type="submit"]:disabled, input[type="submit"]:disabled:hover, input[type="submit"]:disabled:hover {background:#A5A5A5;color:#fff;cursor:text}
input[type="submit"]:hover {background:#EB0000; color:#fff}
input[type="submit"]:active {background:#EB0000; color:#fff}
::-webkit-input-placeholder {color: #999; font-style: italic}
:-moz-placeholder { /* Firefox 18- */ color: #999;opacity: 1;  font-style: italic}
::-moz-placeholder {  /* Firefox 19+ */  color: #999;opacity: 1;  font-style: italic}
:-ms-input-placeholder { color: #999;  font-style: italic;}

.submit {position: relative; display: inline-block; height: 54px;border-radius: 18px;margin-top: 40px;}
.submit input[type="submit"] {padding-right: 80px;width: 100%}

.submit:after {  font-family: sysdat; content: ' '; display: block; background: #fff; font-size: 15px; position: absolute; top: 50%;transform: translateY(-50%); right: 25px; line-height: 34px; pointer-events: none; width: 30px; height: 30px; border-radius: 50%; }

span.wpcf7-not-valid-tip {color: #C62E1F !important;position: absolute; top: 35px;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {background:#D1AA66 !important}
div.wpcf7-mail-sent-ok {background:#E20613 !important}

div.wpcf7 {font-size:14px}


/*Spinner*/
form.submitting .wpcf7-spinner {
  visibility: visible;
  position: absolute;
  right: 4px;
  z-index: 9;
  top: 15px;
  background-color: #fff;
}
.wpcf7-spinner::before {
  background-color: #f00;
}
.wpcf7-form .wpcf7-response-output {
  width: 100%;
}
/*Pagina Contatti*/
.contactsCont {
  margin-bottom: 11vh;
}
div#recapiti {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 110%;
  margin: 2vh auto;
  flex-direction: column;
}
div#recapiti>div {
  text-align: left;
  margin-bottom: 2vh;
}
.brandname {
  font-size: 120%;
}
ul.recapiti {
  list-style: none;
  margin: 0;
  padding: 0;
  width:100%;
}
ul.recapiti li {
  display: flex;
  align-items: center;
}
#blogid-9 ul.recapiti li {
  justify-content:center;
}
.page-template-contatti main a,ul.recapiti li a {
  color: #000;
}
ul.recapiti li a {
  font-weight: 500;
  padding: 10px;
}
ul.recapiti li:before {
  font-family: sysdat;
  color: #5AACB9;
  width: 34px;
  height: 34px;
  line-height: 34px;
  font-size: 34px;
}
ul.recapiti li.whatsapp:before {
  content: 'w';
}
ul.recapiti li.tel:before {
  content: 's';
}
ul.recapiti li.email:before {
  content: 'e';
}

.content, .imgtext, #casestudy, #stickynews, #sliderimgtxtc, #prevnext {margin:0 auto; max-width: 1360px; padding:0 25px}
#sliderimgtxtc {padding:50px; font-size: 17px}
#sliderimgtxtc h3 {font-size: 22px; font-weight: bold}
.posts .content, #stickynews {max-width: 1100px}

#testoslider {margin-bottom:50px}
#testopostslider {margin-top:50px}

.home section {text-align: left}

div#contattiaggiuntivi h2 {
  font-size: clamp(25px, 2vw, 30px);
  margin-top: 50px;
}

#top {padding: 20px;width:100%;text-align: left}
.home #top {position: absolute;top:0; left:0;}
body:not(.home) #top {background: #fff}
#logo, #slide {position:relative}
#logo {z-index: 4;width:220px}
#logo a img {width:100%; height: auto;}
/*#headerimg img {width: 100%;height: auto}*/
#headerimg img {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

#homevideo, #headerslides {max-height: 850px}
.home header.head {background: linear-gradient(360deg, rgba(217, 237, 243, 0) 40%, rgba(90, 147, 203, 1) 90%);}
#headerslides {min-height: 500px;    background: linear-gradient(360deg, rgba(217, 237, 243, 100%) 0, rgba(90, 147, 203) 90%);}
#headerslides .owl-nav {height: 0;}
#headerslides .owl-item h1,#headerslides .owl-item h2,#headerslides .owl-item p {display:none;}
#headerslides .owl-item.active h1,#headerslides .owl-item.active h2,#headerslides .owl-item.active p {display:block;}
#blogid-16 #homevideo, .bannercontainer {max-height: 900px}

#homevideo,#headerimg, #headerslides {position: relative; color:#fff;overflow: hidden; border-bottom-left-radius: 65px; border-bottom-right-radius: 65px}
#homevideo video,#headerimg img, #headerslides video, #headerslides img {/*margin-left: 50%; transform: translateX(-50%);*/position: relative;  display: block; height: 600px}
#headerimg {height:240px;background: linear-gradient(360deg, rgba(217, 237, 243, 100%) 0%, rgba(90, 147, 203) 70%);}
#homevideo div:first-of-type:not(.rb), #headerslides .objectfit div:first-of-type {position:absolute; top: calc(50% - 70px); transform:translateY(-50%); left:20px; right:20px}
#headerslides .objectfit div:first-of-type {top: calc(50% - 40px)}
#blogid-9 #homevideo > span {position: absolute;display: block;	bottom: 0;	left: 0; margin: 0 10%; border-top: 0.5px solid #fff;height: 100px; display: flex; flex-wrap: wrap; align-items: center; line-height: 1; padding: 18px 0 28px 0; width:calc(100% - 20%)}
#blogid-9 #homevideo > span * {width:100%}
#blogid-9 #homevideo > span h1 {font-size: 17px}
#blogid-9 #homevideo > span h2 {font-size: 14px} 

#homevideo h2, #homevideo h1, #headerslides h2, #headerslides h1 {color:#fff;font-weight: 300}
#homevideo h1, #headerslides h1 {font-size: clamp(1.875rem, 1.7499rem + 0.6674vw, 2.25rem);}
#homevideo h2, #headerslides h2 {font-size: clamp(2.25rem, 2.0414rem + 1.1123vw, 2.875rem);}
#homevideo h2 strong, #headerslides h2 strong {font-weight: 600}

a.slideurl {
  display: inline-block;
  color: #fff;
  margin-top: 15px;
  font-size: 30px;
  font-size: clamp(18px, 2.2vw, 42px);
}
a.slideurl:hover {
  color:#E20613
}
.objectfit > a.slideurl {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  text-align: center;
}
/*a.slideurl:after {margin-left: 15px; font-family: sysdat;content: 'r';	color: #fff; display: flex; justify-content: center;	align-items: center;padding-top: 2px; font-size: 25px}*/

/*Banner */
.bannercontainer .banner img {
  width: 100%;
    height: auto;
}
.bannercontainer .banner {
  position: relative;
}

.bannercontainer .banner:hover .innerbanner .cta {
  color:#999; transition: all 0.2s linear
}


.innerbanner {
  position: absolute;
  top: 22%;
  left: 5%;
  width: 90%;
  pointer-events: none;
}

#homevideo .innerbanner h2 {
  font-size: 25px;
}
.innerbanner .cta, .innerbanner a.cta {
  color: #fff;
}

#counter-container {padding-top: 50px;position: relative; z-index: 1;}
#particles-js {position:absolute; top:0; left:0; width: 100%; height: 600px; background-color: #fff} 

#statstext h1,#statstext h2 {font-weight: 300;font-size:46px;}
#introgroup, #careersfilters {padding: 75px 30px 30px 30px}
#homestats {padding: 0 30px 30px 30px}
#statstext {position: relative}

#counter-container > div {margin: 0 auto 50px auto; width: 180px}
#counter-container > div strong {position: relative; display:block; font-size: 55px; line-height: 1; margin: 20px 0 0 0;opacity:0}
#counter-container > div strong.shownumber {opacity:1}

/*#counter-container > div strong:before {content:''; width:45px; height:45px; display: block; background: #E20613; border-radius: 50%; position: absolute; top:-10px;left:-20px;z-index: -1}*/
#counter-container > div strong:before {content:'L'; font-family: sysdat; font-size: 50px; color:#E20613;display: block; position: absolute; top:0;left:-40px;z-index: -1}

#counter-container > div span {display: block}
#counter-container > div span:first-of-type {font-size: 35px; line-height: 1; margin:10px 0 20px 0}
#counter-container > div span:last-of-type {font-size: 16px; font-weight: 600; border-top: 1px solid #707070; padding-top: 20px}


.objectfit img, .objectfit video {object-fit: cover; min-width: 100%; min-height: 100%; width: 100%; height: auto; max-width: 100%; max-height: 100%}

body > header > img {width:100%; height: auto}

.home body > header:before {height:70px}

a#toggle {width: 40px; height: 40px; text-align: center; display: none; transition: all ease-out 0.3s}
a#toggle:before {display:block;font-family:sysdat; content:'M';font-size:22px; width:40px;height:40px;line-height:40px; color:#fff; text-align:center}
body:not(.home) a#toggle:before {color:#000}

.open-menu a#toggle:before {content:'✕'; color:#E20613; font-size:20px}
a#toggle:hover:before {color:#C4975E}

footer {position:relative}
/*html:not(.level1) .single-servizi footer,  .page-template-page-1094 footer {background: #e0f2f5}*/
.single-servizi main {padding-bottom: 0}

#footerc {position:relative; width:100%; text-align:left;
background: linear-gradient(118deg, rgba(70,42,103,1) 0%, rgba(35,57,120,1) 100%); color:#fff; font-size: 15px; padding:50px 30px; border-top-left-radius: 70px}

#company a, #footerdx a {color:#fff}
#footerdx a:hover {color:#5AACB9}

#companyinfo {display: flex; align-items: flex-start;}
#companyinfo:before {font-family: sysdat; font-size: 105px; content:'L'; color:#E20613;height: 106px;line-height: 106px; margin-right: 20px}
div#companyinfo p {
  margin: 0;
}
a.corporatedata {
  margin-top: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

#credits {text-align: center; color:#fff; font-size: 20px}

#headertitle {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff; text-align: center; display: flex; flex-direction: column;	justify-content: space-between;	height: 80%;padding-bottom: 40px; width: 90%; z-index: 2}
#headertitle h1 {color:#fff; text-align: center; margin-bottom: 5px; font-size: 25px; font-size: clamp(22px, 4vw, 28px); font-weight: 700; margin: 10px 0;}
.single-clienti #headertitle h1 {margin: 0 0 10px 0}
#headertitle a {color: #fff}
#headertitle a:hover {color: #5AACB9}
.cta::first-letter{text-transform:uppercase}

.bgcyan {position: relative; margin-bottom: 80px}
.level1 .forms.bgcyan::before {background: #fff}
.page-template-page-28 article .bgcyan {background: #6097CD;background: linear-gradient(142deg, rgba(224,242,245,1) 0%, rgba(82,141,201,1) 100%);border-top-left-radius: 70px; border-bottom-right-radius: 70px;}
.page-template-page-28 article .bgcyan::before {content:none}
.page-template-page-28 article .bgcyan .maincontent {margin-top:170px}
.page-template-page-28 article .bgcyan .maincontent img {margin:-170px auto 40px auto}

.single-post .wp-block-file a {
  background: #fff;
  border: 2px solid #000;
  color: #000;
  padding: 8px 22px;
  margin: 10px auto;
  border-radius: 2em;
}

.bgcyan:before {content:''; position: absolute; top:380px; left:0; right:0; height:calc(100% - 380px); border-top-left-radius: 70px;border-bottom-right-radius: 70px; z-index: -1;background: #6097CD;background: linear-gradient(142deg, rgba(224,242,245,1) 0%, rgba(82,141,201,1) 100%);}
.bgcyan#casestudies {margin-bottom: 0}
.bgcyan#casestudies:before {background: #2B3461; border-bottom-right-radius: 0}
.bgcyan.bghomenews:before {top: 0;height: 100%;}
.page-template-page-28 .bgblu .bgcyan::before {background: #fff}
.bgcyan#casestudies {color: #fff}
.bgblu {background: #2b3461; position: relative; z-index: 0}
.bgblu #footercontact {margin-top: 0}

#team {padding:0 0 100px 30px}
#team header {padding:0 0 0 30px}
.soluzioni header,#homemercati header {padding:0 0 0 30px;position: relative;z-index:1}
.page-template-page-1094 #companies .maincontent {padding:100px 30px}
.page-template-page-1094 #companies .maincontent {max-width: inherit}
.soluzioni header p,#homemercati p, #team header p {margin: 30px 0 50px 40px}

#companies ul li {margin: 7.5px}

#homesoluzioni {padding-bottom:50px}
#homesoluzioniQuantum h2 {margin-bottom: 30px;}

#soluzionic, .slidernews .owl-stage-outer, #mercatic,#soluzioniAlt {margin-left: 8%}
.mercatisol .owl-stage {display: flex}
.mercatisol img {width: auto; height: 320px; border-radius: 30px}
.mercatisol h3 {font-size: 25px;font-weight: 600; margin-top: 30px; max-width: 335px}
.mercatisol figcaption p {color:#202020;font-size: 16px; margin-right: 15px;}

#soluzionic span.new {
  position: absolute;
  top: 15px;
  right: 15px;
  background: #e20613;
  color: #fff;
  text-transform: uppercase;
  border-radius: 50%;
  font-size: 14px;
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#homemercati {margin:70px 0}
#homecareers h3,#homecareers span.car {font-size: 32px; margin-left: 0; text-transform: capitalize;display: block;}
#homecareers .subcar {font-size: 28px;display: block;}
.page-template-page-28 #homemercati h2 {font-weight: 600}


#homenews {position: relative;  padding: 60px 0 70px 0; text-align: left;max-width: 1400px;margin: 0 auto}
#homenews h2 {padding:0 30px 30px 30px}

#newsc {position: relative}
#counter {position: absolute;bottom: 40px;left: calc(10% + 30px); font-size: 22px; font-weight: 300; display: none}
#counter span {font-size: 36px; font-weight: 700}
.slidernews {text-align: left;margin: 0 auto}

.slidernews figure div {border-radius: 15px}
.slidernews h3 {font-size: 115%}
.slidernews p {color:#000; line-height: 1.5;font-size: 16px}
.slidernews img {border-radius: 15px}

#newscats {padding:30px 30px 0 30px}
.content #newscats { padding: 30px 0 0 0; }	
#newscats h4 {font-size: 32px}
#newscats ul {display: flex; justify-content: space-between; margin: 0; padding: 0; list-style: none;}
#newscats ul li a {font-size: 23px; color:#000}

#homecareers {margin: 0 auto;max-width: 1400px;padding: 0 30px}
.subc#homecareers {padding-top: 100px;}
#homecareers h2 {font-weight: 300; margin-top: 10px}
#homecareers > p {margin-top: 50px}

#homecareers ul {margin: 50px 0 40px 0; padding-bottom: 40px; border-bottom: 1px solid #707070}
#homecareers ul li {margin-top: 50px}
#homecareers h4 {font-size: 140%}

.cta, a.cta {font-size: 18px; font-weight: 600; display: flex !important; align-items: center; color:#000;white-space: nowrap }
#headertitle a.cta {color:#fff}
#headertitle .cta,#headertitle a.cta {font-weight: 500}
/*.cta:after {content:''; width:30px;height:30px; background: #E20613; border-radius: 50%;display: block; margin-left: 30px}*/
.cta::after {content: 'L';width: 30px;height: 30px;color: #E20613;display: block;margin-left:8px;font-family: sysdat; font-size: 20px}
.margin.cta::after {margin-left: 20px}
#headertitle .cta:after {color:#fff}
a:hover .cta, a.cta:hover {color:#E20613}


 .readmore {border-bottom: 1px solid #7F7F7F}
.ctaright {display: flex;justify-content: flex-end;	margin: 30px 30px 0 0}
.readmorecta .ctaright {justify-content: space-between; margin-right: 0}
.readmorecta .ctaright a:first-child {margin-right: 10px}
.firstimg {margin-bottom: 60px;}
.firstimg img {margin: auto}

#homecareers .cta {margin-top: 10px;display: inline-flex !important}
#homecareers .cta span {width:calc(100% - 60px)}

#fpartners b {font-size: 32px; font-weight: 300; color:#fff; margin:70px 0 25px 0}
#fpartners > div {display: flex; justify-content: space-between; flex-wrap: wrap;align-items: center; gap: 10px}
#blogid-9 #fpartners > div {gap: 20px 60px}
#fpartners img {max-height:46px; width:auto; height: auto; max-width: 130px;}
#blogid-9  #fpartners img {max-height:55px;}
#blogid-9 #fpartners > div > div {margin-bottom: 10px; height:55px; display: flex; align-items: center}

ul#legal {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px;gap:5px}
ul#legal li {text-transform: uppercase;font-size: 13px;}
/*ul#legal li:nth-child(even) {text-align: right}*/

.single-servizi .soluzioni {margin: 100px 0;overflow: hidden}
.level1 .single-servizi .soluzioni {margin-top:0}
.levvel1 .single-servizi .soluzioni {margin: 0 0 100px 0}
.single-servizi .soluzioni header,.single-servizi #homemercati header {padding-bottom: 50px;}
.single-servizi .soluzioni header h2 {font-size: 36px;font-weight: 200;}
.single-servizi .soluzioni header span {display: block; font-size: 28px}

.maincontent {margin:0 auto; max-width: 1000px; padding:100px 30px; position: relative}
#casestudy {padding-bottom:0}
.maincontent img, .imgtext img, #casestudy img, #casestudy .videoWrapper,.first-img,.round-img img, #portfolio-fullcontent img {border-radius: 30px}
.videoWrapper {overflow: hidden}
.maincontent img {margin:0 auto 40px auto}

.videoWrapper {border-radius: 30px; position: relative; padding-top: 56%}
.videoWrapper iframe {position: absolute; top:0; left:0; height: 100%;}
.videoWrapper .cookieconsent-optout-marketing {position: absolute;top:0; left:0}
.videoWrapper .cookieconsent-optout-marketing span {position: absolute;top:50%; left:50%; transform: translate(-50%, -50%); display: block; background: rgba(255,255,255,.9); color:#000; padding: 10px; font-size: 13px; line-height: 1.1; text-align: center; font-weight: 500}

.single-servizi article .bgcyan::before {top: 175px;height: calc(100% - 175px)}
.single-servizi .bgcyan#casestudies::before {top: 90px;height: calc(100% - 90px)}

.imgtext a.cta {margin-top: 35px}
.imgtext > div {padding-bottom: 70px}
.imgtext > div > div:first-child {margin-bottom: 30px}
.imgtext > div:nth-child(odd) > div:first-child {display: flex; justify-content: flex-end}
.imgtext > div:nth-child(odd) {}

.hscrollc {position:relative; margin-bottom:65px; height:100px;overflow: hidden;}

.hscroll {overflow: hidden; display: block; position: absolute;top:0; z-index: 1; width: 100vw}

.hscroll > div {height: 100px; transform: translateX(-50%);font-size: 70px; white-space: nowrap; display: flex; justify-content: space-between; width:auto}

.hscroll > div[data-content]:before, .hscroll > div[data-content]:after {content: attr(data-content);  margin: 0 40px; opacity:.08}

#casestudy > div {padding-bottom: 80px}
#casestudy h3 {font-size: 23px; font-weight: 600; color:#fff; margin:40px 0 20px 0}
#casestudy .csdesc {font-size: 15px; margin-bottom: 20px}
#casestudy a.cta {color:#fff}

#companies {background:#2B3461;border-top-left-radius: 70px; position: relative;overflow: hidden}
#companies:before {content:''; mask-image: url(images/map.svg); -webkit-mask-image: url(images/map.svg); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100%; background-color: #404871; width:980px; height:494px; display: block; position: absolute; top: 100px; left: 50%; transform: translateX(-50%); z-index: 0}
/*.page-template-page-1094 #companies:before {background-color: #F0F9FA}
.page-template-page-1094 #companies {background-color: #E0F2F5}*/
#companies h2,#companies h3 {color:#fff; margin-bottom: 40px; font-size: 36px;}
.page-template-page-1094 #companies h2 {color:#000}
#companies .maincontent img {border-radius: 0;max-width: 182px;height: 34px; width: auto}
/* 404 */
.error-404 {
  text-align: center;
}
.error-404 h1 {
  text-align: center;
  margin-bottom: 2em;
}
/* Ricerca ajax */
body #rlvlive_1 > div {
	position: fixed;
	width: calc(100% - 300px) !important;
	right: 30px !important;
  top:60px !important;
	left: inherit !important;
	right: -0 auto !important;
	background: #E6F0F7;
	border-radius: 40px 0 40px 40px;
	box-shadow: none;
}
body #rlvlive_1>div a:before {
    display:none;
}
body .ajax-results {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	padding: 2%;
}

body .relevanssi-live-search-result {
    width: 30%;
    text-align: left;
    border-bottom: 1px solid #fff;
    margin: 0 1%;
}
body .relevanssi-live-search-result-status {
    width: 100%;
	padding: 1%;
}
body .relevanssi-live-search-result p, body .relevanssi-live-search-result-status p {
	border-bottom:none;
}
body .relevanssi-live-search-result a {
	white-space: unset;
}

/*STORE LOCATOR - SEDI*/
#wpsl-wrap {
  margin: 0 auto 10vh auto;
}  
#wpsl-wrap #wpsl-result-list li {
  border: none;
}
/*Mod seconda sede BTW*/
#wpsl-stores li.operativa {
  margin-top: -20px;
}
#wpsl-stores li.operativa p:not(.wpsl-contact-details), #wpsl-stores li.operativa h2, #wpsl-stores li.operativa .tiposocieta {
  display: none;
}
/*li[data-store-id="4654"] {
  margin-bottom: 450px
}*/
/*End*/
body #wpsl-stores {
  height: auto !important;
  padding-top: 2vh;
  overflow-y: inherit;
}
#wpsl-stores .wpsl-store-thumb {
  float: none;
  margin: 0 0 10px 0;
	height:50px;
	width:auto
}

#wpsl-stores > ul {
  display: flex;
flex-wrap: wrap
}
#wpsl-stores ul li {
  position:relative;
}

#wpsl-stores li[data-store-id="539"], #wpsl-stores li[data-store-id="539"] h2 {width:100%; text-align: center;}

#wpsl-wrap #wpsl-result-list li.sede {overflow:inherit}
ul.sedi {visibility: hidden;  opacity: 0; height:0;transition: visibility 0s, opacity 0.1s linear; background: #daedf3}
#wpsl-wrap.wpsl-store-below #wpsl-result-list li {margin:0 0 20px 0; padding:10px; font-size: 14px; width:100%}
#wpsl-wrap.wpsl-store-below #wpsl-result-list li ul.sedi.listasedi {visibility: visible;  opacity: 1;height:auto;display: flex; flex-wrap: wrap; justify-content: center; position: fixed; margin: 0 auto;border-radius:50px; z-index: 1;padding:15px 10px; font-size: 13px;text-align: left;}

#wpsl-wrap.wpsl-store-below #wpsl-result-list li ul.sedi.listasedi li {font-size: 13px;width:50%; text-align: center}
#wpsl-wrap.wpsl-store-below #wpsl-result-list li ul.sedi.listasedi:has(> li:nth-child(2):nth-last-child(1)) li:nth-child(2){ width:100%;}
div#wpsl-wrap a.mostrasedi {font-weight: bold;  text-transform: uppercase; color:#253877; border: 1px solid #253877; padding: 0 15px;height:30px;line-height:30px; border-radius:15px;font-size: 85%;margin-top:5px}
div#wpsl-wrap a.mostrasedi.mostratesto {background:#ed1c24; border-color: #ed1c24; color:#fff}
a.mostrasedi:before {content:'mostra'}
a.mostrasedi.mostratesto:before {content:'nascondi'}

.tiposocieta {height:22px}

#wpsl-wrap.wpsl-store-below #wpsl-result-list ul.sedi.listasedi li.logopopup {width:100%; text-align: center; margin-bottom:30px}
#wpsl-result-list ul.sedi.listasedi li.logopopup img {margin:0 auto}

#wpsl-result-list li p {
  margin: 0;
}
.wpsl-store-location h2, .wpsl-store-location h3 {
  margin: 0;
  font-weight: 600;
  font-size: 18px;
}
#wpsl-wrap.wpsl-store-below #wpsl-result-list li:not([data-store-id="539"]) ul.sedi.listasedi h2, #wpsl-wrap.wpsl-store-below #wpsl-result-list li ul.sedi.listasedi .tiposocieta {display:none}
#wpsl-gmap h2 {
    font-size: 20px;
}
a.wpsl-directions {
    display: none;
}  
/*News - Archive - Search result - Post*/
.posts.bgcyan:before {
  top: 150px;
  height: 100%;
}
.events.bgcyan:before {
  top: 0;
  /*height: 100%;*/
}
#catdesc h2 {
  font-size: 36px;
  text-align:left;
  line-height: 1.3;
  margin-bottom: 75px;  
  font-weight: 100;
}
#catdesc:not(strong) {font-weight: 100;}

#stickynews {margin:100px auto}

#newscat,#primary {
  position: relative;
  display: grid;
  justify-content: space-around;
  grid-template-columns: repeat(auto-fit, 330px);
  grid-gap: 0 1%;
}
#newscat article,#primary article, #stickynews article {
  margin:25px 2%;
}
#newscat img,#primary img, #stickynews img  {
  border-radius: 15px;
  margin-bottom: 18px;
}
#newscat figcaption,#newscat figcaption h2,#newscat figcaption h3,#primary figcaption,#primary figcaption h2, #stickynews figcaption, #stickynews figcaption h2 {
  font-size: 22px;
  text-align: left;
  display: inline;
}
#newscat figcaption h2, #newscat figcaption h3, #stickynews figcaption h2 {
  display: block;
  margin-bottom: 5px;
}
#newscat figcaption:not(h2),#primary figcaption:not(h2), #stickynews figcaption:not(h2) {
  font-weight: 100;
}
#newscat article span, #primary article span, #stickynews article span {
  display: block;
  font-size: 16px;
  margin-top:15px;
}
.search-results article strong {
    color: #E20613;
}
#newscats .current-cat {
    display:none
}
.featured img {
    border-radius: 15px;
}
/*Post News*/
.featured.singlePost {
    margin: auto;
    max-width: 1250px;
}
.featured.singlePost img {
    margin: auto;
    text-align: center;
    margin-bottom: 8vh;
}
.single-post .content.clearfix::after {
    height: 1px;
    background:#707070;
    width: 100%;
    margin-bottom: 2vh;
    margin-top: 3vh;
}
/*Evento - Webinar */
.eventinfo {
  margin-top: 4vh;
  margin-bottom: 2.5vh;
}
.eventinfo div {
    display: flex;
}
.eventinfo span {
    min-width: 110px;
}
a.ctareg {
  border: 0;
  height: 54px;
  line-height: 54px;
  padding: 0 25px;
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;
  background: #EB0000;
  color: #fff;
  font-weight: 600;
  border-radius: 18px;
  text-align: center;
  min-width: 280px;
  width: 50%;
}
/* Careers */
#newscat.careers h3 {
  font-weight: 200;
    font-size: 23px;
}
.careers#newscat .cta {
  display: flex;
}
.locationCareers {
  font-size: 16px;
  margin: 8px auto;
}
/* Share */
.content.sharing {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 100px;
}
.content.sharing>span {
    display: flex;
    align-items: center;
}
.ctaShare {
    font-weight: 600;
    margin-right: 30px;
    font-size: 18px;
    min-width: 89px;
}
.addtoany_list span {
    border-radius: 50% !important;
    padding: 3px;
}

.slidertestimonianze  .owl-item > div {background: #fff; border-radius:50px; padding:30px}
.slidertestimonianze h4 {font-size:22px; margin-top: 10px}

#depth {
  padding-top:80px;
}
@media screen and (max-width:1359px){
  .sliderdepth .owl-nav {
    left: 0 !important;
    width: 100% !important;
    padding: 0 1%;
  } 
}
.sliderdepth div.depth {
  padding: 10px;
  font-size: 90%;
}
.sliderdepth div.depth h4 {
  font-size: 110%;
  font-weight: 500;
}
.sliderdepth div.depth a {
    color: unset;
}
.sliderdepth div.depth::before {
  content: 'L';
  font-family: sysdat;
  font-size: 30px;
  color: #E20613;
  display: block;
  position: absolute;
  top: 0;
  left: -20px;
  z-index: -1;
}

#careersfilters .searchandfilter {margin-top:10px}
#careersfilters .searchandfilter ul {display: flex; justify-content: center; flex-wrap: wrap}
#careersfilters .searchandfilter ul li {width:48%; margin-bottom: 20px; text-align: center}
.wpml-ls ul {display: inline-flex; justify-content: space-between; margin-right: 10px}
.wpml-ls-item-zu {display:none !important}

.socialfooter{display: flex; align-items: center; margin-top: 10px}
.socialfooter li {margin-right: 10px}
.socialfooter a::after {font-family: sysdat; color: #fff; width: 40px; height: 40px;line-height: 40px;font-size: 20px;display: block;text-align: center}
.socialfooter .linkedin a::after {content: 'l'}
.socialfooter .fb a::after {content: 'f'}
.socialfooter .ig a::after {content: 'i'}
.socialfooter .yt a::after {content: 'y'}
.socialfooter span {position: absolute; top: -99999px;left: -99999px;}

#CybotCookiebotDialogBodyContentText a {display: inline;}

.content ul.governance {list-style: none; padding:0; margin:50px 0 0 0}
ul.governance li {margin-bottom: 50px}
.content ul.governance a {display: block}
ul.governance img {width: 100%; border-radius: 30px}
ul.governance h2 {margin:20px 0 15px 0; color:#000; font-size: 22px}

.parent-pageid-4656 #headerimg:before, .page-template-governance #headerimg:before, .tax-organo #headerimg:before, .parent-pageid-9334 #headerimg:before, .parent-pageid-9302 #headerimg:before, .parent-page-id-9672 #headerimg:before, .parent-pageid-8748 #headerimg:before, .parent-pageid-8915 #headerimg:before {content:''; width:100%; height:100%; background: rgba(0,23,52,.5); position: absolute; top: 0; left: 0; z-index: 1}

ul.governance .carica {font-size: 16px; color:#000; font-weight: 300}

ul.docs {margin:0; padding:0; list-style: none}
.page-id-8142 .responsive-tabs-wrapper .wp-block-file a {color:#000}
.content ul.docs a, .page-id-8142 .responsive-tabs-wrapper .wp-block-file {font-size: 20px;font-weight: 400; border-bottom: 1px solid #D9D9D9;color: #000;	min-height: 50px;	padding: 10px 0;display: flex;align-items: center; flex-wrap: wrap}
ul.docs a span:first-child, .page-id-8142 .responsive-tabs-wrapper .wp-block-file :first-child {width:100%}
ul.docs a span:last-child, .page-id-8142 .responsive-tabs-wrapper .wp-block-file a:last-child {width:140px; display:flex; justify-content: space-between; align-items: center; font-size: 18px; font-weight: 600}
ul.docs a span:last-child {width: 215px; font-size: 18px;}
.en .page-id-8142 .responsive-tabs-wrapper .wp-block-file a:last-child {width:160px}
.docs a span:last-child::after, .page-id-8142 .responsive-tabs-wrapper .wp-block-file a:last-child:after {
	content: 'L ';
	width: 30px;
	height: 30px;
	color: #E20613;
	display: block;
	margin-left: 8px;
	font-family: sysdat;
	font-size: 20px;
}
.page-id-8142 .responsive-tabs-wrapper .wp-block-file * + .wp-block-file__button {margin-left: 0 !important}
.page-id-8142 .responsive-tabs-wrapper .wp-block-file__button {background: none; padding:0}
.ipo-logos img {border: 1px solid #ddd}

#bio img {border-radius: 40px;margin: 0 auto; max-width: 350px}
#bio h1 {margin-top: 30px}
.wp-block-table thead {border: none}
.wp-block-table:not(.allowrap):not(.sla-assistenza) th, .wp-block-table:not(.allowrap):not(.sla-assistenza) td {white-space: nowrap}
.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {background-color: #e6f0f7}
.wp-block-table.is-style-stripes tbody tr:nth-child(2n+2) {background-color: #d5e7f3;}
.sla-assistenza table {min-width: 600px}
.sla-assistenza table thead tr {background: #f8f9fa}
.sla-assistenza table tbody tr:nth-child(-n+6) {background: #d1e7dd}
.sla-assistenza table tbody tr:nth-child(-n+4) {background: #fff3cd}
.sla-assistenza table tbody tr:nth-child(-n+2) {background: #f8d7da}

.page-id-8132 .sdm_download.blue, .page-id-8385 .sdm_download.blue {
	background: #e20613 !important;
	border: none !important;
	color: #fff !important;
	text-shadow: none !important;
	box-shadow: none !important;
    height: 40px !important;
  line-height: 40px !important;
  padding: 0 20px !important;
    border-radius: 20px;
    margin-top: 20px;
}
.terms-download h2 {margin-bottom: 0}

.term-157.en .content {display: flex;  flex-direction: column-reverse;}

/*Registrazioni*/
.w100.flex .round-img {
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
}
.page-template-registrazioni main {
  padding: 0;
}
.page-template-registrazioni .contactsCont {
  margin-bottom: 0;
}
/* Responsive */


@media screen and (min-width: 360px) {
  .sliderhighlights strong {font-size: 100%}
}
@media screen and (min-width: 400px) {
  ul#portfolio-filters li[data-filter] {font-size: 14px}
  #blogid-9 #homevideo > span h1 {font-size: 19px}
#blogid-9 #homevideo > span h2 {font-size: 15px}
}

@media screen and (max-width: 479px) {
    #gallery-2.gallery .gallery-item {width:100%; max-width: 100%}
    #fotoristorante2 {display:none}
    .readmorecta .cta::after {margin-left: 10px}
}

@media screen and (min-width: 480px) {
  .contatti {display: -webkit-flex; display: flex; -webkit-justify-content:space-between; justify-content: space-between}
  .contatti > div {width:30%}

  #gallery-2.gallery .gallery-item {padding:10px}

.single-servizi article .bgcyan::before {top: 200px;height: calc(100% - 200px)}
.single-servizi .bgcyan#casestudies::before {top: 150px;height: calc(100% - 150x)}
    
.slidertestimonianze  .owl-item > div {padding:50px}
.page-template-page-28 article .bgcyan .maincontent {margin-top: 200px}
.page-template-page-28 article .bgcyan .maincontent img {margin: -200px auto 40px auto}
}

@media screen and (max-width: 639px) {
  #footerlinks > div {max-width: 260px}
  .social ul {display:flex; justify-content: space-between}

  .readmore{position:relative; height: 360px;z-index: 2}
  .readmore > div {height: 260px; overflow: hidden; position: relative}
  .readmore:not(.open) > div:after {content:'';position: absolute; bottom:0; left:0; right:0; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 100%); height:30px}
  .readmore, .readmore:before {overflow:hidden}
  .readmore:after
  .readmore.open:after{content:none}
  .readmore.open, .readmore.open > div {height:auto}
  .readmore.open {padding-bottom: 90px}

  .readmore .readmorebtn {position:absolute; bottom:20px; cursor: pointer; font-size:18px; z-index:2; line-height:34px; color:#000; display: inline-flex; justify-content: space-between; align-items: center; white-space: nowrap; left: 0}
  .readmore .readmorebtn::before {content: '+';width: 18px;	height: 34px; line-height: 34px;display: block;	font-size: 34px; margin-right: 10px}
  .readmore.open .readmorebtn:before {content:'-'; line-height: 30px}
  .readmore.open .readmorebtn {top:auto; bottom:20px}
    
    
  #homevideo div:first-of-type:not(.rb) span {display: block}
  .slidernews a {width:280px}
  .slidernews figure div {margin-bottom: 20px}
    
    .term-123 ul.governance li:nth-child(4)/* staging */, .term-145 ul.governance li:nth-child(4), .term-129 ul.governance li:nth-child(4) /* staging */, .term-149 ul.governance li:nth-child(4){display: none}
}

@media screen and (max-width: 600px) {
.wp-block-media-text > .wp-block-media-text__content {padding-top: 5%}
}

@media screen and (min-width: 601px) {
.wp-block-media-text > .wp-block-media-text__content {padding: 0 0 0 20%}
.wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {padding: 0 20% 0 0}
}
  
@media screen and (min-width: 640px) {
  
  ul#portfolio-filters li[data-filter] {width:33.3333%}
  #portfolio-items {display: flex; justify-content: space-between; flex-wrap: wrap}
  #portfolio-items article{width:49%; margin:2% 0 5% 0}

  #wpsl-wrap.wpsl-store-below #wpsl-result-list li[data-store-id="539"] {margin-bottom: 30px}
  #wpsl-wrap.wpsl-store-below #wpsl-result-list li ul.sedi.listasedi {padding:15px}
  #wpsl-wrap.wpsl-store-below #wpsl-result-list li[data-store-id="539"], #wpsl-wrap.wpsl-store-below > #wpsl-result-list li[data-store-id="539"] > .wpsl-store-location > h2 {text-align: center}
  #wpsl-wrap.wpsl-store-below #wpsl-result-list li:not([data-store-id="539"]) {width:50%}

ul.governance.staff {display: flex; justify-content: flex-start; flex-wrap: wrap}
.term-123 ul.governance li:nth-child(4)/* staging */, .term-145 ul.governance li:nth-child(4), .term-129 ul.governance li:nth-child(4) /* staging */, .term-149 ul.governance li:nth-child(4) {visibility: hidden}
.ctaright {justify-content: space-between}
.slidernews .owl-stage-outer {margin-left: 0}
.slidernews a {width:100%}
.slidernews figure {display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center}
.slidernews figure > div {width: 280px}
.slidernews figcaption {width:calc(100% - 300px)}
    
  .readmore{padding-bottom: 30px}
  .readmore .readmorebtn {display:none}
    
.single-servizi article .bgcyan::before {top: 240px;height: calc(100% - 240px)}
.single-servizi .bgcyan#casestudies::before {top: 200px;height: calc(100% - 200x)}    
    
#companies ul {display: flex; justify-content: flex-start; flex-wrap: wrap}
#companies ul li {width:45%; margin:7.5px 2.5%}
.slidertestimonianze .owl-stage-outer {margin-left:-30px}
 #careersfilters > div > div {text-align: right; display: flex; justify-content: flex-end}
#careersfilters .searchandfilter ul li {width:31.333%}
    ul.governance.staff li {width: 48%; margin:0 1% 65px 1%}
  }
@media screen and (min-width: 640px)  and (max-width: 1199px){
  #cliente-specs > div:first-child {display: flex; justify-content: space-between; width:76%}
}
  @media screen and (max-width: 767px) {
    #CybotCookiebotDialog {
      top: 100% !important;
      transform: translate(-50%, -102%) !important;
    }
    #CybotCookiebotDialogBody .CybotCookiebotScrollContainer {
      max-height: 9em !important;
    }
    #CybotCookiebotDialog .CybotCookiebotScrollContainer {
      min-height: 18vh !important;
    }
    .CybotCookiebotDialogBodyButton {
      line-height: 5px;
      height: 40px;
  }

        .bannercontainer .banner:first-child .innerbanner { top: 30%}
      .responsive-tabs .responsive-tabs__heading--active, .responsive-tabs .responsive-tabs__heading--active:hover {background: #e20613 !important;}
      .responsive-tabs .responsive-tabs__heading:hover {background: #e6f0f7 !important;color: #000 !important}
      
        table {overflow-x: scroll}
      .wp-block-table {padding-bottom: 10px}    
    #blogid-9 #homevideo {display: flex; justify-content: center}
  }

@media screen and (min-width: 768px) {
    .content ul.docs a, .page-id-8142 .responsive-tabs-wrapper .wp-block-file {display: flex; justify-content: space-between}
    ul.docs a span:first-child, .page-id-8142 .responsive-tabs-wrapper .wp-block-file a:first-child {width:calc(100% - 160px)}
    ul.docs a span:first-child {width:calc(100% - 240px)}
    
    
    ul.governance {display: flex; justify-content: flex-start; flex-wrap: wrap}
    ul.governance li {width: 48%;margin:0 1% 65px 1%}
    
    .innerbanner {top: 30%}
    
  #counter-container {display: flex; justify-content: space-between}
  .single-servizi article .bgcyan::before {top: 270px;height: calc(100% - 270px)}
    .single-servizi .bgcyan#casestudies::before {top: 180px;height: calc(100% - 180x)}

  #catdesc h2{
    font-size: 46px;
    margin-bottom: 30px;
}  
  #stickynews figure {display:flex; justify-content: space-between; align-items: center; flex-direction: row-reverse}
/*  #stickynews figure img {width:50%; margin:0}*/
#stickynews figure img {margin:0}
  #stickynews figure figcaption {width:45%}
  #stickynews article {margin: 0}
  
  #newscat article,#primary article {
    margin:30px 0;
  }
  #newscat img,#primary img {
    margin-bottom: 35px;
  }
  #newscat figcaption,#primary figcaption {
    text-align: left;
  }
  /*#newscat article span, #primary article span {
    margin-top:8px;
  } */
.ctaShare {
    min-width: auto;
}
body #wpsl-stores {
    /*columns: 4;
    column-rule: 1px solid #DADADA;
    column-fill: balance;*/
    font-size: 17px;;
  }


  /* Tools Pagine */   
  .flex-content {
    display: flex
  }
  .flex-50 {
    flex:1;
  }
  .flex-40 {
    flex: 2;
  }
  .flex-60 {
    flex: 3;
  }
  .featured {
    margin-right:5%;
  } 
  .featured img {
    border-radius: 80px;
}  

#postCta h4,#footercontact h4,#footercontact span[role=heading], #postCta span[role=heading] {
  font-size: 46px;
}
.wpcf7 {margin: 40px 60px 0 60px;}
.wpcf7-form { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.wpcf7-form div { width: 30%;}
.wpcf7-form .submbitdiv {width: auto;}
.wpcf7-form .fourcol { width: 100%; display: flex; justify-content: space-between;}
.wpcf7-form .fourcol>div {width: 24%;}
.wpcf7-form .submit div { width: 100%; }
.wpcf7-form p label { width: 100%; }
.wpcf7-form div.w100, .wpcf7-form div.w100 p {width: 100%;}
div#privacysubmit, div#privacysubmit div {width: 100%;}
.submit {margin-top: 0}
div#privacy {width: 50%;}
#postCta,#footercontact {max-width: 1360px;margin-left: auto;margin-right: auto; }
.page-template-page-28 article .bgcyan .maincontent {margin-top: 260px}
.page-template-page-28 article .bgcyan .maincontent img {margin: -260px auto 40px auto}
div#postCta a {
    text-decoration: underline;
}

/*Banner NEKTE*/
.bannercontainer {
  display: flex;
  justify-content: center;
  align-items: center;
}

}

@media screen and (min-width: 782px) {
  div#recapiti {flex-direction: row;}
div#recapiti>div {flex-basis: 0;flex-grow: 1;}
  }


@media screen and (max-width: 839px) {
.imgtext img {max-width: 80%}

#wpsl-wrap.wpsl-store-below #wpsl-result-list li ul.sedi.listasedi {left:30px; right: 30px; width: calc(100vw - 60px);max-width: 1310px;}
}

@media screen and (min-width: 840px) {
  ul#portfolio-filters li[data-filter] {width:23%}
  #wpsl-wrap.wpsl-store-below #wpsl-result-list li ul.sedi.listasedi li {
    font-size: 14px;
  }
    #wpsl-wrap.wpsl-store-below #wpsl-result-list li ul.sedi.listasedi {
      left: 50%;
      transform: translateX(-50%);
      width: auto;
      max-width: 100%;
    }

}

.soluzioni header p,#homemercati p {margin: 30px 0 50px calc(8% - 25px)}
#team header p {margin: 30px 0 50px 40px}
.imgtext > div {display: flex; justify-content: space-between; align-items: center}
.imgtext > div:nth-child(even), .page-template-page-28 .imgtext > div {flex-direction: row-reverse}
.imgtext > div > div:first-child {width:35%}
.imgtext > div > div:last-child {width:60%}
    
#casestudy > div:nth-child(odd) > div:first-child, #casestudy > div:nth-child(even) > div:last-child {padding-left:30%}
#casestudy > div:nth-child(even) > div:last-child {text-align: right}
#casestudy > div:nth-child(odd) > div:last-child, #casestudy > div:nth-child(even) > div:first-child {padding-right:30%}

#casestudy > div:nth-child(even) > div:last-child a.cta {justify-content: flex-end}   
}
@media screen and (max-width: 899px) {
#headertitle a.cta {
	justify-content:center;
}
#newscats ul {margin-top: 30px}
    
#privacy {margin-bottom: 30px}
}

@media screen and (min-width: 900px) {
  ul#portfolio-filters li[data-filter] {height:50px; line-height: 46px; border-radius: 25px; font-size: 18px}
  /*Registrazioni*/
.w100.flex {
  display: flex;
  column-gap: 100px;
}
.w100.flex  .fourcol {
  flex-wrap: wrap;
}
.w100.flex .fourcol>div {
  flex-basis: 30%;
}

#bio {display: flex; justify-content: space-between}
#bio div:first-child {width:30%}
#bio div:last-child {width:55%}

    
.membri-staff-template-default .forms.bgcyan::before {width: 40%;}
body {font-size: 113%}
.single-post #headertitle #breadcrumbs {font-size:18px}
 
 h1, .home h2 {font-size: 46px}
.content h2.subtitle, .readmore h2 {font-size: 28px}
.slidernews figcaption {width: calc(100% - 550px)}
.slidernews figure div {width:515px}
.slidernews img {border-radius: 65px}
    
#newscats {display: flex; justify-content: space-between; padding-top: 120px; align-items: flex-start;}
#newscats ul li {margin-left: 80px} 
#newscats ul li a {font-size: 33px} 
#newscats h4 {font-size: 34px}
    
#headertitle {left: 5%;transform: translate(0,-50%);text-align: left}
#headertitle h1 {text-align: left; font-size: 35px; font-size:clamp(30px, 4vw, 30px);}
.single-clienti #headertitle h1, .single-clienti #breadcrumbs {text-align: center}
    
.single-servizi .content {max-width: 80%; padding:0 5%}
.single-servizi .content.parent {display: flex; padding: 0 3% 0 3%; align-items: flex-start;}
.single-servizi .content.parent .contentParent {width: 100%; margin-left: 6%;}
.firstimg {margin-bottom: 0}
.maincontent img, .imgtext img, #casestudy img, #casestudy .videoWrapper,.first-img,.round-img img, #portfolio-fullcontent img {border-radius: 65px}
#companies ul li {width:28.3333%}

#blogid-9 div#recapiti > div:last-child {text-align:right}

.slidertestimonianze .owl-stage-outer {margin-left:-130px}
}

@media screen and (max-width: 1023px) {
#fmenu {display: flex; justify-content: space-between;  flex-wrap: wrap; margin-top: 50px; text-transform: uppercase}
#fpartners {border-bottom: 1px solid #9C95B3; padding-bottom: 70px}
ul#legal li {width:50%; margin-bottom: 10px}
  #blogid-9 #recapiti > div {width: 100%}
.objectfit > a.slideurl {max-width: 400px}
}

@media screen and (min-width: 1024px) {
  div#recapiti, #contattiaggiuntivi .wp-block-columns.is-layout-flex {
    justify-content: space-between;
    column-gap: 100px;
    margin: auto 50px;
}
    ul.governance li {width: 31.33333%; margin-bottom: 65px}
    ul.governance.staff li {width: 23%}
    #homevideo video {width:100%; height: auto}
    .mercatisol img {height: 380px}
    
    #footer {display: flex; justify-content: space-between; align-items: flex-start; max-width: 1300px;align-items: stretch}
    #fmenupartners {display: flex; justify-content: space-between}
    #fpartners b {margin: 0 0 25px 0}
	#blogid-9 #fpartners > div {justify-content: flex-start}

    #company {width: 30%;display: flex;flex-wrap: wrap;	flex-direction: column;justify-content: space-between}
    #footerdx {width:65%}
    #fmenu {width: 20%}
    #fmenu a {text-transform: uppercase;font-size: 15px; font-weight: 600;line-height: 34px;}
    
    #fpartners {display: flex;flex-direction: column;justify-content: space-between; width:75%; padding: 5px 0 10px 0}
    ul#legal {border-top: 1px solid #9C95B3;padding-top: 40px; margin-top: 60px;margin-bottom: 7px}
    ul#legal .linebreak { display: block;flex-basis: 100%;}
    
    .single-servizi article .bgcyan::before {top: 320px; height: calc(100% - 320px)}
    .single-servizi .bgcyan#casestudies::before {top: 200px;height: calc(100% - 200px)}
    
    .page-template-page-28 article .bgcyan .maincontent {margin-top: 320px}
    .page-template-page-28 article .bgcyan .maincontent img {margin: -320px auto 40px auto}

}
@media screen and (min-width: 1100px) {

}

@media screen and (max-width: 1199px) {



   #cliente-specs {display: flex; justify-content: space-between}
  .overlaybg {height:100%; width:100%; position:fixed;left:0;	top:0;z-index:4 !important;background:rgba(35,31,32,0.85)}
    
  /* push menu*/
  .menu {-webkit-transition: all 0.2s linear; transition: all 0.2s linear;position: fixed;  overflow: hidden; overflow-y: auto;height: 100%; top: 0; background-color: #fff; z-index: 10;opacity: 1; text-align:left; right: -100%;  width: 100%; padding-top: 40px}
  .menu ul {list-style: none; margin: 0;padding: 0}
  .menu > ul a, .menu > ul span, .wpml-ls ul a {padding:0 20px; color: #E20613; font-size: 18px; display: block;line-height:50px; text-decoration: none;position:relative;text-transform: uppercase; border-bottom: 1px solid #eee; font-weight: 400}
  .menu ul li.open ul li a, .menu ul li.open ul li span {background:#F7F7F7;color:#333; line-height:40px;text-transform: none}
  .menu ul li.open ul li.tags span {font-size: 16px; text-transform: uppercase; font-weight: 600; padding: 0 18px;} /*new*/
  .menu ul li.open ul li a:hover {background:#E20613;color:#fff}

  .menu > ul {list-style: none; margin: 0;padding: 0}
  .menu > ul > li > a:hover, .menu > ul > li.open > a, .menu > ul > li > span:hover, .menu > ul > li.open > span  {background:#E20613;color:#fff; }
  .menu > ul li.menu-item-has-children > span:after {position:absolute; top:4px;right:20px; line-height:40px;height:40px; font-family:sysdat;transform: rotate(90deg);content:'A'; text-transform: none; transition: all 0.2s linear}
   .menu > ul li.menu-item-has-children.open > span:after {transform: rotate(270deg)}
  .menu > ul > li.open > span:after {color:#fff}
  .menu > ul li.menu-item-has-children span:hover:after {color:#fff}

  .menu > ul li ul {display: none; position: static; width: 100%}
  .menu > ul li:hover > ul { display: none}
  .menu > ul li.open > ul { display: block}

  html.open-menu a#toggle {right:0}
  a#toggle {position:absolute; display: block;z-index:5; top: 20px;
right: 15px;}
  html.open-menu a#toggle {top:0}
  a#toggle span {position: absolute; top: -999999px; left: -999999px}

  html.open-menu {overflow: hidden}
  html.open-menu nav.menu {z-index: 4; right:0; }

  #homevideo div:last-of-type:not(.rb), #topsearchc, #languagec, #groupanchors {position:absolute; top: -99999px; left: -99999px}
  #videodesktop {display:none !important}
  #headerslides {height: 600px}
}

@media screen and (min-width: 1200px) {
  .single-clienti #headertitle h1 {margin: 10px 0 15px 0}
  body.single-clienti #headerimg { height: 540px}
  body.tax-portfolio #headerimg {height: 200px}
  #cliente-intro {display: flex; justify-content: space-between; flex-direction: row-reverse;}
  #cliente-specs {width:20%; padding-top: 10px;}
  #cliente-intro > div:last-child {width:70%}

  ul#portfolio-soluzioni li, #cliente-specs a.visit {height: 40px;line-height: 36px; border-radius: 20px; font-size: 18px; padding:0 25px}  
  #portfolio-fratured {padding: 4% 10% 6%}
  
   ul#portfolio-filters li[data-filter] {width: auto; margin:5px; font-size: 18px;padding: 0 30px;}
  #wpsl-wrap.wpsl-store-below #wpsl-result-list li:not([data-store-id="539"]) {
    width: 33.3333%;
  }
  #wpsl-wrap.wpsl-store-below #wpsl-result-list li ul.sedi.listasedi {
    padding: 40px;
  }

  #wpsl-wrap.wpsl-store-below #wpsl-result-list li[data-store-id="539"] ul {min-width: 1000px;}
  #wpsl-wrap.wpsl-store-below #wpsl-result-list li ul.sedi.listasedi li {
    font-size:15px
  }

    #headerslides video, #headerslides img {width:100%; height: auto}
    #headerslides:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(360deg, rgba(255, 255, 255, 0) 78%, rgba(0, 0, 0, 0.3) 95%);
    z-index: 2;
    pointer-events: none;
}
  #stickynews img, #newscat img {border-radius: 45px}
  #stickynews figcaption h2 {font-size: 28px}
  #videomobile {display:none !important}
    #blogid-9 #homevideo > span {border-top: 1px solid #fff;height: 110px;}
#blogid-9 #homevideo > span h1 {font-size: 28px}
#blogid-9 #homevideo > span h2 {font-size: 18px}
  
    body > main {padding: 75px 0 120px}
    body.page-template-page-28 > main {padding: 30px 0 0 0}
    body.page-template-page-1094 > main {padding: 15px 0 0 0}
    #homevideo,#headerimg, #headerslides {border-bottom-left-radius: 140px; border-bottom-right-radius: 140px}
    #headerimg {height:300px}
    .single-post #headerimg,.single-post #headerimg img,.single-clienti #headerimg {height:490px}
    .single-post #headertitle, .single-clienti #headertitle {top: 25%; height:auto}
    .single-post #headertitle #breadcrumbs{margin-bottom: 20px; margin-top:55px}
    .single-clienti #headertitle #breadcrumbs {margin-bottom: 0; margin-top:55px}
    .featured.singlePost img {margin-top: -300px}
    .single-clienti .portfolio-laptop {margin-top: -320px}
    #homevideo div:first-of-type:not(.rb), #headerslides .objectfit div:first-of-type {left:100px}
    #homevideo div:last-of-type:not(.rb), #headerslides .objectfit div:last-of-type {position:absolute; bottom: 110px; left: 100px; text-align: left}
    #homevideo h1, #headerslides h1 {font-size: 40px}
    #homevideo h2, #headerslides h2 {font-size: 58px}

    a.slideurl:after {display: inline-flex;}

    #topsearchc {position: absolute; top:15px; right: 30px; text-align: center; width:250px; overflow: hidden; z-index: 9; display: flex; justify-content: flex-end;pointer-events: none}

  .overlaybg {display:none !important}
    
  #top {display: flex; justify-content: space-between; padding: 0 100px 0 30px;z-index: 3}
  #logo {padding-top:20px}
    
    nav.menu .wpml-ls {position:absolute; top: -99999px; left: -99999px;display: none;}
  .wpml-ls {padding-top:15px}
  
  .wpml-ls ul li {display: flex; margin:0 1px; color:#fff; font-size: 18px; font-weight: 600}
 
  .wpml-ls ul li + li:before {margin-right:2px; content:'/'; display:inline;line-height: 50px}
  .wpml-ls ul li a {color:#fff; line-height:50px}
  .wpml-ls ul li a:hover {color:#5AACB9}
   body:not(.home) .wpml-ls ul li, body:not(.home) .wpml-ls ul li a {color:#000}
    
  #topsearch {position: relative}
  #topsearch > a {pointer-events: auto; display: block; width:50px;height:50px; line-height:50px; background: #E6F0F7; border-radius: 50%}    
  #topsearch > a span, #topsearchbox button span {position:absolute; top: -99999px; left: -99999px}
  #topsearch > a span, #topsearch .relevanssi-live-search-instructions {font-size: 3rem; background: #fff; color: #000;}
  #topsearchbox .search-field,#topsearchbox .search-submit {display: none;}
  .showsearch #topsearchbox .search-field,.showsearch #topsearchbox .search-submit {display: block;}
  #topsearch > a:before {display: block; font-family: sysdat; content: 'S'; font-size: 18px; width:50px;height:50px; line-height:50px}
  #topsearch.showsearch > a:before {content: 'A'; transform: rotate(-90deg);height:50px}
    
  #topsearchbox {position: absolute; top:0; right:50px; background: #E6F0F7; opacity:0; height:50px; border-top-left-radius: 10px; border-bottom-left-radius: 10px;width: 0; pointer-events: none}
  #homesoluzioni,.soluzionialt {padding-top: 30px;padding-bottom:0}
  .soluzionialt {padding-top: 120px;}
  #blogid-11 .bghomenews, #blogid-24 .bghomenews, #blogid-25 .bghomenews  { margin-top: 120px}
    
@keyframes animatesearch {
    0%  {width:0}
   50%  {width:0}
  100% {width:200px}
}
    @keyframes animatesearchbox {
   0%   {opacity: 0}
   75%   {opacity: 0}
  100% {opacity: 1}
}
    
  #topsearch.showsearch #topsearchbox {opacity:1;width: 200px; pointer-events: auto;animation-name: animatesearch; animation-duration: 0.5s}
  #topsearch.showsearch a {border-radius: 10px;border-top-left-radius: 0; border-bottom-left-radius: 0}
  #topsearchbox form {display: flex; justify-content: space-between; align-items: center; padding:6px 15px 10px 15px;animation-name: animatesearch; animation-duration: 0.5s; width:0}
  #topsearchbox form * {opacity:0;display: none;}
  #topsearch.showsearch #topsearchbox form * {animation-name: animatesearchbox; animation-duration: 0.6s;opacity:1;display: flex;}
  #topsearchbox input[type="search"], button:not(.CybotCookiebotDialogBodyButton) {padding:0; background: none; border:none; height:34px}
  #topsearchbox input[type="search"] {border-bottom: 1px solid #707070}
  #topsearchbox button {width:34px; height:34px; cursor: pointer}
  #topsearchbox button:before {display: block; font-family: sysdat; font-size: 20px; width:34px; height:34px;line-height:34px; color:#707070; content:'S'}

  nav.menu > ul {display: flex; justify-content: center}
  nav.menu > ul > li {padding:15px 0}
  nav.menu a, .relevanssi-live-search-result a {transition: all 0.1s linear}
  nav.menu > ul > li > a, nav.menu > ul > li > span {position: relative; color:#fff;font-size: 17.5px; font-weight: 500; display: block; text-decoration: none; line-height:50px; padding:0 9px; border-top: 1px solid transparent}
  nav.menu > ul > li > a:hover, nav.menu > ul > li.menu-item-has-children:hover > a, nav.menu > ul > li.menu-item-has-children:hover > span {color:#5AACB9;/*border-top: 1px solid #fff*/}
  nav.menu > ul > li > span:hover {cursor:default}
  nav.menu > ul > li > ul {display: none;text-align: left;	position: absolute;	top: 80px; background: #E6F0F7;}
  nav.menu > ul > li > ul > li > span {font-weight: 600; color: #204182; font-size: 25px; margin-bottom: 10px;display: block}
  nav.menu > ul > li > ul > li.tags > span {text-transform: uppercase;font-size: 20px;color: #000;font-weight: 700;} /*new*/
  .msoluzioni.wtags .sub-menu>li:nth-child(2) {order: 2;}.msoluzioni.wtags .sub-menu>li:nth-child(3) {order: 1;} /*TEMP BTW*/
  .wtags.msoluzioni:hover .sub-menu,.wtags.msoluzioni.open .sub-menu {display: flex; flex-direction: column; max-height: 800px; } /*new - TEMP*/
  nav.menu > ul > li:hover > ul,nav.menu > ul > li.open > ul {display:block; padding: 0 30px; border-radius: 0 0 15px 15px; z-index:3}

  .msoluzioni:hover .sub-menu, .mmercati:hover .sub-menu,.msoluzioni.open .sub-menu, .mmercati.open .sub-menu  {padding: 5% calc(380px + 10%) 5% 5%; display: flex; justify-content: flex-start; flex-wrap: wrap; left: 30px; right:30px; border-radius: 0 0 65px 65px}
  .msoluzioni:hover .sub-menu .sub-menu, .mmercati:hover .sub-menu .sub-menu,.msoluzioni.open .sub-menu .sub-menu, .mmercati.open .sub-menu .sub-menu {padding: 10px 5px;flex-direction: column;} /*new*/
  .msoluzioni:hover .sub-menu li, .mmercati:hover .sub-menu li,.msoluzioni.open .sub-menu li, .mmercati.open .sub-menu li {margin-bottom: 60px}

  .msoluzioni .sub-menu .sub-menu li, .mmercati .sub-menu .sub-menu li {margin-bottom: 30px; width: 100%;}
  .wtags.msoluzioni .sub-menu .sub-menu li {margin-bottom: 15px;} /*BTW tags*/
  nav.menu > ul li.msoluzioni.wtags ul li a {font-size: 18px;}  /*BTW tags*/
  .msoluzioni>.sub-menu > div, .mmercati:hover .sub-menu > div, .mmercati.open .sub-menu > div {position: absolute; top: 10%; right: 5%; border-radius: 65px; overflow: hidden; height: 80%;max-height: 400px;}
  .msoluzioni > .sub-menu > div:after,.mmercati > .sub-menu > div:after {position: relative; top: 50%; left: 0;transform: translatey(-50%);}
  .sub-menu > div:after {display:block}

  .msoluzioni .sub-menu li, .mmercati .sub-menu li {width:29.3333%; margin-right: 3%}
  nav.menu > ul li ul li a {color:#000;font-size:19px; line-height:50px; display: block; font-weight: 500}
 .msoluzioni .sub-menu li a, .mmercati .sub-menu li a {line-height: 1.2}
  nav.menu > ul li ul li a:hover {color:#204182}
    
   body:not(.home) nav.menu > ul > li > a, body:not(.home) nav.menu > ul > li > span,  body:not(.home) nav.menu > ul > li > a:hover,  body:not(.home) nav.menu > ul > li.menu-item-has-children:hover > a,  body:not(.home) nav.menu > ul > li.menu-item-has-children:hover > span{color:#000}
     body:not(.home) nav.menu > ul > li > a:hover,  body:not(.home) nav.menu > ul > li.menu-item-has-children:hover > a,  body:not(.home) nav.menu > ul > li.menu-item-has-children:hover > span {color:#5AACB9}
  
    /* menu versya */
    #blogid-24 .msoluzioni:hover > .sub-menu li:first-child,#blogid-24 .msoluzioni.open > .sub-menu li:first-child {width: 58.3333%}
    #blogid-24 .msoluzioni:hover > .sub-menu li:first-child .sub-menu,#blogid-24 .msoluzioni.open > .sub-menu li:first-child .sub-menu {display: flex; justify-content: space-between; flex-direction: row}
    #blogid-24 .msoluzioni:hover > .sub-menu li:first-child .sub-menu li,#blogid-24 .msoluzioni.open > .sub-menu li:first-child .sub-menu li {width:47%}



#counter-container > div {margin: 0 0 0 3%;width: 230px}
#homestats, #introgroup, #careersfilters { display: flex; flex-wrap: wrap; justify-content: flex-end}
#homestats { padding: 0 10% 10px 30%}
#introgroup, #careersfilters {padding: 85px 10% 30px 10%}
#newscat.careers {padding: 20px 10% 30px 10%}
#homestats h1,#statstext h2 {max-width: 700px}
#statstext, #counter-container {width: 900px}
.page-template-page-28 #statstext, .page-template-page-1094 #statstext, #careersfilters > div {width: 100%}
.page-template-page-28 #statstext h2, .page-template-page-1094 #statstext h1, #careersfilters h2 {max-width: 470px}

body:not(.home) #statstext > div {display: flex;flex-direction: column;align-items: flex-end;}
body:not(.home) #statstext > div p {width: 900px}
#statstext ul {margin:10px; padding:10px; list-style: disc}

#counter-container {padding-bottom: 120px}
#homemercati {margin: 120px 0 120px 0}
.page-template-page-28 #homemercati {margin:0 0 40px 0; display: flex; justify-content: space-between; align-items: flex-start}
.page-template-page-28 #homemercati > h2 {width:20%}
 #groupsoluzioni {width:70%}

.slidernews figure {width: 80%;margin: 0 auto}
.slidernews figcaption {width: calc(100% - 650px);margin-bottom: 90px}
    
#footerc {padding:100px 30px}
#homecareers h3,#homecareers span.car {font-size: 46px; font-weight: 600}
#homecareers .subcar {font-size: 34px}

    
    #groupanchors {margin:0 auto;display: flex; justify-content: center}
    #groupanchors li {margin:0 25px}
    #groupanchors li a {line-height: 34px; color:#5AACB9; font-size: 20px; font-weight: 600}
 
    #privacysubmit {display: flex; align-items: flex-start; width: 100%; justify-content: space-between;}
    #privacysubmit #privacy {width:70%}
    div#privacy {width: 65%;}
    #privacysubmit .submbitdiv {margin-top:2.5vh}

    #testimonianze {padding:0 0 0 10%}
    .slidertestimonianze .owl-stage-outer {margin-left: -280px}
    
    .bgcyan::before {border-top-left-radius: 140px;	border-bottom-right-radius: 140px}
    
    #counter {display: block}
}


@media screen and (max-width: 1279px) {
}

@media screen and (min-width: 1280px) {
nav.menu > ul > li > a, nav.menu > ul > li > span {font-size: 18px; padding:0 15px;}
.imgtext > div > div:first-child {width: 40%}
.imgtext > div > div:last-child {width: 45%}
.slidertestimonianze .owl-item > div {padding: 65px 80px}
.innerbanner {
  font-size: 150%;
}
}

@media screen and (min-width: 1360px) {
  #portfolio-filter-wrapper.fixed {
    width: 1310px;
  }
  #wpsl-wrap.wpsl-store-below #wpsl-result-list li:not([data-store-id="539"]) {
    width: 25%;
  }

.soluzioni header,#homemercati header, #team header {padding: 100px 30px 100px 10%}
.soluzioni header,#homemercati header {padding: 0 30px 0px 15%}
/*#homemercati h2 {margin-left: 15%}*/
#soluzionic, #mercatic,#soluzioniAlt,#depth {margin-left: 15%}
.soluzioni header p,#homemercati p {margin: 30px 0 50px calc(5% + 10px);
  max-width: 600px}
.single-servizi .soluzioni header h2 span {margin: 30px 0 0 calc(8% + 10px)}
.single-servizi .soluzioni header .ctaright {margin-left: calc(8% + 10px)}
/*#homemercati {margin: 170px 0 170px calc(((100% - 1440px) / 2) + 30px)}
.single-servizi #homemercati {margin-top:170px;}*/
    
.single-servizi .soluzioni header h2 {font-size: 46px}
.single-servizi .soluzioni header span {font-size: 36px}
.single-servizi .content {padding:0 3% 0 25%; margin:75px auto 100px auto}
.single-servizi .bgcyan#casestudies::before {top: 230px; height: calc(100% - 230px)}


.page-template-page-28 #statstext h2 {max-width: 500px}
}

@media screen and (min-width: 1600px) {
  #wpsl-wrap.wpsl-store-below #wpsl-result-list li ul.sedi.listasedi li {
    width: 33.3333%;
  }

  .objectfit > a.slideurl {bottom: 65px}
  .slidertestimonianze .owl-stage-outer {margin-left: -130px}
  #homevideo .innerbanner h2 {
    font-size: 30px;
  }
  .innerbanner {
    top: 20%;
    left: 10%;
    width: 80%;
    font-size: 170%;
  }
  .innerbanner .cta {
    margin-top:20px;
  }
   #blogid-9 #homevideo > span {height: 140px;padding: 28px 0 38px 0;}
   .wtags.msoluzioni .sub-menu .sub-menu li {margin-bottom: 30px;} /*BTW tags*/
   nav.menu > ul li.msoluzioni.wtags ul li a {font-size: 19px;}  /*BTW tags*/
}
/*AEC*/
#homestats.aec {
  padding: 0;
  margin: auto;
  max-width: 1500px;
  justify-content: center;
}
#homestats.aec #statstext {
  width:90%;
  margin: 0 auto -60px auto;
}
body .aec #statstext .is-layout-flex {
  justify-content: center;
  align-items: center !important;
  row-gap: 60px;
  margin-bottom: 60px;
}
body .aec #statstext .is-layout-flex .wp-block-column-is-layout-flow img {
  width:380px;
}
@media screen and (min-width: 782px) {
  #homestats.aec #statstext {
    margin: 80px auto 0 auto;
  }
  body .aec #statstext .is-layout-flex {
    row-gap: 80px;
    margin-bottom: 80px;
  }  
  body .aec #statstext .is-layout-flex .wp-block-column-is-layout-flow img {
    width:420px;
  }  
}
/*Loading*/

.lds-ring,
.lds-ring div {
  box-sizing: border-box;
}
.lds-ring {
  display: inline-block;
  position: absolute;
  width: 100%;
  height:inherit;
  min-height:50vh;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: calc(50% - 32px);
  top:50%;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid currentColor;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: currentColor transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*Accessibility */
@media (prefers-contrast: less) {
  * {
    font-size-adjust: 0.6;
    line-height: normal;
  }
  input[type="text"], input[type="email"], input[type="number"], input[type="tel"], select, textarea {
      border-bottom: 1px solid #000;
  }  
} 
@media (prefers-contrast: more) {
  * {
    font-size-adjust: 0.65;
    line-height: normal;
  }
  #particles-js {
    display: none !important;
  } 
  input[type="text"], input[type="email"], input[type="number"], input[type="tel"], select, textarea {
      border-bottom: 1px solid #000;
      background: #ffff;
  }
  a:link, a:visited,a:hover, a:active {
    text-decoration: underline;
  }  
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: unset !important;
  }
  #particles-js {
    display: none !important;
  }
}