.sottotitoli {

    font-weight: 400;
    font-style: normal;
    font-size: 19px;
    letter-spacing: .1em;
    line-height: 1.1em;
    text-transform: uppercase;
}

.compila{
    font-size: 28px;
    text-align: center;
    display: block;
    margin-bottom: 20px;
    color: #1b92c5;
}

.vuoi-saperne {
    font-size: 36px;
    text-align: center;
    display: block;
}

.padding-top-desktop {
    padding-top: 40px;
}

.padded{
    padding: 40px 65px;
}


#img-usi {

    /*max-height: 155px;*/
    max-width: 231.94px;
    max-height: 203px;
    margin: 0 auto;
}
.stabilimenti-balneari{

    font-family: Roboto Condensed;
    font-size: 19px;
    font-weight: 400;
    letter-spacing: 2px;
    white-space: normal !important;
    line-height: 1.3em;
    text-transform: none;
    text-align: center;
}

.palestre-container{
    max-width: 1024px;
    align-content: center;
}
.palestre-input {
    border: #d7d7d7 2px solid;
    border-radius: 50px;
}

.palestre-input:hover {
    border-color: #4a4a4a;
    cursor: pointer;
}

.palestre-input:@error(){
    border-color: darkred;
}

.grigino {
    color: #000000;
}

.header-tagline{

    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    letter-spacing: .075em;
    line-height: 1em;
    text-transform: none;
    color: #222;
}

.palestre-label{
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: bold;
    font-size: 18px;
}

.palestre-button{
    margin-bottom: 50px;
    margin-top: 50px;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    border-radius: 50px;
    background: #1993c3;
    /*border-color: #1993c3;*/
    /*white-space: normal;*/
    color: white;
    font-weight: bold;
    /*font-style: normal;*/
    letter-spacing: 0.18px;
    display: inline-block;
    width: auto;
    height: 50px;
    /*padding: 0.8em 2.5em;*/
    text-align: center;
    cursor: pointer;
    outline: none;
    font-size: 18px;
    /*margin-top: 100px;*/
    /*margin-bottom: 100px;*/
}

.palestre-button > span {
    margin : 10px;
}

.palestre-button:hover {
    background: rgb(222, 74, 117);
    color: white;
}

.passa-a-joynest{
    /*max-width: 50% !important;*/
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

hr {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #d7d7d7;
    margin: 1em 0;
    padding: 0;
    opacity: 15%;
}

#bottoneWhatsapp {
    text-decoration: none;
    color: #2a2a2a;
}
.contenitore-masonry{
    width: 90%;
    margin: 5%;

}

.contenitore-slider {
    /*width: calc(100% - 1.7vw);*/
    width: calc(90% - 1.7vw);
    margin: 5%;
}
.masonry {
    background-size: cover;
    background-position: center center;
    /*width: 420px;*/
    height: 490px;
    /*width: 100%;*/

}

.no-margin {
    margin: 0;
}

.no-padding {
    padding-left: 0;
    padding-right: 0;
}

.slick-slide {
    min-height: 300px;
}

.slick-slide img {
    /*height:100%;*/
    /*width: 100%;*/
}

.slick-next:before {
    content: ">";
    position: absolute;
    top: 50%;
    outline: none;
    color: #fff !important;
    z-index: 999;
    font-size: 14px;
    line-height: 40px;
    margin-top: -30px;
    background-color: rgba(0, 0, 0, .12);
    display: inline-block;
    padding: 10px;
    transition: all 200ms cubic-bezier(.25, .46, .45, .94);
}


.slick-prev:before {
    content: "<";
    position: absolute;
    top: 50%;
    outline: none;
    color: #fff !important;
    z-index: 999;
    font-size: 14px;
    line-height: 40px;
    margin-top: -30px;
    background-color: rgba(0, 0, 0, .12);
    display: inline-block;
    padding: 10px;
    transition: all 200ms cubic-bezier(.25, .46, .45, .94);
}

.slick-track {
    display: flex;
}

.slick-track .slick-slide {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
}

.m-b-40 {
    margin-bottom: 40px;
}

