/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

/* Slider */

.inspiro-slider .slide .slide-captions > p {
    line-height:1.5;
    font-size:1.2rem;
    margin-bottom:0;
}

/* Transição pneu */

.pneu {
    position:relative;
    margin:10em 0 50px;
}

.pneu > div {
    background: url(../images/transition.png);
    width:100%;
    height:80px;
    position: absolute;
    bottom: 0;
    z-index: 2;
    opacity: .2;
    transform: rotate(5deg);
}

/* Fim: Transição Pneu */

/* Fim Slider */

.mt-50 {
    margin-top:50px;
}

.oproblema li::before {
    color: white !important;
}


.header-extras > ul > li a, .header-extras > ul > li i {
    color: #ffffff;
}

.lead {
    line-height:1.75;
}

.bg-overlay {
    background: rgb(0 0 0 / 70%);
}

ul.list-icon {
    color: #999;
}
 
ul.list-icon.list-icon-uncheck.list-icon-colored {
    color: #777;
}

/* Font-Size 1Rem */.f-s-1rem {
    font-size:1.10rem;
}

.no-marker li::before {
    display: none !important;
}

/* Line Height Default (1.65714286em) */.l-h-def {
    line-height:1.65714286em;
}


/* Shape Divider Before Footer */  .before-footer-shape-divider path {
    fill:#f8f9fa !important;
}


.interrogacao {
    width:80%
}

.background-azul {
    background-color: #1E42DB;
}

.colororange h4, .colororange h2 {
    color:#f94118;    
}




/* ! Modo Responsivo */

@media screen and (max-width:480px) {
    /* Menu */
    #mainMenu .current a {
        color:#f94118 !important;
    }

    
    .interrogacao {
        position:absolute;
        top:-50px;
        left:50%;
        opacity:0.15;
    }

    /* Ordem Colunas */

    .order-mobile-2 {
        -ms-flex-order: 2;
        order:2;
    }

    .order-mobile-1 {
        -ms-flex-order: 1;
        order:1
    }
}