/* 
    Author     : Danillo
    Site       : www.danilloestrela.com
    Contact    : falecom@danilloestrela.com
    Website developed: Pippos Quest
*/

/* FONTES */
@import url('https://fonts.googleapis.com/css?family=Anton|Cuprum');


/*    font-family: 'Anton', sans-serif;
    font-family: 'Cuprum', sans-serif; */


/* CONTEUDO PADRÃO SEM TAMANHO DE SCREEN */ 
body { margin 0; top: 0; bottom: 0; left:0; right: 0; padding: 0; font-family: 'Cuprum', sans-serif;}
h1 {
    font-family: 'Anton', sans-serif;
    color: #fff;
}
img {max-width: 100%;}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}
/* SEÇÃO TOPO */
#topo {
    background: url('../imgs/site-ceu.png') no-repeat fixed;
    background-size: 100%;
    margin: 0;
    min-height: 400px;
    position: relative;

}

#topo .logo {
    max-width:600px;
    z-index: 9999;
    position:absolute;   
}

#topo .coq-left {
    background: url('../imgs/coq-l.png') no-repeat;
    background-position: right;
    width:300px;
    height:300px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}

#topo .coq-right {
    background: url('../imgs/coq-r.png') no-repeat;
    background-position: right;
    width:420px;
    height:330px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
}


/* SEÇÃO SOBRE */
#sobre {
    background-image: url('../imgs/site-mar-repeat.png'), linear-gradient(to top, #00a59b, #00a59b 70%, transparent 70%, transparent 100%);
    background-repeat: repeat-x, no-repeat;
    margin: -20px 0 0 0;
    min-height: 400px;
    padding: 30px 0 30px 0;
}

#sobre h1 {
    font-family: 'Anton', sans-serif;
    color: #fff;
}

#sobre p, ul, li  {
    font-family: 'Cuprum', sans-serif;
    color: #F1f1f1;
    text-shadow: 2px 2px 3px rgba(152, 103, 175, 1);
}

#sobre a  {
    color: #00F1E3;
}

/* SEÇÃO BAIXE */
#baixe {
    background: url('../imgs/ios-game-example.png') no-repeat fixed;
    background-size: 100%;
    margin: 0;
    min-height: 400px;
    position: relative;      
}
#baixe .vertical-align{
    margin-top: 100px;
}

/*Seção Contato*/
.loadmsg{
    display:none;
    color:#16254c;
    width:100%;
    text-align: center;
}

#contato { 
    overflow: hidden;
    display: block;
    color:#16254c;
    background: #bca74d;
    font-family: dosis-medium;
}

#parceria {
    background-image: url('../imgs/site-ground.png'), linear-gradient(to top, #933411, #933411 70%, transparent 70%, transparent 100%);
    background-repeat: repeat-x, no-repeat;
    margin: -20px 0 0 0;
}

/* logo da página principal */

.logo {background: url('../imgs/rsf-logo.png') no-repeat;
       background-size: 67%;
       display: block;
}


/*  Menu  */

.btn-outline-primary{ border-color: #16254c; color:#16254c;}
.btn-outline-primary:hover{background: #16254c; border-color:#16254c;}

/* footer */
footer {
    min-width: 100%;
    min-height: 40px;
    margin:0;
    padding:0;
    background: #00a59b;
    
}

footer a {
    color: #F1f1f1;
    text-shadow: 2px 2px 3px rgba(152, 103, 175, 1);    
}
footer a:hover {
    color: #F1f1f1;
    text-shadow: 2px 2px 3px rgba(152, 103, 175, 1);    
}

footer a:active{ 
    color: #F1f1f1;
    text-shadow: 2px 2px 3px rgba(152, 103, 175, 1); 
}

footer p {
    text-align: center; font-size: 13px; margin: 10px 0 0 0; 
    color: #F1f1f1;
    text-shadow: 2px 2px 3px rgba(152, 103, 175, 1);
}


/* Responsividade */



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

    .form-contato{
        padding-bottom:30px;
    }

    #topo .logo {
        max-width:400px;
        z-index: 9999;
        position:absolute;   
    }

    #baixe {
        background: url('../imgs/ios-game-example.png') no-repeat fixed;
        background-size: cover;
    }
    #parceria{
        background-image: url('../imgs/site-ground.png'), linear-gradient(to top, #933411, #933411 90%, transparent 70%, transparent 100%);
        background-repeat: repeat-x, no-repeat;
    }
    #parceria img {
        margin-bottom:40px;
    }


}

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

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

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

}