.m-t-40 {
    margin-top: 40px;
}

.roboto-condensed {
    font-family: Roboto Condensed;
}

.video-div {
    margin-top: 30px;
}

.video {
    margin-bottom: 30px;
}

.video > h3 {
    font-size: 19px;
    letter-spacing: 1.9px;
}

body {

    font-family: Roboto;

}



h2  {
    font-family: Roboto Condensed !important;
    text-rendering: optimizeLegibility !important;
    letter-spacing: .02em !important;
    line-height: 1.4em !important;
    text-transform: none !important;
    font-weight: 700 !important;
    font-style: normal !important;
}

h4 {

    font-size: 17px;

}

div#footer > p {

    padding-top: 10px;

}

div#content8 > img {

    margin-top: 40px;

}

div#header > a > img {

    max-width: 258px;

}

div#contenth {

    background-image: url("/immagini/Sfondo1.jpg");

    background-repeat: no-repeat;
    background-size: cover;
    background-position: initial;
    font-family: 'Roboto Condensed', sans-serif;

}

div#content1 {

    background-image: url("/immagini/Sfondo1NEW_mod.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

div#content2 {

    background-image: url("/immagini/Sfondo2.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

div#content3 {

    background-image: url("/immagini/Sfondo3_mod.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

div#content4 {

    background-image: url("/immagini/Sfondo3.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

div#content5 {

    background-image: url("/immagini/Sfondo5_mod.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

div#content6 {

    background-color: white;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

div#content7 {

    background-image: url("/immagini/Sfondo0R.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 600px;
    color: white;
    padding-top: 150px;
    padding-bottom: 150px;
}

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

    div#contenth {

        background-size: cover;
        background-position: 75%;

    }

    div#content1 {

        background-size: cover;
        background-position: 75%;

    }

    div#content2 {

        background-size: cover;
        background-position: 25%;

    }

    div#content3 {

        background-size: cover;
        background-position: 75%;

    }

    div#content4 {

        background-size: cover;
        background-position: 25%;

    }

    div#content5 {

        background-size: cover;
        background-position: 75%;

    }

}

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

    .video-embed > iframe {
        min-height: 900px !important;
        width: 100%;
    }

    h1 {

        font-size: 63px;
    }

    div#contenth {

        background-size: cover;
        background-position: 60%;
        min-height: 800px;
    }

    div#content1 {

        background-size: cover;
        background-position: 60%;
        min-height: 700px;

    }

    div#content2 {

        background-size: cover;
        background-position: 40%;
        min-height: 700px;

    }

    div#content3 {

        background-size: cover;
        background-position: 60%;
        min-height: 700px;

    }

    div#content4 {

        background-size: cover;
        background-position: 40%;
        min-height: 700px;

    }

    div#content5 {

        background-size: cover;
        background-position: 60%;
        min-height: 700px;

    }

    div#slide1 > h1 {

        vertical-align: middle !important;
        margin-top: 100px;

    }

}

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

    .vuoi-saperne {
        font-size: 26px;
        text-align: center;
        display: block;
    }

    .luogo-servizio{
        font-size: 22px !important;
    }

    .compila{
        font-size: 18px;
        text-align: center;
        display: block;
        margin-bottom: 20px;
        color: #1b92c5;
    }

    .palestre-button{
        width: 250px;
        margin: 20px ;
    }

    .logo-palestre{
        max-width: 150px;
        max-height: 50px;
    }

    .muori-nel-mobile {
        display: none;
    }

    .padding-top-desktop {
        padding-top: 0;
    }

    h2  {
        font-family: Roboto Condensed !important;
        text-rendering: optimizeLegibility !important;
        letter-spacing: .010980392156862745px !important;
        line-height: 1.4em !important;
        text-transform: none !important;
        font-weight: 700 !important;
        font-style: normal !important;
        font-size: 28px !important;
        hyphens: auto !important;
    }

    h2.numeri {
        font-size: 180px!important;
    }

    .video-embed > iframe {
        min-height: 184px;
        /*width: 85%;*/
    }

    div#mobileheader {
        position: fixed;
        text-align: center;
        background-color: white;
        width: 100%;
        z-index: 1;
    }

    div#contenth {

        background-size: cover;
        background-position: left;

    }

    div#content1 {

        background-size: cover;
        background-position: left;

    }

    div#content2 {

        background-size: cover;
        background: white;

    }

    div#content3 {

        background-size: cover;
        background-position: left;

    }

    div#content4 {

        background-size: cover;
        background: white;

    }

    div#content5 {

        background-size: cover;
        background-position: left;

    }

    div#content7 {

        color: white;
        background-size: cover;
        background-position: left;
        min-height: 600px;
        padding-top: 210px;
        padding-bottom: 210px;
        /*display: flex;*/
        /*align-items: center;*/
    }

    div#content8 {

        background-size: cover;
        background-position: left;
        margin-right: 5px;
        margin-left: 5px;

    }

    div#content8 > img {

        margin-top: 25px;
    }

    #img-usi {

        max-height: 155px;
        margin: 0 auto;
    }

    div#header {

        margin-top: 2vh;
        margin-bottom: 2vh;
        height: 30px;
    }

    div#header-promo {
        margin-top: 3vh;
        margin-bottom: 3vh;
        /*height: 30px;*/
    }

    div#slide1 {

        color: white;
        padding-bottom: 15vh;
        padding-top: 15vh;
        padding-left: 2vw;
        padding-right: 2vw;
        min-height: 350px;
        text-align: center;

    }

    div#slide2 {
        text-align: center;
    }

    div#slide3 {
        text-align: center;
    }

    div#slide4 {
        text-align: center;
    }

    div#slide5 {
        text-align: center;
    }

    div#slide6 {
        text-align: center;
    }

    div#slide7 {
        text-align: center;
    }

    div#slide8 {
    }

    div#header > a > img {

        height: 30px !important;

    }

    div#header > h4 {

        font-size: 0px !important;

    }

    div#slide2 > h1, div#slide4 > h1, div#slide6 > h1 {

        color: white;
        font-size: 175px !important;
        font-weight: bolder;

    }

    div#slide3 > h1, div#slide5 > h1 {

        color: black;
        font-size: 175px !important;
        font-weight: bolder;

    }

    div#slide7 > h1 > img {

        max-height: 36px !important;
    }

    div#slide9 {

        color: black;
        font-size: 32px !important;
        padding-top: 2vh;
        margin-top: 25px;
        margin-bottom: 5px;

    }

    h2 {

        font-size: 51px;

    }

    h3 {

        font-size: 19px;

    }

    p {

        font-size: 19px;

    }

    h1 {

        font-size: 8vw !important;

    }

}

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

    .numeri {
        display: none !important;
    }

    .video-embed > iframe {
        min-height: 600px;
        width: 90%;
        margin-left: 5%;
    }

    .video-embed-promo > iframe {
        width: 100%    !important;
        height: auto   !important;
    }

    div#slide2 > h1, div#slide4 > h1, div#slide6 > h1 {

        font-size: 0vw;

    }

    div#slide3 > h1, div#slide5 > h1 {

        font-size: 0vw;

    }
}

