/*
Theme Name: TBP Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
*/
/* GENERALI */
html{scroll-behavior: smooth;}
html p, html h1, html h2, html h2, html h3, html h4, html h5, html h6{margin-bottom:0;line-height:inherit}
h1, h2, h2, h3, h4, h5, h6{letter-spacing:-1px}
.text:has(h1, h2, h3, h4, h5, h6){line-height:0.97}
.text:has(p){line-height:1.2}
body, html{font-family:"DM Sans", "sans-serif";line-height:1.2}
.align-l>.col-inner{margin-left:0!important;margin-right:auto!important}
.align-r>.col-inner, .align-r.row{margin-right:0!important;margin-left:auto!important}
.align-c>.col-inner{margin-right:auto!important;margin-left:auto!important}
.align-v-c{align-items:center;display:flex}
.fullw{width:100%}
#content>section.full{padding-left:0;padding-right:0}
.parallax-active{opacity:1!important;transition:all 0.2s linear}
#content>section{padding-left:15px;padding-right:15px}
#content>section.fullw{padding-left:0;padding-right:0}
[data-animate]{transition-duration:0.3s}
.of-h{overflow:hidden}
::selection{background:#FFD90A;}
.nascondi{display:none!important}

/* ANIMAZIONI */
body:not(.ux-builder-iframe) .fade-in-section {opacity: 0;transform: translateY(60px);transition: opacity 0.3s ease-out, transform 0.3s ease-out;}
body:not(.ux-builder-iframe) .fade-in-section.visible {opacity: 1;transform: translateY(0);}

/* COLORE SFONDO */
body:not(.single-esperienze) #main{border-radius: 45px;max-width: calc(100% - 40px);display: block;margin: 20px auto 40px;}
body:not(.contatti, .single-esperienze) #main{background-color: #F4EFE4;}
/*#main, #wrapper, .header-bg-container>.header-bg-color{background-color:#F4EFE4;}*/
 
/* COLORI */
.giallo{color:#FFD90A}
.giallino{color:#F4EFE4}
.marrone{color:#290002}
.sfondo-giallo{background-color:#FFD90A}
.sfondo-giallino{background-color:#F4EFE4}
.sfondo-marrone{background-color:#290002}

/* BOTTONE */
.bottone, a.bottone{margin:0;display:inline-flex;justify-content:center;align-items:center;line-height:1;min-height:50px;padding:0 40px;transition:all 0.3s;border:none!important;font-size:1em;box-sizing: border-box;position: relative;letter-spacing: 0px;}
.bottone:hover{box-shadow:none;border:none!important}
.bottone>span{line-height:1;font-weight:400}
.bottone.primary, .dark .bottone.primary{color:#290002;}
.bottone.primary:hover{color:#290002;background-color:#fff}
.bottone.secondary{color:#F4EFE4;}
.bottone.sfondo-giallino{background-color:#F4EFE4;color:#290002;}
.bottone.secondary:hover{color:#290002;background-color:#fff}
.bottone.secondary.is-outline{color:#2b0001;border:2px solid #2b0001}
.bottone.secondary.is-outline:hover{color:#F4EFE4;background-color:#2b0001;}    
.bottone.hover-giallino:hover{background-color:#ffd90a;color:#290002;}
.bottone.hover-sabbia:hover{background-color:#F4EFE4;color:#290002;}
.button:hover{box-shadow:none!important}
a.hover-sottolineato {text-decoration: none;position: relative;display: inline-block;overflow: hidden;margin-bottom: 0px;}
a.hover-sottolineato.mb{margin-bottom: -5px;}
a.hover-sottolineato:after, a.hover-sottolineato:before {content: "";display: block;width: 100%;height: 1px;background: #2b0001;position: absolute;bottom: 0;transition: all 0.6s;}
a.hover-sottolineato.sabbia:after, a.hover-sottolineato.sabbia:before {background: #F4EFE4;}
a.hover-sottolineato.solo-hover:before {display: none;}
a.hover-sottolineato:before {right: 0%;}
a.hover-sottolineato:after {right: calc(100% + 70px);}
a.hover-sottolineato:hover {color: #2b0001;}
a.hover-sottolineato.sabbia:hover {color: #F4EFE4;}
a.hover-sottolineato:hover:before {right: calc(0% - 100% - 70px);}
a.hover-sottolineato:hover:after {right: 0%;}

/* ICONE SOCIAL V2 */
.icone-social{display:flex;gap:15px;flex-wrap:wrap}
.icone-social a{background-color:#F4EFE4;padding:12px;border-radius:100px;display:flex;justify-content:center;align-items:center;transition:all 0.3s;}
.icone-social a:hover{background-color:#ffd90a;}

/* HEADER */
#masthead{padding:30px 15px;}
#masthead ul>li>a, #masthead ul>li>.login-registrazione a.registrazione{background-color:#FFD90A;padding:0 40px;color:#290002;transition:all 0.3s;height:50px;}
#masthead ul>li>.login-registrazione{margin-left: 20px;display: flex;gap:15px;align-items: center;}
#masthead ul>li>.login-registrazione a.registrazione{font-size:1.17em;border-radius:99px;align-items: center;display: inline-flex;flex-wrap: wrap;font-family:"DM Sans", sans-serif;line-height:16px;font-weight: 500;font-style: normal;background-color:#290002;color:#fff}
#masthead ul>li>a.icona-utente{background-color:#2B0001;padding:0;width:50px;display:flex;justify-content:center;align-items:center}
#masthead ul > li > a.icona-utente span{display:none}
#masthead ul>li>a.icona-utente:hover{background-color:#f4efe4;}
#masthead ul>li>a.icona-utente:hover svg{fill:#290002;}
#masthead ul>li>a.icona-utente:hover svg path{stroke:#290002;}
#masthead ul>li>a:hover{background-color:#290002;color:#fff;}
#masthead ul>li>div.login-registrazione a.registrazione:hover{background-color:#f4efe4;color:#290002;}
#masthead ul>li>.login-registrazione a.login:hover{color:#290002}
.header-wrapper.stuck{box-shadow:none!important}
.header-wrapper.stuck .header-bg-color{background-color: #fff!important;}
.header-wrapper.stuck #masthead{padding:0px 10px}
.header-wrapper.stuck #masthead #logo img{max-height:50px!important}
#masthead button, .mfp-close{margin:0;padding:10px 10px 7px;background-color:#FFD90A;border-radius:50px;display:flex;height:50px;width:50px;justify-content:center;align-items:center;opacity:1!important}
#masthead button i, .mfp-close svg{color:#2B0001;font-size:2.2em;line-height:0.9}
.mfp-close{top:20px!important;right:30px!important;height:50px!important;width:50px!important;background-color:#F4EFE4;color:#290002}

/* MENU MOBILE */
.off-canvas-center.mfp-bg.mfp-ready{opacity:1!important}
.off-canvas-center .nav-vertical>li{max-width:300px;border:none!important;margin: 10px 0!important;}
.off-canvas-center .nav-vertical>li:hover{background-color: transparent!important;}
.off-canvas-center .nav-vertical>li>a, .off-canvas-center .mfp-content > #main-menu > .sidebar-menu > ul .html .login-registrazione a{font-size:2.9em!important;line-height:1;font-weight:600;color:#2B0001!important;padding:0!important}
.off-canvas-center .nav-vertical>li>a:hover, .off-canvas-center .nav-vertical>li.current_page_item>a, .off-canvas-center .mfp-content > #main-menu > .sidebar-menu > ul .html .login-registrazione a:hover{color:#fff!important;}
.mobile-sidebar .header-block{display:flex;justify-content:center;position:absolute;bottom:50px}
.off-canvas-center .mfp-content{padding-top:0!important;height:100%;max-width:100%!important}
.off-canvas-center .mfp-content>#main-menu, .off-canvas-center .mfp-content>#main-menu>.sidebar-menu{height:100%}
.off-canvas-center .mfp-content>#main-menu>.sidebar-menu>ul{height:100%;display:flex;justify-content:center}
.off-canvas .sidebar-menu{padding:0!important}
.off-canvas-center .mfp-content>#main-menu>.sidebar-menu>ul .html:first-child{position:absolute;top:15px;left:30px;padding:0}
.off-canvas-center .mfp-content>#main-menu>.sidebar-menu>ul .html:first-child img{height:60px}
.off-canvas-center .mfp-content>#main-menu>.sidebar-menu>ul .html:not(:first-child){margin:0!important;padding:0!important;margin-top: 20px!important;padding-top: 30px!important;border-top: 2px dashed #290002!important;}
.off-canvas-center .mfp-content > #main-menu > .sidebar-menu > ul .html .login-registrazione{display:flex;flex-direction:column;gap:10px;width:100%;}
.off-canvas-center .mfp-content > #main-menu > .sidebar-menu > ul .html .login-registrazione a.hover-sottolineato:before, .off-canvas-center .mfp-content > #main-menu > .sidebar-menu > ul .html .login-registrazione a.hover-sottolineato:after{display:none;}
.off-canvas-center .mfp-content > #main-menu > .sidebar-menu > ul .html .icona-utente svg{display:none;}
.off-canvas-center .mfp-content > #main-menu > .sidebar-menu > ul .header-block{margin: 0!important;}
.off-canvas-center .mfp-content > #main-menu > .sidebar-menu > ul .header-block .icone-social a{background-color: #2B0001;}
.off-canvas-center .mfp-content > #main-menu > .sidebar-menu > ul .header-block .icone-social a svg{width:35px;height:35px;}
.off-canvas-center .mfp-content > #main-menu > .sidebar-menu > ul .header-block .icone-social a svg path{fill: #F4EFE4;transition:all 0.3s;}
.off-canvas-center .mfp-content > #main-menu > .sidebar-menu > ul .header-block .icone-social a:hover{background-color: #F4EFE4;}
.off-canvas-center .mfp-content > #main-menu > .sidebar-menu > ul .header-block .icone-social a:hover svg path{fill: #2B0001;}


/* FOOTER */
/*footer{border-radius:55px 55px 0 0;overflow:hidden;}*/
footer .section-content, .footer .section-content{padding-left:15px;padding-right:15px}
footer .text a, .footer .text a{color:#F4EFE4;}
.absolute-footer{display:none}
footer .stack{justify-content:flex-end}
.footer .col{padding-bottom:0px}
footer .loghi>div{width:auto!important;}
footer .loghi img{width:auto!important;height:100px}
footer .logo img{width:240px;}
/* FOOTER V2 */
footer .section-content>div:first-child{padding-left:40px;padding-right:40px;justify-content: space-between!important;}
footer .section-content>div:first-child>.col:nth-child(1){max-width:570px;width:100%;flex-basis:unset!important}
footer .section-content>div:first-child>.col:nth-child(2){max-width:190px;width:100%;flex-basis:unset!important}
footer .section-content>div:first-child>.col:nth-child(3){max-width:250px;width:100%;flex-basis:unset!important}
footer .section-content>div:first-child>.col:nth-child(4){max-width:260px;width:100%;flex-basis:unset!important}
footer .section-content>div:first-child:after{display:none!important}
footer a.bottone.button{width:100%;max-width:300px;margin-bottom: 0;min-height: 55px;}
footer .icone-social a{background-color:#F4EFE4!important;}
footer .icone-social a:hover{background-color:#ffd90a!important;}
footer .icone-social a svg path{fill:#290002;}

/* SOCIAL */
.social .icon-box{background-color:#F4EFE4;padding:10px;border-radius:100px}
.social .icon-box:hover{background-color:#FFD90A;}
.social .icon-box .icon-box-img{margin-bottom:0;}
.social .icon-box .icon-box-img .icon-inner{display:flex}
.social .icon-box .icon-box-img svg{padding-top:0}
.social .icon-box:hover .icon-box-img svg{fill:#2b0001!important;color:#2b0001!important}

/* LOGHI SCORREVOLI */
.loghi-scorrevoli{padding:20px 0;overflow:hidden;position:relative}
.loghi-scorrevoli .box{position:relative;display:block;}
.loghi-scorrevoli .box span{width:50%;float:left;display:flex;align-items:center}
.loghi-scorrevoli .box span img{float:left;margin-right:60px;height:123px;width:auto}
.loghi-scorrevoli .gradiente{background-image:linear-gradient(90deg, rgba(255, 251, 232, 1) 0%, rgba(255, 251, 232, 0) 22%, rgba(255, 251, 232, 0) 78%, rgba(255, 251, 232, 1) 100%);position:absolute;pointer-events:none;z-index:10;width:100%;left:0;top:0;height:100%}
.loghi-fissi{display:flex;justify-content:center;gap:55px;align-items:center;flex-wrap:wrap}

/* SCRITTA SCORREVOLE */
.scritta-scorrevole .box{animation:text-slider 20s linear infinite;position:relative;overflow:hidden;display:block;width:calc((2050px + 40px) * 2);}
.scritta-scorrevole .box span{width:50%;float:left;display:flex;align-items:center}
.scritta-scorrevole .box span img{margin-right:40px;width:2000px}
@keyframes text-slider{0% {left: 0;}100% {left: calc( 0px - (2050px + 40px));}}


/* HOME */
.home .mockup{position:absolute;max-width:900px!important;width;100%!important;left:50%;margin-left:-450px;z-index:9;margin-top:-180px;}
.professionista .section-content>.img{max-width:220px;position:absolute;z-index:-1;display: inline-block;transition:0.2s all linear;}
.professionista .section-content>.img img{border-radius:32px;transition: transform 0.2s ease, box-shadow 0.2s ease;will-change: transform;}
.professionista .section-content>.img.uno{top:0;left:-50px;}
.professionista .section-content>.img.due{top:-20px;right:-70px;}
.professionista .section-content>.img.tre{bottom:-180px;left:18%;}
.professionista .section-content>.img.quattro{bottom:-190px;right:15%;}
.professionista .section-content>.img.uno .img-inner{transform: rotate(-30deg);}
.professionista .section-content>.img.due .img-inner{transform: rotate(15deg);}
.professionista .section-content>.img.quattro .img-inner{transform: rotate(-10deg);}

/* CARDS */
.card .card-front, .card .card-back{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;border-radius: 0.5rem;}
.card .card-front{background: white;border: 1px solid #e5e7eb;}
.card .card-back{background: #8b5cf6;color: white;position:absolute;top:0;z-index:-1}
.card-back.active{z-index:2}
.card .banner{border-radius:41px;overflow:hidden;}
.card .card-front.banner .banner-layers{background:linear-gradient(0deg, transparent 0%, transparent 75%, #000 100%);}
.card .card-front .banner-link {pointer-events: none;}
.card .banner .bottone{font-size:1.6em}
.card:hover .card-back{z-index:2}
.card button{border-radius:99px;font-weight:500}
.card .card-back a.bottone:hover{background-color:#fff;color:#290002}
.card a{margin:0!important;width:151px}
.card ::selection{background:#290002;color:#FFD90A}

/* CONTATTI */ 
body.contatti #wrapper{padding-bottom: 20px;}
body.contatti #main{background-color: #290002;margin-bottom: 0;}
body.contatti .header-bg-container>.header-bg-color{background-color:transparent}
body.contatti #masthead ul>li>a.icona-utente{background-color:#F4EFE4;}
body.contatti #masthead ul>li>a.icona-utente svg{fill:#290002;}
body.contatti #masthead ul>li>a.icona-utente svg path{stroke:#290002;}
body.contatti #masthead ul>li>a.icona-utente:hover{background-color:#fff;}
body.contatti .professionista .section-content>.img.tre{bottom:50px;left:12%;}
body.contatti .professionista .section-content>.img.quattro{bottom:50px;right:12%;}
form:not(#adminbarsearch){margin:0 auto;max-width:550px}
form:not(#adminbarsearch) input:not(type="checkbox"), form textarea{border-radius:40px!important;background-color:#F4EFE4!important;color:rgba(41, 0, 2, 0.25)!important;padding:20px 40px 18px!important;height:auto!Important;font-size:1em!important;margin:0!important;min-height:unset!important}
form:not(#adminbarsearch) input::placeholder, form textarea::placeholder{color:rgba(41, 0, 2, 0.25)!important;font-size:1em!important}
form:not(#adminbarsearch) input[type="submit"]{background-color:#FFD90A!important;color:#290002!important;padding:16px 50px!important;min-height:unset!important;text-transform:unset!important;line-height:1!important;margin-top:25px!Important;font-weight:500}
form:not(#adminbarsearch) input[type="submit"]:hover{background-color:#F4EFE4!important;color:#290002;box-shadow:none!important}
form:not(#adminbarsearch) input[type="email"], form textarea, form .col-2{margin-bottom:10px!important}
form .wpcf7-acceptance{font-size:0.9em;display:block;padding-top:3px}
form .col-2{display:flex;flex-wrap:wrap;gap:10px}
form .col-2>*{width:calc(50% - 5px)}
form .wpcf7-spinner{width:100%;margin:10px auto 0;text-align: center;display: block;width: 22px;}
form .wpcf7-form-control *{margin:0!important}
form .wpcf7-form-control label{text-align:left;display:flex;gap:5px;align-items:flex-start}
form .wpcf7-form-control .wpcf7-list-item-label{color:#F4EFE4;font-size:0.9em;text-align:left;font-weight:400}
body.contatti form .wpcf7-response-output{color: #F4EFE4;}
/*.professionista.fullh{height:calc(100vh - 90px - 58px)}*/

/* PROPONI UN' ESPERIENZA */
.proponi-un-esperienza #main>#content>section:first-child{padding-left: 25px;padding-right: 25px;padding-top: 25px;}
.proponi-un-esperienza .banner{border-radius:30px;overflow:hidden}
.nuova-opportunita .bordato>.col-inner{border-radius:47px;overflow:hidden}
.checklist{position:relative}
.checklist:before{content:''; background-image:url("/wp-content/uploads/2025/06/check-icon-to-be-polo.png");background-position:8px 10px;background-size:15px;background-repeat:no-repeat;background-color:#ffd90a;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#2b0001;border-radius:50px;position:absolute;left:-50px;top:-3px;}
.fasi{display:inline-flex;flex-direction:column;gap:10px}
.fasi>div{font-size:9em;font-weight:700;letter-spacing:-1px;display:inline-flex;align-items:flex-start;line-height:0.75;opacity:0.26;transition:0.4s all;cursor:default;/*overflow:hidden;*/align-self: flex-start}
.fasi>div:first-child, .fasi>div:last-child{align-self:flex-end;}
.fasi>div:nth-child(2){align-self:center;}
.fasi>div:hover{opacity:1}
.fasi>div>span{font-size:0.25em;letter-spacing:0px}
#tooltip{background: #F4EFE4;border: 1px solid #2B0001;border-radius: 31px;padding:35px 20px;max-width:270px;font-size:1.2em;color:#290002;z-index:1000;display:none; position:absolute;text-align:center;}
.faq .accordion-item{border:1px solid #290002;border-radius:31px;padding:40px 60px;margin-bottom:20px}
.faq .accordion-item{border:1px solid #290002;border-radius:31px;padding:40px 60px;margin-bottom:20px}
.faq .accordion-item .accordion-title{border:none;font-weight:700;font-size:2em;background-color:transparent;display:flex;justify-content:space-between;flex-direction:row-reverse;padding:0;align-items:center;gap:15px;letter-spacing:-1px;line-height:1.2}
.faq .accordion-item .accordion-title>span{display:block;width:calc(100% - 50px - 15px);text-align:left}
.faq .accordion-item .accordion-title.active, .faq .accordion-item .accordion-title:hover{color:#290002;}
.faq .accordion-item .accordion-title .toggle{position:relative;left:unset;margin:0;min-height:unset;height:50px;width:50px;background-color:#F4EFE4;border-radius:99px;top:unset;opacity:1;transform-origin:center;border:none}
.faq .accordion-item .accordion-title .toggle .icon-angle-down{font-family:'DM Sans'!important;font-weight:400!important;font-size:1.5em;line-height:0.4;height:calc(100% - 25px);display:block;top:unset}
.faq .accordion-item .accordion-title .toggle .icon-angle-down:before{content:'+';left:1px;position:relative}
.faq .accordion-item .accordion-title.active .toggle .icon-angle-down:before{top:-1px;left:0px;}
.faq .accordion-item .accordion-title.active .toggle{transform:rotate(-225deg);background-color:#290002;}
.faq .accordion-item .accordion-title.active .toggle .icon-angle-down{color:#F4EFE4;}
.faq .accordion-item .accordion-inner{padding:0;padding-top:25px;max-width:900px}
.proponi-un-esperienza .faq .accordion-item .accordion-title.active .toggle .icon-angle-down::before{top:-2px}
.proponi-un-esperienza .faq .accordion-item .accordion-title .toggle .icon-angle-down{line-height:0.6}

/* CHI SIAMO */
.schede .section-content>.row{display:flex!important;flex-flow:unset!important;flex-direction:column!important;/*height:2000px*/;width:100%!important;flex-wrap:wrap!important;justify-content:flex-start!important;justify-items:flex-start!important;align-content:flex-start!important;align-items:flex-start!important}
.schede .section-content>.row>.col.large-12{height:auto!important;flex-basis:unset!important;padding:0 30px!important}
/*.schede .row>.col.large-12{position:sticky;} 
.schede .row>.col.large-12:nth-child(1){top:130px;z-index:4}
.schede .row>.col.large-12:nth-child(2){top:170px;margin-top:-80px;z-index:5}
.schede .row>.col.large-12:nth-child(3){top:210px;margin-top:-80px;z-index:6}*/
.schede .row>.col.large-12:nth-child(2), .schede .row>.col.large-12:nth-child(3){margin-top:-80px;}
.schede .row>.col.large-12>.col-inner>.row{margin:0!important}
.schede .col.large-12 .col-inner>.row>.col>.col-inner{transition: height 0.4s ease;}
.schede .row>.col.large-12>.col-inner>.row>.col>.col-inner{/*height:490px;*/overflow:hidden;}
.schede .row>.col.large-12>.col-inner>.row>.col:nth-child(2)>.col-inner{border-radius:30px}
.schede .row>.col.large-12>.col-inner>.row>.col>.col-inner>.img{border-radius:30px;overflow:hidden}
.schede .row>.col.large-12.chiuso>.col-inner>.row>.col>.col-inner{/*height:310px*/}
.schede .row>.col.large-12>.col-inner>.row>.col>.col-inner .gap-element, .schede .row>.col.large-12>.col-inner>.row>.col>.col-inner .text:not(.titolo){transition:0.3s all;}
.schede .row>.col.large-12.chiuso>.col-inner>.row>.col>.col-inner .gap-element, .schede .row>.col.large-12.chiuso>.col-inner>.row>.col>.col-inner .text:not(.titolo){opacity:0}
.schede .apri{position:absolute;bottom:0px;}
.schede .apri, .schede .chiudi{width:100%;background-color:#ffd90a;}
.schede .chiudi{margin-top: 20px;}
.schede .row>.col.large-12:nth-child(1) .apri, .schede .row>.col.large-12:nth-child(1) .chiudi{background-color:#66bbb4;}
.schede .row>.col.large-12:nth-child(3) .apri, .schede .row>.col.large-12:nth-child(3) .chiudi{background-color:#2b0001;}
.schede button{padding:0;margin:0;min-height:unset;letter-spacing:0;line-height:1;border:none;}
.schede .row>.col.large-12.aperto .apri button{display:none}
.schede .row>.col.large-12.chiuso .chiudi button{display:none}
.obiettivi .col.large-4>.col-inner>.stack{height:100%}

/* FAQ */
.faq .sticky>.col-inner{position:sticky;top:50px;}
.accordion.faq-pagina .accordion-item{
    background-color: #fff;
    border:none;
    padding:25px 35px;
    margin-bottom: 10px;
    border-radius: 90px;
    transition: 0.2s all;
}
.accordion.faq-pagina .accordion-item:has(.accordion-title.active){
    border-radius: 31px;
}

.accordion.faq-pagina .accordion-item .accordion-inner{padding-top:5px;}
.accordion.faq-pagina .accordion-item .accordion-title{
    font-size:1.3em;
}
.accordion.faq-pagina .accordion-item .accordion-title .toggle{
    background-color:#F9F7F5;
}
.accordion.faq-pagina .accordion-item .accordion-title .toggle .icon-angle-down{
    height: 11px;
}
.accordion.faq-pagina .accordion-item .accordion-title.active .toggle .icon-angle-down::before{
    color:#290002;
}

/* 404 */
body.error404 #main{
    min-height: 100vh;
    display: flex;
    align-items: center;
    background-color: #FFD90A!important;
    margin:0!important;
    max-width:100%!important;
    border-radius:0!important;
}
body.error404 header, body.error404 footer{
    display: none;
}
body.error404 main section .col, body.error404 main section .col-inner{
    padding-bottom: 0;
}
body.error404 main section img{
    width: 100px;
    border-radius: 17px;
} 
body.error404 main section div.text.center-mobile{
    display: flex;
    justify-content: center;
}

/* Termini e condizioni di vendita */
.termini-e-condizioni-di-vendita ul ul, .termini-e-condizioni-professionista ul ul{margin:0.5em 0 0.7em 3em}

/* Schermo Chiril */
@media only screen and (max-width: 1728px){
	body:not(.contatti) .professionista .section-content > .img.tre{bottom:-290px}
	body:not(.contatti) .professionista .section-content > .img.quattro{bottom:-300px}
	body:not(.contatti) .professionista{padding-bottom:300px!important}

}

/* Schermo Anna-Chiara */
@media only screen and (max-width: 1680px){
	.obiettivi .stack p{font-size:0.9em!important}
	.obiettivi .stack h3{font-size:1em!important}

}

@media only screen and (max-width: 1440px){
	.home h1{font-size:1.4em!Important}
	.home .card .card-inner .banner .text-box{max-width:380px;width:100%!important}
	body:not(.contatti) .professionista .section-content > .img.uno{top:-290px}
	body:not(.contatti) .professionista .section-content > .img.due{top:-300px}
	body.contatti .professionista .section-content > .img.uno{top:-15px}
	body.contatti .professionista .section-content > .img.due{top:-15px}
	body.contatti .professionista .section-content > .img.tre{left:-100px;bottom:15px;}
	body.contatti .professionista .section-content > .img.quattro{right:-100px;bottom:15px;}
	body:not(.contatti) .professionista{padding-top:340px!important}
	body.proponi-un-esperienza h1{font-size:1.6em!important}
	.obiettivi .stack p{font-size:0.8em!important}
	.obiettivi .stack h3{font-size:0.9em!important}
	.schede .col.large-6>.col-inner{padding-left:0!important}
}

@media only screen and (max-width: 1200px){
    #masthead ul > li > a, #masthead ul > li > .login-registrazione a.registrazione{padding:0 30px}
    #masthead ul > li > .login-registrazione{margin-left: 10px;}
}
@media only screen and (max-width: 1100px){
	body.contatti .professionista .section-content > .img.uno{display:none}
	body.contatti .professionista .section-content > .img.due{display:none}
	body.proponi-un-esperienza h1{font-size:1.26em!important}
	.checklist{padding-left:45px;display:block;}
	.checklist:before{left:0;top:0}
	body.chi-siamo h1{font-size:1.5em!important}
	.obiettivi .col.large-4>.col-inner{padding:20px 25px!important;}
	.obiettivi .col.large-4>.col-inner>.stack-col>.text{margin-top:1.5rem!important}
	.obiettivi .stack p{font-size:0.7em!important}
	.obiettivi .stack h3{font-size:0.8em!important}
	.schede h2{font-size:1.3em}
    #masthead ul > li > a, #masthead ul > li > .login-registrazione a.registrazione{padding:0 25px}
}

/* Tablet */
@media only screen and (max-width: 1023px){
	.home h1{font-size:1.4em!Important}
	.center-mobile>*{margin:0 auto}
	.home .mockup{max-width:calc(100% - 60px)!important;margin-left:0px;left:30px}
	.professionista .section-content > .img.tre{left:-120px}
	.professionista .section-content > .img.quattro{right:-90px}
	.card:hover .card-back{z-index:-1}
	.card .card-back.active{z-index:2}
	.faq .accordion-item{padding:30px 40px}
	.schede h2{font-size:1.05em}
}

@media only screen and (max-width: 849px){
	.home .mockup{margin-bottom:0!important;margin-top:-140px!important}
	footer .section-content, .footer .section-content{padding-left:0;padding-right:0}
	#masthead #logo{width:calc(100% - 35px);margin:0;}
	#masthead #logo img{margin:0}
	.professionista.fullh{height:auto}
	body.contatti .professionista .section-content > .img.tre{display:none}
	body.contatti .professionista .section-content > .img.quattro{display:none}
	body.proponi-un-esperienza .align-c>.col-inner{text-align:center}
	body.proponi-un-esperienza h1{font-size:1.1em!important}
	body.proponi-un-esperienza .nuova-opportunita .row{margin:0 auto}
	body.proponi-un-esperienza .nuova-opportunita h3{margin:0 auto}
	.checklist{padding-left:0;display:block;padding-top:35px}
	.checklist:before{left:50%;top:0;margin-left:-15px}
	body.proponi-un-esperienza p:has(strong.checklist){margin:0 auto}
	.obiettivi .col.large-4>.col-inner>.stack-col>.text{margin-top:1rem!important}
	.obiettivi .stack p{font-size:1em!important}
	.obiettivi .stack h3{font-size:1.1em!important}
    .header-main{height:80px!important;}
    #masthead{padding:0px 15px;}
    #logo img{max-height: 60px!important;}
    .header-inner{padding-top: 10px;}
}

@media only screen and (max-width: 768px){
	body.proponi-un-esperienza h1{font-size:1em!important}
	.fasi>div{font-size:14vw}
	#tooltip{padding:20px 15px;font-size:1.1em}
}

/* Mobile */
@media only screen and (max-width: 549px){
	#content>section:not(.fullw){padding-left:0px;padding-right:0px;padding-top:0px;}
	.scritta-scorrevole{display:none}
	.home .mockup{margin-top:-5vw!important;position:relative}
	footer .logo .img-inner img, .footer .logo .img-inner img{margin:0 auto}
	footer .section-content div:last-child div:nth-child(1){order:3}
	footer .section-content div:last-child div:nth-child(2){order:2}
	footer .section-content div:last-child div:nth-child(3){order:1}
	footer .stack{justify-content:center}
	.home .card .card-inner .banner .text-box{max-width:300px}
	body:not(.contatti) .professionista{padding-top:50px!important}
	body.contatti .professionista{padding-bottom:20px!important}
	.professionista .section-content>.img{max-width:190px}
	.professionista .section-content > .img.uno{display:none}
	.professionista .section-content > .img.due{display:none}
	.professionista .section-content > .img.tre{left:-80px;bottom:-250px}
	.professionista .section-content > .img.quattro{bottom:-250px}
	.header-wrapper.stuck #masthead{padding-left:20px;padding-right:20px}
	#masthead>.header-inner{padding:0!important}
	.mfp-close{width:40px!important;height:40px!important;right:15px!important}
	.off-canvas-center .mfp-content>#main-menu>.sidebar-menu>ul .html:first-child{left:15px}
    .off-canvas-center .mfp-content > #main-menu > .sidebar-menu > ul .html:first-child img{height:50px}
	.home .card h2{font-size:3em!Important}
	form .col-2>*{width:100%}
	.faq .accordion-item{padding:20px 20px}
	.faq .accordion-item .accordion-title{font-size:1.6em}
	.faq .accordion-item .accordion-title .toggle{width:40px;height:40px}
	.faq .accordion-item .accordion-title>span{width:calc(100% - 40px - 15px)}
	.faq .accordion-item .accordion-title .toggle .icon-angle-down{height:calc(100% - 25px)}
	#tooltip{padding:15px;font-size:1em}
	body.chi-siamo h1{font-size:1.4em!important}
	.obiettivi .col.large-4>.col-inner{padding:20px!important;}
	.obiettivi .stack p{font-size:0.85em!important}
	.obiettivi .stack h3{font-size:0.95em!important}
	.schede .row>.col.large-12>.col-inner>.row>.col>.col-inner{/*height:350px*/}
	.schede .row>.col.large-12.chiuso>.col-inner>.row>.col>.col-inner{/*height:130px*/}
	.schede .row>.col.large-12>.col-inner>.row>.col:nth-child(2)>.col-inner{height:auto}
	footer .stareg img{margin-left:auto;margin-right:auto}
	footer .section-content > div:first-child{padding-left:0;padding-right:0;}
	footer .section-content > div:first-child > .col:nth-child(1), footer .section-content > div:first-child > .col:nth-child(2), footer .section-content > div:first-child > .col:nth-child(3), footer .section-content > div:first-child > .col:nth-child(4){max-width:100%}
	.icone-social{justify-content:center}
	footer .section-content > div:first-child > .col:nth-child(1) p{max-width:100%!important}
	footer .section-content > div:first-child > .col:nth-child(1) .col-inner{text-align:center}
    #logo img{max-height: 50px!important;}
    body:not(.single-esperienze) #main{margin-top: 0px;}
    #masthead button, .mfp-close{height: 40px;width: 40px;}
    #masthead button i, .mfp-close svg{font-size: 1.8em;}
    .mobile-sidebar .header-block{bottom: 15px;}
    .faq .accordion-item .accordion-title{font-size:1.1em;}
    .faq .accordion-item .accordion-title .toggle{width:30px;height:30px}
    .accordion.faq-pagina .accordion-item .accordion-title .toggle .icon-angle-down{height: 8px;font-size: 1.2em;}
    .accordion.faq-pagina .accordion-item{padding: 20px;}
    body:not(.single-esperienze) #main{max-width: calc(100% - 20px);}
	.termini-e-condizioni-di-vendita #content section, .termini-e-condizioni-professionista #content section, .privacy-policy #content section{padding-left:0;padding-right:0}
}

@media only screen and (max-width: 394px){
	.home h1{font-size:1.1em!Important}
	.home h2{font-size:0.9em!Important}
	body:not(.contatti) .professionista h2{font-size:1.5em!important}
	.off-canvas-center .nav-vertical>li>a{font-size:2.4em;}
	#masthead #logo img, .off-canvas-center .mfp-content>#main-menu>.sidebar-menu>ul .html img, .header-wrapper.stuck #masthead #logo img{max-height:40px!important}
	.header-wrapper.stuck #masthead #logo{margin-top:0}
	.home .card h2{font-size:2.6em!Important}
	.home .card .card-inner .banner .text-box{max-width:260px;padding: 0 5px;}
	.card .y25{top:21%}
	body.proponi-un-esperienza h1{font-size:0.76em!important}
	.faq .accordion-item .accordion-title{font-size:1.4em;gap:5px}
	.faq .accordion-item .accordion-title .toggle{width:30px;height:30px}
	.faq .accordion-item .accordion-title>span{width:calc(100% - 30px - 5px)}
	.faq .accordion-item .accordion-title .toggle .icon-angle-down{height:calc(100% - 15px)}
	body.proponi-un-esperienza .nuova-opportunita h2{font-size:1em;}
	body.chi-siamo h1{font-size:1.2em!important}
    .header-main{height:70px!important;}
    .mfp-close{top:15px!important;}
    form:not(#adminbarsearch) input:not(type="checkbox"), form textarea{padding: 17px 30px 15px !important;}
}