/* 



1. Add your custom Css styles below

2. Place the this code in your template: 



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



*/



html {

    overflow-x: hidden !important;

}



h1,

h2,

h3,

h4,

h5,

h6,

.h1,

.h2,

.h3,

.h4,

.h5,

.h6 {

    letter-spacing: 0;

}



:root {

    --cor-1: #ed5518;

    --cor-2: #ffb500;

    --cor-3: #003989;

    --cor-4: #dc3545;

    --cor-5: #dfdfdf;

    --cor-dark: #0041a0;

}



.dark #header .header-inner #logo a>img,

.dark #header .header-inner #logo a [class*="logo-"],

.dark #header #header-wrap #logo a>img,

.dark #header #header-wrap #logo a [class*="logo-"],

#header.dark .header-inner #logo a>img,

#header.dark .header-inner #logo a [class*="logo-"],

#header.dark #header-wrap #logo a>img,

#header.dark #header-wrap #logo a [class*="logo-"] {

    display: block;

}



.dark #header .header-inner,

.dark #header #header-wrap,

#header.dark .header-inner,

#header.dark #header-wrap {

    background-color: transparent;

}



#header {
    height: 22vh;
    line-height: 23vh;
    background-color: transparent;
}



#header .header-inner,

#header #header-wrap {

    height: 22vh;

}



#header .header-inner #logo,

#header #header-wrap #logo {
    float: unset;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    height: 18vh;
}



.container-fluid,

.container-lg,

.container-md,

.container-sm,

.container-xl {

    padding-right: 5%;

    padding-left: 5%;

}



.header-title {

    font-size: clamp(20px, 2vw, 28px) !important;

    color: #fff;

    line-height: 1.1;

    text-transform: uppercase;

    text-align: center;

}



.header-title b {

    font-weight: 900;

    color: var(--cor-2);

    font-size: clamp(25px, 2vw, 35px) !important;

}



#header .header-inner #logo a>img,

#header #header-wrap #logo a>img {

    height: 60px;

}



#footer {

    background-color: #dfdfdf;

}



#footer p {

    color: #1d1d1d !important;

    font-weight: 800;

    font-size: clamp(16px, 5vw, 18px);

    line-height: 1.2;

    margin-bottom: 0;

}



#footer a {

    color: #1d1d1d !important;

    font-weight: 700;

    font-size: 18px;

    line-height: 1.1;

}



#footer i {

    color: #1d1d1d !important;

}



#footer .footer-content {

    padding: 80px 0;

}



.footer-grid {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    width: 100%;

}



.footer-grid {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    width: 100%;

    grid-gap: 60px;

    text-align: center;

}



#footer .footer-logo {

    border-right: unset;

    margin-bottom: unset;

    margin-right: unset;

    padding-right: unset;

    display: flex;

    justify-content: center;

    align-items: flex-start;

}



#footer .footer-logo img {

    width: 250px;

    height: auto;

}



.footer-more-infos a>b {

    font-weight: 900;

}



#footer .footer-more-infos a {

    font-size: clamp(18px, 5vw, 22px);

}



.footer-medias {

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    align-items: center;

    justify-content: center;

}



.footer-medias a {

    height: 40px;

    width: 40px;

    border-radius: 3px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0 10px;

    border: 2px solid var(--cor-3);

    transition: all .3s ease;

}



.footer-medias a:first-of-type {

    margin-left: 20px !important;

}



#footer .footer-medias a i {

    color: var(--cor-3) !important;

    font-size: 23px;

}



.footer-medias a.ig {

    background: transparent !important;

    transition: all .3s ease;

}



.footer-medias a.fb {

    background: transparent !important;

    transition: all .3s ease;

}



.footer-grupo {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

}



.footer-grupo {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: center;

}



.footer-grupo img {

    width: 175px;

    height: auto;

    margin-left: 20px;

}



#footer .footer-grupo p {

    font-size: 16px;

}



#call {

    padding: 40px 0;

    text-align: center;

    background: var(--cor-1);

}



#call .call-title {

    font-weight: 900;

    font-size: clamp(35px, 4vw, 50px);

    line-height: 1.1;

    margin-top: 5px;

    margin-bottom: 0 !important;

    color: #fff;

}



#diferenciais {

    padding: 80px 0;

    background: var(--cor-3);

}



