@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;800;900&display=swap');
@import url('https://unpkg.com/aos@2.3.1/dist/aos.css');

:root {
     --landing-seccatutto-font: 'Nunito Sans', sans-serif;
}

body {overflow-x:hidden !important; font-family: var(--landing-seccatutto-font)}

#landing-seccatutto {padding-top:0}

#landing-seccatutto .col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    position:relative;
}
@media (min-width: 768px) {
#landing-seccatutto .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    position:relative;
}
}
#landing-seccatutto .col-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    position:relative;
}

@media screen and (max-width: 680px) {
     #landing-seccatutto #main_body {
     background: #fff !important;
     }
}

#landing-seccatutto .content {
    width: 960px;
    position: relative;
    text-align: left;
    margin-left:auto;
    margin-right:auto;
}

#landing-seccatutto .content.pad {padding:15px 30px}

#landing-seccatutto h2 {letter-spacing:0.1rem; font-family: var(--landing-seccatutto-font)}

#landing-seccatutto img {max-width:100%;border:none}

.text-primary {color:var(--bs-primary) !important}
#landing-seccatutto .text-bold {font-weight:900}

#landing-seccatutto .wrapper p {line-height:28px;font-size:16px;margin-bottom:0}

#landing-seccatutto .topheader {
     background-image:url(/wp-content/uploads/2021/12/testata-scaled.jpg);
     background-position:center center;
     background-repeat:no-repeat;
     background-size:cover;
     height:400px;
}

#landing-seccatutto .topheader h6 {
     text-transform:uppercase;
     color:#494545;
     font-weight:900;
     font-size:4rem;
}

#landing-seccatutto .topheader h6:nth-child(1) {padding-top:2rem;padding-left:25%}
#landing-seccatutto .topheader h6:nth-child(2) {width:100%;text-align:center}
#landing-seccatutto .topheader h6:nth-child(3) {padding-right:25%;text-align:right}


#landing-seccatutto .topheader_bottom {margin-top:-14rem;}
#landing-seccatutto .topheader img {width:65%;margin-top:2rem;margin-left:auto;margin-right:auto}
#landing-seccatutto .topheader_bottom img {width:100%}



#landing-seccatutto #al_tuo_servizio {margin-top:15px}
#landing-seccatutto #img1 {max-width:none;position:absolute;top:0;left:0;width:150%}
#landing-seccatutto #img2 {position:absolute;top:-12.5rem;left:-150px;width:215px}
#landing-seccatutto #img3 {position:absolute;top:-250px;left:-125px;width:285px}



#landing-seccatutto button.btn.btn-large.btn-volteco {width:216px;height:62px;border:0;background:url(/wp-content/uploads/2021/12/btn_invia.png);background-size: 216px 62px}

#landing-seccatutto button:hover, #landing-seccatutto .btn_hover_img:hover {filter:contrast(1.25)}

#landing-seccatutto a#form_anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}

#il_metodo {margin-top:120px;}

#il_metodo .row:nth-child(2) {
     margin-top:50px;
}


#il_metodo .row:nth-child(2) h2 {text-align:center}

#il_metodo .row:nth-child(2) .col-md-4 img {
     margin:30px auto 20px;
     max-width:80%;
     width:220px;
     display:block;
}

#landing-seccatutto .bg-yellow {background:#fdefc4;width:100%;padding: 2rem 0;margin-top:180px;font-size:12px}

#la_squadra h2, #la_squadra p {text-transform:uppercase;text-align:center;font-weight:900;color:#5c5c5c}

#la_squadra h2 {font-size:2.45em;margin-bottom:2em;margin-top:0.6em}

#la_squadra p.num {font-size:3.2em;margin-bottom:1em;font-weight:900}

#la_squadra p.desc {font-size:1.45em;max-width:20ch;margin:0 auto;display:block}

#al_tuo_servizio .row {display:flex;align-items:flex-end}

#brochure {display:block;padding:50px 0;margin: 0 auto}
#brochure .row {display:flex;align-items:center}

#brochure h1 {font-size:2rem;letter-spacing:0.25rem;text-transform:uppercase;line-height:125%;color:#424242;font-weight:900; font-family: var(--landing-seccatutto-font)}
#brochure p.lead {margin-top:100px;margin-bottom:50px;font-size:24px;line-height:32px;letter-spacing:0.15rem}


#landing-seccatutto .contatto_cont {display:block;margin:0 auto;max-width:600px}
#privacytext {margin-top:25px}
#privacytext p {font-size:12px;text-align:left}
#privacytext p ul {text-align:left}
#landing-seccatutto .content_full .privacy-text strong {font-size:0.85rem !important}

