@font-face {
    font-family: 'Balloon';
    src: url('../fonts/Balloon.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Product Sans';
    src: url('../fonts/ProductSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Product Sans Bold';
    src: url('../fonts/ProductSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.ftBall {
    font-family: 'Balloon'!important;
    font-weight: normal;
    font-style: italic;
}

.ftSans {
    font-family: 'Product Sans';
    font-weight: normal;
    font-style: normal;
}

.ftSansBold {
    font-family: 'Product Sans Bold';
    font-weight: bold;
    font-style: normal;
}


h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-family: 'Balloon';
    font-weight: normal;
    font-style: italic;
}

body{
 font-family: 'Product Sans';   
}


@media (min-width: 991px){
/*.bg-blue{
background: rgb(46,48,145);
background: linear-gradient(90deg, rgba(46,48,145,1) 0%, rgba(46,48,145,1) 70%, rgba(19,21,101,1) 70%);
}*/


.bg-blue {
    background: rgb(46,48,145);
    background: linear-gradient(135deg, rgba(46,48,145,1) 0%, rgba(46,48,145,1) 80%, rgba(19,21,101,1) 30%);
    }

.nav-link{
color: #fff!important;
font-size: 14px 
}
.px-lg-45{
padding-left: 2rem;
padding-right: 2rem;
}
}

@media (max-width: 990px){
.bg-blue-xs{
background: #fff;
}
.nav-link{
color: #000!important
}
}

.bg-banner{
background: url('/assets/bannerBG.png');
background-size: cover;
background-repeat: no-repeat;
}   

.btn-blue-r, .btn-blue-r:hover{
background-color: #131565;
color: #fff;
}

.btn-blue, .btn-blue:hover{
background-color: #131565;
color: #fff;
border-radius: 0px;
}

.btn-gray, .btn-gray:hover{
background-color: #F6F7F8;
color: #000;
border-radius: 0px;
}

.btn-whats, .btn-whats:hover{
background-color: #019F4A;
color: #fff;
}

.h1{
    font-size: 3rem;
}

.fs-12{
font-size: 12px
}

.fs-14{
font-size: 14px
}

.fs-18{
font-size: 18px
}

.fs-20{
font-size: 20px
}

.fs-22{
font-size: 22px
}

.fs-24{
font-size: 24px
}

.fs-26{
font-size: 26px
}

.fs-28{
font-size: 28px!important
}

.lh-20{
line-height: 20px
}

.w-90{
width: 90%!important
}

.text-blue{
color: #131565
}

.card-header {
    background-color: #FFF;
    padding: .3rem 0rem;
}

.outline-none{
box-shadow: none!important;
outline: none!important;
border: none
}

.btn-outline-blue{
border: 2px solid #131565;
background: #fff;
color: #131565
}
.btn-outline-blue:hover{
background: #131565;
color: #fff
}

.bg-gray {
    background: #f4f4f4;
}

label {
    font-size: 13px;
}

.border-radius-25{
border-radius: 7px
}

.ulNav > .nav-item > .nav-link{
font-size: 14.5px
}

.card{
    border: 1px solid rgba(0,0,0,.250);
}

.form-control {
border: 1px solid #222!important;
    height: calc(1.5em + .75rem + 6px)!important;
}

input::placeholder {
font-size: 14px!important
}


@media (max-width: 767px){
.altNav{
width: 240px;
}
.h1{
    font-size: 2.5rem;
}

.fs-xs-20{
font-size: 22px
}

.h-xs-100{
height: 100%!important
}
}

.b-bottom{
border-bottom: 2px solid #EC1C22
}



.h1, h1 {
    font-size: 1.6rem;
}

body, p {
font-size: 0.9rem;
}

.btn {
font-size: 0.9rem!important;
}

/*SOLUÇÕES*/
.zoom {
overflow: hidden;
}

.zoom img.responsive-img {
max-width: 100%;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

.zoom:hover img.responsive-img {
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
transform: scale(1.1);
}

/**/
@media (min-width: 1200px){
.w-lg{
width: 200px
}
}