.dif-grid {

    display: grid;

    grid-gap: 80px;

    grid-template-columns: repeat(2, minmax(0,1fr));

    max-width: 1000px;

    margin-left: auto;

    margin-right: auto;

}



.box-dif {

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    align-items: center;

    justify-content: center;

}



.box-dif .box-dif__title {

    color: var(--cor-2);

    font-weight: 900;

    text-transform: uppercase;

    line-height: 1;

    font-size: clamp(21px, 1.9vw, 35px);

    margin-bottom: 0;

}



.box-dif .box-dif__p {

    color: #fff;

    font-weight: 800;

    text-transform: uppercase;

    line-height: 1.1;

    font-size: clamp(15px, 1vw, 20px);

    margin-bottom: 0;

}



.box-dif img {

    width: clamp(65px, 5vw, 90px);

    margin-right: 30px;

    margin-bottom: 6px;

}



#form-links {

    text-align: center;

    padding-top: 0;

    overflow: visible;

    padding-bottom: 120px;

    /* background-color: var(--cor-3); */

    background-image: url(../images/paralax.jpg);

    background-position: center;

    background-attachment: fixed;

    /* z-index: 200; */

    background-size: cover;

    /*top: 0px;*/

}



#form-links>.container>p {

    color: #fff;

    font-size: clamp(18px, 3vw, 24px);

    line-height: 1.3;

    font-weight: 600;

    margin-bottom: 30px;

}



.heading {

    color: #fff;

    font-size: clamp(18px, 3vw, 24px);

    line-height: 1.3;

    font-weight: 600;

    margin-bottom: 30px;

}



.form-box {

    width: 100%;

    height: auto;

    background: #fff;

    border-radius: 20px;

    box-shadow: 0px 0px 15px rgba(0, 0, 0, .8);

    top: -30px;

    position: relative;

    padding: 40px;

    margin-bottom: 60px;

    z-index: 50;

    padding-bottom: 105px;

}



#form-links>.container>p:first-of-type {

    margin-top: 80px;

}



#form-links>.container>p:last-of-type {

    margin-bottom: 0px;

}



#header {

    overflow: visible;

}



.flex-links {

    display: flex;

    grid-template-columns: unset;

    flex-direction: row;

    flex-wrap: wrap;

    margin-top: 60px;

    max-width: 900px;

    margin-left: -20px;

    margin-right: -20px;

    justify-content: center;

}



.flex-links .box-links {

    width: calc(50% - 40px);

    max-width: unset;

    margin: 20px !important;

}



.box-links {

    display: flex;

    flex-direction: row;

    border: 2px solid #fff;

    border-radius: 35px;

    flex-wrap: wrap;

    padding: 25px;

    align-items: center;

    transition: all .3s ease;

}



.box-links .box-links__img-wrapper {

    width: 50%;

    display: flex;

    align-items: center;

    justify-content: flex-start;

    margin-bottom: 20px;

}



.flex-links .box-links:nth-child(1) {

    margin-right: 20px;

    margin-bottom: 20px;

}



.flex-links .box-links:nth-child(2) {

    margin-left: 20px;

    margin-bottom: 20px;

}



.flex-links .box-links:nth-child(3) {

    margin-right: 20px;

    margin-top: 20px;

}



.flex-links .box-links:nth-child(4) {

    margin-left: 20px;

    margin-top: 20px;

}



.box-links .box-links__img-wrapper {

    width: 100%;

    justify-content: center;

}



.box-links .box-links__img {

    display: block;

    width: auto;

    height: 75px;

    margin-bottom: 0;

    transition: all .3s ease;

}



.box-links .box-links__title {

    font-weight: 300;

    color: #fff;

    font-size: 30px;

    line-height: 1;

    text-align: center;

}



.box-links .box-links__title>b {

    font-weight: 900;

    color: var(--cor-2)

}



.box-links .box-links__btn {

    font-weight: 900;

    color: #fff;

    background: var(--cor-4);

    line-height: 1;

    padding: 14px 20px 10px;

    font-size: clamp(16px, 2vw, 22px);

    border: 2px solid var(--cor-4);

    transition: all .3s ease;

}



.flex-title-faq {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: stretch;

}



.flex-title-img__box {

    position: relative;

    padding-bottom: 15%;

    height: 100%;

}



.flex-title-img__box .bottom-img {

    position: absolute;

    right: 0;

    bottom: 0;

    width: 60%;

}



.flex-title-faq .flex-title-img {

    width: 50%;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding-right: 50px;

    text-align: center;

}



