/*!
* fisb
* Version - 1.0
* Author: Vannelo - http://vannelo.com

* - RESOURCES -
* COLORS
* ACCENT: #;
* ACCENT: #;

*/

/* TIPOGRAFÍA */


/* GENERAL */
    body {
        background-color: #1b1e21;
    }
    h1,h2,h3,h4,h5,h6 {
        font-family: 'Raleway', sans-serif;
        color: white;
        font-weight: 800;
    }
    h2 {
        font-size: 60px;
        letter-spacing: -2px;
    }
    p {
        font-size: 20px;
    }
    .separador {
        width: 100px;
        height: 6px;
        border-radius: 5px;
        background-color: #41bcb6;
        margin: auto;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .dandy-btn-1 {
        display: inline-block;
        padding: 10px 50px;
        background-color: #f8504f;
        border: 2px solid #f8504f;
        font-size: 16px;
        font-weight: 600;
        font-family: 'Raleway', sans-serif;
        border-radius: 6px;
        color: white;
        margin: 20px 0;
        transition-duration: .2s;
    }
    .dandy-btn-1:hover {
        background-color: transparent;
        color: white;
        transition-duration: .2s;
    }

/* MENÚ */
    .menu-desktop {
        position: absolute;
        background-color: white;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
        text-align: center;
        font-family: 'Raleway', sans-serif;
        padding: 20px;
    }
    .menu-desktop a {
        display: inline-block;
        padding: 0 20px;
        font-size: 20px;
        font-weight: 800;
        color: #012c77;
    }

/* PAGE HOME */
    .page-home {}

    .page-home .header {}
    .page-home .header img {
        width: 100%;
    }

    .page-home .convocatoria {
        padding: 100px 0;
        background-image: linear-gradient(rgba(255,255,255,0.9),rgba(255,255,255,0.9)), url(../img/bg4.jpg);
        color: #012c77;
    }
    .page-home .convocatoria h2 {
        color: #012c77;
    }
.page-home .convocatoria h4 {
        color: #012c77;
        margin-bottom: 50px;
    }

    .page-home .concurso {
        padding: 150px 0;
        text-align: center;
        color: white;
        background-image: url("../img/bg1.jpg");
        background-position: center;
        background-size: cover;
    }
    .page-home .concurso .row {
        margin-top: 50px;
    }

    .page-home .bases {
        padding: 150px 0;
        background-color: #dee4e8;
        background-image: url("../img/bg2.jpg");
        background-position: center;
        background-size: cover;
        color: white;
    }
    .page-home .bases .separador {
        margin: 0;
        background-color: #41bcb6;
    }
    .page-home .bases ul {
        font-size: 20px;
    }
    .page-home .bases .contenido {
        margin: 30px 0;
    }

    .page-home .registro {
        padding: 100px 0;
        background-color: white;
        color: #012c77;
        background-image: url("../img/bg4.jpg");
        background-position: center;
        background-size: cover;
    }
    .page-home .registro h3 {
        color: white;
    }
    .page-home .registro .box {
        padding: 50px;
        text-align: center;
        width: 80%;
        border-radius: 5px;
        margin: auto;
        background-color: #012c77;
        color: white;
    }
    .page-home .registro .separador {
        background-color: #41bcb6;
    }
    .page-home .registro h5 {
        text-align: left;
        color: white;
    }

    form {}
    form input {
        font-family: 'Raleway', sans-serif;
        display: block;
        font-size: 20px;
        font-weight: 800 !important;
        color: #012c77;
        text-align: left;
        margin: 10px 0;
    }
    form select {
        font-family: 'Raleway', sans-serif;
        font-weight: 800;
    }
    form select option {
        font-family: 'Raleway', sans-serif;
        font-weight: 800;
    }
    form textarea {
        font-family: 'Raleway', sans-serif;
        font-weight: 800;
        margin-bottom: 10px;
    }
    form textarea::placeholder {
        font-family: 'Raleway', sans-serif;
        font-weight: 800;
    }
    form .terminos input {
        display: inline-block;
    }
    form .terminos {
        font-size: 12px !important;
        color: #eee;
    }
    form .logearse a {
        color: white;
        font-weight: 800;
        font-size: 14px;
    }

/* FOOTER */
    .footer {
        padding: 150px 0 50px 0;
        text-align: center;
        color: white;
        background-image: url("../img/bg3.jpg");
        background-position: center;
        background-size: cover;
    }
    .footer h2 {
        color: white;
    }
    .footer h3 {
        color: white;
    }
    .footer a {
        font-family: 'Raleway', sans-serif;
        color: white;
        font-size: 30px;
        font-weight: 600;
        display: block;
        text-align: center;
    }
    .footer .redes a {
        display: inline-block;
    }
    .footer .redes i {
        font-size: 20px;
        margin: 0 10px;
    }
    .footer .separador {
        background-color: #41bcb6;
    }
    .footer .copy {
        font-family: 'Raleway', sans-serif;
        margin-top: 100px;
        font-size: 14px;
        color: #ccc;
        text-align: center;
    }


/* RESPONSIVE */

@media only screen and (max-width: 1000px) {
    .menu-desktop {
        display: none;
    }
    .menu-mobile {
        display: block;
    }
    .hide-mobile {
        display: none;
    }
    .show-mobile {
        display: block;
    }

    h2 {
        font-size: 40px;
    }
    h3 {
        font-size: 30px;
    }
    .page-home .concurso {
        padding: 50px 0;
        text-align: center;
        background-color: #41bcb6;
        color: white;
        background-image: url("../img/bg1.png");
        background-position: center;
        background-size: cover;
    }
    .page-home .bases {
        padding: 50px 0;
        background-color: #dee4e8;
        color: #012c77;
        background-image: url("../img/bg2.png");
        background-position: 25% top;
        background-size: cover;
    }
    .footer {
        padding: 50px 0;
    }

    .page-home .registro .box {
        padding: 50px;
        text-align: center;
        width: 80%;
        border-radius: 5px;
        margin: auto;
        background-color: #012c77;
        color: white;
    }


}

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


}