/* Minification failed. Returning unminified contents.
(411,37): run-time error CSS1034: Expected closing parenthesis, found ','
(411,37): run-time error CSS1042: Expected function, found ','
(411,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
body {
    font-family: 'Montserrat', sans-serif;
}

.caveat {
    font-family: 'Caveat', cursive;
}

body, section{
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

.cover{
    object-fit: cover;
}

#sectionVideo{
    position: relative;
}

#Ola1, #Ola1Enviado {
    top: 100vh;
    z-index: 2;
    animation: flotar 2s infinite ease-in;
}

#Ola2, #Ola2Enviado {
    top: 100vh;
    z-index: 1;
    animation: flotar 2s 0.8s infinite ease;
}

#LogoMenorcaLines, #LogoMenorcaLinesEnviado {
    width: 40%;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    position: absolute;
    opacity: 1;
}

#sectionFondo, #sectionSomosMenorcaLines, #sectionMenorcaLines, #sectionLogoMenorca, #sectionVideo {
    position: absolute;
    top: 0;
    left: 0;
}

#sectionSomosMenorcaLines, #sectionMenorcaLines, #sectionFinal, #Ola1, #Ola2, #form-motor, .titulo-motor, .sectionFooter, #sectionLogoMenorca, #sectionMenorcaLinesMovil {
    opacity: 0;
}

#sectionSomosMenorcaLines.active {
    animation-name: AparecerYDesaparecer;
    animation-duration: 6s;
}

#sectionLogoMenorca.active{
    animation-name: AparecerYDesaparecer;
    animation-duration: 3.5s;
}

body.active #sectionMenorcaLines, body.active #sectionMenorcaLinesMovil {
    opacity: 1;
    z-index: 1;
    transition: opacity 2s 0.5s ease;
}

body.active #sectionMenorcaLines > #LogoMenorcaLines, #LogoMenorcaLinesEnviado {
    /*transition: all 1.5s 4.5s ease;*/
    transform: translate(50%,0px);
    right: 50%;
    top: 3%;
    width: 70%;
}

body.active > #sectionFinal {
    opacity: 1;
    transition: all 2s 0.5s ease;
}

.logoLegal {
    width: 70%;
}

#sectionFinal{
    height: 100%;
}

body.active #Ola2 {
    opacity: 1;
    top: 0px;
    transition: all 1.5s 1s ease;
}

body.active #Ola1 {
    opacity: 1;
    top: 0px;
    transition: all 1s 1.5s ease;
}

body.active #form-motor {
    opacity: 1;
    transition: all 2s 2.5s ease;
}

/*Version movil*/
body.active .div-motor {
    z-index: 6;
    transition: all 0s 0.5s ease;
}

body.active .titulo-motor {
    /*animation-name: efectoTitulo;
    animation-duration: 1.2s;
    animation-delay: 3s;
    animation-timing-function: linear;
    transition: opacity 0s 4s ease;*/
    opacity: 1;
}

body.active .sectionFooter {
    transition: opacity 1s 3s ease;
    opacity: 1;
}

.div-motor {
    overflow-y: auto;
    overflow-x: hidden;
    z-index: -2;
    padding-top:25px;
}

.mb-70px{
    margin-bottom: 70px;
}

.mb-100px{
    margin-bottom: 100px;
}

#form-motor {
    border-radius: 15px;
    margin-top: 0px;
}

.inner-div-motor{
    width: auto;
}

@keyframes efectoTitulo {
    0% {
        opacity: 0;
        transform: scale(0.4);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes AparecerYDesaparecer {
    0% {
        opacity: 0;
    }

    35% {
        opacity: 1;
    }

    65%{
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes flotar {
    0% {
        transform: translate(0, 0px);
    }

    40% {
        transform: translate(0, 4px);
    }

    100% {
        transform: translate(0, 0px);
    }
}

.btn-azul, .btn-azul:hover, .btn-azul:focus {
    background-color: rgb(63,139,182);
    color: white;
}

.titulo-motor{
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.input-motor {
    /*    background-color: rgba(216,233,249,0.9);*/
    background-color: white;
    box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.5);
    border-radius: 10px;
    padding: 7px 18px;
    border: none;
}

.btn-outline-primary, .btn-outline-primary:hover {
    color: white !important;
    border-color: white !important;
    background-color: transparent !important;
}

.btn-check:checked + .btn-outline-primary{
    color: black !important;
    background-color: white !important;
    border-color: white !important;
}

.btn-outline-primary:focus, .btn-outline-primary:active:focus {
    box-shadow: none !important;
}

.text-azul{
    color: rgb(63,139,182);
}

.btn-blanco {
    background-color: white;
    color: cornflowerblue;
    border-radius: 10px;
    padding: 7px 12px;
    font-family: 'Caveat', cursive;
    border: none;
}

.titulo-SomMenorca{
    font-size: 60px;
}

.Subtitulo-SomMenorca {
    font-size: 30px;
}

.w-fit-content{
    width: fit-content;
}

.titulo-enviado {
    font-size: 30px;
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {

    .logoLegal {
        width: 350px;
    }

    body.active .div-motor {
        z-index: 6;
        transition: all 0s 2s ease;
    }

    .inner-div-motor {
        width: 700px;
    }


    .div-motor {
        overflow-y: scroll;
        overflow-x: hidden;
        padding-bottom: 50px;
        z-index: -2;
    }



    #Ola1, #Ola2 {
        width: 100%;
    }

    .titulo-SomMenorca {
        font-size: 120px;
    }

    .titulo-enviado{
        font-size: 60px;
    }

    .Subtitulo-SomMenorca > h1 {
        font-size: 60px;
    }

    .Subtitulo-SomMenorca > h2 {
        font-size: 50px;
    }

    .Subtitulo-SomMenorca > h3 {
        font-size: 40px;
    }

    body.active #Ola2 {
        opacity: 1;
        top: 0px;
        transition: all 1s 1s ease;
    }

    .titulo-motor {
        font-size: 25px;
    }

    body.active > #sectionMenorcaLines > #LogoMenorcaLines, #LogoMenorcaLinesEnviado {
        transform: translate(0px,0px);
        right: 3%;
        top: 8%;
        width: 350px;
    }

    @media (max-height: 800px) {

        #LogoMenorcaLines {
            height: 80px;
        }

        .titulo-motor {
            font-size: 20px;
        }

        #titulo-motor-principal {
            margin-top: 160px;
        }

        .div-motor-content{
            margin-top: 100px;
        }
    }


}

@media (min-width: 1200px) {
}

@media (min-width: 1400px) {
}








.cookies {
    position: fixed;
    bottom: 0;
    z-index: -9999999999999999;
    background-color: rgba(0,0,0,0.5);
    width: 100vw;
    opacity: 0;
    transition: all 0.5s 4s ease;
}

.cookies.active{
    opacity: 1;
    z-index: 9999999999999999;
}

.cookies-content {
    background-color: white;
    height: 100%;
}

.text-azul{
    color: rgb(63,139,182);
}

.btn_cookie {
    padding: 0px 40px 0px 40px !important;
    background-color: rgb(63,139,182);
    color: white !important;
    border-radius: 30px;
    text-decoration: none;
}

.titulo-cookies{
    font-size: 35px;
}

#checkInOnline {
    color: rgb(63,139,182);
    cursor: pointer;
    border-radius: 25px;
    padding: 5px 16px 4px 16px;
    margin-top: 2px;
    border: 1px solid #FFF;
    background-color:rgb(255,255,255,.8);

}