.infos-title {

    font-weight: 800;

    font-size: clamp(34px, 5vw, 46px);

    margin-bottom: 50px !important;

    line-height: 1;

    color: var(--cor-3);

}



.infos-flex {

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    justify-content: space-around;

}



.infos-item {

    display: flex;

    flex-direction: column;

    margin-bottom: 80px;

}



.infos-item:last-child {

    margin-bottom: 0;

}



.flex-title-faq .infos-flex {

    width: 50%;

    padding-left: 50px;

}



.flex-title-img img {

    max-width: 100%;

    height: auto;

    width: auto;

}



.infos-item {

    display: flex;

    flex-direction: column;

}



.infos-item .infos-item__title {

    line-height: 1.1;

    font-size: clamp(24px, 4vw, 26px);

    font-weight: 800;

    margin-bottom: 20px !important;

}



.infos-item p {

    font-size: clamp(24px, 4vw, 26px);

    font-weight: 300;

    line-height: 1.2;

    margin-bottom: 0 !important;

    color: #1d1d1d;

}



.infos-item .infos-item__title>b {

    color: var(--cor-3);

}



#banner {
    top: -215px;
    margin-bottom: -215px;
}



#footer .copyright-content {

    min-height: unset;

    font-weight: 300;

    line-height: 1.4;

    padding: 20px 0;

}



.caravela {

    position: absolute;

    display: block;

}



.caravela img {

    display: block;

    width: 10vw;

    height: auto;

    /* filter: hue-rotate(159deg); */

}



.caravela.item-1 {
    top: 95%;
    left: 1vw;
    z-index: 49;
}



.caravela.item-1 img:last-of-type {

    position: absolute;

    bottom: -80px;

    left: 79px;

}



.caravela.item-2 {

    top: 18%;

    left: 4.5vw;

    z-index: 49;

}



.caravela.item-3 {
    right: -3%;
    top: 165%;
    z-index: 49;
}



.caravela.item-3 img {
    width: 14vw;
}



.caravela.item-4 {

    top: 15%;

    left: 92%;

}



.caravela.item-4 img {

    width: 18vw;

}



#call {

    overflow: visible;

}



#diferenciais {

    overflow: visible;

    z-index: -1;

}



#header .header-inner #logo a:last-child>img,

#header #header-wrap #logo a:last-child>img {

    height: 80px;

    width: auto;

}



.chamada-mobile {

    display: none;

}



.grid-savior {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    text-align: left;

    grid-column-gap: 40px;

}



.title-form {

    font-size: 30px;

    font-weight: 600;

    color: var(--cor-4);

    margin-bottom: 20px;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

}



.d-block.fix-for-title {

    height: 65px;

}



.title-form span {

    color: var(--cor-3);

    font-weight: 900;

}



.title-form b {

    font-weight: 900;

}



.btn-enviar {

    position: absolute;

    width: fit-content !important;

    left: 50%;

    transform: translateX(-50%);

    bottom: 40px;

}



form.formIntegration2.style1 .btn-enviar input[type="submit"] {

    border: 2px solid var(--cor-3) !important;

    font-family: 'Nexa' !important;

    font-weight: 900 !important;

    letter-spacing: 1px !important;

    line-height: 1 !important;

    display: block !important;

    color: #fff !important;

    background: var(--cor-3) !important;

    font-size: 20px !important;

    padding: 12px 30px 6px !important;

    height: auto !important;

    transition: all .3s ease;

}



.btn-white {

    border: 2px solid var(--cor-2) !important;

    font-family: 'Nexa' !important;

    font-weight: 900 !important;

    letter-spacing: 1px !important;

    line-height: 1 !important;

    /* display: block!important; */

    color: #fff !important;

    background: var(--cor-2) !important;

    font-size: 20px !important;

    padding: 12px 30px 6px !important;

    height: auto !important;

    transition: all .3s ease;

}



form.formIntegration2.style1 .btn-enviar input[type="submit"]:hover {

    color: var(--cor-3) !important;

    background: transparent !important;

}



form.formIntegration2.style1 .btn-enviar input[type="submit"]:focus {

    outline: none;

}



form.formIntegration2.style1 textarea {

    height: 40px;

    min-height: 40px !important;

    padding: 9px 6px;

    overflow-y: hidden;

    font-size: 16px !important;

}



