/*Start Desketop CSS*/
body{
    font-family: 'Montserrat';
}

.row{
    padding: 0px;
    margin: 0px;
}

option{
    color: black;
}

h2{
    font-family: 'Montserrat';
    font-weight: bold;
    font-style: normal;
}

.home{
    background-image: url(../img/bg-home.jpg);
    min-height: 100vh;
    background-size: 100%;
    background-repeat: no-repeat;
}

.bg-dark{
    background-color: #001519;
}

.bg-dark-sidebar{
    background-color: #212121;
}

.bg-l{
    background-image: url(../img/lineas.png);
    min-height: 100vh;
    background-size: 30%;
    background-position: bottom;
    background-position-x: left;
    background-repeat: no-repeat;
}

nav {
    padding: 55px 75px!important;
    min-height: 15vh;
}

.logo{
    width: 100%;
}

.color-green{
    color: #c2fc07;
    white-space: nowrap;
}

.color-green2{
    color: #c2fc07;
}


.ig{
    padding-left: 30px;
}

.btn-ig{
    border: 1px solid #c2fc07;
    border-radius: 70px;
    padding: 0px;
    margin: 0px;
}

svg{
    margin: 5px;
}

.main{
    padding-top: 100px;
}

.sidebar{
    padding: 0px 70px;
}

.form-consulta{
    margin-top: 50px;
}

.closespan{
    margin-left: -50px;
    color: white;
    display: none;
}

.closebtn{
    margin-right: 20px;
    border: 1px solid white;
    border-radius: 70px;
    padding: 2px 0px;
    

}

.sidebar-div{
    background-image: url(../img/lineas-Streaming.png);
    background-size: 40%;
    background-position: top;
    background-position-x: right;
    background-repeat: no-repeat;
    padding-top: 250px;
}

.actividad-input{
    display: none;
}

.input-consulta, .submit-consulta{
    width: 100%;
}

.color-white{
    color: white;
}

strong{
   font-size: 130%;
}

.consulta-coment{
    border-left: 1px solid #c2fc07;
    padding-left: 60px;
    padding-top: 5px;
}

.submit-consulta{
    border: 1px solid #c2fc07;
    color: #c2fc07;
    background: transparent;
}

.underline {
    border-bottom: 3px solid;
    padding-bottom: 20px;
}

input,select {
    border-radius: 7px;
    margin: 10px 0px;
    padding: 10px 15px;
    width: 80%;
}

input:focus,select:focus{
    outline: none;
}

input::placeholder,select::placeholder{
    color: white;
}

input.input-form,select#select-form-pais,select#select-form-provincia,select#select-form-localidad,select#select-form-actividad{
    background: transparent;
    border: 1px solid #beff00;
    color: white;
}

input.submit-form {
    background-color: #beff00;
    border: 1px solid #beff00;
    font-weight: bold;
}

.localidad-input{
    display: none;
}

.footer{
    padding-top: 30px;
}

.footer-gracias{
    padding-top: 180px;
}

.div-footer {
    width: 14.28%;
    float: left;
    padding: 10px;
}

.img-footer {
    width: 100%;
}

select {
    padding: 12px 15px!important;
}


.logos-mobile{
    display: none;
}


a:active,a:hover,a:focus {
    color: white;
}

.title-gracias{
    font-size:250%;
}

.text-graciasx{
    font-size: 160%;
}

/*End Desketop CSS*/

/*Start Celular CSS*/
@media screen and (max-width: 900px) {
    nav {
        padding: 20px!important;
        font-size: 70%;
        min-height: 0px;
    }

    .main{  
        padding-top: 30px;
    }

    .home {
        background-size: auto 100%;
    }

    .espacio{
        width: 10%;
    }

    .logos-desktop{
        display: none;
    }

    .logos-mobile{
        display: flex;
    }

    .consulta-coment {
        border-left: 0px solid #c2fc07;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-top: 15px;
    }

    .bg-l {
        min-height: 20vh;
        background-size: 0%;
    }

    .sidebar {
        padding: 0px 30px;
    }

    .sidebar-div{
        background-image: url(../img/lineas-Streaming-mobile.png);
        background-size: 60%;
        background-position: bottom;
        background-position-x: right;
        padding-top: 0px;
    }

    .consulta{
        font-size: 120%;
        margin-top: 20px;
    }

    .form-consulta{
        font-size: 90%;
    }

    input.input-consulta {
        padding: 5px 10px;
    }
    
}
/*End Celular CSS*/

/*Start Fonts*/
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Italic.ttf');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}
/*End Fonts*/