@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;900&display=swap');


body {
    font-family: 'Montserrat', sans-serif;
}

.respo-height-ideas {
    height: 650px;
}

.bank-flag-size {
    width: 75px;
    height: 43px;
}

.watermark-light-img {
    width: 468px;
    height: 535px;
    opacity: 0.5;
    transform: rotate(-20deg);
}

.watermark-calc-img {
    width: 450px;
    opacity: 0.3;
    transform: rotate(-20deg);
    margin-left: 20px;
}

.watermark-idea-img {
    opacity: 0.3;
    transform: rotate(-20deg);
    margin-left: -240px;
}

.watermark-position-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.watermark-position-text-center {
    position: absolute;
    top: 25%;
    left: 45%;
    transform: translate(-50%, -50%);
}

.watermark-position-left-center {
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-50%, -50%);
}

.watermark-position-right-center {
    position: absolute;
    top: 50%;
    left: 65%;
    transform: translate(-50%, -50%);
}

.background-grey {
    background-color: lightgrey !important;
}

.yellow {
    color: #fff000;
}

.btn-yellow {
    background-color: #fff000;
}

.baby-blue {
    background-color: #7aa9de;
}

.blue-dark {
    background-color: #00194b;
}

.text-blue-dark {
    color: #00194b;
}

.blue {
    background-color: #022872;
}

.carousel-radius {
    border-radius: 0% 0% 50% 50% / 10% 10% 30% 30% ;
}

@media only screen and (max-width: 768px) {
    .carousel-radius {
        border-radius: 0% 0% 50% 50% / 10% 10% 12% 12%  !important;
    }
}

.carousel-background {
    background: rgb(87, 132, 185);
    background: linear-gradient(90deg, rgba(87, 132, 185, 1) 42%, rgba(1, 65, 114, 1) 42%);
}

.gradient-lancamento {
    background: rgb(0, 51, 150);
    background: linear-gradient(0deg, rgba(0, 51, 150, 0.26934523809523814) 0%, rgba(255, 255, 255, 1) 100%);
}

@media only screen and (max-width: 991px) {
    .border-bottom-lg {
        border-bottom: 1px solid white;
    }
}