input:not([type="checkbox"]):not([type="radio"]),

select {

    font-size: 16px;

    font-weight: 600;

}



label {

    font-family: 'Nexa' !important;

    font-size: 16px !important;

    font-weight: 600;

}



form.formIntegration2.style1 input[type="text"] {

    font-size: 16px !important;

}



form.formIntegration2 .DinamizeDivMessageSuccess {

    font-weight: 900;

    font-family: 'Nexa';

    font-size: 18px;

}



form.formIntegration2 .DinamizeDivMessageSuccess span {

    color: #fff !important;

}



#form-links .container {

    display: flex;

    flex-direction: column;

    align-items: center;

}



/*#diferenciais .container-fluid {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}*/



.chamada-topo {

    font-size: 25px !important;

    font-weight: 400 !important;

    letter-spacing: -0.5px !important;

    display: block;

    height: 100%;

    line-height: 1.2;

    height: auto;

    color: #333 !important;

}



.chamada-topo--mobile {

    margin-bottom: 50px;

    display: none;

}



.chamada-topo b {

    color: var(--cor-3);

    font-weight: 900;

}



.title-links {

    font-size: 45px;

    margin-top: 40px;

    color: var(--cor-2);

    font-weight: 900;

}



.chamada-topo img {
    /* display: block; */
    height: 70px;
}



.newsletter {

    position: relative;

    width: 100%;

    background: var(--cor-3);

    padding: 50px 0;

}



.newsletter-text {

    width: 100%;

    margin-bottom: 10px;

    text-align: center;

    text-align: center;

}



.newsletter-text .title-links {

    margin-top: 0;

    color: #fff;

}



.newsletter-content {

    position: relative;

    width: 100%;

    display: flex;

    justify-content: center;

    flex-direction: column;

    align-items: center;

}



.btn-white:hover {

    color: var(--cor-2) !important;

    background: #fff !important;

    border: 2px solid var(--cor-2) !important;

}



.form-link__content {

    position: relative;

    top: 0px;

    display: flex;

    flex-direction: column;

    align-items: center;

}



.img-32 {

    position: relative;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}



.img-32:before {

    content: '';

    display: block;

    padding-bottom: calc(100% / 1920 * 850);

    /* height: 100%; */

}



.carousel .flickity-viewport{

    /* height: 850px!important; */

    touch-action: pan-y;

    position: relative;

    width: 100%;

}



@media (min-width:992px) {

    .box-links:hover .box-links__img {

        filter: brightness(0) invert(1);

    }



    .box-links:hover {

        border-color: var(--cor-2);

        background: var(--cor-2);

    }



    .box-links:hover .box-links__title {

        color: #fff;

    }



    .footer-medias a.ig:hover {

        background: #b900b4 !important;

        border-color: #b900b4;

    }



    .footer-medias a.fb:hover {

        background: #1778f2 !important;

        border-color: #1778f2 !important;

    }



    #footer .footer-medias a:hover i {

        color: #fff !important;

    }



    .box-links:hover .box-links__title>b {

        color: #fff;

    }

}



@media (max-width:1400px) {

    .caravela.item-3 {

        top: -30%;

    }



    .caravela.item-2 {

        top: 75%;

    }



    .caravela.item-1 {

        top: 50%;

    }

}