.Header {

    margin-top: 5vh;
    margin-bottom: 5vh;
}

div#header-promo {
    margin-top: 3vh;
    margin-bottom: 1vh;
}

div#slide1 {

    color: white;
    padding-bottom: 15vh;
    padding-top: 15vh;
    padding-left: 5vw;

}

div#subheader {

    color: black;
    padding-bottom: 40px;
    padding-top: 30px;
    display: inline-flex;
    align-items: center;
    min-height: 300px;

}

div#subheader h1 {

    margin: 0 auto !important;

}

div#slide2 {

    color: white;
    padding-bottom: 20vh;
    padding-top: 15vh;
    min-height: 800px;

}

div#slide3 {

    color: black;
    padding-bottom: 5vh;
    padding-top: 5vh;

}

div#slide4 {

    color: white;
    padding-bottom: 5vh;
    padding-top: 5vh;

}

div#slide5 {

    color: black;
    padding-bottom: 5vh;
    padding-top: 5vh;

}

div#slide6 {

    color: white;
    padding-bottom: 5vh;
    padding-top: 5vh;

}

div#slide7 {

    color: black;
    padding-bottom: 5vh;
    padding-top: 5vh;

}

div#slide7 h1 {

    /*font-size: 50px;*/

}

div#slide8 {

    color: white;
    padding-bottom: 5vh;
    padding-top: 5vh;

}

