/* FONTS SECTION */ body {font-family: var(--primary-font);background:#FFF;} .page-wrapper{background:#F4F4F4;} p {font-size: 1.5rem;} p strong {font-weight: 600;} .no-top {margin-top: 0 !important;} @media (min-width: 768px){ h2, .bottom-2-cols-wrapper h2.title, .background-icons-wrapper .heading h2, .fixed-img-text-card h2 {font-size: 3.8rem;} } h2 {color:var(--text-secondary)} /* FONTS SECTION */ body, html { scroll-behavior: smooth; } header.positive-header:not(.is-sticky):not(.opened) .navbar-wrapper .primary-nav li a {color: rgba(60,60,60,1);} header.positive-header:not(.is-sticky) .navbar-wrapper .lang-wrapper .socials ul .icon {fill: rgba(60,60,60,1);} header.positive-header:not(.is-sticky) .navbar-wrapper .lang-wrapper .socials ul li a:hover .icon {fill: rgba(60,60,60,.7);} header.positive-header:not(.is-sticky) .navbar-wrapper .primary-nav .more, header.positive-header:not(.is-sticky) .navbar-wrapper .primary-nav .less {stroke: rgba(60,60,60,1);} header .navbar-wrapper .navbar-drop { /*background:linear-gradient(180deg, rgba(1, 45, 4, 0.8) 70%, rgba(0, 66, 40, 0) 100%);*/ backdrop-filter:none; } header.is-sticky:not(.opened) .navbar-wrapper .navbar-drop {background:rgba(255,255,255,1)} header.opened:not(.is-sticky) .navbar-wrapper .navbar-drop, header.opened.is-sticky .navbar-wrapper .navbar-drop, .navbar-wrapper .lang-dropdown {color:#FFF;opacity: 0.9;} header .navbar-wrapper .primary-nav .icon {width: 10px;} header .navbar-wrapper .primary-nav .more, header .navbar-wrapper .primary-nav .less {margin-left: 10px;stroke: rgba(255,255,255,1);} header.is-sticky a.logo img.hidden {opacity: 1} header.is-sticky a.logo img.logo-primary {opacity: 0} header.is-sticky:not(.opened) .navbar-wrapper .lang-wrapper .socials ul .icon {fill: rgba(60,60,60,1);} header.is-sticky:not(.opened) .navbar-wrapper .lang-wrapper .socials ul li a:hover .icon {fill: rgba(60,60,60,.7);} header.is-sticky:not(.opened) .navbar-wrapper .lang-wrapper button {color: rgba(60,60,60,1);} header.is-sticky:not(.opened) .navbar-wrapper .lang-wrapper button .icon, header.is-sticky:not(.opened) .navbar-wrapper .primary-nav .more, header.is-sticky:not(.opened) .navbar-wrapper .primary-nav .less {stroke: rgba(60,60,60,1);} header.is-sticky:not(.opened) .navbar-wrapper .lang-wrapper button:hover {color: rgba(60,60,60,.7);} header.is-sticky:not(.opened) .navbar-wrapper .lang-wrapper button:hover .icon {stroke: rgba(60,60,60,.7);} header.is-sticky.opened a.logo img.hidden {opacity: 0;} header.is-sticky.opened a.logo img.logo-primary {opacity: 1;} header.positive-header.opened .navbar-wrapper .primary-nav .more, header.positive-header.opened .navbar-wrapper .primary-nav .less, header.opened .navbar-wrapper .primary-nav .less {stroke: rgba(255,255,255,1);} header.opened .navbar-wrapper .primary-nav .less {transform: rotate(180deg);margin-left: 0;margin-right: 10px;} .navbar-wrapper .primary-nav li a {line-height: 1.1em;font-weight: 600;} .navbar-wrapper .primary-nav .secondary li a {font-weight: 400;opacity: 0.9;} .navbar-wrapper .navbar-toggler .lines span:last-child {width: 28px;} .navbar-wrapper .close-nav {cursor: pointer; position: relative; top: -50px; } header.positive-header:not(.is-sticky) .navbar-wrapper .navbar-toggler .lines span {background: rgba(66,181,81,1);} .navbar-wrapper .navbar-toggler .lines span {background:#fff;height:1px;} .navbar-wrapper .navbar-toggler .lines span:not(:last-of-type){width:40px;} @media (min-width: 500px){ header a.logo {width: 42px;} } @media (min-width: 992px){ .navbar-wrapper .navbar-header:after{left: 40px;right: 40px;transform: scaleX(1);} .navbar-wrapper .navbar-header.opened:after {transform: scaleX(1.2);} /*.navbar-wrapper .primary-nav li a:after {bottom:-42px;background-color:#42B551;}*/ .navbar-wrapper .primary-nav li a:after { bottom: -3px; background-color: #FFF; } .navbar-wrapper .subnav-wrapper {top: calc(100% + 10px);} span.link-label {height: 24px;display: flex;align-items: center;} header .navbar-wrapper .primary-nav li a {padding: 2px 2px 2px 20px;} /*header .navbar-wrapper .primary-nav > li > a {height: 31px;}*/ header .navbar-wrapper .primary-nav li a:not(.dropdown) {padding-right:20px;} header:not(.opened) .navbar-wrapper .primary-nav li a.active:after, header:not(.opened) .navbar-wrapper .primary-nav li a:after:hover {} header.opened .navbar-wrapper .primary-nav > li > a.opened, header.opened .navbar-wrapper .primary-nav > li > a:hover, header.opened .navbar-wrapper .primary-nav > li > a.opened.active {} .is-sticky:not(.opened) .navbar-wrapper .primary-nav li a {color: #3C3C3C;} .navbar-wrapper .lang-wrapper {padding-left: 40px;} .navbar-wrapper .lang-wrapper button {font-family: var(--primary-font);font-size:1.3rem;font-weight: 600;} .navbar-wrapper .lang-wrapper ul li a {color: hsla(0,0%,100%,.8);} header.positive-header:not(.is-sticky) .navbar-wrapper .lang-wrapper button {color: rgba(60,60,60,1);} header.positive-header.opened:not(.is-sticky) .navbar-wrapper .lang-wrapper button {color: hsla(0,0%,100%,1);} header.positive-header.opened:not(.is-sticky) .navbar-wrapper .lang-wrapper button .icon {stroke: rgba(255,255,255,1);} header a.logo {width: 83px;} } @media (min-width: 1200px){ .navbar-wrapper .primary-nav li a {font-size: 1.3rem;} /*header a.logo {width: 83px;}*/ } @media (min-width: 1440px){ /*header .navbar-wrapper .primary-nav > li > a {height: 75px;}*/ .navbar-wrapper .primary-nav li a:after {bottom:-24px;background-color:#fff;} .navbar-wrapper .primary-nav li a.opened:after {bottom:-24px;background-color:#fff;} .navbar-wrapper .primary-nav li a.active:after {/*bottom:-24px*/bottom:-53px;background-color:#42B551;} /*header a.logo {width: 83px;}*/ } @media (max-width: 991px){ header.is-sticky,.navbar-wrapper .navbar-content {background: rgba(255, 255, 255,1)} .is-sticky .navbar-wrapper .navbar-toggler, .navbar-wrapper .lang-wrapper .lang-dropdown ul li:not(:last-child):after, header.positive-header:not(.is-sticky):not(.opened) .navbar-wrapper .primary-nav li a {color:rgba(66,181,81,1)} .is-sticky .navbar-wrapper .navbar-toggler .lines span {background:rgba(66,181,81,1)} header.is-sticky:not(.opened) .navbar-wrapper .lang-wrapper .socials ul .icon, header.positive-header:not(.is-sticky) .navbar-wrapper .lang-wrapper .socials ul .icon {fill: rgba(66,181,81,1);} header .navbar-wrapper .primary-nav .more, header .navbar-wrapper .primary-nav .less{stroke: rgba(66,181,81,1) !important;} .navbar-wrapper .close-nav .icon {fill: rgba(66,181,81,1);} .navbar-wrapper .cols-menu {margin-bottom: 0;} .navbar-wrapper .back-button .simple-cta-wrapper span.label {font-family: var(--primary-font);} .navbar-wrapper ul li:last-child a {justify-content: inherit;} .navbar-wrapper .navbar-footer a, .navbar-wrapper .navbar-footer p.pre-title, .navbar-wrapper .navbar-footer p.text, .navbar-wrapper ul li a {color: rgba(66,181,81,1); font-size: 14px;} .navbar-wrapper .navbar-content {background: rgba(255, 255, 255,.8);} /*.navbar-wrapper .logo-wrapper {background: rgba(255, 255, 255,1);}*/ .navbar-wrapper .navbar-content.opened .logo-primary {opacity: 0!important;} .navbar-wrapper .navbar-content.opened .hidden {opacity: 1!important;} .navbar-wrapper .socials {margin-top: 10px; margin-bottom: 20px;} .navbar-wrapper .back-button .simple-cta-wrapper .icon {fill:var(--main-color);width:24px;height: 24px;} } section.footer-bottom ul, section.footer-bottom p {line-height: 40px;} .navbar-header.opened a.logo img.logo-primary {opacity: 1!important;} .navbar-header.opened a.logo img.hidden {opacity: 0!important;} .navbar-wrapper .socials .icon {fill:rgba(66,181,81,1)} .media-wrapper .carousel-zone .col-12 h3{font-size: 2.4rem;font-weight: 600;margin-bottom: 40px;} .text-wrapper{word-break: break-word;} .loader-wrapper {background: #004228;} .icon.xxl{width: 64px;height: 64px;margin-bottom: -10px;} .subtitle-wrapper {color:#3d68a2} .loader .circle:after {background: #FFF;} /* HERO SECTION */ .hero-wrapper .text-zone { bottom: auto; margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .hero-page-wrapper .hero-container:not(.small) .text-zone {justify-content: center;min-height: 100vh;} .pre-title, .work-data-wrapper .pre-title {font-family: var(--secondary-font);color: #42B551;opacity: 1;font-weight: 600;} .hero-page-wrapper h1 { font-size: 4.4rem; font-weight: var(--weight-regular); /*color: #FFF; background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #6B6BF8 26.67%, #5DABEA 71.67%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;*/ } .hero-blog-wrapper h1 {color:var(--text-secondary)} .logo-bottom {position: absolute;bottom: 50px;right: 80px;} .logo-bottom img {width: 120px;height: auto;} .hero-page-wrapper h1 b, .hero-page-wrapper h1 strong {font-weight: var(--weight-bold);display: block;} .hero-wrapper h1 {font-size: 4.4rem; font-weight: var(--weight-regular);} .hero-wrapper h1 b, .hero-wrapper h1 strong {font-weight:var(--weight-bold);} .hero-page-wrapper p.text {color:rgba(255, 255, 255, 0.85);} .hero-page-wrapper .small .img-zone .img-wrapper .padding-ratio {padding-top: 76%;} .hero-page-wrapper .small .text-zone {min-height: 60vh;} @media (max-width: 991px){ .hero-wrapper .text-zone {top: 20%;bottom: 0;height: 75%;transform: none;padding:0 46px;} } @media (max-width:575px){ .hero-wrapper h1{font-size: 2.4rem;} .hero-wrapper .button-wrapper{width:auto;} .hero-wrapper .button-wrapper a {justify-content: center;} .hero-page-wrapper .small .text-zone {min-height: 50vh;padding-bottom: 60px} } @media (min-width: 768px){ .hero-page-wrapper .small .img-zone .img-wrapper .padding-ratio {padding-top: 57%;} .video-section-wrapper .blur {backdrop-filter:none;-webkit-backdrop-filter:none;} } @media (min-width: 992px){ .hero-page-wrapper .small .img-zone .img-wrapper .padding-ratio {padding-top: 26.56%;} } /* HERO SECTION */ /* SCROLLER */ .scroll span.circle {background: url("../svg/Scroll_cerchio_blu.svg") no-repeat;background-size: contain;animation: rotation 30s linear infinite;overflow: hidden;border-radius: 50px;} #scroll_arrow {background: url("../svg/Freccia_scroll_blu.svg") no-repeat;height: 56px;} .hero-wrapper .scroll span.circle {background: url("../svg/Scroll_cerchio.svg") no-repeat;background-size: contain;} .hero-wrapper #scroll_arrow {background: url("../svg/Freccia_scroll.svg") no-repeat;} /* HOME */ .hero-wrapper .img-zone { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .hero-wrapper .img-zone .img-wrapper, .hero-wrapper .img-zone .img-wrapper .padding-ratio {min-height: 100%;} .hero-wrapper .text-zone {text-align: left;} .k-background {background: url("../svg/K_bkg.svg") -220px 220px no-repeat !important;background-color: #F6F9FB;} .media-wrapper .main-media .img-wrapper {margin-right: 0 !important;border-radius:0;} .card-media-wrapper .text-wrapper, .media-wrapper .main-media .text-wrapper{padding-left: 0 !important;border-left: none !important;} .cols-3-tags-wrapper .card-media-wrapper{display: block} .media h2, .media-wrapper .main-media h3 a, .card-media-wrapper h3 a { text-decoration: none; font-family: var(--primary-font); font-size: 4.0rem; } .media-wrapper .main-media h3 a:hover, .card-media-wrapper h3 a:hover {text-decoration: underline;} .media-wrapper .main-media .num-wrapper p, .card-media-wrapper .num-wrapper p {font-size: 1.2rem;font-weight: 500;font-family: var(--primary-font);text-transform: uppercase;letter-spacing: 1px;color: #535353;opacity: 0.64;} .media-wrapper .main-media .text-wrapper p, .card-media-wrapper .text-wrapper p {font-size: 1.5rem;color: #62727b;} @media (min-width: 992px) { .card-media-wrapper .data-wrapper:after{content: none;} } /* HOME */ /* INTRO SECTION */ .intro-section{background: radial-gradient(52.2% 230.52% at 0% 54.77%, rgba(250, 0, 255, 0.2) 0%, rgba(246, 56, 250, 0) 100%), #008752} .intro-section.custom-bg{background: url("../svg/Roadshow.svg") 0 0 no-repeat;background-size: cover;} .intro-section-wrapper h3 {color:#FFF; font-family: var(--primary-font);font-weight: var(--weight-regular);font-size: 3.8rem;} .intro-section-wrapper .num-wrapper .num {color:#FFF; font-family: var(--secondary-font);font-weight:400;letter-spacing:-4px;} .intro-section-wrapper h4 {border-bottom: 1px solid #1C84EA;} .intro-section-wrapper .title-wrapper *:not([class]) {font-size: 2rem;margin-bottom: 48px;color: #fff;} @media (min-width: 992px){ .intro-section-wrapper .title-wrapper *:not([class]) {font-size: 2.1rem;line-height: 2.8rem;} } /* INTRO SECTION */ /* NEW BUTTONS */ .button-wrapper {width: -moz-fit-content;width: -webkit-fit-content;width: fit-content;} .button-wrapper a {font-family: var(--primary-font);font-weight:800;font-size: 1.1rem;letter-spacing: 2px;text-transform: uppercase;} .button-wrapper a svg, .button-wrapper button svg {display: none;} .button-wrapper a:before, .button-wrapper button:before{background:none;} .button-wrapper a:after{border:1px solid rgba(255, 255, 255, 0.2);} section:not(.dark-bg) .button-wrapper.follow-text a:after, .back-to-page:not(.dark-bg) .button-wrapper a:after{border-color:var(--main-color);} section:not(.dark-bg) .button-wrapper.follow-text a .button-label, .back-to-page:not(.dark-bg) .button-wrapper a .button-label{color:var(--main-color);} a.button { display: flex; width: fit-content; color: #fff; margin-top: 40px; text-decoration: none; font-size: 14px; font-weight: 500; letter-spacing: 0.3px; line-height: 42px; } a.button:before { content: "+"; display: flex; border-radius: 30px; border: 1px solid; width: 42px; height: 42px; align-items: center; justify-content: center; font-size: 3rem; font-weight: 300; margin-right: 10px; } a.button.negative {color: var(--main-color);} a.button.negative:before {border-color: var(--main-color);} .button-wrapper .outlined.small{font-family: var(--secondary-font);font-weight: 600;font-size: 1.2rem;line-height:1.6rem;letter-spacing: 1px;text-transform: uppercase;padding-left: 0;} .button-wrapper .outlined:after{border:none !important;} /* NEW BUTTONS */ /*INTRO TEXT MODULE*/ .intro-text.section-border .intro-text-wrapper{padding: 0 40px;} .intro-text.section-border .container-fluid, .free-text.section-border .free-text-wrapper {padding-top: 68px;} .intro-text-wrapper h2 {padding-bottom: 0;border-bottom:none;font-weight: var(--weight-regular);} .intro-bg .img-wrapper .padding-ratio {padding-top: 100%;} @media (min-width: 768px){ .intro-bg .img-wrapper .padding-ratio {padding-top: 70%;} .intro-bg .img-wrapper img {width: auto;object-fit: contain;} .intro-bg+div {position: absolute;right: 40px;} } /*INTRO TEXT MODULE*/ /*CARD CAROUSEL*/ .arrows a {margin-right: 10px !important;} .rounded-icon-wrapper:before { content: ""; display: block; position: absolute!important; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background:#008752; transform-origin: center; transform: scale(1); transition: all 0.15s cubic-bezier(.36,.98,.63,1) 0.1s; } .carousel-static-card.no-card-bg:not(.dark-bg) .rounded-icon-wrapper:before{background:#EEEEEE} .carousel-static-card.no-card-bg:not(.dark-bg) .rounded-icon-wrapper .icon{fill:var(--main-color)} .carousel-static-card.no-card-bg:not(.dark-bg) .rounded-icon-wrapper .circle-out{border-color:#EEEEEE} .carousel-static-card.no-card-bg a:hover .rounded-icon-wrapper .circle-out{border-color:var(--main-color)} .carousel-static-card.no-card-bg .swiper-scrollbar-drag{background-color: var(--main-color)} a:hover .rounded-icon-wrapper:before, button:hover .rounded-icon-wrapper:before{transform: scale(0);} .rounded-icon-wrapper .icon {fill:#fff;} a:hover .rounded-icon-wrapper .icon, button:hover .rounded-icon-wrapper .icon {fill:#123E8C;} .carousel-static-card .arrows-slider{justify-content: space-between;} .carousel-static-card .swiper-carousel{margin-right: 0!important;} .carousel-static-card .swiper-scrollbar-drag, .carousel-3-card-alt .swiper-scrollbar-drag, .swiper-1-card .swiper-scrollbar-drag {background-color: var(--text-secondary);height:3px;top:-1px;} .carousel-static-card .swiper-scrollbar{background-color: #CACACA;} .card-text .num {font-family: var(--secondary-font);color: var(--main-color);font-weight:400;font-size: 1.2rem;} .card-number-blur{border-radius:0;} .card-number-blur .text-zone {backdrop-filter: none;-webkit-backdrop-filter: none;} .card-number-blur h2 {font-size: 4rem;} .card-number-blur p {font-size: 1.9rem;} .card-text h3 {font-size:2.6rem;color:var(--text-secondary);min-height: 4.5ex;} .card-text p {font-size: 1.5rem;color: #3C3C3C;} @media (min-width: 1200px){ .card-number-blur h2 {font-size: 4.3rem;} .card-number-blur .text-zone {margin: 120px 80px;padding: 80px 40px 0 40px;} } .card-number-blur .text-zone {margin: 120px 80px;padding: 40px 20px 0 20px;} /*CARD CAROUSEL*/ /*Q/A, TIMELINE & JOB MODULE*/ .accordion-wrapper h2 {color: var(--main-color);font-size: 2.6rem;line-height: 3em;border-bottom: 1px solid var(--main-color);} .accordion-wrapper .work-data-wrapper h2 {border-bottom: none;line-height: 2em;margin-bottom: 5px;} .work-data-wrapper .num {font-family: var(--primary-font);color:#3C3C3C;} .work-data-wrapper .left-zone .row-data {border-bottom: 1px solid var(--main-color);margin-right: 100px;margin-bottom: 24px;} .accordion-fixed-wrapper .text-zone p.pre {color: #fff !important;border-bottom: 1px solid var(--main-color);font-weight:500;margin-bottom:40px;} .accordion-big-wrapper .text-zone p, .accordion-fixed-wrapper .text-zone ul li {line-height: 1.8em;} .accordion-fixed-wrapper li a:not(.button) {color: #fff;} .accordion-fixed-wrapper .accordion-button {font-size: 1.6rem;font-family: var(--primary-font) !important;font-weight: 500;} .accordion-fixed-wrapper ol, .accordion-fixed-wrapper ul {padding-left:40px;} .accordion-fixed-wrapper .accordion-item ul li ul, .fixed-img-text-card ul, .work-data-wrapper .content ul {list-style-type: none;padding-left: 1.5em;margin-bottom: 10px;} .accordion-fixed-wrapper .accordion-item ul li ul li:before, .fixed-img-text-card ul li:before, .work-data-wrapper .content ul li:before { content: ""; display: inline-block; border: 2px solid #FF345B; background: transparent; height: 4px; width: 4px; border-radius: 4px; flex-shrink: 0; margin-left: -1.5em; margin-right: 16px; margin-top: 8px; } .accordion-big-wrapper .accordion-big-button.opened {background: linear-gradient(90deg,#3d68a2,#443f8e);} .accordion-big-wrapper .accordion-content{border-bottom-color:var(--main-color);} .accordion-big-wrapper .accordion-big-button .default-icon, .accordion-big-wrapper .accordion-big-button .secondary-icon {border: 2px solid var(--main-color);} .accordion-big-wrapper .accordion-big-button .icon {fill: var(--main-color);stroke: var(--main-color);} .accordion-big-wrapper .accordion-big-button {font-family: var(--primary-font);color: var(--main-color);} @media (min-width: 992px){ .accordion-big-wrapper .accordion-wrapper .accordion-content:first-child {border-top:none;} .accordion-fixed-wrapper .accordion-item .text-zone {margin-top: 100px;} .accordion-fixed-wrapper .text-zone ul li {font-size: 1.5rem;} .accordion-fixed-wrapper .accordion-button {border-radius:var(--btn-radius);} /*.accordion-fixed-wrapper .accordion-button.opened-desk { color: #fff; background-color: var(--main-color); background: -moz-linear-gradient(135deg, rgba(75,60,111,1) 15%, rgba(67,95,170,1) 45%, rgba(78,68,162,1) 85%); background: -webkit-linear-gradient(135deg, rgba(75,60,111,1) 15%, rgba(67,95,170,1) 45%, rgba(78,68,162,1) 85%); background: linear-gradient(135deg, rgba(75,60,111,1) 15%, rgba(67,95,170,1) 45%, rgba(78,68,162,1) 85%); }*/ .accordion-fixed-wrapper .accordion-button {border-bottom:none;color:var(--main-color);} .accordion-fixed-wrapper .accordion-button:not(.opened-desk) .arrow-icon {display: none !important;} .accordion-fixed-wrapper .text-zone p.pre, .accordion-fixed-wrapper .text-zone p.sub {font-family:var(--primary-font);} } @media (min-width: 1200px){ .accordion-fixed-wrapper .text-zone ul li {font-size: 1.5rem;} .accordion-fixed-wrapper .accordion-item .scroll-container .scroll-content {margin-right: 8%;margin-left: 4%;} } @media (max-width: 991px){ .accordion-fixed-wrapper .accordion-content {border-top-color:var(--main-color);} .accordion-fixed-wrapper .accordion-content:last-child {border-bottom-color:var(--main-color);} .accordion-fixed-wrapper .text-zone p.pre, .accordion-fixed-wrapper .text-zone p.sub {font-family: var(--primary-font);} .accordion-fixed-wrapper .text-zone p.pre {padding-bottom: 16px;} .accordion-fixed-wrapper .accordion-button .default-icon, .accordion-fixed-wrapper .accordion-button .secondary-icon {border-color:var(--main-color);} } .accordion-fixed-wrapper .accordion-button span {margin-right: 20px; margin-left: 20px;} /*Q/A & TIMELINE MODULE*/ /*SLIDER/IMAGE MODULE*/ .img-responsive-section, .img-responsive-section-wrapper {position: relative;z-index: 1;} .img-responsive-section .text-zone h2 {font-size: 3rem;font-weight: 400;margin-bottom: 30px;color:#FFF;} .img-responsive-section .text-zone h3 {font-size: 2.5rem;font-weight: 500;line-height: 1em;color:#FFF;} .img-responsive-section .text-zone p {font-size: 1.6rem;line-height: 2.3rem;margin-top:0;color:#FFF;} .img-responsive-section .text-zone.dark h2, .img-responsive-section .text-zone.dark h3 {color:var(--main-color);} .img-responsive-section .text-zone.dark p {color:#3C3C3C;} .dark a.button {color:var(--main-color);} .dark a.button:before {border-color:var(--main-color);} @media (max-width: 575px){ .img-responsive-section .text-zone h2 {font-size: 3rem;margin-bottom: 20px;} .img-responsive-section .text-zone h3 {font-size: 2.2rem;} .img-responsive-section .text-zone p {font-size: 1.5rem;} .carousel-1-card .img-wrapper.img-full-page .padding-ratio {padding-top: initial;} .carousel-1-card .img-wrapper.img-full-page img {position: relative;width: auto;height: 500px;} } /*SLIDER MODULE*/ /*CARD ICONS*/ .background-icons-wrapper h2 {color:#fff;border-bottom: 1px solid #CACACA;} .background-icons-wrapper .dark h2 {color:var(--text-secondary);border-bottom: 1px solid var(--main-color);} .background-icons-wrapper .heading h2 {line-height: 56px;margin-bottom: 80px;padding-bottom: 20px;} .background-icons-wrapper .text-zone h2 {font-size:2.6rem;border-bottom: none;} .background-icons-wrapper p:last-child {font-size:1.5rem;opacity: .8;font-weight: 300;} .background-icons-wrapper .dark p:last-child {color: #3C3C3C;} .background-icons-wrapper .col-icon:after {content: none;} .background-icons-wrapper .text-zone .icon {fill: #42B551;} .k-overlay:after {content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("../svg/K_dark.svg") 0px 220px no-repeat !important;} @media (min-width: 768px) and (max-width: 991px){ .background-icons-wrapper {padding: 80px 40px 80px;} } @media (min-width: 992px){ .background-icons-wrapper {padding: 80px 8px 80px;} .background-icons-wrapper h2 {min-height: auto;} } @media (min-width: 1200px){ .background-icons-wrapper {padding: 80px;} } /*CARD ICONS*/ /*DOWNLOAD LIST*/ .list-download-wrapper .text-zone p{color:var(--main-color)} .list-download-wrapper .card-download .file h3, .card-download .file a {color:var(--text-secondary)} .list-download-wrapper .card-download .file h3{font-size: 2rem;font-weight: var(--weight-semi-bold)} .list-download-wrapper .rounded-icon-wrapper:before{transform: scale(0);} .list-download-wrapper a:hover .rounded-icon-wrapper:before{transform: scale(1);} .list-download-wrapper .rounded-icon-wrapper .icon {fill: var(--main-color)} .list-download-wrapper a:hover .rounded-icon-wrapper .icon {fill: #FFF} .list-download-wrapper .rounded-icon-wrapper .circle-out{border:1.5px solid var(--text-secondary)} .list-download-wrapper a:hover .rounded-icon-wrapper .circle-out{transform: scale(1);} @media (min-width: 768px){ .list-download-wrapper.column:not(:last-child){border-bottom: 1px solid rgba(30, 52, 111, 0.39)} } /*DOWNLOAD LIST*/ /*BACKTO*/ section.back-to-page.negative-bottom .back-to-page-wrapper .wd-button {padding: 12px 18px;} section.back-to-page.negative-bottom {margin-bottom: 0;z-index: 10;position: relative;} .back-to-page .button-wrapper a svg{display:block;} .back-to-page:not(.dark-bg) .button-wrapper a svg{fill:var(--main-color);} @media (min-width: 768px){ section.back-to-page.negative-bottom {margin-bottom: -60px;} } @media (min-width: 992px){ section.back-to-page.negative-bottom {margin-bottom: -60px;} } /*BACKTO*/ /*BOTTOM LINK*/ .bottom-2-cols {position: relative;z-index: 1;} .bottom-2-cols-wrapper h2.title {color: var(--text-secondary);} .bottom-2-cols-wrapper .bottom-col:first-of-type {margin-right: 12px;} .bottom-2-cols-wrapper .bottom-col:last-of-type {margin-left: 12px;} .bottom-button-wrapper .text-zone {height: 100%;display: flex;flex-direction: column;justify-content:end;} .bottom-button-wrapper .text-zone h2 {font-size: 2.6rem;padding-bottom:0;margin-bottom:0;position: relative;} .bottom-button-wrapper .text-zone .simple-cta-wrapper {border-top:none;font-family:var(--secondary-font);justify-content:flex-start;} .bottom-button-wrapper .text-zone .simple-cta-wrapper .icon {height: 1.2rem;width: 3rem;} .bottom-button-wrapper .simple-cta-wrapper:before, .bottom-button-wrapper .simple-cta-wrapper:after {content: none;} .bottom-2-cols .wrapper-bottom.negative .text-zone h2, .bottom-2-cols .wrapper-bottom.negative .text-zone .simple-cta-wrapper {color:var(--main-color);} .bottom-2-cols-wrapper h2.title {margin-left:0!important;margin-right:0!important;} @media (max-width: 767px) { .bottom-button-wrapper .text-zone h2 {font-size: 1.8rem;} } @media (min-width: 992px){ .bottom-button-wrapper .text-zone {padding: 40px;} .bottom-button-wrapper:hover .simple-cta-wrapper .icon {transform: translateX(20px)!important;} /*.bottom-button-wrapper .text-zone h2:before { content: ""; height: 1px; background: #fff; position: absolute; display: block; left: 0; bottom: 0; right: 0; } .bottom-2-cols .wrapper-bottom.negative .bottom-button-wrapper .text-zone h2:before {background: #FF345B;} .bottom-button-wrapper .text-zone h2:after { content: ""; height: 1px; background: var(--main-color); position: absolute; display: block; left: 0; bottom: 0; right: 0; transform-origin: left; transition: all .5s cubic-bezier(.36,.98,.63,1); transform: scaleX(0); } .bottom-2-cols .wrapper-bottom.negative .bottom-button-wrapper .text-zone h2:after {background: #fff;} .bottom-button-wrapper:hover .text-zone h2:after {transform: scaleX(1);}*/ } /*BOTTOM LINK*/ /*FOOTER SECTION*/ section.negative, footer.negative {background:#FFF;} .link-list {display: flex;} .link-list .left {width:100%;} .footer-top-wrapper .link-list .linklist-cols {width: 20% !important;} .footer-top ul.first a, .footer-top ul.first span,footer.negative p, footer .links-wrapper p, .footer-bottom p {color:var(--text-secondary)!important;} .footer-bottom {font-size: 1.4rem;} footer h3, .footer-top ul.first span {font-weight: 600;} footer h3, footer ul span {color:var(--text-secondary);text-transform: none;font-family: var(--primary-font);} .footer-top-wrapper {border-bottom-color:rgba(255,255,255,0.16);} footer .address-wrapperd, footer .links-wrapper {border-top:none;} footer a, .footer-top ul.first .second a {color:var(--text-secondary) !important;text-decoration: none;} footer p, footer p a, .footer-top a, footer .links-wrapper p {font-weight: 400 !important;} .footer-top ul.first .second a {font-size:1.3rem;line-height:2.3rem;} footer a:hover, .footer-top ul.first .second a:hover {opacity: 1;text-decoration: none !important;} .footer-top ul.first > li > a {text-decoration: none;font-weight:var(--weight-bold)!important;} footer a.logo {width: 140px;} .otgs-development-site-front-end, .footer-bottom-wrapper {display: none!important;} footer {margin-bottom: 0px!important;} ul#menu-footer-menu {list-style-type: none;margin: 0;padding: 0;} ul#menu-footer-menu li {margin-right: 24px;} ul#menu-footer-menu li a {color:var(--text-secondary);font-weight: var(--weight-bold);font-size: 1.3rem;} .footer-bottom {padding: 33px 0;position: relative;} .footer-bottom:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color:#1c3167; opacity: .3; } .footer-bottom a.almaviva {display: block;width: 100px;} @media (min-width: 768px){ .footer-bottom .link-wrapper {justify-content: flex-end;} } .footer-bottom p {margin-bottom: 0px;} /* FOOTER SECTION */ /* COOKIE */ .gdprcookie {background: linear-gradient(153.39deg,#ff2b65,#ff345b); border:0px;} .gdprcookie p {font-size: 12px;} @media (min-width: 768px){ .gdprcookie {padding:20px;} } /* COOKIE */ /* ICONS SECTION */ .dark-background .intro-text-wrapper h2 { color: #FFF; border-bottom: 1px solid #ff345b; } .dark-background .intro-text-wrapper h3 { color:#FFF;} .cols-3-icons-wrapper .heading .icon {fill:#FFF} .cols-3-icons-wrapper .text {border-left: 1px solid #ff345b;} .cols-3-icons-wrapper {padding-bottom: 0px;} .tech-block {margin-bottom: 120px;} .cols-3-icons-wrapper.text-dark .heading h3, .cols-3-icons-wrapper.text-dark .text p {color: var(--main-color);} /* ICONS SECTION */ /*.footer-top-wrapper {border-bottom: 1px solid rgba(0,66,40,1);}*/ /* CAROUSEL SOLUZIONI HOME */ @media (min-width: 1200px){ .carousel-static-card.carousel-static-card .swiper-slide {width: calc(50% - 16px); height: auto;} } @media (min-width: 992px){ .col-2-text-wrapper .title-text {padding-bottom: 104px;} } .carousel-static-card .col-2-text-wrapper .title-wrapper {border-bottom:0px solid #aaafbb;} .carousel-static-card:not(.no-card-bg) .swiper-slide {background:radial-gradient(302.87% 184.87% at 7.07% 7.16%, rgba(250, 0, 255, 0.2) 0%, rgba(246, 56, 250, 0) 100%), radial-gradient(85.34% 66.85% at 106.81% 118.08%, #2399DB 4.17%, rgba(18, 62, 140, 0) 100%), #008752; border-radius:0; color:#FFF;} .carousel-static-card.home-soluzioni-carousel .swiper-slide p {color:#FFF;} .carousel-static-card .col-2-text-wrapper .content:after {display: none;} .carousel-static-card .col-2-text-wrapper .bottom {width: 100%;} .carousel-static-card .col-2-text-wrapper .hover-img {left:0px; top: 0px; right:0px; bottom:0px; border-radius: 0px;} .carousel-static-card .col-2-text-wrapper .content {padding:40px;} .carousel-static-card .swiper-slide .button-wrapper a:before, .carousel-static-card .button-wrapper button:before {display: none;} .carousel-static-card .swiper-slide .button-wrapper a, .carousel-static-card .swiper-slide .button-wrapper button {border-radius: 0px; padding:18px 0px; justify-content: normal} .carousel-static-card .col-2-text-wrapper .swiper-slide .text-container:hover .button-wrapper a .icon {fill:#FFF;} .carousel-static-card .col-2-text-wrapper .swiper-slide .text-container:hover .button-wrapper a:after {border:0px;} .carousel-static-card .swiper-slide .button-wrapper span.button-label {visibility: hidden;} .carousel-static-card .col-2-text-wrapper .swiper-slide .text-container:hover .button-wrapper span.button-label {visibility: visible; color:#FFF; margin-left:0; width: 80%;} .carousel-static-card .swiper-slide .button-wrapper .icon-wrap {border: 1px solid #FFF; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 55px; transition: all 0.4s;} .carousel-static-card .swiper-slide .button-wrapper .icon-wrap .icon {width: 18px; height: 18px;} .carousel-static-card .swiper-slide .button-wrapper:hover .icon-wrap {background:#FFF;} .carousel-static-card .col-2-text-wrapper .swiper-slide .text-container:hover .button-wrapper a:hover .icon {fill:#ff345b;} .carousel-static-card .swiper-slide .js-anim-text {font-size:1.2rem;font-family: var(--secondary-font);border-top: 1px solid rgba(255,255,255,0.4);padding-top: 10px; margin-bottom: 40px;visibility: hidden;} .carousel-static-card .text-container:hover .js-anim-text {visibility: visible;} .carousel-static-card h3 {font-weight: 400;font-size: 3rem;} .carousel-static-card .title-text {padding-top: 40px;} .carousel-static-card.section-border .col-2-text-wrapper .col-wrapper, .carousel-static-card.no-card-bg.section-border .carousel-static-card-wrapper {padding-top: 68px;} .button-wrapper.follow-text {width:fit-content;min-width:fit-content!important;} .col-2-text-wrapper .title-wrapper h2, .carousel-static-card-wrapper .title-wrapper h2 {color:var(--text-secondary)} @media (min-width: 992px){ .col-2-text-wrapper .text-container:hover .hover-img{opacity:0;} .col-2-text-wrapper .hover-img{opacity:0.4;} } @media (min-width: 768px) and (max-width: 991px){ .col-2-text-wrapper .text-container{border-radius:0;} .col-2-text-wrapper .button-wrapper a:before {background:none; border:0px;} .col-2-text-wrapper .button-wrapper a .button-label {color:var(--main-color);} .col-2-text-wrapper .button-wrapper a .icon, .col-2-text-wrapper .button-wrapper button .icon {display: none;} .carousel-static-card .title-text {padding-bottom: 40px;} .carousel-static-card .swiper-carousel {margin-left: -100px;} .swiper-slide {height: auto;} .col-2-text-wrapper .text-container {padding:0px; height: 100%;} .carousel-static-card .col-2-text-wrapper .swiper-slide .text-container:hover .button-wrapper span.button-label {width: 75%;} } @media (max-width: 767px){ .col-2-text-wrapper .button-wrapper a:before {background:none; border:0px;} .col-2-text-wrapper .button-wrapper a .button-label {color:var(--main-color);} .col-2-text-wrapper .button-wrapper a .icon, .col-2-text-wrapper .button-wrapper button .icon {display: none;} .carousel-static-card .title-text {padding-bottom: 10px; padding-top: 0px;} .carousel-static-card .swiper-carousel {margin-left: -20px;} .swiper-slide {height: auto;} .col-2-text-wrapper .text-container {padding:0px; height: 100%;} .carousel-static-card .swiper-scrollbar {display: none;} .carousel-static-card .col-2-text-wrapper .swiper-slide .text-container:hover .button-wrapper span.button-label {width: 75%;} } /* CAROUSEL SOLUZIONI HOME */ /* MODULE CONTACT BANNER */ .banner-image-text .img-relative .text-zone{padding-bottom: 40px;} .banner-image-text .block-wrapper p.title {font-weight: 500;border-bottom: 1px solid #fff;line-height: 2.5em;margin-bottom: 30px;} .banner-image-text .block-wrapper p.name {font-weight: 400;} .banner-image-text .block-wrapper p.title, .banner-image-text .block-wrapper p.name{font-size: 2.2rem;letter-spacing: -0.42px;} .banner-image-text .block-wrapper p.text, .banner-image-text .block-wrapper .mail-wrapper {font-size: 1.5rem;font-weight:400;line-height: 2em;} .banner-image-text .block-wrapper .mail-wrapper a {color:inherit;} .banner-image-text .text-zone .text-content .cta {font-size: 2.5rem;font-weight: var(--weight-regular);} .banner-image-text.text-white .text-zone .text-content p, .banner-image-text.text-white .text-zone .text-content .cta, .banner-image-text.text-white .block-wrapper p.text, .banner-image-text.text-white .block-wrapper .mail-wrapper, .banner-image-text.text-white .block-wrapper p.title, .banner-image-text.text-white .block-wrapper p.name {color:#FFF;} .banner-image-text.text-white .block-wrapper .mail-wrapper a {color:#FFF;} @media (min-width: 992px){ .banner-image-text .block-wrapper p.title, .banner-image-text .block-wrapper p.name {font-size: 2.6rem;} } /* MODULE CONTACT BANNER */ /* MODULE BACKGROUND TEXT */ .background-left-text-wrapper .text-block p {padding-left:0 !important;} .background-left-text-wrapper .text-block p:before{content:none;} .background-left-text-wrapper.text-dark h2, .background-left-text-wrapper.text-dark h3, .background-left-text-wrapper.text-dark p{color: #343a40;} .text-cta-image-right-wrapper.text-white h2, .text-cta-image-right-wrapper.text-white h3, .text-cta-image-right-wrapper.text-white .text-block p {color:#fff;} /* MODULE BACKGROUND TEXT */ /* MODULE ADDRESSES */ .carousel-3-card-alt-wrapper .swiper-scrollbar{background-color:#CACACA} .addresses-wrapper {background-image: none;padding:0px;} .addresses-wrapper h2.title {margin-bottom: 0px;} .addresses-wrapper p, .addresses-wrapper h3, .addresses-wrapper h2 {color:var(--text-secondary);} .addresses-wrapper h2.nation {margin-top: 20px;} .addresses-wrapper .row:not(:first-child):after {background:#1C84EA;} .addresses-wrapper .pre-title {color:#42B551;} .addresses-wrapper .num {font-family: var(--primary-font); color:var(--text-secondary); font-size: 2.6rem;margin-top: 24px;} @media (min-width: 992px){ .addresses-wrapper .row:not(:first-child):after{left: 8px;right: 8px;} .addresses-wrapper .row .col-3:after, .addresses-wrapper .row .col-9:after { content: ""; display: block; position: absolute; height: 1px; bottom: 0; background: var(--main-color); } } /* MODULE ADDRESSES */ /* MODULE FIXED CARDS */ .fixed-img-text-card h2 {color:var(--text-secondary);} .accordion-fixed-wrapper .accordion-item ul li ul li:before, .fixed-img-text-card ul li:before {border:2px solid var(--main-color);} @media (min-width: 992px){ .accordion-fixed-wrapper.text-dark .text-zone p.pre, .accordion-fixed-wrapper .text-zone ol, .accordion-fixed-wrapper .text-zone ul {color:var(--main-color)!important;} } /* MODULE FIXED CARDS */ /* MOD_MODULE MODULE CARDS */ .card-color-wrapper .text-zone, .mod_module .card-color-wrapper .logo {background-color:#FFF; background-color:#FFF} .mod_module .card-color-wrapper h3 {text-decoration: none; color:var(--text-secondary)!important; font-size: 2rem;padding-bottom: 35px; margin-top:10px;} .mod_module a {text-decoration: none;} .mod_module .logo span {color:var(--text-secondary);} .mod_module .text p {color:var(--text-color)!important;} .mod_module .card-color-wrapper .logo {padding-bottom: 0px;} .mod_module .card-color-wrapper .text {padding-top:0px;} .mod_module .card-color-wrapper .text-zone .text {flex-grow: 0;} .mod_module .col-2-card-bg {background:none;} .mod_module.section-border .col-2-card-bg {padding-top: 68px;} .card-color-wrapper {border-radius:0;} /* MOD_MODULE MODULE CARDS */ /* NEWS PAGE */ .news-3-col-wrapper h2 {color: var(--main-color); margin-bottom: 60px;} .news-3-col-wrapper .data-wrapper:after {display: none;} .news-3-col-wrapper .text-wrapper {margin-left: 0px;} .news-3-col-wrapper .num-wrapper p {font-size: 1.2rem; font-weight: 500; font-family: var(--primary-font); text-transform: uppercase; letter-spacing: 1px; color: #535353; opacity: 0.64;} .news-3-col-wrapper h3 a {color: var(--main-color);text-decoration: none; font-size: 3.0rem; font-weight: 400;} .news-3-col-wrapper h3 a:hover {color: var(--main-color);text-decoration: underline; } .data-wrapper a.the_cat {background-color:#d0cedb;color:var(--main-color);height:30px;display:inline-block;line-height:30px;padding:0 20px;font-size:12px;border-radius:30px;margin-top:20px;margin-right:5px; text-decoration: none; transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s;} .data-wrapper a.the_cat:hover {background:var(--main-color); color:#FFF;} .show-more .wd-button {margin:0 auto;} .show-more .button-wrapper {width: 100%;} ul.filter-system li {list-style: none; display: inline-block; margin-right: 10px; margin-bottom: 10px;} ul.filter-system {margin:0; padding:0; margin-bottom: 60px;} ul.filter-system .button-wrapper a {padding:10px 20px;} ul.filter-system .button-wrapper a:before {background: linear-gradient(90deg,#3d68a2,#443f8e); background:#FFF} ul.filter-system .button-wrapper a .button-label {color:var(--main-color)} ul.filter-system .button-wrapper a:hover:before, ul.filter-system .button-wrapper.active-filter a:before {background: linear-gradient(90deg,#3d68a2,#443f8e);} ul.filter-system .button-wrapper a:hover .button-label, ul.filter-system .button-wrapper.active-filter a .button-label {color:#FFF} .news-3-col.k-background {background: url("../svg/K_bkg.svg") 0px 306px no-repeat !important;} .bg-gray {background-color:#f6f9fb;} .mostread-carousel h2 {color:var(--main-color)} @media (min-width: 1200px){ .carousel-static-card.mostread-carousel .swiper-slide {width: calc(33.3%); height: auto; background:transparent;} } @media (min-width: 992px){ .carousel-static-card.mostread-carousel .swiper-slide {width: calc(50%); height: auto; background:transparent;} .mostread-carousel .data-wrapper { padding: 0px 24px 40px;} .mostread-carousel .col-wrapper { padding-top: 50px;} } @media (max-width: 767px){ .carousel-static-card .swiper-slide {width: calc(100% - 8px);} .mostread-carousel .data-wrapper {border:0px; padding-bottom:0px; margin-bottom:0px;} .mostread-carousel .swiper-scrollbar {display: none;} #card-nav.cols-3-tags-wrapper {margin-top: 32px;} } /* NEWS PAGE */ /* MOD BOTTOMLINK */ section.colormod-negative .img-wrapper.overlay:after {background:#FFF; opacity: 0.6} section.colormod-negative .wrapper-bottom.negative .bottom-button-wrapper .text-zone h2:after {background: var(--main-color);} /* MOD BOTTOMLINK */ /* MOD NUMBERS */ .intro-section-wrapper .data-wrapper.js-anim-text {overflow: visible;} .intro-section .button-wrapper a.outlined:after, .intro-section .button-wrapper button.outlined:after{border-color: #fff;} .intro-section .button-wrapper a.outlined .button-label{color:#fff;} .intro-section .button-wrapper a.outlined .icon{fill:#fff;} .intro-section-wrapper .num-wrapper .num {font-size: 4rem;} .intro-section-wrapper h4.data{font-family: var(--secondary-font);font-size:1.4rem;font-weight:400;letter-spacing:.257143px;} @media (min-width: 768px){ .intro-section-wrapper .num-wrapper .num {font-size: 5vw;} } @media (min-width: 992px){ .intro-section-wrapper .num-wrapper .num {font-size: 3vw;} } /* MOD NUMBERS */ /* MOD TEAM CARD */ .card-team-modal-wrapper {background: var(--bg-opacity);} .col-2-cards .card-team-modal-wrapper {height: calc(100% - 32px);} @media (min-width: 992px){ .col-2-cards .card-team-modal-wrapper {height: calc(100% - 56px);} } .card-team-modal-wrapper .text-zone {padding:8px 20px;} .card-team-modal-wrapper h4 { font-family: var(--primary-font); font-size: 1.4rem; } .card-team-modal-wrapper h4 span {margin-top:1rem;display:inline-block;} .card-team-modal-wrapper .img-wrapper {border-radius:0;} .dark-bg .card-team-modal-wrapper {background:#FFF;} .dark-bg .card-team-modal-wrapper h2, .dark-bg .card-team-modal-wrapper h3, .dark-bg .card-team-modal-wrapper p {color: var(--main-color) !important;} .dark-bg .card-team-modal-wrapper h4 {color: var(--text-color) !important;} .modal-wrapper .wd-modal-wrapper {border-radius: 0;} .modal-wrapper h2 { font-family: var(--primary-font); font-size: 2rem; line-height: 2.7rem; text-transform: none; } .dark-bg .card-team-modal-wrapper .modal-wrapper h2, .card-team-modal-wrapper .modal-wrapper h2 {color: var(--text-color) !important;} @media (min-width: 768px){ .card-team-modal-wrapper.small .img-wrapper .padding-ratio {padding-top: 60%;} } /* MOD TEAM CARD */ /* MOD SPIN OFF */ .spin-off:not(.dark-bg) .button-wrapper a:after{border-color:var(--main-color);} .spin-off:not(.dark-bg) .button-wrapper a .button-label, .spin-off:not(.dark-bg) .button-wrapper button .button-label{color:var(--main-color);} /* MOD SPIN OFF */ /* MOD TEXT CENTERED */ .text-centered .logos li img{max-height: 130px;} @media (min-width: 992px){ .text-centered .logos li{padding: 0 32px;} .text-centered .logos li:first-of-type{padding-left:0;} .text-centered .logos li:last-of-type{padding-right:0;} } /* MOD TEXT CENTERED */ /* MAGAZINE */ .share-row-wrapper .share-label{color:var(--text-color)} .share-row-wrapper .icon{fill:var(--main-color)} /* MAGAZINE */ /* GLOBAL STYLE */ .fixed-banner-wrapper, .text-cta-image-right-wrapper .image-container .img-wrapper, .banner-image-text .img-wrapper, .card-team .img-wrapper, .video-section-wrapper .img-zone { border-radius:0!important; } .fixed-banner-wrapper{ background: #3b8457; } .fixed-banner-wrapper p{ color: white; } div.fixed-banner-wrapper span.button-label{ color: white !important; } .swiper-1-card .bottom{padding-left:0;padding-right:0} .accordion-fixed-wrapper .img-fixed .blur {background: rgba(16,32,39,0); } .fixed-banner-wrapper.logo-version .header{background-image:var(--main-gradient);background-color:var(--main-color);} .border-top{border-top-color:rgba(0,66,40,1) !important;} .section-border > div, .section-border > section {border-top:1px solid rgba(102, 145, 193, 0.5);mix-blend-mode: normal;position: relative;} .section-border > div:before, .section-border > div:after, .section-border > section:before, .section-border > section:after { content: ""; height: 10px; width: 1px; background-color: rgba(102, 145, 193, 0.5); display: block; position: absolute; top: 0; } .section-border > div:before, .section-border > section:before {left: 0;} .section-border > div:after, .section-border > section:after {right: 0;} .dark-bg {background: var(--bg-opacity);} .dark-bg h2, .dark-bg h3, .dark-bg h4 {color: #fff!important;} .dark-bg p, .dark-bg li{color: rgba(255, 255, 255, 0.85)!important;} .dark-bg .card-text .num{color:#42B551;} .dark-bg .rounded-icon-wrapper .circle-out{border-color:#42B551;} .dark-bg .rounded-icon-wrapper:before, .dark-bg.carousel-static-card .swiper-scrollbar-drag {background-color:#42B551;} .dark-bg a:hover .rounded-icon-wrapper .icon, .dark-bg button:hover .rounded-icon-wrapper .icon{fill:#42B551;} .light-bg {background: #F4F4F4;} .free-text-wrapper a { display: block; font-size: 1.5rem; font-family: var(--secondary-font); text-decoration: none; color: var(--text-secondary); transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; } .free-text-wrapper a:hover {color: #FF345B;} .free-text .full-width ul li {font-size: 1.4rem;color: var(--main-color);} /*.free-text h3 {font-size: 2.6rem;color: var(--main-color);}*/ .free-text h3 {font-size: 1.6rem;color: var(--main-color);} .free-text h4 {font-size: 2rem;color: var(--main-color);} @media (min-width: 768px){ .free-text .full-width ul li {font-size: 1.6rem;line-height: 1.6em;} .fixed-img-text-card .button-wrapper .wd-button {justify-content: center;} } /* PREVENTIVATORE */ .tab-quotator .feature-icon{ display: none; } /* Style the form */ #quotatorForm, #candidaturaForm { padding: 40px; } #quotatorForm, #candidaturaForm { /*background-color: #a9cebc;*/ margin: 100px auto; width: 70%; min-width: 300px; } #candidaturaForm { margin: auto; padding: 40px; width: 70%; min-width: 300px; } #quotatorForm input[type=checkbox], input[type=radio] { width: 20px; } #candidaturaForm .row .form-group, #quotatorForm .row .form-group { margin-top: 8px; margin-bottom: 8px; } @media (min-width: 320px) and (max-width: 992px){ #quotatorForm, #candidaturaForm { padding: 20px 0px; } #quotatorForm { width: 100%; } } /* Style the input fields */ input { padding: 10px; width: 100%; font-size: 17px; font-family: Raleway; border: 1px solid #aaaaaa; } /* Mark input boxes that gets an error on validation: */ input.invalid { background-color: #ffdddd; } /* Hide all steps by default: */ .tab-quotator { display: none; } /* Make circles that indicate the steps of the form: */ .step { height: 15px; width: 15px; margin: 0 2px; background-color: #bbbbbb; border: none; border-radius: 50%; display: inline-block; opacity: 0.5; } /* Mark the active step: */ .step.active { opacity: 1; } /* Mark the steps that are finished and valid: */ .step.finish { background-color: #42B551; } .quotator .feature-text { text-align: left !important; display: flex; align-items: center; box-shadow: 0 0px 0px 1px rgba(0, 0, 0, 0.09); cursor: pointer; padding: 0; /*background-color: #a9cebc;*/ } .quotator .feature-text label { padding: 1.6em 2em; width: 100%; } .quotator .feature-icon { margin-right: 1em; margin-left: .5em; } .quotator .feature-info { flex: min-content; display: inline-flex; position: absolute; top: -15px; left: 30px; } .quotator .feature-info p { padding: 24px; } .quotator .text-back { font-size: 1.2em; font-weight: 300; margin-bottom: 0px; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } .mb-20 { margin-bottom: 20px !important; } .quotator label, .candidatura label { color: #008752; } .quotator input[type=text], .quotator select, .candidatura input[type=text], .candidatura input[type=file], .candidatura select { color: #004228; font-size: 14px; font-family: var(--primary-font); border: 1px solid #42B551; background-color: #fff; } .quotator select, .candidatura select { width: 100%; } /* .quotator input[type=checkbox]:checked { color: #004228; font-size: 14px; font-family: var(--primary-font); border: 1px solid #42B551; } */ /* Customize the label (the container) */ .container-radio { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 10px; } /* Customize the label (the container) */ .container-checkbox { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 12px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 10px; } /* Hide the browser's default radio button */ .container-radio input, .container-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom radio button */ .checkmark-radio { position: absolute; top: 12px; left: 8px; height: 16px; width: 16px; background-color: #fff; border-radius: 50%; border: 1px solid #42B551; } /* On mouse-over, add a grey background color */ .container-radio:hover input ~ .checkmark-radio { background-color: #42B551; } /* When the radio button is checked, add a blue background */ .container-radio input:checked ~ .checkmark-radio, .container-checkbox input:checked ~ .checkmark-checkbox { background-color: #fff; } /* Create the indicator (the dot/circle - hidden when not checked) */ .checkmark-radio:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .container-radio input:checked ~ .checkmark-radio:after { display: block; } /* Style the indicator (dot/circle) */ .container-radio .checkmark-radio:after { top: 3px; left: 3px; width: 8px; height: 8px; border-radius: 50%; background: #42B551; } /* Hide the browser's default checkbox */ /* .container-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } */ /* Create a custom checkbox */ .checkmark-checkbox { /* position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; */ position: absolute; top: 0px; left: 8px; height: 16px; width: 16px; background-color: #fff; border: 1px solid #42B551; } /* On mouse-over, add a grey background color */ .container-checkbox:hover input ~ .checkmark-checkbox { background-color: #fff; } /* When the checkbox is checked, add a blue background */ .container-checkbox input:checked ~ .checkmark-checkbox { /* background-color: #2196F3; */ } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark-checkbox:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .container-checkbox input:checked ~ .checkmark-checkbox:after { display: block; } /* Style the checkmark/indicator */ .container-checkbox .checkmark-checkbox:after { /* left: 4px; top: -2px; width: 5px; height: 10px; border: solid #42B551; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); */ left: 4px; top: 0px; width: 3px; height: 8px; border: solid #42B551; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .quot-area-manutenzione{ width: 100%; margin-bottom: 10px; min-height: 148px; } .quot-area-manutenzione p { font-size: 1.4rem; line-height: 1.3; margin-bottom: 0; } .quot-area-manutenzione .text-back { width: 25%; flex-shrink: 0; } .quot-area-manutenzione p{ font-size: 1.6rem; } .candidatura .container { display: inline; } .candidatura label.checkbox.container-checkbox{ position: absolute; top: 20px; } textarea { width: 100%; font-size: 14px; font-family: var(--primary-font); border: 1px solid #42B551; background-color: #fff; } .label-file { font-size: 14px; font-family: var(--primary-font); /*border: 1px solid #42B551;*/ background-color: #004228; width: 100%; display: block; text-align: center; cursor: pointer; color: #fff !important; padding: 10px; border-radius: 15px; } .sending-overlay { position: absolute; width: 100%; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(255,255,255,.7); z-index: 1; display: none; } #candidaturaForm .feedback, #quotatorForm .feedback { font-size: 14px; font-family: var(--primary-font); background-color: #004228; width: 100%; display: none; text-align: center; color: #fff !important; padding: 10px; border-radius: 15px; margin-top: 10px; } .btn-sendCandidatura[disabled]{ background-color: #666; } /* END PREVENTIVATORE */ .custom-button { background-color: transparent; color: var(--text-secondary); border: none; padding: 8px 16px; font-family: var(--primary-font); font-weight: 600; width: 10rem; margin-left: 8px; border: 1px solid #42B551; margin-top: 10px } .custom-button:hover { background-color: #004228; color: #fff; border: none; padding: 8px 16px; font-family: var(--primary-font); font-weight: 600; width: 10rem; margin-left: 8px; } /* GLOBAL STYLE */ /* FIX Q/A ACCORDION */ @media (min-width: 1200px){ .accordion-fixed-wrapper .img-fixed { background-size: 65vw; } } /* @media (min-width: 992px) { .accordion-wrapper { position: relative; } .accordion-content { position: static; display: flex; align-items: flex-start; justify-content: space-between; } .accordion-fixed-wrapper .accordion-button { width: 50%; } .accordion-fixed-wrapper .accordion-item { opacity: 1 !important; display: block !important; height: 0 !important; position: absolute; inset: auto; right: 0; width: 45%; } .accordion-fixed-wrapper .accordion-item.opened-desk { height: auto !important; } .accordion-fixed-wrapper .row > .col-lg-6 { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } .accordion-fixed-wrapper .accordion-item .text-zone { margin-top: 0; } .accordion-fixed-wrapper .accordion-item .scroll-container .scroll-content { margin: 0; } .accordion-fixed-wrapper .accordion-item .text-zone { opacity: 1; } .accordion-fixed-wrapper .accordion-item .scroll-content > ul { padding-left: 0; } } .accordion-fixed-wrapper .img-fixed { position: absolute; right: -80px; top: 0px; bottom: 0px; width: calc(50% + 80px); background-attachment: fixed; background-size: 50vw; background-position-x: right; background-repeat: no-repeat; } .accordion-fixed-wrapper .accordion-item { opacity: 1 !important; display: block !important; height: 0 !important; position: absolute; inset: auto; right: 0; width: 45%; top: 100px; } .accordion-fixed-wrapper .text-zone h2, .accordion-fixed-wrapper .text-zone h3, .accordion-fixed-wrapper .text-zone p { color:#42B551; } */ /* END FIX Q/A ACCORDION */ /* POPUP CONSENT */ .popup h4, .popup #configureSection table th b { color: #004228; } .popup, .popup #configureSection table th { color: #008752; vertical-align: middle; } .popup .choice-container-buttons #accept:hover, .popup .choice-container-buttons #accept { color: #004228; font-weight: 600; font-size: 16px; background-color: #FFF; } .popup .choice-container-buttons #enregistre:hover, .popup .choice-container-buttons #enregistre { color: #004228; font-weight: 600; font-size: 16px; background-color: #FFF; } .popup .choice-container-buttons #accept:hover, .popup .choice-container-buttons #accept {color:#004228; font-weight: 600; font-size: 16px; background-color:#FFF} .popup .choice-container-buttons #enregistre:hover, .popup .choice-container-buttons #enregistre {color:#004228; font-weight: 600; font-size: 16px; background-color:#FFF} .popup h4, .popup #configureSection table th b {color:#004228;} @keyframes moveCircleRight { 0% { transform: translateX(0); background-color: #c3c3c3; } 100% { transform: translateX(1.5rem); background-color: #004228; } } @keyframes moveCircleLeft { 0% { transform: translateX(1.5rem); background-color: #004228; } 100% { transform: translateX(0); background-color: #c3c3c3; } } /* END POPUP CONSENT */ /* TEAM CARDS */ .card-team-modal-wrapper h2, .card-team-modal-wrapper h3, .card-team-modal-wrapper p { color: #42B551 !important; } .card-team-modal-wrapper h4 { color: #FFFFFF !important; } /* END TEAM CARDS */ /* BOTTOM LINKS */ @media screen and (max-width:479px) { .bottom-2-cols-wrapper .wrapper-bottom { flex-wrap: wrap; } /* questa vedi tu... su mobile la CTA รจ nascosta ma occupa spazio */ .bottom-2-cols-wrapper .wrapper-bottom .simple-cta-wrapper { display: none; } .bottom-2-cols-wrapper .bottom-col { margin-inline: 0 !important; width: 100% !important } .bottom-button-wrapper .text-zone h2 { font-size: 22px; } .bottom-2-cols-wrapper .bottom-col:not(:last-child) { margin-bottom: 20px; } } /* END BOTTOM LINKS */ /* LINK MENU HIGHLIGHTED */ .menu-in-evidenza { border: 1px solid #42B551; padding: 12px 16px !important; display: inline-flex !important; text-align: center; } @media (min-width: 992px){ .navbar-wrapper .primary-nav li a.menu-in-evidenza:after{ bottom: -60px; background-color: transparent } } /* @media (min-width: 1440px){ .navbar-wrapper .primary-nav li a.menu-in-evidenza:after{ bottom: -60px; background-color: #42B551; } } */ /* END LINK MENU HIGHLIGHTED */ /* CTA BUTTON STYLE */ /* .button-wrapper a .button-label, .button-wrapper button .button-label { position: relative; */ /*color: #008752;*/ /* color: white; z-index: 1; } .button-wrapper a:before, .button-wrapper button:before { content: ""; display: block; position: absolute!important; top: 0; left: 0; width: 100%; height: 100%; background: var(--main-color); border-radius: var(--btn-radius); transition: all 0.15s cubic-bezier(.36,.98,.63,1) 0.05s; transform-origin: center; height: auto; top: 3px; bottom: 3px; right: 3px; left: 3px; width: auto; } */ /* END CTA BUTTON STYLE */ /* FOOTER ON MOBILE */ #address-section{ position: relative; z-index: 1; } @media (min-width: 320px) and (max-width: 768px) { #the_foot { display: none; } div #address-section .footer-top-wrapper{ display: block !important; } div #address-section.offset-right { padding-right: 8px; } div #address-section.offset-left { padding-left: 8px; } div #address-section .link-list .left{ display: block; padding-inline: 32px; } div #address-section .linklist-cols-first, div #address-section .linklist-cols-penultimate, div #address-section .linklist-cols-last{ display: none; } .footer-top-wrapper .link-list .linklist-cols { width: 75% !important; } #address-section .address-copy { width: 100% !important; position: static !important; font-size: 12px; } } @media (min-width: 320px) and (max-width: 992px) { #menu-footer-no-smap { display: none; } } /* END FOOTER ON MOBILE */ /* MOBILE */ @media (min-width: 320px) { header a.logo img { height: auto; transition: opacity 0.3s; } header a.logo{ width: 56px; } } @media (min-width: 481px) { } @media (min-width: 769px) { } @media (min-width: 1024px) { } .small-navbar ul{ display: inline !important; } .small-navbar ul li{ display: inline-block !important; } /* MOBILE */ a[href^="tel"]{ /*font-size: 20px;*/ font-family: var(--primary-font); color: var(--text-secondary) !important; text-decoration: underline !important; display: inline !important; } footer a[href^="tel"]{ font-size: 13px; font-family: var(--primary-font); color: var(--text-secondary) !important; text-decoration: underline !important; display: inline !important; font-weight: bold !important; } .fixed-banner-wrapper .button-label { display: inline-block; width: 100px; } .fixed-banner-wrapper img { width: 100%; } .img-fluid { width: 100%; height: auto; display: block; } #address-section{ background-image: url("../images/Address-bg.png"); background-size: 120%; background-repeat: no-repeat; background-position: center bottom; background-color: #e8e8ec; overflow-x: hidden; } #address-section .address-header{ font-family: var(--primary-font); text-transform: uppercase; font-size: 14px; color: var(--text-secondary); font-weight: 800; } #address-section .address-wrapper{ padding-top: 15px; } #address-section .address-wrapper h3{ color:#004228; text-transform: uppercase; font-size: 12px; font-weight: 800; } #address-section .address-wrapper p{ color:#004228; font-size: 12px; position: relative; top: -15px; } #address-section .address-social{ padding-top: 8px; } #address-section .address-social a{ text-decoration: none; padding-left: 2px; padding-right: 2px; } #address-section .linklist-cols-separator { display: none; } @media screen and (min-width: 1440px) { #address-section .linklist-cols-separator { display: block; } } #address-section .address-copy li a{ font-family: var(--primary-font); font-size: 10px; color: var(--text-secondary); font-weight: 800 !important; text-decoration: none; } #address-section .address-copy{ position: absolute; bottom: 35px; width: 490px; } header .navbar-wrapper .primary-nav .icon { height: 10px; stroke: #004228 } @media (max-width: 992px) { header.is-sticky .navbar-header .primary-nav .icon { stroke: #3C3C3C; } } @media (min-width: 992px) { header.is-sticky .navbar-header .primary-nav .icon { stroke: #3C3C3C; } } @media (min-width: 992px) { header.is-sticky.opened .navbar-header .primary-nav .icon { stroke: #fff; } } .carousel-static-card:not(.no-card-bg) .swiper-slide {background:linear-gradient(#004228 25%, #008752)} .carousel-static-card h3 {font-weight: 400;font-size: 2rem;} .card-team-modal-wrapper { border-radius: 25px; background-image: linear-gradient(to right, #004228 25%, #008752); } .card-team-modal-wrapper img { border-top-left-radius: 25px; border-top-right-radius: 25px; background-image: linear-gradient(to right, #004228 25%, #008752); } .card-team-modal-wrapper .text-zone h3 { text-transform: uppercase; color: #FFF !important; font-weight: 600; margin-top: 16px; } .col-2-cards-wrapper h2{ font-weight: 600; font-size: 2em; text-align: center; } .carousel-static-card a .rounded-icon-wrapper .icon { width: 24px; height: 24px; margin-top: 6px; stroke: #fff; } .carousel-static-card a.arrow-right .rounded-icon-wrapper .icon { margin-left: 10px; } .carousel-static-card a.arrow-left .rounded-icon-wrapper .icon { margin-left: 8px; } .carousel-static-card a:hover .rounded-icon-wrapper .icon { stroke: #008752; } /* REVIEW STILI */ .footer-top ul{ font-size: 16px; } .footer-top ul.first .second a{ font-size: 16px; } h2 { color: var(--main-color); font-size: 3rem; line-height: 1.3em; } .intro-text-wrapper h2 { font-size: 3rem; } @media (max-width:389px) { p { font-size: 1.6rem; } } @media (min-width:390px) { p { font-size: 1.8rem; } } @media (min-width: 768px){ h2 { font-size: 3.2rem; } .background-left-text-wrapper p { font-size: 1.8rem; } } .button-close{ position: absolute; top: 10px; right: 10px; background: transparent; cursor: pointer; border: 0px; } @media (max-width: 768px){ .button-close{ display: none; } } @media (min-width: 320px) and (max-width: 992px){ .col-2-cards-wrapper h4, .col-2-cards-wrapper h4 p{ color: #fff !important; } .col-3-cards-wrapper{ text-align: center; } .col-3-cards-wrapper h2 { font-size: 24px; font-weight: 600; letter-spacing: 1.2px; } .col-3-cards-wrapper img{ border-radius: 10px; } .col-3-cards-wrapper .label { font-size: 24px; font-weight: 400; letter-spacing: 1.24px; } .col-3-cards-wrapper p { font-size: 14px !important; font-weight: 300; text-transform: none; text-align: justify; padding-left: 10px; padding-right: 10px; } .col-2-text-wrapper .title-wrapper h2 { margin-bottom: 0px; font-size: 26px; } .img-responsive-section-wrapper div.button-wrapper a:after{ border: 1px solid rgba(255, 255, 255, 1); border-radius: 6px; } .bottom-button-wrapper .text-zone { position: absolute; bottom: 0; left: 0; right: 0; padding: 16px 12px; pointer-events: none; } .img-responsive-section .text-zone h2 { font-size: 26px; margin-bottom: 20px; } } @media (min-width: 992px){ header a.logo { width: 76px; } .navbar-wrapper .subnav-wrapper { position: absolute; top: calc(100% + 24px); opacity: 0; pointer-events: none; transition: all 0.5s ease-in-out; padding: 40px 0; } .navbar-wrapper .primary-nav li a { box-sizing: content-box; } .navbar-wrapper .primary-nav li a.opened:after { bottom:-53px; background-color:#fff; } .navbar-wrapper .primary-nav li a:after { bottom:-53px; background-color:#fff; } .navbar-wrapper .primary-nav li a.active:after { bottom:-53px; background-color:#42B551; } .navbar-wrapper .primary-nav li a.active.menu-in-evidenza:after { bottom:-43px; } .hero-wrapper div.text-wrapper{ width: 80%; text-align: center; } .hero-wrapper h1{ color: #42B551 !important; font-size: 18px !important; font-weight: 500 !important; letter-spacing: 0.18px !important; text-transform: uppercase !important; margin-bottom: 10px !important; } .hero-wrapper h2{ color: white !important; font-size: 48px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 3.84px !important; margin-bottom: 10px !important; } .hero-wrapper div.button-wrapper{ position: relative; /*left: 22%;*/ } .hero-wrapper div.button-wrapper a{ color: white; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 1.40px; } .hero-wrapper div.button-wrapper a:after, .img-responsive-section-wrapper div.button-wrapper a:after, .free-text-wrapper div.button-wrapper a:after{ border: 1px solid rgba(255, 255, 255, 1); border-radius: 6px; } .hero-page-wrapper .text-wrapper .pre-title{ font-size: 20px } .col-3-cards-wrapper{ text-align: center; } .col-3-cards-wrapper h2{ font-size: 36px; font-weight: 700; letter-spacing: 1.80px; } .col-3-cards-wrapper img{ border-radius: 10px; } .col-3-cards-wrapper .label{ font-size: 30px; font-weight: 500; letter-spacing: 1.40px; } .col-3-cards-wrapper p{ font-size: 16px !important; font-weight: 300; text-transform: none; text-align: justify; padding-left: 10px; padding-right: 10px; } .carousel-static-card.job-board-carousel .rounded-icon-wrapper:before{ background:#008752 !important; } .carousel-static-card .title-text { padding-top: 16px; } .carousel-static-card .col-2-text-wrapper .content { padding: 16px 24px 16px 24px; } .col-2-text-wrapper .row .flex-column{ height: 200px; } .col-2-text-wrapper .row .flex-column .title-text p, .carousel-static-card-wrapper .row .flex-column .title-text p{ font-size: 16px; } .col-2-text-wrapper .swiper-wrapper{ height: 180px; } .col-2-text-wrapper .swiper-wrapper h3{ font-size: 24px; min-height: 24px; } .col-2-text-wrapper .swiper-wrapper p{ font-size: 16px; } .col-2-cards-wrapper h2{ font-size: 28px; font-weight: 600; letter-spacing: 0.28px; } .col-2-cards-wrapper h3{ font-size: 20px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.16px; } .col-2-cards-wrapper h4, .col-2-cards-wrapper h4 p{ font-size: 16px; font-weight: 300; letter-spacing: 0.12px; color: #fff !important; } .img-responsive-section-wrapper h2{ font-size: 31px !important; font-weight: 600 !important; } .img-responsive-section-wrapper p{ font-size: 20px !important; font-weight: 300; } .button-wrapper .button-label { font-size: 14px; } .navbar-wrapper .primary-nav li a{ font-size: 15px; } } /* ============ */ /* PAGE HERO */ .hero-container .pre-title{ color: #fff; } .hero-container.small .text-zone .text-wrapper p{ font-size: 1.8rem; } .hero-container.small .img-zone .img-wrapper{ opacity: 90%; background-color: #000; } /*= PAGE HERO =*/ /* IMAGE MODULE */ /* .img-responsive-section .img-responsive-section-wrapper .img-wrapper.img-full-page{ opacity: 90%; background-color: #000; } */ /*= IMAGE MODULE =*/ /* JOB BOARD MODULE */ .job-board-carousel .title-text p strong{ font-size: 1.1em; } .job-board-carousel .swiper-wrapper { height: 280px; } .job-board-carousel.card-type--image .swiper-wrapper { height:360px; } .job-board-carousel .swiper-slide { /*margin-right: 24px;*/ background: linear-gradient(#004228 25%, #008752); padding: 20px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 8px; border: 1px #F5F5F5 solid; justify-content: flex-start; align-items: flex-start; margin: 12px; color: #fff; /*height: 375px !important;*/ } .job-board-carousel.card-type--image .swiper-slide { width: 440px; padding: 0px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 8px; border: none; justify-content: flex-start; align-items: flex-start; margin: 0px; color: #fff; background: none; } .job-board-carousel.card-type--image .img-container { border-radius: 10px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%); } .job-board-carousel.card-type--image img { border-radius: 10px; opacity: 0.55; } .job-board-carousel.card-type--image .bottom{ position: absolute; bottom: 10%; width: 100%; margin-left: 10px; } .job-board-carousel .swiper-slide p{ color: #fff; } .job-board-carousel .swiper-slide_text{ font-size: 14px; } .job-board-carousel .button-wrapper{ position: absolute; bottom: 20px; right: 20px; border-radius: 8px; padding: 0 10px; } .job-board-carousel.card-type--image .button-wrapper{ border-radius: 8px; padding: 0 10px; position: unset; border-color: white; border: 1px solid; } .job-board-carousel .job-carousel__cta-label.button-wrapper{ position: absolute; bottom: 30%; left: 0; border-color: white; } .job-board-carousel.card-type--image h3 { width: 70%; } .job-board-carousel .button-wrapper a{ padding: 10px 0 !important; } .job-board-carousel .button-wrapper .button-label{ color:#fff !important; display: block; visibility: visible !important; } .job-board-carousel .rounded-icon-wrapper:before{ background:#008752 !important; } .job-board-carousel .carousel-controls { margin-top: -10px; } .job-board-carousel.card-type--image .carousel-controls { margin-top: 10px; width: 50%; } .job-board-carousel.card-type--image .arrows { position: absolute; left: 35%; } .job-board-carousel .carousel-controls .row { height: 100px; } .carousel-static-card.job-board-carousel.dark-bg .rounded-icon-wrapper:before { background: #fff !important; } .carousel-static-card.job-board-carousel.dark-bg a .rounded-icon-wrapper .icon{ width: 24px; height: 24px; margin-top: 6px; stroke: #008752; } @media (max-width: 992px){ .job-board-carousel .job-carousel__cta-label.button-wrapper { position: unset; margin-bottom: 16px; } } /*= JOB BOARD MODULE =*/ .free-text-wrapper .col-md-6{ display: flex; } .free-text-wrapper .col-md-6 .button-wrapper{ margin: 0 4px; } .free-text h2 { width: 70%; } /* FREE CONTENT MODULE */ .free-text-wrapper .col-md-6 .button-wrapper a::before, .free-text-wrapper .col-md-6 .button-wrapper a::after { content:none; } @media (max-width: 936px){ .free-text-wrapper .button-wrapper a{ font-size: 1.3rem; padding: 12px 10px; } } /*= FREE CONTENT MODULE =*/ /* CARDS MODULE */ .col-2-cards.dark-bg .text-zone h3{ color: #004228 !important; font-size: 28px; text-transform: none; } /*= CARDS MODULE =*/ /* IMAGE TEXT MODULE */ .mod_imagetext.dark-bg a[role=link]{ background-color: #42B551; border-radius: 0.8rem; text-decoration: none !important; color: #FFF; font-size: 1.6rem; width: 24rem; padding: 0.8rem 1.2rem; display: inline-block; text-align: center; } .mod_imagetext a[role=link]{ background-color: #004228; border-radius: 0.8rem; text-decoration: none !important; color: #FFF; font-size: 1.6rem; width: 24rem; padding: 0.8rem 1.2rem; display: inline-block; text-align: center; } .format--testimonial h2{ color: #008752; font-size: 32px; font-weight: 700; line-height: 40px; word-wrap: break-word } .format--testimonial .text-div p{ color: black; font-size: 18px; font-style: italic; font-weight: 200; line-height: 28px; word-wrap: break-word } .format--testimonial .sottotesto{ color: black; font-size: 18px; font-weight: 400; line-height: 28px; word-wrap: break-word } /*= IMAGE TEXT MODULE =*/ /* CARD CAROUSEL MODULE WITHOUT SLIDER */ section.no-slider{ /*height: 250px;*/ } .swiper-slide.no-slider{ box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 8px; margin-right:28px; margin-left: 0px; padding-bottom: 30px; padding-top: 30px; display: inline-block; height: 180px !important; } .swiper-slide.no-slider .card-text{ display: flex; margin: 0px 16px; } .swiper-slide.no-slider .card-text .num{ font-size:2.2rem; padding-right: 16px; padding-left: 0px; } .swiper-slide.no-slider .card-text p{ text-align: justify; } @media (max-width: 1082px){ .swiper-slide.no-slider{ width: calc(100% - 16px); } } @media (min-width: 1082px){ .swiper-slide.no-slider{ width: calc(30%) !important; } } /*= CARD CAROUSEL MODULE WITHOUT SLIDER =*/ /* PT_JOB STYLE */ .pt-job__linkback{ position: absolute; top: 15px; right: 0px; font-size: 16px; text-transform: uppercase; width: 30%; } .pt-job__linkback a:hover{ color: #42B551; } .pt-job__linkback .icon{ vertical-align: middle; } /*= PT_JOB STYLE =*/ /* FIX FRONT_END */ .hero-wrapper .text-zone { padding-left: 0; } .hero-wrapper .text-zone .col-12 { max-width: 77%; } .hero .text-wrapper { display: flex !important; flex-direction: column !important; justify-content: center !important; } .hero-wrapper h1 { color: #42B551; font-size: 18px; font-weight: 500; letter-spacing: 0.18px; text-transform: uppercase; margin-bottom: 10px; } .hero-wrapper h2 { color: white !important; font-size: clamp(16px, 2.6vw, 48px) !important; font-weight: 700; text-transform: uppercase; letter-spacing: 3.84px; margin: 0; white-space: normal !important; } .hero-wrapper div.button-wrapper a{ margin-top: 20px; color: white; font-weight: 500; text-transform: uppercase; letter-spacing: 1.40px; } .hero-wrapper div.button-wrapper a:after{ border: 1px solid rgba(255, 255, 255, 1); border-radius: 6px; } @media (min-width: 992px) { .hero-wrapper .text-zone { display: flex !important; justify-content: center; align-items: center; } .hero-wrapper div.button-wrapper { margin: 0 auto; } } @media (min-width: 768px) and (max-width: 991px) { .hero-wrapper .text-zone h1, .hero-wrapper .text-zone h2, .hero-wrapper div.button-wrapper { padding: 0 40px; } .hero-wrapper .text-zone h2 { font-size: 36px !important; } #address-section { overflow-x: hidden; } } @media (max-width: 767px) { .hero-wrapper div.button-wrapper a { padding: 15px !important; font-size: 14px; } } /* fix pre go-live */ header .navbar-wrapper .primary-nav .icon { stroke: rgba(66,181,81,1); } .navbar-wrapper .close-nav { cursor: pointer; top: -16px; } .navbar-wrapper .socials li.bottom-col:not(:last-child) { margin-right: 16px; } .navbar-wrapper .socials .icon { width: 32px !important; height: 32px !important; } #address-section .address-social a:not(:last-child) { margin-right: 12px; } .address-social a .icon { width: 32px !important; height: 32px !important; } #menu-footer { padding: 0; margin-block: 16px 24px; } #menu-footer li { list-style-type: none; } #menu-footer li:not(:last-child) { margin-bottom: 8px; } #menu-footer a { font-size: 14px !important; } .arrows .rounded-icon-wrapper .circle-out { border-color: #008752; } .dark-bg .arrows .rounded-icon-wrapper .circle-out { border-color: #fff; } .dark-bg .arrows a:hover .rounded-icon-wrapper .circle-out { border-color: #fff; } .dark-bg .arrows a:hover .rounded-icon-wrapper .icon { stroke: #fff; } .bottom-2-cols-wrapper .col-12 { padding: 0; } .video-section-wrapper .text-zone a:hover { text-decoration: underline; } .container-checkbox a { color: #008752; } .form-group select { padding: 10px; } .form-group label { font-size: 12px; margin-bottom: 4px; display: inline-block; } .custom-button { transition: background-color 0.2s, color 0.2s; border-color: var(--text-secondary); } .custom-button:hover { border: 1px solid #004228; } button:hover { cursor: pointer; } .dark-bg a[href^="tel"] { color: #fff !important; } .quotator .feature-text label { margin-bottom: 0; height: auto; padding: 16px; display: flex; align-items: center; } .quotator .feature-info { position: relative; inset: 0; margin-left: 8px; line-height: 1; display: flex; align-items: center; } .quotator .feature-info .text-back { margin-top: 0; } .quotator .checkmark-radio { position: relative; inset: 0; } .mod_imagetext .video-section-wrapper { height: 0; padding-bottom: 56.25%; position: relative; } .mod_imagetext .video-section-wrapper img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } html, body { scroll-padding-top: 104px; } @media (min-width: 520px) { .navbar-footer.d-lg-none { padding-inline: 16.66666%; } } @media (min-width: 520px) and (max-width: 991px) { .footer-top-wrapper .link-list .linklist-cols { width: 25% !important; padding-right: 8px; } .linklist-cols-first { display: none; } } @media (max-width: 991px) { header { padding-block: 20px; } .navbar-wrapper ul li a { font-size: 16px; } .navbar-wrapper .logo-wrapper { padding-block: 20px; } #address-section .address-wrapper p { font-size: 14px; } } @media (min-width: 992px) { header .navbar-wrapper .primary-nav .icon { stroke: #fff; } .card-team-modal-wrapper .text-zone { padding: 8px 28px 16px; } html, body { scroll-padding-top: 135px; } } @media (min-width: 1200px) { .footer-top-wrapper ul.second li { margin-bottom: 4px; } .video-section-wrapper .play-button { transition: transform 0.2s; } .video-section-wrapper .play-button:hover { transform: scale(1.1); } } .logo img.logo-primary, .logo img.hidden { height: 65px !important; width: auto !important; max-width: none !important; } /* Header logo: keep it visible, never cropped */ .logo { flex-shrink: 0; overflow: visible !important; } header a.logo { width: auto !important; display: inline-flex; align-items: center; } .logo img.logo-primary, .logo img.hidden { height: 42px !important; width: auto !important; max-width: none !important; } header .navbar-header .logo-wrapper { margin-right: 32px; } /* Hero homepage: centre the logo above the slogan, do not stretch full-width */ .hero-wrapper .hero-logo-wrapper { text-align: center; margin-bottom: 24px; width: 100%; } .hero-wrapper .hero-logo-wrapper img { width: clamp(200px, 40vw, 480px); height: auto; display: inline-block; max-width: 100%; } /* Hero homepage slogan: Raleway, never uppercase; light base, bold on / */ #hero h2, #hero h1, .hero-wrapper h2, .hero-wrapper h1, .hero-content h2, [class*="hero"] h2, .home [class*="hero"] h2 { font-family: 'Raleway', sans-serif !important; font-weight: 200 !important; text-transform: none !important; } [class*="hero"] h2 b, [class*="hero"] h2 strong { font-family: 'Raleway', sans-serif !important; font-weight: 700 !important; text-transform: none !important; }