@media (max-width:991px) {

    .chamada-topo--mobile {

        margin-bottom: 50px;

        display: none;

    }



    .grid-savior {

        grid-template-columns: repeat(1, minmax(0, 1fr));

        text-align: center;

    }



    .form-box {

        max-width: 500px;

        margin-left: auto;

        margin-right: auto;

    }



    #form-links {

        background-position: left center;

        background-attachment: unset;

    }



    #header .header-inner,

    #header #header-wrap {

        height: 150px;

    }



    #header {

        height: 150px;

        line-height: 150px;

    }



    #header .header-inner #logo,

    #header #header-wrap #logo {

        height: 150px;

    }



    #form-links {

        padding-top: 0px;

    }



    .chamada-mobile {

        width: 250px;

        display: block;

        margin: 0 auto 60px auto;

    }



    .form-box {

        top: 0;

        margin-bottom: 50px;

    }



    #header .header-inner #logo a:last-child,

    #header #header-wrap #logo a:last-child {

        display: none;

    }



    .flex-links .box-links:last-child {

        margin: 0 !important

    }



    section {

        padding: 60px 0;

    }



    #form-links {

        padding-bottom: 80px;

    }



    .flex-title-img__box {

        display: none;

    }



    .flex-title-faq .infos-flex {

        width: 100%;

        padding-left: 0;

    }



    .flex-title-faq {

        flex-direction: column;

        align-items: center;

        text-align: center;

    }



    .flex-title-faq .flex-title-img {

        width: 100%;

        display: flex;

        flex-direction: column;

        padding-right: 0;

    }



    .flex-links {

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }



    .flex-links .box-links {

        flex-wrap: nowrap;

        width: 350px;

    }



    .flex-links .box-links {

        margin: 0 0 30px 0 !important;

    }



    .caravela {

        display: none;

    }



    .infos-item {

        display: flex;

        flex-direction: column;

        max-width: 650px;

        width: 100%;

    }



    .grid-links {

        grid-template-columns: unset;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        grid-gap: unset;

    }



    .box-links {

        margin-bottom: 70px;

    }



    #diferenciais {

        z-index: 1;

    }



    .box-links:last-of-type {

        margin-bottom: 0;

    }



    #infos {

        text-align: center;

    }



    .infos-flex {

        flex-direction: column;

        align-items: center;

    }



    .infos-item {

        margin-bottom: 60px;

    }



    .infos-item:last-child {

        margin-bottom: 0;

    }



    .dif-grid {

        display: flex;

        grid-template-columns: unset;

        grid-gap: unset;

        flex-direction: column;

        align-items: flex-start;

        justify-content: center;

        width: fit-content;

        margin: 0 auto;

    }



    .box-dif {

        width: fit-content;

        margin-bottom: 50px;

    }



    .box-dif:last-child {

        margin-bottom: 0px;

    }



    #diferenciais {

        padding: 50px 0;

    }



    #call .call-title {

        line-height: 1;

    }



    .footer-grid {

        grid-template-columns: repeat(1, minmax(0, 1fr));

        grid-gap: 40px;

    }



    .footer-grupo {

        flex-direction: column;

    }



    .footer-grupo img {

        margin-left: 0;

        margin-top: 15px;

    }



    .footer-grid {

        grid-gap: 45px;

    }



    #footer .footer-content {

        padding: 60px 0;

    }

}



@media (max-width: 767px) {

	.title-form {

		font-size: 19px;

		position: relative;

		left: 0%;

		transform: translateX(0%);

	}

}



@media (max-width: 565px) {

    #call .call-title {

        font-size: clamp(29px, 9.2vw, 50px);

    }



    .container-fluid,

    .container {

        padding-left: 10px;

        padding-right: 10px;

    }



    .title-links {

        font-size: 35px;

    }



    .chamada-topo {

        display: none !important;

    }

    #banner {

        top: 0;

        margin-bottom: 0;

    }

    

    .dark #header .header-inner, .dark #header #header-wrap, #header.dark .header-inner, #header.dark #header-wrap {

        background: var(--cor-3);

    }

    

    .img-32:before {

        padding-bottom: calc(100% / 1* 1);

    }

}



@media (max-width: 400px) {

    .flex-links .box-links {

        width: 275px;

        justify-content: space-around;

    }



    .box-dif img {

        width: clamp(35px, 10vw, 90px);

    }



    .footer-medias a {

        margin: 0 5px;

    }



    .footer-medias a:first-of-type {

        margin-left: 15px !important;

    }



    .box-links .box-links__title {

        font-size: 22px;

    }



    .box-links .box-links__img {

        height: 55px;

    }

}



#banner .banner-bg {

    width: 100%;

    display: block;

    position: relative;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    background-image: url('../images/banner-desk.jpg');

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    object-fit: contain;

}



#banner .banner-bg:after {

    /* content: ""; */

    display: block;

    padding-bottom: calc(100% / 1920 * 608);

}



@media (max-width:767px) {

    #banner .banner-bg {

        background-image: url('../images/banner-mobile.jpg');

    }



    #banner .banner-bg:after {

        /* content: ""; */

        /* display: block; */

        /* padding-bottom: calc(100% / 1 * 1); */

    }



    #banner .banner-bg.second {

        background-image: url('../images/banner-mobile-2.jpg');

    }



    .form-link__content {

        top: -15px;

    }



}



.flickity-button{

	display: none;

}



/*ALTERACOES TESTE*/

#banner .banner-bg.second {

    background-image: url('../images/banner-desk-2.jpg');

}