#landing-seccatutto .content_left {width:500px}

@media screen and (max-width: 1000px)
{
    #landing-seccatutto .content_left, #landing-seccatutto .right_sidebar {
        float: none;
        display: flex;
        width: 96%;
        margin: 2%;
        margin: 0 0 10px 0;
        padding: 0;
        align-content: center;
        justify-content: center;
    }
}

@media screen and (min-width: 1001px) {
     #landing-seccatutto .topheader  {height:600px;}
     #landing-seccatutto .topheader img {width:80%;margin-top:4rem}
     #landing-seccatutto .topheader_bottom {margin-top:-18rem}
     #landing-seccatutto h2 {font-size:26px; line-height:30px}
     #landing-seccatutto p {font-size:20px}
     #landing-seccatutto #img1 {width:250%; margin-top:8rem}
     #il_metodo {margin-top:320px;}
     #landing-seccatutto #img2 {top:-14rem;left:-50px;width:265px}
     #il_metodo .row:nth-child(2) {padding-left:30px;padding-right:30px}
     #il_metodo .row:nth-child(2) {margin-top:120px;}
     #la_squadra p.num {letter-spacing:0.2em}
}

@media screen and (max-width: 1000px)
{
     #landing-seccatutto .header {
     height:100px !important;
     }

     #landing-seccatutto .topheader  {height:320px;}
     #landing-seccatutto .topheader h6 {font-size:3.5rem;line-height:3.45rem}
     #landing-seccatutto .topheader h6:nth-child(1) {padding-top:1rem}
     #landing-seccatutto .topheader img {margin-top:-2.5rem}
     #landing-seccatutto bg-yellow {font-size:8px}
     #landing-seccatutto #img2 {left:-100px}
     #landing-seccatutto #img3 {left:-220px;}
     #brochure h1 {font-size:1.95rem}
}

@media (min-width:768px) {
#al_tuo_servizio {margin-top:-85px;padding-bottom:75px}
}


#chi_sono {padding-bottom:75px}

@media (max-width:767.98px) {
     #al_tuo_servizio > div > div.col-md-6.text-center {margin-top:50px}
     #chi_sono img.title {width:100%;margin-top:50px;margin:50px auto 25px;display:block}
     #chi_sono .col-lg-5 {display:none}
     #landing-seccatutto #img1 {/*display:none;*/top:10rem}
     #il_metodo .row:nth-child(2) .col-md-4:nth-child(2),
     #il_metodo .row:nth-child(2) .col-md-4:nth-child(3) {margin-top:50px}
     #landing-seccatutto .bg-yellow {margin-top:250px;}
     #la_squadra h2 {margin-top:5em}
     #landing-seccatutto #img3 {left:0}
     #la_squadra .row:nth-child(2) .col-md-4:nth-child(1),
     #la_squadra .row:nth-child(2) .col-md-4:nth-child(2) {margin-bottom:50px}
     #brochure img {max-width:65%;display:block;margin:0 auto;margin-bottom:50px;}
     #brochure .col-md-7 * {text-align:center}
     #brochure h1 {font-size:1.75rem}
}

@media screen and (max-width: 680px)
{
     #landing-seccatutto .topheader {padding-left:2rem;height:auto;padding-bottom:100px}
     #landing-seccatutto .topheader h6 {font-size:3rem;line-height:2.85rem}
     #landing-seccatutto .topheader h6:nth-child(1) {padding-top:1.5rem;padding-left:15%}
     #landing-seccatutto .topheader h6:nth-child(3) {padding-right:15%;}
     #landing-seccatutto .topheader img {margin-top:1rem;}
     #landing-seccatutto .topheader_bottom {margin-top:-140px;}
     #brochure img {max-width:75%;}
     #brochure h1 {font-size:1.6rem}

}

@media screen and (max-width: 480px)
{
     #landing-seccatutto .topheader {padding-bottom:50px}
     #landing-seccatutto .topheader_bottom {margin-top:-100px;}
     #brochure img {max-width:85%;}
     #brochure h1 {font-size:1.4rem}
}


#main-form {padding:2rem !important;text-align:left}

#main-form  .wpcf7-submit {
      background-image:url(/wp-content/uploads/2021/12/btn_invia.png);
      background-size:216px 52px;
      width:216px;
      height:52px;
      border-radius:12px;
      font-size:0 !important;
      color: rgba(255, 255, 255, 0);
}

i.circle {
    padding: 5px 8px;
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 0px 0px 2px #888;
    -webkit-box-shadow: 0px 0px 2px #888;
    box-shadow: 0px 0px 2px #888;
    background: #F9CA54;
    color: #333;
    margin-right: 10px;
    text-align: center;
    width: 26px;
}