@media only screen and (max-width: 991px) {
    .w-lg-100 {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .d-xs-none {
        display: none !important;
    }
}

@media only screen and (max-width: 1199px) {
    .respo-height-ideas {
        height: 400px;
    }
}

@media only screen and (max-width: 991px) {
    .respo-logo-footer {
        width: 824px;
        height: 312px;
    }
}

@media only screen and (max-width: 576px) {
    .respo-logo-footer {
        width: 495px;
        height: 127px;
    }
}

@media only screen and (max-width: 1321px) and (min-width: 909px) {
    .respo-text-buy {
        font-size: 3rem !important;
    }
}

@media only screen and (max-width: 910px) {
    .respo-text-buy {
        font-size: calc(1.575rem + 2.9vw) !important;
    }
}

@media only screen and (max-width: 768px) {
    .respo-text-buy {
        font-size: 2rem !important;
    }
    .respo-icon-buy-size {
        height: 26px;
        width: 26px;
    }
    .respo-font-size-button-buy {
        font-size: 0.75rem;
    }
}

@media only screen and (max-width: 576px) {
    .respo-text-buy {
        font-size: 1.5rem !important;
    }
}

/*INICIO*/

@media only screen and (min-width: 1800px) {
    .respo-font-size-summer {
        font-size: 3.5rem !important;
    }
}

@media (max-width: 1665px) {
    .respo-font-size-ideas {
        font-size: 3rem;
    }
    .watermark-idea-img {
        opacity: 0.3;
        transform: rotate(-20deg);
        margin-left: -100px;
    }
    .watermark-calc-img {
        width: 500px;
        opacity: 0.3;
        transform: rotate(-20deg);
        margin-left: 100px;
    }
    .watermark-position-text-center {
        position: absolute;
        top: 35%;
        left: 45% !important;
        transform: translate(-50%, -50%);
    }
    .respo-subscribe-font-size {
        font-size: 1rem !important;
    }
}

@media (max-width: 1200px) {
    .respo-font-size-ideas {
        font-size: 2.5rem;
    }
    .watermark-position-text-center {
        position: absolute;
        top: 25% !important;
        left: 45% !important;
        transform: translate(-50%, -50%);
    }
}

@media (max-width: 1199px) {
    .watermark-position-text-center {
        position: absolute;
        top: 30% !important;
        left: 55% !important;
        transform: translate(-50%, -50%);
    }
    .contact-header-font-size {
        font-size: 0.90rem !important;
    }
    .respo-header-logo-size {
        width: 20px !important;
        height: 20px !important;
    }
}

@media (max-width: 1045px){
    .respo-font-size-ideas {
        font-size: 2.2rem !important;
    }
}

@media (max-width: 769px) {
    .respo-font-size-ideas {
        font-size: 2rem !important;
    }
}

@media (max-width: 577px) {
    .respo-font-size-ideas-1{
        font-size: 1.5rem !important;
    }
}

@media (max-width: 1390px) {
    .watermark-calc-img {
        height: 400px;
        width: 400px;
        opacity: 0.3;
        transform: rotate(-20deg);
        margin-left: 100px;
    }
}

@media (max-width: 1024px){
    .respo-font-size-summer {
        font-size: 2rem !important;
    }
    .respo-products-font-size {
        font-size: 1rem !important;
    }
}

@media only screen and (max-width: 910px) {
    .respo-our-products-h {
        height: 500px !important;
    }
}

@media only screen and (max-width: 575px) {
    .respo-color-xs {
        color: white !important;
    }
    .respo-products-font-size {
        font-size: 1rem !important;
    }
    .respo-font-size-summer {
        font-size: calc(1.525rem + 1.3vw);
    }
    .respo-font-size-ideas {
        font-size: 1.25rem;
    }
    .respo-text-buy {
        font-size: 1.25rem !important;
    }
    .respo-font-size-button-buy {
        font-size: 0.80rem;
    }
}

@media only screen and (max-width: 580px) {
    .respo-font-size {
        font-size: 2.3rem !important;
    }
}

@media (max-width: 500px) {
    .respo-font-size-ideas {
        font-size: 1.2rem !important;
    }
    .respo-icon-calc-size {
        height: 15px !important;
        width: 15px !important;
    }
    .respo-button-font-size-calc {
        font-size: 0.8rem !important;
    }
    .respo-our-products-font-size {
        font-size: 2rem !important;
    }
    .respo-our-products-emp-font-size {
        font-size: 1rem !important;
    }
    .respo-newsletter-font-size {
        font-size: 2rem !important;
    }
}

@media (max-width: 505px) {
    .respo-font-size-summer {
        font-size: 1.3rem !important;
    }
    .respo-products-font-size {
        font-size: 0.8rem !important;
    }
    .respo-products-font-button-size {
        font-size: 0.7rem !important;
    }
}

@media only screen and (min-width: 1700px) {
    .hth-products {
        margin-left: 200px;
    }
}

/*RESPONSIVE TELEMARKETING*/

@media only screen and (max-width: 1400px) {
    .respo-telemarketing-header {
        font-size: 30px;
        left: 65%;
        margin-top: 5px;
    }
    .respo-text-buy {
        font-size: 4.0rem;
    }
}

@media only screen and (max-width: 991px) {
    .respo-telemarketing-header {
        font-size: 20px;
        left: 65%;
        margin-top: 5px;
    }

    .respo-telemarketing-header + p {
        font-size: 20px !important;
    }

    .respo-size-xs {
        height: 300px !important;
        width: 350px !important;
    }
}

/*BLOG INTERNO*/

.tittle-intern-blog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 768px) {
    .respo-intern-blog-font-size {
        font-size: 2rem !important;
    }
    .respo-blog-tittle-font-size {
        font-size: 2rem !important;
    }
}

@media only screen and (max-width: 500px) {
    .respo-intern-blog-font-size {
        font-size: 1.5rem !important;
    }
    .respo-blog-tittle-font-size {
        font-size: 5rem !important;
    }
}

/*DUVIDAS FREQUENTES*/

.panel-heading  a:before {
    content: url("/storage/ICONES/plus-lg.svg");
    float: left;
    -webkit-animation: fadeout 1s;
    margin-right: 10px;
}
.panel-heading.active a:before {
    -webkit-animation: fadein 1s;
    content: url("/storage/ICONES/caret-down-fill.svg") !important;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadeout {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes fadeout {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*QUEM SOMOS*/

@media only screen and (min-width: 1400px) {
    .respo-nossa-empresa {
        margin-left: -270px;
    }
}

@media only screen and (max-width: 1399px) {
    .respo-hr-quemsomos {
        width: 100% !important;
    }
    .respo-nossa-empresa {
        width: 100%;
    }
}

@media only screen and (max-width: 991px){
    .respo-layout-container-cards {
        height: 900px !important;
    }
}

@media only screen and (max-width: 576px) {
    .respo-width-fundacao {
        width: 100%;
        padding: 10px;
    }
}

@media only screen and (max-width: 499px) {
    .respo-hight-layout-nossa-empresa {
        height: 580px !important;
    }
    .respo-display-none-img-fundc {
        display: block !important;
    }
    .respo-display-none-max-xs {
        display: none !important;
    }
}