h1 {

    font-size: 63px;

}

h2 {

    font-size: 51px;

}

h3 {
    font-size: 19px;

}

p {

    font-size: 19px;

}

.f {

    font-size: small;
}

.f1 {

    font-size: 19px;

}

div#footer {

    margin-top: 30px;
    background-color: #545454;
    color: rgba(255, 255, 255, .58);

    font-weight: 400;
    font-style: normal;
    font-size: 19px;
    letter-spacing: 0em;
    line-height: 1.3em;
    text-transform: none;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

div#footer2 {

    font-weight: 300;
    font-style: normal;
    font-size: smaller;
    letter-spacing: .2em;
    line-height: 1.5em;
    text-transform: uppercase;
    margin-top: 30px;

}

div#footer2 a {

    color: rgba(212, 212, 212, .7);
    padding-left: 5px;
    padding-right: 5px;
    transition: color .15s ease-out;

}

div#footer2 a:hover {

    color: rgba(212, 212, 212, .35);
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;

}

div#slide9 h1 {

    color: black;
    font-size: 63px;
    padding-top: 2vh;
    margin-top: 80px;
    margin-bottom: 40px;
    font-style: normal;
    letter-spacing: 0em;
    line-height: 1.1em;
    text-transform: none;
    font-family: 'Roboto Condensed', sans-serif;

}

#bottoneblu {

    border-radius: 3px;
    background: #1993c3;
    /*border-color: #1993c3;*/
    white-space: normal;
    color: white;
    font-weight: 900;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .1em;
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0.8em 2.5em;
    text-align: center;
    cursor: pointer;
    outline: none;
    font-size: 14px;
    margin-top: 100px;
    margin-bottom: 100px;
    transition: .1s opacity linear;

}

#bottoneblu:hover {

    border-radius: 3px;
    /*background-color: #2789aa;*/
    background: #58a8cf;
    border-color: #58a8cf;
    white-space: normal;
    color: white;
    font-weight: 900;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .1em;
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0.8em 2.5em;
    text-align: center;
    cursor: pointer;
    outline: none;
    font-size: 14px;
    margin-top: 100px;
    margin-bottom: 100px;
    transition: .1s opacity linear;

}

.bottonenero_modal {

    display: inline-block;
    width: auto;
    height: auto;
    padding: 1em 2.5em;
    color: #fff;
    background-color: #272727;
    border-width: 0;

    font-size: 12px;
    line-height: 1em;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;

}

.bottonenero_modal:disabled{
    background-color: gray;
}

.modal_tlt {
    font-size: 22px;
    color: #333333;

    line-height: 1.2em;
    margin-right: 22px;
    text-transform: none;
    font-style: normal;
    letter-spacing: 0em;

}

.input_modal {

    width: 100%;
    padding: 12px;
    margin: 6px 0 4px;
    border: 1px solid #ccc;
    background: #fafafa;
    color: #000;

    font-size: 12px;
    line-height: normal;
    box-sizing: border-box;
    border-radius: 2px;
}

.label_modal {

    color: #222;

    font-size: 14px;
    text-transform: none;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;

}

.label_modal_2 {

    padding: .5em 0 .5em;
    font-size: 12px;
    opacity: .7;
    display: block;

}

#pagine_footer h2 {

    font-weight: bold;
    margin-bottom: 50px;
    margin-top: 50px;

}

#pagine_footer h3 {

    font-weight: bold;
    margin-bottom: 50px;
    margin-top: 50px;
    text-transform: uppercase;

}

#pagine_footer {

    font-family: 'Roboto Condensed', sans-serif;

}

label.check {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
input.check {
    width: 18px;
    height: 18px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}