.top_img {
    height: 260px;
}

.input_block select {
    padding-left: 5px
}

.text-center {
    text-align: center;
}



.mt {
    margin-top: 2rem
}

#seccatutto_content {
    width: 100%;
    position: relative;
    background: #fff;
}

#seccatutto_content .mb {
    margin-bottom: 25px
}

#seccatutto_content * {
    font-family: var(-- --landing-seccatutto-font);
}


#seccatutto_content strong {
    font-weight: 800
}

.bg-gray {
    padding: 15px 30px;
    background: #ececec;
    color: #3f3f3f;
}


.bg-white {
    padding: 15px 30px;
    background: #fff;
    color: #3f3f3f;
}

#top_footer > div > div > div.right_sidebar > div > p {font-size:14px}


/*
#seccatutto_content .video-label {
    background: #65c3d0;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
    font-size: 24px;
    margin-top: -10px
}

#seccatutto_content .col-6-video-1 {
    width: 48%;
    float: left;
    position: relative;
    padding-right: 2%;
    position: relative;
}

#seccatutto_content .col-6-video-2 {
    width: 48%;
    float: right;
    position: relative;
    padding-left: 2%;
    position: relative;
    text-align:left;
}

#seccatutto_content .col-6-video-2 h1,
#seccatutto_content .col-6-video-2 h4 { text-align:left;}

@media (max-width:1000px) {

    #seccatutto_content .col-6-video-1,
    #seccatutto_content .col-6-video-2 {
        width: 100%;
        float: none;
        text-align:center;
    }
    #seccatutto_content .col-6-video-2 h1,
    #seccatutto_content .col-6-video-2 h4 { text-align:center !important;}
    #seccatutto_content .col-6-video-2 p {display:none !important}

    #seccatutto_content .col-6-video-1 {
        MARGIN-BOTTOM: 2REM
    }
}

@media (max-width:800px) {

    #seccatutto_content h1,
    #seccatutto_content h2,
    #seccatutto_content h3,
    #seccatutto_content h4 {
        font-size: 20px;
        line-height: 26px
    }

    #seccatutto_content .content:not(.topheader) {
        padding-left: 15px;
        padding-right: 15px;
        width: calc(100% - 30px)
    }

    #seccatutto_content h1.blue.mb.mt {
        margin-top: 4vw;
        margin-bottom: 4vw;
    }

    .col-md-4 {
        width: 100%;
    }

    .col-md-4:not(:last-child),
    .col-md-3:not(:last-child) {
        margin-bottom: 2.5rem
    }
}

@media (max-width:750px) {
    #seccatutto_content .video-label {
        font-size: 18px;
    }

    #seccatutto_content .col-6-video iframe {
        height: 140px
    }
}

@media (max-width:550px) {
    #seccatutto_content .col-6-video {
        width: 96%;
        display: block
    }

    #seccatutto_content .col-6-video iframe {
        height: 280px
    }

    .col-md-4,
    .col-md-3 {
        width: 100%;
    }
}

#getintouch button[type="submit"] {
    padding: 20px 30px;
    background: #fbc214 !important;
    text-align: center;
    font-weight: 900 !important;
    color: #fff !important;
    font-size: 24px !important;
    border: none;
    border-radius: 0;
    width: 100% !important;
    outline: none
}

#getintouch button[type="submit"] [class^="icon-"] {
    display: none
}

#getintouch button[type="submit"]:after {
    content: "\f054";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    margin-left: .5em;
    color: #fff;
    vertical-align: middle;
}

.footer {
    background: #4D4D4D !important;
}

#privacytext {
    text-align: left;
}

#desktop_footer {
    margin-top: 0
}

.flex_row {
    display: flex;
    justify-content: flex-start;
    align-items: start;
}

#come_interveniamo {
    padding-top: 45px;
    padding-bottom: 45px;
    text-align: center;
}

#come_interveniamo h1 {
    text-align: center;
}

#come_interveniamo img {
    height: 80px;
    max-width: 100px;
    margin: auto;
    display: inline-block;
    margin-bottom: 1.5rem;
}

#come_interveniamo p {
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    color: #FCC314;
}

h1.training_title {
    width: 100%;
    position: relative
}

h1.training_title img {
    float: right;
    height: 24px
}

@media (min-width:1001px) {
    h1.training_title img {
        float: right;
        height: 32px
    }
}
*/

