/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23/07/2018, 12:46:34
    Author     : danielcarvalho
*/

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

    .navbar {
        background-image: linear-gradient(to right, #801524, #df8821) !important;
        display: block;
        height: auto;
        z-index: 999999;
        position: fixed;
        top: 0;
        width: 100%;
        border-bottom:solid #801524 1px ;
    }
    .navbar-collapse, .collapse, .navbar-expand-lg{
        background-image: linear-gradient(to right, #801524, #df8821) !important;
        z-index: 99999;
        width: 100%;
        padding: 5px;
        border:solid #801524 1px ;
    }
    .services-home .col-sm-4{
        padding-bottom: 5px;
    }
    .service-title{
        position: absolute;
        bottom: 4px;
    }
    p.smallText{
        font-size: 12px;
        margin: 0 auto;
        text-align: center;
        width: 85%;
        padding: 30px;
    }
    .jssor_1{
        margin-top: -30px !important;
    }
    .locale-map img{
        padding: 10px;
    }
    .locale-numeros img{
        padding: 10px;
    }
    /* footer */
    .footer-none{
        display: none !important;
    }
    .default{
        display: none !important;
    }
    .default-mobile{
        display: block !important;
        width: 100%;
    }
    .default-mobile .footer-social{
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        font-size: 14px !important;
    }
    .default-mobile .footer-social .col-sm-4{
        display: inline-block !important;
        width: 33%;
    }
    .default-mobile .footer-social a{
        text-align: center !important;
        font-size: 14px !important;
    }
    .default-mobile .filiais{
        margin: 0 !important;
        padding: 0 !important;
        margin-top: 15px;
    }
    .default-mobile .filiais .col-sm-4{
        display: inline-block !important;

    }

    .footer-home .container{
        background-image: url(../img/mascote.png);
        background-repeat: no-repeat;
        background-size: 35%;
        background-position: left;
        background-position-y: 20px;
        min-height: 200px;
        z-index: 99999;
    }
    .balao{
        background-image: none !important;

    }
    h1.headline-contato{
        margin-top: -15px;
        margin-left: -50px;
        font-weight: 600;
        font-size: 16px;
    }


    h1.headline-contato{
        margin-top: 80px;
        margin-left: 180px;
        font-weight: 600;

    }
    .footer-social{
        margin-left: 200px;
        /*border-bottom: 1px solid #a2a0a3;*/
    }
    .footer-social img{
        max-width: 50px;
    }
    .footer-social a{
        font-size: 22px;
        color: #fff;
    }
    .footer-social a:hover{
        text-decoration: none;
        color:#c66a22;
    }
    .filiais{
        clear: both;
        margin-top: 40px;
        margin-left: 180px;
        /*border-bottom: 1px solid #a2a0a3;*/
    }
    .filiais p{
        color: #a2a2a2;
        font-size: 14px;
    }
    .footer-home hr{
        /*color: #a2a2a2;*/
        background-color: #a2a2a2;
        height: 2px;
        width: 65%;
        float:  right;
    }

    /*quem confia*/

    section.quem-confia .container .row .col-sm-3{
        display: inline-block;
        width: 50%;
    }

    /*seguranca*/
    .mascote-right{
        display: none !important;
    }

    /*sobre*/
    .sobre-historia h1{
        font-size: 40px !important;
    }
    .sobre-menu{
        list-style: none;
        margin: 0 auto;
        text-align: center;
        z-index: 9999;
        position: absolute;
        top: 250px;
        left: 50px;
    }
    .sobre-slide{
        margin-left:-20px ;
    }
    .sobre-slide-arrow{
        position: absolute;
        bottom: 10px;
        z-index: 999;
    }
    .arrow-back{
        position: relative;
        left: 80px;
    }
    .arrow-next{
        position: absolute;
        left: 130px;
        top: 1px;
    }
    .sobre-slide ul li .sl-text{
        width: 250px;
        height: auto;
        margin: 0 auto;
        margin-top: 50px;
        text-align: justify;
    }
    #valores{
        width: 100%;
        overflow:hidden;
        z-index: auto;

    }
    #carousel-sobre ul {
        width: 100px;
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    #carousel-sobre ul li{
        position: relative;
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        width: 300px !important;
        height: auto !important;
        text-align: justify;

    }

    /*PROJETO SOCIAL*/
    section.projeto-social{
        font-size: 14px;
    }
    section.projeto-social .social-capacitar{
        background-image: url(../img/social/image3.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-size: cover;
        height: auto;
        padding: 5px;
        text-align: left !important;

    }
    section.projeto-social .social-capacitar h2{
        color: #fff;
        padding-top: 100px;
        font-size: 30px;
    }
    section.projeto-social .social-capacitar h1{
        color: #fff;
        font-size: 70px;
        margin-left: 0 !important;
        text-align: left !important;
    }
    section.projeto-social .social-capacitar p{
        width: 100%;
        color: #fff;
        text-align: justify;
    }
    section.projeto-social .social-curso{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    section.projeto-social .social-curso .container{
        background-image: linear-gradient(to top, #801524, #df8821) !important;
        height: auto;
        padding: 5px;
    }
    section.projeto-social .social-curso .curso-imagem{

        display: none !important;
    }
    section.projeto-social .social-curso .curso-texto{
        width: 100%;
        padding: 10px;
        color: #fff;
        text-align: justify;
    }
    section.projeto-social .social-headline{
        /*background-color: #fff;*/
        /*background-image: url(../img/serviceBg.png);*/
        background-repeat: no-repeat;
        background-size: 100%;
        background-size: cover;
        height: auto;
        margin: 0 auto !important;
        padding-top: 100px;
        padding-bottom: 100px;
    }
    section.projeto-social .social-headline p{
        color: #f85200;
        font-size: 30px;
        font-weight: 700;
        letter-spacing: 5px;
        margin: 0 auto !important;
        text-align: center !important;

    }
}


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}