/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%;font: inherit; vertical-align: baseline; font-family: Raleway;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
/* Font */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&display=swap');
/* Tag Generico */
div#hs-eu-cookie-confirmation {display: none !important;}
.zindextypeform{z-index:9999999}
.provawardImage{height: 410px; display: flex; align-items: center}
.custom-back-btn { 
	position: fixed;
    bottom: 0;
    background: #ffff;
    width: 100%;
    padding: 15px;
    text-align: center;
    z-index: 9;
    -webkit-box-shadow: 0px -6px 15px -6px rgb(0 0 0 / 53%);
    box-shadow: 0px -6px 15px -6px rgb(0 0 0 / 53%);
	color: #000 !important;
}
i{font-style: italic !important;}
em{font-style: italic !important;}
.new_contact label { font-weight: 500; font-size: 16px; color: #422D70; line-height: 24px; margin-left: 15px; }
.new_contact input {
    background: rgba(66, 45, 112, 0.05);
    border: 1px solid #422D70;
    border-radius: 2px;
    height: 50px;
    margin-top: 5px;
    font-size: 16px;
    margin-bottom: 25px !important;
}
.new_contact textarea { background: rgba(66, 45, 112, 0.05); border: 1px solid #422D70; border-radius: 2px; margin-top: 5px; font-size: 16px; height: 230px }
.new_contact input[type="submit"] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-top: 36px;
    height: 58px;
}
.new_contact small {
    color: #422D70;
    font-size: 12px;
    text-align: center;
    width: 500px;
    margin: auto;
    display: flex;
    line-height: 14px;
}
.new_contact .wpcf7-spinner { display: none; }
.contact-title h3 { margin: 16px 0 34px 0; }
.lineheight p{line-height: 23px;}
.box-title { font-weight: 500; font-size: 24px; line-height: 24px; margin-bottom: 17px; }
.social-box a { color: #422D70; }
.new_contact .wpcf7-checkbox input[type="checkbox"] { display: none; }
.new_contact .wpcf7-checkbox input[type="checkbox"] + span {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    border-radius: 50px;
    background: rgba(66, 45, 112, 0.1);
    padding: 10px 20px;
    display: inline-block;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.new_contact .wpcf7-checkbox input[type="checkbox"]:checked + span {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    background: #422D70;
    color: #fff;
}
.new_contact .wpcf7-checkbox .wpcf7-list-item { margin-bottom: 25px !important; margin-top: 3px !important; }

/* BLOG */
.entry-title {font-size: 60px;line-height: 72px;}
.entry-content h2 { font-size: 50px;}
.entry-content h3 { font-size: 42px;}
.entry-content h4 { font-size: 30px;}
.entry-content ol { font-size: 20px; line-height: 30px; font-weight: 400; }
.entry-content img { margin-top: 2em; }
.grecaptcha-badge {visibility: hidden !important;}

/*p{font-size: 20px; line-height: 30px; font-weight: 400;}*/
/*h1{font-size: 140px; line-height: 154px; font-weight: 800;}*/
/*h2{font-size: 64px; line-height: 58px; font-weight: 800;}*/
/*h3{font-size: 50px; line-height: 55px; font-weight: 800;}*/
/*h4{font-size: 42px; line-height: 49px; font-weight: 800;}*/
/*h5{font-size: 20px; line-height: 23px; font-weight: 500 !important;}*/
/*h6{font-size: 18px;line-height: 22px;font-weight: 400 !important;}*/
p { font-size: 18px; line-height: 30px; font-weight: 500; }
small { font-size: 12px; line-height: 19px; font-weight: 500; }
h1 { font-size: 47px !important; font-weight: 800; line-height: 42px; }
h2, .banner h2 { font-size: 37px; font-weight: 800; line-height: 33px; }
h3, .banner h3 { font-size: 29px; font-weight: 800; line-height: 26px; }
h4, .banner h4 { font-size: 23px; font-weight: 800; line-height: 20px; text-transform: uppercase; color: #F78598 !important; letter-spacing: 1px; }
h5, .banner h5 { font-size: 18px; font-weight: 600; line-height: 16px; }
h6, .banner h6 { font-size: 12px; font-weight: 500; line-height: 14px; }
.big-heading { font-size: 140px !important; line-height: 160px; font-weight: 800; }
.big-heading-stroke { font-size: 140px !important; line-height: 126px; font-weight: 800; -webkit-text-stroke-width: 2px !important; -webkit-text-stroke-color: #fff !important; color: transparent !important; }
strong { font-weight: 800; }
.new-button-primary, .new-button-primary:hover { background-color: #5CF9BC !important; color: #422D70 !important; padding: 12px 36px; font-size: 18px !important; box-shadow: none !important; }
.new-button-secondary-white { background-color: transparent !important; padding: 12px 35px; font-size: 18px !important; border: 2px solid #fff; color: #fff; }
.new-button-secondary-black, .new-button-secondary-black:hover { background-color: transparent !important; padding: 12px 36px !important; font-size: 18px !important; border: 2px solid #000; color: #000 !important; box-shadow: none !important; }
.recaptcha { font-size: 12px !important; color: #ffffff !important; }




.pFont24 p{font-size: 24px; line-height: 28px; font-weight: 400}
.h1Font94 h1{font-size: 94px !important; line-height: 110px;}
.h1Font84 h1{font-size: 84px !important; line-height: 100px;}
.pFont32 p{font-size: 32px; line-height: 38px;}
.pFont70 p{font-size: 70px; line-height: 82px;}
.pFont18 p{font-size: 18px; line-height: 22px}
.pFont24{font-size: 24px; line-height: 32px; font-weight: 500}
.h3Font48 h3{font-size: 48px; line-height: 52px}
.h1Font100 h1{font-size: 100px; line-height: 110px}
.h6Font12 h6{font-size: 12px; line-height: 11px; opacity: .5}
.h5Font16 h5{font-size: 16px; line-height: 18px; font-weight: 800 !important}
.bottoneCTAF20CBlu{font-size: 20px !important; line-height: 24px !important; color: #422D70 !important}
/*.banner h3{font-size: 50px !important}*/
strong{font-weight: 800}
.col {padding: 0 !important}
.linktag{text-decoration: none !important; font-weight: 800; color: #422D70; font-size: 16px}
.linktag a:hover{text-decoration: none !important; font-weight: 500;}
.testoFormContatti p{font-size: 52px; font-weight: 400; line-height: 60px}
.footerText p{font-size: 16px; line-height: 26px}
.footerText a{text-decoration: none !important; color: #FFFFFF;}
.footerTextCopy p{font-size: 12px; line-height: 16px}
.footerTextCopy a{text-decoration: none !important; color: #FFFFFF;}
.header-main .nav > li > a {font-size: 16px; font-family: Raleway !important; font-weight: 800 !important}
.header-inner{padding: 0!important;}
.tagGap > * + * { margin-left: 20px;}
.linktag img{width: 30px; margin-right: 10px}
.displayFlex{display: flex}
/* Home */

/* Testo Scorrevole */
.marquee { white-space: nowrap; overflow: hidden; box-sizing: border-box; width: 100%; margin: 3% 0; }
.marquee p { display: inline-block; padding-left: 0%; font-size: 140px; font-weight: 900; line-height: 100%; animation: marquee 60s linear infinite; margin-bottom: 0; text-transform: uppercase; background: -webkit-linear-gradient(-90deg, #5CF9BC, #422D70 80%); -webkit-background-clip: text; -webkit-text-stroke: 2px transparent; color: #422D70; font-family: Raleway !important;}
@keyframes marquee {
    0% {transform: translate(0, 0);} 100% { transform: translate(-100%, 0);}
}
/* Fine testo scorrevole */

/* Testo Scorrevole 2*/

.marquee2 {white-space: nowrap; overflow: hidden; box-sizing: border-box; width: 100%; margin: 3% 0;}
.marquee2 p {display: inline-block;padding-left: 100%;font-size: 140px;font-weight: 900;line-height: 100%;animation: marquee2 60s linear infinite;margin-bottom: 0;background: -webkit-linear-gradient(271deg, #5CF9BC 0%, #422D70 80.12%);-webkit-background-clip: text;-webkit-text-stroke: 4px transparent;color: #fff;text-transform: uppercase; font-family: Raleway !important;}
@keyframes marquee2 {
    0% {transform: translate(0, 0);} 100% {transform: translate(-100%, 0);}
}
/* Fine testo scorrevole 2*/

/* Testo Scorrevole 3*/

.marquee3 {white-space: nowrap; overflow: hidden; box-sizing: border-box; width: 100%; margin: 3% 0;}
.marquee3 p {display: inline-block;padding-left: 100%;font-size: 140px;font-weight: 900;line-height: 100%;animation: marquee3 60s linear infinite;margin-bottom: 0;background: -webkit-linear-gradient(271deg, #5CF9BC 0%, #422D70 80.12%);-webkit-background-clip: text;-webkit-text-stroke: 4px transparent;color: #fff;text-transform: uppercase;font-family: Raleway !important;}
@keyframes marquee3 {
    0% {transform: translate(0, 0);} 100% {transform: translate(-100%, 0);}
}
/* Fine testo scorrevole 3*/

/* Testo Scorrevole 4*/

.marquee4 {white-space: nowrap; overflow: hidden; box-sizing: border-box; width: 100%; margin: 3% 0;}
.marquee4 p {display: inline-block;padding-left: 100%;font-size: 140px;font-weight: 900;line-height: 100%;animation: marquee4 60s linear infinite;margin-bottom: 0;text-transform: uppercase;background: -webkit-linear-gradient(271deg, #5CF9BC 0%, #422D70 80.12%);-webkit-background-clip: text;-webkit-text-stroke: 4px transparent;color: #fff; font-family: Raleway !important;}
@keyframes marquee4 {
    0% {transform: translate(0, 0);} 100% {transform: translate(-100%, 0);}
}
/* Fine testo scorrevole 4*/

/* Testo Scorrevole 5*/

.marquee5 {white-space: nowrap; overflow: hidden; box-sizing: border-box; width: 100%; margin: 3% 0;}
.marquee5 p {display: inline-block;padding-left: 100%;font-size: 140px;font-weight: 900;line-height: 100%;animation: marquee5 60s linear infinite;margin-bottom: 0;text-transform: uppercase;background: -webkit-linear-gradient(271deg, #5CF9BC 0%, #422D70 80.12%);-webkit-background-clip: text;-webkit-text-stroke: 4px transparent;color: #fff; font-family: Raleway !important; height: 142px}
@keyframes marquee5 {
    0% {transform: translate(0, 0);} 100% {transform: translate(-100%, 0);}
}
/* Fine testo scorrevole 5*/

/* Blocco Contatti */

.CF7NomeCognome input, .CF7Email input, .CF7Telefono input, .CF7Parlaci textarea{background-color: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 4px;padding-top: 25px;padding-bottom: 25px; color: #FFFFFF}
.CF7Parlaci textarea{resize: none; min-height: 80px}
.CF7NomeCognome input::placeholder, .CF7Email input::placeholder, .CF7Telefono input::placeholder, .CF7Parlaci textarea::placeholder{color: #FFFFFF;}
.CF7Trattamento{color: #FFFFFF}
.CF7Submit input{background-color: #FFFFFF !important; color: #422D70 !important; text-transform: inherit; padding: 10px 50px 10px 50px; margin: 0px; margin-top: 20px !important;}
.CF7EmailTelefono{display: grid; grid-template-columns: 1fr 1fr; gap: 20px}
.CF7SubCont{display: flex;justify-content: center;}
.CF7Submit{flex-direction: column;display: flex;}
.wpcf7 form.invalid .wpcf7-response-output{border-color: #FF6E5B; color: #FFFFFF !important}
.wpcf7{color: #FFFFFF !important}
.wpcf7-list-item{margin: 0 !important}
.CF7Parlaci textarea:focus{-webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc;opacity: 1 !important;outline: 0;color: #333;background-color: #fff; !important;}

/* Fine Blocco Contatti */

/* Slider Hero Tabs */

.buttonHeroTabs{border-radius: 0;border: 2px solid #fff;line-height: 56px;font-size: 16px;color: #FFFFFF;letter-spacing: 0;padding: 20px 30px !important; text-decoration: none; font-weight: 700}
.buttonHeroTabs:hover{background-color: #ffffff; color: #422D70}
.sectionImage{width: 600px; height: 500px}
.containerHero{background-color:#422D70;background: linear-gradient(120.96deg, rgba(66, 45, 112, 0.79) 0%, rgba(66, 50, 114, 0.74) 22.92%, rgba(69, 70, 121, 0.74) 48.96%, rgba(73, 104, 134, 0.77) 75%, rgba(79, 152, 152, 0.58) 86%, rgba(87, 215, 175, 0.33) 96%, rgba(92, 249, 188, 0.2) 100%);}
.sectionHero{height: 80vh; color: white;}
.buttonHero{height: 20vh; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; color: white}
.button1{background-color: #5CF9BC; cursor: pointer; display: flex;flex-direction: column ; justify-content: center;padding-left: 35px}
.button2{background-color: #ffffff; cursor: pointer; display: flex;flex-direction: column ; justify-content: center;padding-left: 35px}
.button3{background-color: #ffffff; cursor: pointer; display: flex;flex-direction: column ; justify-content: center;padding-left: 35px}
.button4{background-color: #ffffff; cursor: pointer; display: flex;flex-direction: column ; justify-content: center;padding-left: 35px}
.button5{background-color: #ffffff; cursor: pointer; display: flex;flex-direction: column ; justify-content: center;padding-left: 35px}
.sectionCustomTabs{display: flex; justify-content: center; align-items: center; height: 100%; gap: 20px}
.h4Font26{font-size: 26px; line-height: 50px; font-weight: 800 !important;}
.colorWhite{color: #FFFFFF !important}
.margin30{margin-bottom: 30px;}
.margin50{margin-bottom: 50px;}
.pFont15{font-size: 15px; line-height: 30px; color: #422D70}
.sectionText{width: 735px; max-width: 735px;}
.wpcf7 input[type="file"]{font-size: 16px}
.fourward{display: flex; justify-content: center; padding: 0 120px; color: #422D70}
/* Fine Slider Hero Tabs */

/* Slider Clienti */

.containerClienti {width: 100%;overflow: hidden;position: relative;max-height: 600px;display: flex;}
.itemsClienti {display: flex;align-items: center;width: fit-content;animation: carouselAnimCLienti 30s linear infinite ;}
.itemsClienti2 {display: flex;align-items: center;width: fit-content;animation: carouselAnim2 30s linear infinite ;}
.entryClienti {display: flex;align-items: center;flex-direction: column;position: relative;width: 220px;margin: 0.5em;}

/*@media only screen and (max-width: 768px) {
    .items {animation: carouselAnim 25s infinite alternate linear;}
    @keyframes carouselAnimCLienti {
        0% { top: 0 }
        100% { top: 100px }
    }
}*/

@keyframes carouselAnimCLienti {
    0% { transform: translateY(-400px) }
    50% { transform: translateY(0px) }
    100% { transform: translateY(-400px) }
}

@keyframes carouselAnim2 {
    0% { transform: translateY(0px) }
    50% { transform: translateY(-400px) }
    100% { transform: translateY(0px) }
}

.containerClienti .faders {width: 100%;position: absolute;height: 100%;}

.faders .right,
.faders .left {
    background: linear-gradient(
            to right,
            rgba(245, 245, 245, 1) 0%,
            rgba(255, 255, 255, 0) 100%
    );
    width: 15%;height: 100%;position: absolute;z-index: 200;
}

.right {
    right: 0;
    background: linear-gradient(
            to left,
            rgba(245, 245, 245, 1) 0%,
            rgba(255, 255, 255, 0) 100%
    );
}
.imageClienti {width: 220px;}
/* Fine Slider Clienti */

/* Immagini Hover */
.containerImmagini {max-height: 700px;height: 700px;display: grid;grid-template-columns: 1fr 1fr;}
.layoutImmagine{height: 100%;width: 100%;max-height: 700px;object-fit: cover}
.layoutDiv{display: grid;grid-template-rows: 1fr 1fr 1fr;}
.divImmagine1, .divImmagine2, .divImmagine3{display: flex;text-align: center;align-items: center;font-size: 42px; justify-content: center;cursor: pointer;}
.containerImmagineTesto{display: grid; grid-template-columns: 105px 1fr; gap: 40px;}
.hrHover{margin-top: 0 !important; opacity: 1; border-top: 2px solid #422D70; width: 300px}
.immagineRemove1{width: 90px; height: 90px}
.immagineRemove2{width: 105px; height: 91px}
.immagineRemove3{width: 94px; height: 94px}
hr{margin: 0}
.pB9 {padding-bottom: 11px}
.alignCenter{display: flex; flex-direction: column; justify-content:space-around }
/* Fine Immagini Hover */

.sezione-clienti{padding-bottom: 0 !important}
.titolo-ossigeno p{font-size: 42px; line-height: 50px}
.titolo-ossigeno span{font-weight: 800}
.testo p{font-size: 18px}
.testo span{font-weight: 800}
.bgFooter{background: linear-gradient(120.96deg, #422D70 0%, rgba(66, 50, 114, 0.98) 43%, rgba(69, 70, 121, 0.9) 61%, rgba(73, 104, 134, 0.77) 75%, rgba(79, 152, 152, 0.58) 86%, rgba(87, 215, 175, 0.33) 96%, rgba(92, 249, 188, 0.2) 100%); background-color: #422D70}
.absolute-footer {display: none !important}
.bottone-testo-blu{color: #422D70 !important; font-size: 18px !important}
.bottoneTestoBianco{font-size: 18px !important; font-weight: 700 !important}
.heroText h1{font-size: 140px; font-weight: 800}
.heroTextStroke{-webkit-text-stroke-width: 2px !important;-webkit-text-stroke-color: #FFFFFF !important; color: transparent !important}
.testoBannerInterlinea p{font-size: 20px; font-weight: 500; line-height: 22px}
.sfondoProgetto{
    background: linear-gradient(120.96deg, rgba(66, 45, 112, 0.79) 0%, rgba(66, 50, 114, 0.74) 22.92%, rgba(69, 70, 121, 0.74) 48.96%, rgba(73, 104, 134, 0.77) 75%, rgba(79, 152, 152, 0.58) 86%, rgba(87, 215, 175, 0.33) 96%, rgba(92, 249, 188, 0.2) 100%);
    min-height: 550px; background-color: #422D70 !important;display: flex; align-items: center;}
.sfondoProgetto a{position: absolute;left: 0;bottom: 0;margin-left: 10px;padding: 16px 50px;background: #5cf9bc;color: #422D70;font-weight: 700;}
/* Fine Home */

/* We Code */

.we h2{color:#FFFFFF;font-family: 'Raleway';font-style: normal;font-weight: 800;font-size: 140px;line-height: 164px;display: flex;align-items: center;-webkit-text-stroke: 1px solid #FFFFFF;}
.hit h2{color:#FFFFFF;font-family: 'Raleway';font-style: normal;font-weight: 800;font-size: 140px;line-height: 164px;display: flex;align-items: center;-webkit-text-stroke: 1px solid #FFFFFF;}

/* Fine We Code */

/* We Start Up */

.sfumatura-arancio{background: linear-gradient(93.86deg, #422D70 3.65%, #FF6E5B 24.15%, #FFA800 110.8%);}
.testoTag{font-size: 20px; font-weight: 700; color: #422D70}
.tag-background{padding: 13px 20px; background: #EBEBEB;border-radius: 20px;cursor: pointer}
.tag-background:hover{background: #422D70; color: #FFFFFF !important;}
.tag-background a:hover{color: #FFFFFF !important;}
.testoStartUp p{font-size: 84px; line-height: 98px}

/* Fine We Start Up */

/* We 4Ward */

/* Tabs 4Ward */
.tabStep{display: grid; grid-template-columns: 745px 1fr}
.tabTextStep{font-size: 18px !important; font-weight: 800; color: #422D70}
.tabButtonStep1, .tabButtonStep2, .tabButtonStep3{cursor: pointer ;background-color: #F9F7F7;  height: 122px !important; max-height: 122px !important; display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center}
.tabButtonStepActive{background-color: #FFFFFF !important; box-shadow: 0px 4px 64px rgba(0, 0, 0, 0.25);}
/* Fine Tabs 4Ward */

.sottotitolo4ward h2{font-size: 30px !important}
.testoBanner4ward p{font-size: 38px !important; line-height: 44px}
.titolo4Ward p{font-size: 50px}

/* Fine We 4Ward */

/* Cookiebot */
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { background-color: #422D70 !important; border: none !important; }

#CookiebotWidget .CookiebotWidget-consent-details button, #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a, #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover, #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover, #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover  { color: #422D70 !important; }

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg { fill: #422D70 !important; }

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton, #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw { border-color: #422D70 !important; }

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive { border-bottom: 1px solid #422D70 !important; color: #422D70 !important; }

#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider { background-color: #422D70 !important; }
#CookiebotWidget .CookiebotWidget-logo svg circle {fill: #422D70 !important}
#CookiebotWidget:not(.CookiebotWidget-open) button.CookiebotWidget-logo svg {border: 2px solid white; border-radius: 99px;}
/* Fine Cookiebot */

/* Ecommerce */

.testoContattaciEcommerce p{font-size: 32px; line-height: 38px}

.testoHitVerde h2 {font-size: 70px; line-height: 82px;}
.testoHitVerde p{font-size: 24px; line-height: 28px; font-weight: 500}
.testoGrandeHit p{font-size: 50px; line-height: 58px}
.onlyDesktop{display: grid !important}
.onlyMobile{display: none !important}
/* Fine Ecommerce */

/* Slider 4Ward */
.tab4WardActive{background: #FF7F93;}
.tab4WardActive h4{color: #FFFFFF !important; font-weight: 800 !important}
.tabSvilActive{background: #5CF9BC;}
.tabSvilActive h4{color: #422D70 !important; font-weight: 800 !important}
.tabContActive{background: #5CF9BC;}
.tabContActive h4{color: #422D70 !important; font-weight: 800 !important}
.textTabSvil1, .textTabSvil2, .textTabSvil3{max-width: 620px; color: #422D70; font-size: 24px}
/* Fine Slider 4Ward */

/* PAGINA ARTICOLO */

.article-social .logo-author { display: flex; align-items: center; gap: 23px }
.article-social .logo-author .author .author-name { font-family: 'Raleway';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #422D70;
}
.article-social .logo-author .author .date { font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #828282;
}
.article-social .logo-author img { margin-top: 0; width: 50px; }
.blog-featured-title { display: none; }
.article-header h1 { font-family: 'Raleway';
    font-style: normal;
    font-weight: 800;
    font-size: 42px;
    line-height: 47px;
}

.article-header p {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #422D70;
}

.article-body h2 {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 800;
    font-size: 33px;
    line-height: 37px;
}
.article-body h3 {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 800;
    font-size: 26px;
    line-height: 29px;
}


.article-quote h2 {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 42px;
}

.article-footer .author { display: flex; gap: 20px; align-items: center; font-size: 14px; color: #828282; }
.article-footer .row {  }
.article-footer .author .author-name { font-size: 14px; }
.article-footer .author .tag {
    background: #422D70;
    border-radius: 5px;
    padding: 0 20px;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
}
.next-prev-nav .icon-angle-left { background: #E1E1E1; padding: 0 15px; color: #422D70; }
.next-prev-nav a { color: #422D70; }
/*.next-prev-nav .icon-angle-left::before { content: url("/next2022/wp-content/uploads/2022/11/Arrow-1.png") }*/
.next-prev-nav .icon-angle-right { background: #422D70; padding: 0 15px; color: #fff; }
/*.next-prev-nav .icon-angle-right::before { content: url("/next2022/wp-content/uploads/2022/11/Arrow-2.png") }*/
.single-post .entry-content img { margin-top: 0; }
.article-extra-footer h2 {
    font-weight: 800;
    font-size: 36px;
    line-height: 33px;
}
.article-extra-footer h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
}
.article-footer { border-bottom: 1px solid #ececec; }
.next-prev-nav { border-top: none; }
.next-prev-nav > * { padding-bottom: 40px !important; }
.single-post #main { background-color: #F8F8F8; }
.single-post #content { padding: 0; }
.single-post #content > .row { background-color: #fff; }
.single-post .entry-content { padding-top: 40px; }
.button.icon.circle { width: 25px; height: 24px; }

/* Portfolio custom */
.nav-tabs>li>a{background: #EBEBEB; border: none;border-radius: 20px;padding: 20px 30px;text-transform: capitalize; font-family: Raleway !important; font-size: 16px !important}
.nav-tabs>li.active>a{background: #422D70 !important;color: white}
.portfolioCustom .col{padding: 0 9px 19px !important;}
.portfolioCustomSlider .col{padding: 0 9px 19px !important;}
.portfolioCustom .mb-half{margin-bottom: 80px !important}
.portfolioCustom .box-text-inner h6{font-size: 24px !important; font-weight: 400 !important; color: #422D70 !important; text-transform: capitalize}
.portfolioCustom .box-text-inner {max-width: 396px;overflow: hidden; white-space: nowrap}
.portfolioCustom .portfolio-box-category{display: none !important}
/*.portfolioCustom .image-cover img{object-fit: fill !important;}*/
.portfolio-single-page .row .entry-summary{display: none !important}
.portfolioCustomSlider .image-cover img{object-position: 50%;-o-object-position: 50%;}
.sezionePortfolioTop {margin-top: -30px !important}
.imac-container-handsome {z-index: 999;background-image: url("/wp-content/uploads/2022/09/imachandshome.png");background-repeat: no-repeat;height: 800px;width: 920px;position: relative;margin: 0 auto;background-size: 100%;}
.content-imac-handsome {position: absolute;top: 17px;width: 850px;height: 582px;left: 3.2%;overflow: hidden;border-radius: 10px 10px 30px 30px;}
.immagineProjectSuNero {margin-bottom: -280px}
.img-mobile-handsome {position: absolute;z-index: 9;bottom: 0px;left: -3%; width: 30% !important}
.tagProject{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; text-align: center;}
.tagALayout{padding: 10px 0; border-radius: 20px; cursor: pointer; font-weight: 700}
.tagALayout { margin-right: 10px; margin-bottom: 10px; }
.tagDrinkside a:hover{background-color: rgba(30, 193, 137); color: #FFFFFF}
.tagDrinkside a{background-color: rgba(30, 193, 137, 0.1); color: rgba(30, 193, 137);}
.tagKare a:hover{background-color: #E3131C; color: #EDDEDB}
.tagKare a{background-color: #EDDEDB; color: #E3131C;}
.tagFitNow a:hover{background-color: #28357B; color: #FFFFFF}
.tagFitNow a{background-color: #FFFFFF; color: #28357B;}
.tagLj a:hover{background-color: #FFFFFF; color: #343432}
.tagLj a{background-color: #343432; color: #FFFFFF;}
.tagViridis a:hover{background-color: #063021; color: #EDE3D2}
.tagViridis a{background-color: #EDE3D2; color: #063021;}
.tagUrcar a:hover{background-color: #1A3854; color: #FFFFFF}
.tagUrcar a{background-color: rgba(26, 56, 84, .1); color: #1A3854;}
.tagCub a:hover{background-color: #AC2517; color: #F2E4E2}
.tagCub a{background-color: #F2E4E2; color: #AC2517;}
.tagOnHair a:hover{background-color: #EFAE48; color: black;}
.tagOnHair a{background-color: rgba(239, 174, 72, 0.2); color: #EFAE48;}
/* Tutti i progetti */
/* Drinkside */
.img-scroll-imac-drinkside {
    animation: translatUpDrinkside 15s infinite 2s ease-in-out;
    width: 100%;
    height: auto;
}

.ellipse-section { overflow: hidden !important; }

.ellipse-row {
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    animation: ellipse 20s infinite;
}

@keyframes ellipse {
    0% {
        left: 0px;
        top: 0px;
        opacity: 1;
        width: 600px;
    }

    10% {
        left: 25%;
        top: 10%;
        opacity: .3;
        width: 200px;
    }

    20% {
        left: 50%;
        top: 40%;
        opacity: 1;
        width: 600px;
    }

    30% {
        left: 90%;
        top: -10%;
        opacity: .3;
        width: 200px;
    }

    40% {
        left: 60%;
        top: 10%;
        opacity: 1;
        width: 600px;
    }

    50% {
        left: 40%;
        top: 10%;
        opacity: .3;
        width: 200px;
    }

    60% {
        left: 30%;
        top: 30%;
        opacity: 1;
        width: 600px;
    }

    70% {
        left: 0%;
        top: 40%;
        opacity: .3;
        width: 200px;
    }

    80% {
        left: 40%;
        top: 20%;
        opacity: 1;
        width: 600px;
    }

    90% {
        left: 30%;
        top: 10%;
        opacity: .3;
        width: 200px;
    }

    100% {
        left: 0px;
        top: 0px;
        opacity: 1;
        width: 600px;
    }
}

.ellipse-row-bis {
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    animation: ellipse-bis 20s infinite;
}

@keyframes ellipse-bis {
    0% {
        right: 0px;
        bottom: 0px;
        opacity: 1;
        width: 600px;
    }

    10% {
        right: 25%;
        bottom: 10%;
        opacity: .3;
        width: 200px;
    }

    20% {
        right: 50%;
        bottom: 40%;
        opacity: 1;
        width: 600px;
    }

    30% {
        right: 90%;
        bottom: -10%;
        opacity: .3;
        width: 200px;
    }

    40% {
        right: 60%;
        bottom: 10%;
        opacity: 1;
        width: 600px;
    }

    50% {
        right: 40%;
        bottom: 10%;
        opacity: .3;
        width: 200px;
    }

    60% {
        right: 30%;
        bottom: 30%;
        opacity: 1;
        width: 600px;
    }

    70% {
        right: 0%;
        bottom: 40%;
        opacity: .3;
        width: 200px;
    }

    80% {
        right: 40%;
        bottom: 20%;
        opacity: 1;
        width: 600px;
    }

    90% {
        right: 30%;
        bottom: 10%;
        opacity: .3;
        width: 200px;
    }

    100% {
        right: 0px;
        bottom: 0px;
        opacity: 1;
        width: 600px;
    }
}



@keyframes translatUpDrinkside {
    0% {
        transform: translateY(0px);
    }

    10% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-4515px);
    }

    60% {
        transform: translateY(-4515px);
    }

    100% {
        transform: translateY(0px);
    }
}
/* Fine Drinkside */
/* FitNow */
.img-scroll-imac-fitnow {
    animation: translatUpFitNow 15s infinite 2s ease-in-out;
    width: 100%;
    height: auto;
}

@keyframes translatUpFitNow {
    0% {
        transform: translateY(0px);
    }

    10% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-2015px);
    }

    60% {
        transform: translateY(-2015px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* Fine FitNow */

/* Fisascat */

.img-scroll-imac-fisascat {
    animation: translatUpFisascat 15s infinite 2s ease-in-out;
    width: 100%;
    height: auto;
}

@keyframes translatUpFisascat {
    0% {
        transform: translateY(0px);
    }

    10% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-2015px);
    }

    60% {
        transform: translateY(-2015px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* Fine Fisascat */

/* LJ */

.img-scroll-imac-lj {
    animation: translatUpLj 10s infinite 2s ease-in-out;
    width: 100%;
    height: auto;
}

@keyframes translatUpLj {
    0% {
        transform: translateY(0px);
    }

    10% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-1880px);
    }

    60% {
        transform: translateY(-1880px);
    }

    100% {
        transform: translateY(0px);
    }
}
/* Fine LJ */
/* Viridis */

.img-scroll-imac-viridis {
    animation: translatUpViridis 8s infinite 2s ease-in-out;
    width: 100%;
    height: auto;
}
@keyframes translatUpViridis {
    0% {
        transform: translateY(0px);
    }

    10% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-456px);
    }

    60% {
        transform: translateY(-456px);
    }

    100% {
        transform: translateY(0px);
    }
}
/* Fine Viridis */

/* Onhair */
.img-scroll-imac-onhair {
    animation: translatUpOnHair 15s infinite 2s ease-in-out;
}
@keyframes translatUpOnHair {
    0% {
        transform: translateY(0px);
    }

    10% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-800px);
    }

    60% {
        transform: translateY(-800px);
    }

    100% {
        transform: translateY(0px);
    }
}
/* Fine Onhair */

/* Urcar */
.img-scroll-imac-urcar {animation: translatUpUrcar 15s infinite 2s ease-in-out;width: 100%;height: auto;}
.img-mobile-handsome-urcar {position: absolute;z-index: 9;bottom: 0px;left: -3%; width: 60% !important}
@keyframes translatUpUrcar {
    0% {
        transform: translateY(0px);
    }

    10% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-2015px);
    }

    60% {
        transform: translateY(-2015px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* Fine Urcar */
/* Fleat */
.img-scroll-imac-fleat {animation: translatUpFleat 15s infinite 2s ease-in-out;width: 100%;height: auto;}
.img-mobile-handsome-urcar {position: absolute;z-index: 9;bottom: 0px;left: -3%; width: 60% !important}
@keyframes translatUpFleat {
    0% {
        transform: translateY(0px);
    }

    10% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-2515px);
    }

    60% {
        transform: translateY(-2515px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* Fine Fleat */
/* Metodo */
.img-scroll-imac-metodo {animation: translatUpMetodo 15s infinite 2s ease-in-out;width: 100%;height: auto;}
.img-mobile-handsome-urcar {position: absolute;z-index: 9;bottom: 0px;left: -3%; width: 60% !important}
@keyframes translatUpMetodo {
    0% {
        transform: translateY(0px);
    }

    10% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-1950px);
    }

    60% {
        transform: translateY(-1950px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* Fine Metodo */
/* Fine Portfolio custom */

/* Candidati Lightbox */

.page-id-226 .mfp-container {padding: 0 !important}
.candidatiLightbox{width: 100vw; height: 100vh; max-width: 100vw !important; max-height: 100vh !important; padding: 0 !important; background-color: #422D70; display: flex; justify-content: center}

/* Fine Candidati Lightbox */

/* Timeline */

.arrowContainer{height: 120px; background-color: #EAEAEA;display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; margin-bottom: 88px}
.bottoneAnno{color: #422D70;cursor: pointer; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; font-size: 24px}
.bottoneAttivo{background-color: #422D70; color: #ffffff; font-weight: 800; font-size: 44px}
.arrowRight{border-top: 60px solid transparent;border-bottom: 60px solid transparent;border-left: 50px solid #422D70;position: absolute; right: 0; background-color: #EAEAEA}
.arrowLeft{border-top: 60px solid transparent;border-bottom: 60px solid transparent;border-left: 50px solid #EAEAEA;position: absolute; left: 0; background-color: #422D70}
.descriptionContainer{display: flex; margin-bottom: 88px; align-items: center; justify-content: space-evenly}
.timelineTextContainer{display: flex; flex-direction: column; justify-content: center; color: #422D70; padding-right: 155px;width: 750px}
.arrowTimeline{display: flex;}
.arrowsvg{filter: invert(19%) sepia(63%) saturate(1175%) hue-rotate(229deg) brightness(86%) contrast(94%);cursor: pointer;}
.portfolioCustomSlider .flickity-prev-next-button{width: 55px;height: 55px;top: 35%; opacity: 1; background-color: #422D70; color: #FFFFFF}
.portfolioCustomSlider .flickity-prev-next-button.next{right: -30px}
.portfolioCustomSlider .flickity-prev-next-button.previous{left: -30px}
.portfolioCustomSlider .slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow {fill: #fff !important}
.portfolioCustomSlider .flickity-prev-next-button svg{width: 40px}
.slider:hover .flickity-prev-next-button{opacity: 1 !important;}
.new_contact .wpcf7-acceptance label { display: flex; align-items: center; }
.new_contact .wpcf7-acceptance input { margin: 0 !important; margin-right: 5px !important;}
.arrowsvg{fill: #FFFFFF; filter: inherit}
.pe-7s-angle-up::before{font-size: 50px}
.pe-7s-angle-down::before{font-size: 50px}
/* Fine Timeline */
.tagGap{justify-content: center}

.CF7Trattamento label { color: #fff !important; }

/* BLOG PAGE */
.post-archive-loop .post-title, .bigTalks .post-title {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 800 !important;
    font-size: 28px;
    line-height: 33px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: max-content;
    margin: 10px 0;
}
.bigTalks .post-item { margin-bottom: 44px; }
.post-archive-loop .from_the_blog_excerpt, .bigTalks .from_the_blog_excerpt { font-weight: 400; font-size: 16px; line-height: 20px; }
.newsletter-form input[type="email"] { box-shadow: none; border-bottom: 2px solid #422D70 !important; border: none; background: transparent; }
.newsletter-form input[type="submit"] { margin-top: 60px; text-transform: capitalize; width: 210px; }
.post-archive-loop .col { padding: 0 15px 30px !important; }
.post-archive-loop a:hover, .bigTalks a:hover { color: #422D70 }
.bigTalks .post-title { font-weight: 800 !important; font-size: 26px; line-height: 31px; margin-bottom: 10px; }

.post-archive-loop .post-meta, .bigTalks .post-meta {
    font-weight: 700 !important;
    font-size: 16px;
    line-height: 19px;
    color: #422D70;
}

.page-id-11891 .recaptcha{color: #422D70 !important}
.page-id-11891 .wpcf7-response-output{color: #422D70 !important;}
.blog-single .post a{color: #422D70 !important; font-weight: 800 !important; text-decoration: underline !important; font-style: italic !important;}
.blog-single .post h3{line-height: 29px !important; font-size: 26px !important}
.blog-single .post h2{line-height: 37px !important; font-size: 33px !important}
.blog-single .post h1{line-height: 47px !important; font-size: 42px !important}
.blog-single .post p{line-height: 30px !important; font-size: 18px; font-weight: 500 !important;}
.blog-single .post span{line-height: 30px !important; font-size: 18px !important; font-weight: 500 !important;}
.recaptcha a{color: #422D70 !important; font-weight: 800 !important; text-decoration: underline !important; font-style: italic !important;}
.blog-single{width: 1040px; max-width: 1040px; margin: 0 auto}
.nav-previous{display: inline-block;
    width: 430px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.nav-next{display: inline-block;
    width: 420px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.backToBlog{padding-top: 40px; padding-bottom: 140px; background-color: #ffffff;}
.BlogTitleLink{display: flex; padding-left: 15px !important}
.backToBlog svg{width: 18px; margin-right: 18px }
.arrow-blog{fill: #422D70; transform: rotate(180deg);  }
.blog-didascalia-immagine p{font-size: 14px !important;}
.wpcf7-spinner{display: none}

/* NEW BLOG */
.containerBlog{background-color: #ffffff}
.containerBlog a {color: #422D70; ;font-weight: 800 !important; text-decoration: underline ; font-style: italic ;}
.backToBlog a{color: #422D70 !important; font-weight: 800 !important; font-size: 18px; line-height: 20px; font-style: normal; text-decoration: none}
.customCol{padding-left: 15px !important; padding-right: 15px !important}
.article-body p, .article-quote p {font-weight: 500 !important;font-size: 18px;line-height: 30px;color: #422D70;}
.blogHeader h1{margin-bottom: 20px;}
.blogExcerpt{margin-bottom: 40px}
.blogExcerpt p{line-height: 30px; font-size: 18px; font-weight: 500; font-style: italic;color: #422D70}
.containeredBlog .container .section, .row .section{padding-left: 15px !important;padding-right: 15px !important;}
.containerBlog .wp-caption .wp-caption-text{line-height:30px ;padding: 0; color: rgba(0, 0, 0, 0.36); font-size: 14px !important; background: unset; font-style: normal; margin-top: 20px}
.containerBlog .wp-caption-text{text-align: left}
.containerBlog .wp-caption{margin-bottom: 0 }
.headerContainer{display: flex;align-items: center;justify-content: space-between; padding-bottom: 60px;}
.authorContainer{display: flex; flex-direction: row;justify-content: left;align-items: center;margin: 20px 0}
.authorContainer img{margin-right: 20px;border-radius: 99px;width: 50px; height: 50px}
.article-footer .tag {background: #422D70;border-radius: 5px;padding: 0 20px;color: #fff;font-size: 10px;text-transform: uppercase;font-weight: 700;}
.article-footer{padding-bottom: 30px; padding-top:80px ;font-size: 14px; line-height: 30px; font-weight: 500;display: flex;gap: 10px; margin-bottom: 40px;font-family: "Raleway"; color: #828282}
.article-footer b{font-weight: 800}
.extra-footer a{color: #ffffff !important; text-decoration: none; font-style: normal}
.extra-footer p{color: #000000 !important;}
.post-archive-loop .cat-label, .bigTalks .cat-label {
    font-weight: 700 !important;
    font-size: 16px;
    line-height: 19px;
    background-color: #F78598;
    color: #422D70 ;
    padding: 5px 20px;
}
.op-7{opacity: 1 !important;}
.containerArticoli{display: grid; grid-template-columns: 1fr 1fr 1fr}
.tagsContainer{display: flex;overflow: hidden;white-space: nowrap;}
.tagsContainer p{font-size: 14px;line-height: 30px;font-weight: 500; margin-right: 5px ; overflow: hidden;text-overflow: ellipsis;flex-shrink: 0;}
.checkFilterAll, .checkFilterNews, .checkFilterBlog{background-color: #ccc; border-radius: 20px; width: 60px; height: 30px;  cursor: pointer; margin-left: 5px}
.checkActive{background-color: #422D70; }
.checkActiveBlog{background-color: #F78598}
.checkActiveNews{background-color: #5CF9BC}
.toggleFilter{background-color: white; width: 25px; border-radius: 20px;display: flex; height: 25px;transform: translateX(3px) translateY(2.5px)}
.toggleFilterActive{background-color: white; width: 25px; border-radius: 20px;display: flex; height: 25px;transform: translateX(30px) translateY(2.5px)}
.checkDiv{font-weight: 800;color: #666666;cursor: pointer;background: #EBEBEB;border: none;border-radius: 20px;padding: 20px 30px;text-transform: capitalize;font-family: Raleway !important;font-size: 16px !important;}
.checkDiv:hover{color: rgba(17,17,17,.85);}
.checkActive{background-color: #422D70; color: #FFFFFF}
.checkContainer{display: flex; height: 50px; align-items: center; gap: 20px; justify-content: center; margin-bottom: 80px;}
.hideDesk{display: none}
.flexGap{display: flex; gap: 5px}
.current-menu-item a{color: #F78598 !important;}
.articleContainer{color:#422D70 !important}
.articleContainer p span{font-weight: 500 !important}
.articleContainer p b{font-weight: 700 !important}
.articleContainer h1 span{font-weight: 800 !important}
.articleContainer h2 span{font-weight: 800 !important}
.articleContainer h3 span{font-weight: 800 !important}
.articleContainer h4 span{font-weight: 800 !important}
.articleContainer h5 span{font-weight: 800 !important}
.articleContainer h6 span{font-weight: 800 !important}
.containerPagination a{text-decoration: none !important; font-weight: 800; color: #422D70; font-size: 16px}
.containerPagination a:hover{text-decoration: none !important; font-weight: 800;color: #422D70;}
.containerPagination .current{font-weight: 800; color:#F78598}
.tagblogrosa{background-color: #F78598 !important;width: 90px;}
.tagblogverde{background-color: #5CF9BC !important;width: 90px;}
.tagblognewsletter{background-color: #422D70 !important;width: 155px; color: #FFFFFF!important}
.divNewsletter a{color: #422D70;}
.divNewsletter a:hover{color: #422D70;}
.divNewsletter input[type=email]::placeholder{font-family: 'Raleway';font-style: italic;font-weight: 300;font-size: 18px;line-height: 28px;display: flex;align-items: center;color: #422D70;}
.checkActiveBlog{background-color: #5CF9BC;color: #422D70;}
.checkActiveNews{background-color: #F78598 ;color: #422D70;}
.checkActiveNewsletter{background-color: #422D70;color: #FFFFFF;}
.checkActiveNewsletter:hover{color: #FFFFFF !important;}
.checkActive:hover{color: #666666 !important}
.checkActiveBlog:hover{color: #422D70 !important;}
.checkActiveNews:hover{color: #422D70 !important;}
.checkActive{background-color: #FFFFFF;color: #666666; box-shadow: 0 0 0 2px #422D70;}
.checkall{border-radius: 0;padding: 7px 22px;}
.checkblog{border-radius: 0;padding: 7px 23px;}
.checknews{border-radius: 0;padding: 7px 21px;}
.checknewsletter{border-radius: 0;padding: 7px 24px;}
@media only screen and (max-width: 600px) {
    .checkDiv:hover{color: inherit}
    .checkContainer{gap: 10px;display: grid;grid-template-columns: 90px 90px 90px;padding: 0 15px 30px !important;justify-content: left;}
    .checknewsletter{width: 155px;border-radius: 0;padding: 7px 24px;}
    .checkall{border-radius: 0;padding: 7px 22px;}
    .checkblog{border-radius: 0;padding: 7px 23px;}
    .checknews{border-radius: 0;padding: 7px 21px;}

    .article-footer{display: none}
    .hideDesk{display: flex; flex-direction: column}
    .tag-background:hover{background: #EBEBEB; color: #422D70 !important;}
    .tag-background a:hover{color: #422D70 !important;}
    body.body-scroll-lock--active .mfp-wrap{overflow: hidden !important}
    .mfp-container{background: #422D70}
    .tagGap{justify-content: inherit; overflow-x: scroll; white-space: nowrap}
    .tagGap > * + * { margin:0px; margin-left: 10px;}
    .tagGap > *{margin-left: 15px}
    .provawardImage{height: 100%}
    /*h1,h2{font-size: 4rem;line-height: 4rem;}*/
    /*h5{font-size: 2rem;line-height: 2rem;}*/
    /*h4{font-size: 24px; line-height: 30px}*/
    /*h6{font-size: 18px; line-height: 21px}*/
    /*h3{font-size: 38px !important; line-height: 44px}*/
    /*p{font-size: 18px;line-height: 30px;}*/
    h1 { font-size: 42px !important; font-weight: 800; line-height: 47px}
    h2 { font-size: 38px; font-weight: 800; line-height: 42px; }
    h3 { font-size: 20px; }
    h4 { font-size: 18px; font-weight: 600 !important; }
    h5 { font-size: 16px; font-weight: 600; }
    h6 { font-size: 12px; font-weight: 600; }
    .big-heading { font-size: 60px !important; line-height: 78px; }
    .big-heading-stroke { font-size: 70px !important; line-height: 78px; font-weight: 800; -webkit-text-stroke-width: 2px !important; -webkit-text-stroke-color: #fff !important; color: transparent !important; }
    .alignCenter{margin-left: 18px}
    .sectionCustomTabs { display: block; margin-top: 150px; }
    .sectionImage { width: 100%; height: auto; margin-top: 50px; }
    .buttonHero { width: 24em; overflow-x: auto; white-space: nowrap; display: flex; }
    .button1, .button2, .button3, .button4, .button5 { padding: 15px; width: max-content; max-width: max-content; }
    .marquee p, .marquee5 p, .marquee2 p, .marquee4 p, .marquee3 p { font-size: 70px; height: 100%}
    .descriptionContainer { grid-template-columns: 1fr; margin-bottom: 0; }
    .arrowContainer { margin-bottom: 30px; height: auto; overflow: scroll}
    .bottoneAnno, .bottoneAttivo { padding: 15px 0; font-size: 18px;height: 70px}
    .arrowRight, .arrowLeft { display: none; }
    .descriptionContainer img { margin-top: 10px; }
    .marquee5, .marquee2, .marquee3 { margin: 13% 0; height: 73px}
    .itemsClienti, .itemsClienti2, .itemsClienti3 { width: 33vw; }
    /*.containerClienti { max-height: 300px; }*/
    .titolo-ossigeno { margin-bottom: 10px; }
    .containerImmagini {
        max-height: 100%;
        height: 100%;
        display: grid;
        grid-template-columns: 1fr;
    }
    .containerImmagineTesto, .containerImmagineTesto > img { width: 60px; }
    .divImmagine1, .divImmagine2, .divImmagine3 { justify-content: flex-start; }
    .containerImmagineTesto { gap: 0; }
    .box-desc p { font-size: 20px !important; }
    .col { padding: 0 15px 30px !important; }
    .header-inner { padding: 0 15px !important; }
    .sezione-clienti { padding: 0 !important; }
    .transparent #logo img { max-height: 60px !important; }
    .h1Font100 h1 { font-size: 60px; line-height: 70px; }
    .© h6 { font-size: 20px; line-height: 24px; }
    .testoTag > div { flex-direction: row;overflow-x: scroll; align-items: baseline }
    .testoTag { font-size: 16px; }
    .tag-background { padding: 10px; padding-right: 50px}
    .tag-background a { width: 30px; }
    .pFont32 p { font-size: 25px; line-height: 30px; }
    .about-nuova-casa h6 { font-size: 20px; }
    .about-video video { height: 100% !important; }
    .sectionText { width: 100%; max-width: 100%; }
    .testoStartUp p, .testoFormContatti p { font-size: 38px; line-height: 41px; }
    .CF7NomeCognome input, .CF7Email input, .CF7Telefono input, .CF7Parlaci textarea { padding-top: 20px; padding-bottom: 20px; }
    .CF7Submit { width: 100%; }
    .sottotitolo4ward h2 { font-size: 25px !important; line-height: 30px; margin-top: 40px; }
    .tab4WardActive h4 { height: 60px !important; }
    .tab4ward1 h4, .tab4ward2 h4, .tab4ward3 h4, .tab4ward4 h4 { height: 60px !important; }
    .tabContainer { grid-template-columns: 1fr !important; }
    .tabStep {  grid-template-columns: 1fr !important; }
    .tabStep p { padding: 30px !important; }
    .testoHitVerde h2 { font-size: 40px; line-height: 45px; }
    .testoHitVerde p { font-size: 19px; line-height: 25px; }
    .testoGrandeHit p { font-size: 30px; line-height: 37px; }
    .portfolio-intro h2 { font-size: 50px; line-height: 46px; }
    .portfolio-intro p { margin-top: 10px; }
    .showcase .nav { overflow-x: scroll;white-space: nowrap; width: 360px; display: inline-block}
    .showcase .nav li { width:max-content; margin: 0 !important; margin-bottom: 10px !important; margin-left: 10px !important;}
    .nav li:first-child{margin-left: 0 !important;}
    .showcase .nav li a { width: 100%; }
    .portfolio-box .box-text{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    .portfolioCustom .box-text-inner h6 {
        font-size: 14px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 150px;
        font-weight: 600 !important;
    }
    .hrHover { width: 56vw;}
    .sectionHero { height: 100%; }
    .buttonHero { display: none; }
    .containerHero { background: transparent; }
    .portfolioCustom .image-cover img { object-fit: cover !important; }
    .we h2 { font-size: 78px; line-height: 80px; display: block; text-align: center; }
    .h1Font94 h1 { font-size: 44px; line-height: 60px; }
    .we-hit-desc h5 { font-size: 21px; text-align: center; }
    .logo-section .logos-row .col { padding: 0 !important; }
    .TabSvil1 h4, .TabSvil2 h4, .TabSvil3 h4 { height: 60px !important; }
    .textTabSvil1, .textTabSvil2, .textTabSvil3 { line-height: 30px; }
    .heroTextStroke { /*font-size: 50px !important;*/ -webkit-text-stroke-width: 1px !important; }
    .candidatiContainer .row  { width: 370px ; margin: 0 30px !important; }
    .full-height{height: 100vh !important}
    .containerClienti{flex-direction: column}
    .slider1, .slider2, .slider3{display: flex; flex-direction: row}
    /* Not */
    .containers {clear: both;position: fixed;height: 100%; width: 93%; top: 80px}
    .containers .nextblog {margin-bottom: 20px;float: left;width: 100%;height: 104px;background-color: rgba(255, 255, 255, 0.7);backdrop-filter: blur(3.5px);padding: 20px;border-radius: 18px; display: flex; justify-content: center; align-items: center }
    .containers .nextblog p {margin: 0;color: #422D70;}
    .hide{display: none;}
    .tagDayDatails{display: flex; flex-direction: row; justify-content: space-between}
    .tagDayDatails p{font-weight: 400; text-transform: uppercase; font-size: 12px; line-height: 13px}
    .newsContainer{display: flex; flex-direction: column;gap: 8px}
    .imageNews{width: 50px;height: 50px;object-fit: cover;border-radius: 5px;}
    .newsTitle{font-size: 18px;font-weight: 700 !important;color: #422D70;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 44px;}
    .newsDate{font-size: 10px;color: #422D70;}
    .newsDetails{display: flex;align-items: center;gap: 15px}
    .html_topbar_left{display:none !important;}
    .imageAuthNews{width: 60px;height: 60px;}
    .newNotification{    background-color: red;width: 8px;height: 8px;border-radius: 99px;position: absolute;top: 0px;}
    .notificationCircle{background-color: #311E5B; border-radius: 99px; width: 43px; height: 43px; display: flex; justify-content: center; align-items: center}
    /* Fine Not */
    @keyframes carouselAnimCLienti {
        from {transform: translateX(0);} to {transform: translateX(-430%);}
    }

    @keyframes carouselAnim2 {
        from {transform: translateX(-430%);} to {transform: translateX(0);}
    }
    .timelineTextContainer{text-align: center; padding: 0 200px}
    .mobilePadding{padding: 0 !important;}
    .hideMobile{display: none}
    .immagineRemove1{width: 61px; height: 61px}
    .immagineRemove2{width: 71px; height: 62px}
    .immagineRemove3{width: 64px; height: 64px}
    .displayFlex{flex-direction: column}
    .fourward{padding: 0 40px}
    .recaptcha{margin-top: 10px}
    .portfolioCustomSlider .flickity-prev-next-button{width: 35px !important;height: 35px !important;top: 40%; opacity: 1; background-color: #422D70 !important; color: #FFFFFF}
    .portfolioCustomSlider .flickity-prev-next-button.next{right: -1px}
    .portfolioCustomSlider .flickity-prev-next-button.previous{left: -1px}
    .portfolioCustomSlider .flickity-prev-next-button svg{width: 24px}
    .full-width-col { padding-left: 0 !important; padding-right: 0 !important; margin-top: -15px !important; }
    .pFont24 { font-size: 18px; line-height: 24px; }
    .testoFormContatti p { font-size: 26px; line-height: 34px; }
    .marquee{margin: 40px 0 0 0}
    .noPadding{padding: 0 !important;}
    .onlyDesktop{display: none !important}
    .onlyMobile{display: block !important;}
    .tastocentrale{color: #422D70; font-size: 34px; font-weight: 800}
    .hideanno{display: none}
    .titoloChiSiamo h4{font-size: 34px}
    .logomobile{margin: 0 auto}
    .single-post .col { padding: 0 !important; }
    .article-header h1 { line-height: 50px; }
    .article-header h3 { font-size: 24px !important; line-height: 26px; }
    .article-quote h2 { font-size: 26px; line-height: 30px; }
    .single-post .next-prev-nav { padding: 0 10px; }
    .single-post .next-prev-nav a { line-height: 20px; }
    .article-social .logo-author .author .author-name { font-size: 17px; line-height: 23px; }
    .article-social .logo-author .author .date { font-size: 12px; line-height: 13px; }
    .article-footer .author .tag { padding: 5px 20px; }
    .blog-single .post h1{line-height: 47px !important; font-size: 42px !important;}
    .post-archive-loop{padding-left: 15px !important; padding-right: 15px !important;}
    .blog-single{width: 100% !important; max-width: 100% !important;}
    .BlogTitleLink{margin-left: 15px !important;}
    .backToBlog a{line-height: 18px}
    .tagProject{grid-template-columns: 1fr 1fr !important;font-size: 12px}
    .tagALayout{display: flex; justify-content: center; align-items: center}
    .imac-container-handsome{width: 100%}
    .containerBlog .customCol{padding: 0 15px !important;}
    .social-mobile{display: none}
    .containerBlog .extra-footer{padding: 0 15px !important;}
    .mobile-order{display: flex;flex-direction: column-reverse}
    .blogExcerpt{margin-bottom: 20px;}
    .blogHeader h1{padding-top: 20px}
}