/*
.btn {
    background: #fbc214;
    color: #505052;
    border: 0;
    padding: 10px;
    width: 100%;
    border-radius: 0;
    margin: 1rem auto;
    text-shadow:none;
    font-weight:800;
}

.privacy-text strong {
    font-weight: 700 !important;
    font-size: 12px
}

.form_col_1 {
    width: 46%;
    float: right;
}

.form_col_2 {
    width: 52%;
    float: left;
}

@media (max-width:1000px) {

    .form_col_1,
    .form_col_2 {
        width: 100%;
        float: none
    }

    .form_col_1 {
        margin-bottom: 2.5rem;
    }
}

@media (max-width:1000px) {
    .content.pad.topheader {
        width: 100% !important;
        padding-top: 0;
        height: auto !important;
        background: none
    }
}

@media screen and (max-width:1000px) {
    ul.mega-menu {
        display: inline;
        width: 100%;
        height: 40px !important;
        position: relative;
    }

    ul.mega-menu li {
        font-size: 11px !important
    }

    ul.mega-menu li a {
        padding: 23px 5px 23px 5px !important;
    }

    ul.mega-menu li .sub-container.mega,
    ul.mega-menu li .sub-container.non-mega {
        top: 58px
    }

    #logo {
        height: 40px;
        width: 134px;
        margin: 10px 0
    }
}

header {
    width:100%;
    position:relative;
    display:block;
    color:#fff;
    background: url(../img/seccatutto_en/Laguna_salvagente.jpg) center 65%;
    background-size: cover;
}

header .content {
     margin:auto;
}



header .layer {
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     background:rgba(51,51,51,0.5);
}

header form {margin-top:20px; margin-top:25px}

header .content h1,
header .content h2,
header .content .lead {color:#fff; align-self: flex-start;}

header .content h1 {font-weight:900 !important;font-size:28px;line-height: 44px;}

header .content h2 {font-size:20px;line-height:38px}

header .content p.lead {font-size:20px;line-height:34px}

@media (min-width:1001px) {
     header .content .col-sm-8 {margin-top: 25%; transform: translateY(-50%);}
}


@media screen and (min-width: 681px) and (max-width:1000px)
{
     header .col-sm-8,.col-sm-4 {
          width:50% !important;
     }
}

@media screen and (max-width: 680px)
{
     .wSelect {
     position: absolute;
     top: 12px;
     right: 10px;
     }
     header .col-sm-8,
     header .col-sm-4 {
          width:100% !important;
          float:none;
     }
     header h2 {padding-top:75px}
     header p.lead {margin-bottom:50px}
}

@media screen and (min-width: 681px) and (max-width:800px)
{
     header .content .col-sm-8 {margin-top: 10%; transform: none;}
}

@media screen and (min-width: 801px) and (max-width:1000px)
{
     header .content .col-sm-8 {margin-top: 8%; transform: none;}
     header .content h1 {line-height: 36px;}
     header .content h2 {line-height:30px}
     header .content p.lead {line-height:24px}
}

h1,h2,h3,h4,h5,h6 {
     color:#3f3f3f;
     text-align:center;
}

header h1,
header h2,
header h3,
header h4,
header h5,
header h6 {text-align:left}

h1 {font-size:28px;font-weight:800}


.icon-box {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    margin-bottom:2.5rem;
    }


.icon-box div {
    order: 0;
    flex: 1 1 auto;
    align-self: auto;
    background:#fff;
    padding:15px;
    border-radius:15px;
    width:100px;
    height:100px;
    }

.icon-box div > img {
    height:80px;
    max-width:100%;
    margin-top:10px;
}

.icon-box:hover div > img {
    transform: scale(1.15);
    transition:ease-in-out;
    transition-duration: 0.35s;
}

.icon-box i {
    order: 0;
    flex: 0 0 20px;
    align-self: auto;
    color: #fbc214;
    font-weight: 900;
    font-style: normal;
    }

.icon-box p {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
    }

@media screen and (min-width: 681px) {
    .icon-box p {margin-top:15px;}
    .icon-box i {display:none}
}

@media screen and (max-width: 680px)
{
.icon-box:not(:last-child) {margin-bottom:1rem !important}
.icon-box {
    flex-direction: row;
    width:100% !important;
    padding-left:0;
    padding-right:0;
    }
.icon-box p {margin-bottom:0;text-align: left;}
.icon-box div {
    flex: 0 0 75px;
    width:70px;
    height:70px;
    margin-right:5px;
    }
.icon-box div > img {
    height:60px;
    max-width:100%;
    margin-top:5px;

}
}

@media screen and (max-width: 520px)
{
.icon-box div {
    flex: 0 0 55px;
    width:50px;
    height:50px;
    }
.icon-box div > img {
    height:40px;
    margin-top:5px;
}
}

@media screen and (max-width: 440px)
{
.icon-box div {
    flex: 0 0 30px;
    width:25px;
    height:25px;
    }
.icon-box div > img {
    height:25px;
    margin-top:0;
}
}

@media screen and (max-width: 380px)
{
.icon-box div {
    padding:5px;
    margin-right:0;
    }
}


#casehistory-desktop {
    margin-left:-20px;margin-right:-20px;
}


@media screen and (min-width: 801px) {
    #casehistory-mobile {display:none}

}

@media screen and (max-width: 800px) {
    #casehistory-desktop {
        display:none;
    }
}

#casehistory-mobile .btn-gray {
    position: absolute;
    bottom: 0;
    width: calc(100% - 160px);
    right: 0;
    margin-bottom: 0;
}
@media screen and (max-width:440px) {
    #casehistory-mobile .btn-gray { width: calc(100% - 120px);}
    .splide__track {padding-bottom:25px}
}

@media screen and (min-width:441px) and (max-width: 800px) {

    .case-block {
    padding-bottom:45px;
    }

}


li.splide__slide::marker {display:none !important}

.btn-gray {padding-top:5px;padding-bottom:5px;background:#DADADA;font-weight:750}

h1.subtitle {font-weight:800;font-size:24px;margin-bottom:10px;margin-top:10px}
h2.subtitle {font-weight:800;font-size:24px;color: #FBC214;margin-bottom:20px}

@media (max-width: 800px)
{
    h2.subtitle {font-size:16px !important;margin-top:-15px;line-height:18px}
}


input.input, select.input, textarea.text-input {border-radius:0;padding:6px 8px;width:100%;background:#ececec;}
.input_block {background:transparent;border:none}
header input.input, header select.input, header textarea.text-input {background:#FFF}




.splide__pagination__page.is-active {background:#949599 !important}

.splide__pagination {bottom:-35px !important;clear:both;width:100%;}

@media screen and (max-width: 440px)
{
    .casehistory-container .image {
    margin: 0 15px 0 0;
    width: 100px;
    object-fit: contain;
    align-self: flex-start;
  }
  .splide__pagination {bottom:-15px !important;clear:both;width:100%;}
}

.pdf-download-block-desktop {
    background-color:#3f3f3f;
    border-top:solid 160px #ececec;
    border-bottom:solid 155px #ececec;
}

.pdf-download-block-desktop > .content {position:relative;text-align:left}

.pdf-download-block-desktop > .content > h1 {margin:0;padding:5px;padding-right:200px;text-align:left;color:white}

.pdf-download-block-desktop > .content > h1 > i {color:#fbc214;font-weight:900;font-style:normal;margin-left:5px}

@media screen and (max-width: 1000px) {
    .pdf-download-block-desktop > .content > h1 {font-size:20px}
}

.pdf-download-block-desktop .pdf-download {
    display:block;
    position:absolute;
    right:0;
    top:-135px
}
.pdf-download-block-mobile {display:none}
.pdf-download-block-mobile > .content > h1 {text-align:center;padding:5px}

img.cover-mobile {
    margin: 35px auto 25px;
    display:block;
    height:240px;
  -webkit-box-shadow: 2px 2px 15px 2px rgba(0,0,0,0.45);
    box-shadow: 2px 2px 15px 2px rgba(0,0,0,0.45);
}
.pdf-download-block-desktop .pdf-download img.cover-desktop {
  transition: transform .5s ease-in-out;
  height:300px;
  transform: rotate(05deg) scale(1);
  -webkit-box-shadow: 2px 2px 15px 2px rgba(0,0,0,0.45);
    box-shadow: 2px 2px 15px 2px rgba(0,0,0,0.45);
}
.pdf-download-block-desktop .pdf-download:hover img.cover-desktop {
  transform: rotate(0) scale(1.2);
  -webkit-box-shadow: 2px 2px 15px 2px rgba(0,0,0,0.65);
    box-shadow: 2px 2px 15px 2px rgba(0,0,0,0.65);
}

@media screen and (max-width: 800px) {
    .pdf-download-block-desktop {border-top-width: 110px; border-bottom-width: 115px;}
    .pdf-download-block-desktop .pdf-download {top:-90px}
    .pdf-download-block-desktop .pdf-download img.cover-desktop {height:220px;}
}


@media screen and (max-width: 520px)
{
    .pdf-download-block-desktop {display:none}
    .pdf-download-block-mobile {display:block}
}

.text-white,
.text-white * {color:#fff !important}

@media (max-height:800px) and (max-width: 680px)
{
header .content h2 {padding-top:40px}
header .content p.lead {margin-bottom:20px;line-height:95%}
}
*/