/*@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;700&display=swap');*/
@font-face {
  font-family: 'Unity Sans Regular';
  src: url('../fonts/Unity-Sans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Unity Sans Medium';
  src: url('../fonts/Unity-Sans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Unity Sans Semi';
  src: url('../fonts/Unity-Sans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
*{
}

body{
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #363636;
    box-sizing: border-box;
    font-family: 'Unity Sans Regular', 'Source Sans Pro', sans-serif !important;
    top: 0!important;
}

/* =================== COLORS TO USE ======================= */

:root {
    --bs-white: #FFFFFF;
    --bs-gray-light: #EEEEEE;
    --bs-gray: #636363;
    --bs-gray-dark: #4A4C4E;
    --bs-gray2: #ECECEC;
    --bs-green-light: #6BC72A;
    --bs-green: #008A5B;
    --bs-green-whatsapp:#07B240;
    --bs-blue-light:#00BFFF;
    --bs-blue: #0074A6;

    /* corrigido */
    --bs-blue-dark: #2342BA;

    --bs-blue-marine: #220852;
    --bs-purple: #780078;
    --bs-black: #000000;

    --txt-black-title: #363636;
    --txt-blue-title: #2342BA;

}

/* =================== GENERAL STUFF ======================= */

.breadcrumb-item a{
    color: #363636;
    font-size: 15px;
    text-decoration: none;
}

.breadcrumb-item.active{
    color: #2342BA;

}

.no-border{
    border: none !important;
}

.image-menu>div {
    /*border: solid 1px #b6b6b6;*/
    border-radius: 5px;
    text-align: center;
}

.image-menu>div>img {
    max-width: 70%;
}

.image-menu>ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.image-menu>ul li {
    display: inline-block;
    padding: 0 10px;
}


/* =================== TEXT COLORS ========================= */

.text-white {
    color: var(--bs-white);
    filter: brightness(100%);
}

.text-gray{
    color: var(--bs-gray) !important;
}

.text-gray-dark {
    color: var(--bs-gray-dark) !important;
}

.text-green-light {
    color:  var(--bs-green-light) !important;
}

.text-green {
    color:  var(--bs-green) !important;
}

.text-light-blue{
    color: #00c8ff;
}

.text-blue {
    color: var(--bs-blue-light) !important;
}


.text-blue-dark {
    color: var(--bs-blue-dark) !important;
}


.text-justify {
    text-align: justify !important;
}

.goog-te-banner-frame{
    display: none;
}

/* =================== LINE-HEIGHT ======================== */

.lh {
    line-height: 8px;
}
.lh-1 {
    line-height: 15px;
}

.lh-2 {
    line-height: 25px;
}

/* =================== SIZE OF TEXT FONTS ================== */

.fs-12 {
    font-size: 12px
}

.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}
.fs-25 {
    font-size: 25px;
}

.fs-26 {
    font-size: 26px;
}

.fs-28 {
    font-size: 28px;
}

.fs-30 {
    font-size: 30px;
}

.fs-40 {
    font-size: 40px;
}

.fs-50 {
    font-size: 50px;
}

.fs-60 {
    font-size: 60px;
}

/* =================== BUTTONS ============================= */

.btn,
.btn-white-shorcuts,
.btn-white,
.btn-gray,
.btn-blue-light,
.btn-blue,
.btn-blue-dark,
.btn-green-light {
    transition: 0.2s ease-in-out;
}

.btn {
    border-radius: 10px !important;
    padding: 8px 30px;
}

.btn-white-shorcuts {
    max-width: 180px !important;
    background-color: var(--bs-white);
}
.btn-white-shorcuts:hover {
    background-image: linear-gradient(90deg, #780078 0%, #003678 100%);
    color: #ffffff!important;
}

.border-radius {
    border-radius: 30px !important;
}

.btn-white {
    background-color: var(--bs-white);
}

.btn-white:hover {
    background-color: var(--bs-blue-dark) !important;
    border: 1px solid #ffffff;
    color: #ffffff!important;
}
.btn-white:hover a{
    color: #ffffff !important;
}

.btn-gray {
    background-color: var(--bs-gray);
}

.btn-gray:hover {
    background-color: #6c6b6b;
}

.btn-blue-light {
    background-color: var(--bs-blue-light);
}

.btn-blue-light:hover {
    background-color: #ffffff;
    color: var(--bs-blue-light)!important;
}

.btn-blue {
    background-color: var(--bs-blue);
}

.btn-blue-dark {
    background-color: var(--bs-blue-dark);
}
.btn-red {
    background-color: red;
}

.btn-blue-dark:hover{
    background-color: #021a59;
}

.btn-green-light {
    background-color: var(--bs-green-light);
}

.btn-green-light:hover {
    background-color: #4da20f;
}


/* =================== INPUTS ============================= */
/* pode ser usado de maneira geral */
.form{
    display: block;
}

.form .form-input-container{
    display: block;
    margin-bottom: 8px;
}


.form-label{
    display: block;
    color: #363636;
    margin-bottom: 0;
}

.form-input-text {
    height: 50px;
    padding: 0 20px;
}


.form-text-area {
    padding: 10px 20px;
}

.form-input-text,
.form-text-area{
    width: 100%;
    border: 1px solid #B6B6B6 !important;
    border-radius: 5px;
    outline: transparent !important;
    background: #FFFFFF;
    color: #070707;
    font-size: 13px;
}


.form-input-text.gray, .form-text-area.gray {
    border: solid 1px #B6B6B6 !important;
    background-color: #ECECEC !important;
    color: #363636 !important;
}



/* =================== MAPS ============================= */

#gmap_canvas {
    overflow:hidden;
    background:none !important;
    min-height: 475px;
    width:100%;
    border: 8px solid var(--bs-white) !important;
}

.mapouter{
    position:relative;
    text-align:right;
    height:100%;
    width:100%;
}

/* =================== SHADOWS ============================= */

.shadow {
    box-shadow: 0px 3px 6px #00000029!important;
}

.shadow-2 {
    box-shadow: 0px 12px 12px #00000029!important;
}

/* =================== BORDER RADIUS ======================= */

.br-1 {
    border-radius: 10px;
}

.br-2 {
    border-radius: 20px;
}

/* =================== Z-INDEX ============================= */

.z-index-1 {
    z-index: 1 !important;
}

.z-index-2 {
    z-index: 2 !important;
}

.z-index-3 {
    z-index: 3 !important;
}

/* =================== VIDEOS ============================= */

.video {
    width: 70% !important;
    height: 450px;
}

#play-start,
#play-start-purple{
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

#play-start div,
#play-start-purple div{
    padding: 10px;
    border-radius: 50%;
}

#play-start div {
    border: 1px solid var(--bs-blue-light);
}

#play-start-purple div {
    border: 1px solid var(--bs-white);
}

.play-start-icon:hover{
    background-image: linear-gradient(230deg, #008D3C 0%, #00B0F2 100%);
}

.play-start-icon,
.play-start-icon-purple{
    font-size: 30px;
    color: var(--bs-white);
    border-radius: 50%;
    width: 85px;
    height: 85px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-repeat: no-repeat;
    box-shadow: 0px 3px 20px #00000029;
    transition: 0.3s ease-in-out;
}

.play-start-icon {
    background-image: linear-gradient(230deg, #00B0F2 0%, #008D3C 100%);
}

.play-start-icon-purple {
    background-image: linear-gradient(90deg, #780078 0%, #003678 100%);
}


/*=================== CARDS ================================ */

.card-white {
    background-color: var(--bs-white);
    width: 100%;
    border-radius: 15px;
}
.card-white a:hover{
    color: var(--bs-blue)!important;
}

.card-news div > img{
    width:100%;
}

.card-news a:hover{
    color: var(--bs-blue-dark)!important;
}

.card-clipping {
    min-height: 230px;
    max-height: 230px;
}

.card-category {
    height: auto;
    max-height: 475px;
}

.card-diferentials {
    height: 150px;
    border-bottom: 11px solid transparent;
    border-image: linear-gradient(90deg, #780078 0%, #00D0F8 100%) 0% 0%;
    border-image-slice: 1;
}

.card-why-visite {
    height: 130px;
    border-radius: 10px;
}

.card-infomation {
    height: 205px;
}

/* ================== DOTS CAROUSEL  ======================== */

.owl-theme .owl-dots .owl-dot span,
.owl-theme .owl-dots .owl-dot.active span {
    background-color: var(--bs-blue-dark);
}

.owl-theme .owl-dots .owl-dot.active span {
    transform: scale(1.4);
}

#why-visite .owl-theme .owl-dots .owl-dot span {
    opacity: 0.5;
}

#why-visite .owl-theme .owl-dots .owl-dot.active span {
    opacity: 1;
}

#why-visite .owl-theme .owl-dots .owl-dot span,
#why-visite .owl-theme .owl-dots .owl-dot.active span {
    background-color: var(--bs-white) !important;
}

#evento .owl-theme .owl-dots .owl-dot span {
    opacity: 0.5;
}

#evento .owl-theme .owl-dots .owl-dot.active span {
    opacity: 1;
}

#evento .owl-theme .owl-dots .owl-dot span,
#evento .owl-theme .owl-dots .owl-dot.active span {
    margin-top: 20px;
    background-color: var(--bs-blue-light) !important;
}


/* ================== NAV CAROUSEL  ======================== */

.owl-carousel .owl-nav button.owl-prev{
    background-image: url('../images/icones/chevron-left.svg') !important;
}

.owl-carousel .owl-nav button.owl-next {
    background-image: url('../images/icones/chevron-right.svg') !important;
}

.owl-theme .owl-nav [class*=owl-]:hover{
    background-color: transparent; !important;
}

.owl-theme .owl-nav {
    position: absolute;
    top: 45%;
    left: -4%;
    width: 108% !important;
    display: flex;
    justify-content: space-between !important;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: transparent !important;
    height: 30px !important;
    width: 30px !important;
}

#evento .owl-carousel .owl-nav button.owl-prev{
    background-image: url('../images/icones/arrow-left-circle-blue.svg') !important;
}

#evento .owl-carousel .owl-nav button.owl-next {
    background-image: url('../images/icones/arrow-right-circle-blue.svg') !important;
}
/* ================== TABS ================================== */

.nav-tabs {
    border-bottom: none;
}

.nav-tabs .nav-link {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 20px !important;
    text-align: start !important;
    border-bottom-width: 1px;
    border-color: transparent transparent var(--bs-gray) transparent !important;
    border-style: solid !important;
}

.nav-link.nav-border {
    border: solid 1px white;
    border-radius: 27px;
}

.nav-tabs .nav-link.active {
    color: var(--bs-blue-dark) !important;
    background: var(--bs-gray-light) !important;
    border-color: transparent transparent var(--bs-blue-dark) transparent !important;
    border-width: 3px !important;
    border-style: solid !important;
    margin-top: -3px !important;
}

.nav-tabs .nav-link-galeria {
    width: 100%;
    padding: 5px 20px;
    font-size: 20px !important;
    border:none !important;
    background: transparent;
    color: var(--bs-gray-dark) !important;
}

.nav-tabs .nav-link-galeria.active {
    color: var(--bs-green-light) !important;
    border-bottom: 1px solid var(--bs-gray) !important;
}

/* =================== BACKGROUNDS COLORS ==================== */

.bg-blue-light {
    background-color: var(--bs-blue-light);
}

.bg-blue {
    background-color: var(--bs-blue);
}

.bg-blue-dark {
    background-color: var(--bs-blue-dark);
}

.bg-gradiente-blue {
    background: linear-gradient(90deg, rgba(46,0,105,1) 0%, rgba(108,0,232,1) 50%, rgba(0,183,255,1) 100%);
}

.bg-blue-marine {
    background-color: var(--bs-blue-marine);
}

.bg-green-light {
    background-color: var(--bs-green-light);
}

.bg-gray-light {
    background-color: var(--bs-gray-light);
}

.bg-purple {
    background-color: var(--bs-purple);
}
.bg-gray2 {
    background-color: var(--bs-gray2);
}

.bg-timeline-blur {
    position: absolute;
    background-image: url('../images/backgrounds/timeline-blur.svg');
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat !important;
    width: 100%;
    height: 10%;
}

/* ================== BACKGROUND GRADIENTES ================ */

.bg-purple-gradiente {
    background-image: linear-gradient(90deg, #780078 0%, #003678 100%);
}

.bg-blue-gradiente {
    background-image:linear-gradient(90deg, #00D0F8 0%, #0074A6 100%)
}

.bg-blue-green-gradiente {
    background-image: linear-gradient(90deg, #00B0F2  0%,  #6BC72A 100%);
}

.bg-footer {
    background-image: linear-gradient(230deg, #00B0F2 0%, #008D3C 100%);
}

/* ================== BACKGROUND IMAGES ===================== */

.bg-image,
.bg-dados-sobre,
.bg-expositor,
.bg-planta-interativa,
.bg-dados-merchandising,
.bg-why-visite,
.bg-hospedagem,
.bg-imprensa,
.bg-footer{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.bg-credenciamento {
    border-top: 15px solid transparent;
    border-image: linear-gradient(90deg, #00B0F2 0%, #008D3C 100%) 0% 0%;
    border-image-slice: 1;
}

.bg-planta-interativa {
    background-image: url("../images/banners/planta-interativa.png");
}

.bg-dados-sobre {
    background-image: url("../images/banners/dados-sobre.png");
}

.bg-timeline {
    background-image: linear-gradient(90deg, #00B0F2  0%,  #6BC72A 100%);
}

.bg-expositor {
    background-image: url("../images/banners/expositor.png");
}

.bg-dados-merchandising {
    background-image: url("../images/banners/dados-merchandising.png");
}

.bg-why-visite {
    background-image: url("../images/backgrounds/porque-visitar.png");
}

.bg-hospedagem {
    background-image: url("../images/banners/hospedagem.png");
}

.bg-imprensa {
    background-image: url("../images/banners/imprensa.png");
}
/* ================== LISTAS  =============================== */

.list-none-style {
    list-style: none;
}

/* ================== FAQS ================================== */

.accordion-button-perfil-expositor {
    color: var(--bs-blue-dark) !important;
    border-radius: 10px !important;
    box-shadow: 0px 3px 6px #00000029 !important;
}

.accordion-button::after {
    background-image: url("../images/icones/faq-open.svg") !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("../images/icones/faq-close.svg") !important;
    height: 30px;
    width: 30px;
}

.accordion-button:not(.collapsed) {
    background-color: var(--bs-white) !important;
}

.accordion-item{
    border: none!important;
    background: transparent;
    margin-bottom: 30px;
}
/* ================== TABELAS =============================== */

.table {
    margin-left: 0;
    overflow-x: auto;
    max-height: 500px !important;
    overflow-y: auto !important;
}
.table-download {
    width: 100%;
    min-width: 650px;
    border-spacing: 0 12px !important;
    border-collapse: separate !important;
}

.table-download thead tr th,
.table-download tbody tr td {
    padding: 10px 0px 10px 10px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
}

.table-download thead tr,
.table-download tbody tr {
    border-radius: 2px;
    box-shadow: 0px 3px 3px #00000029;
}

.table-download thead th:first-child,
.table-download tbody tr td:first-child {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.table-download thead th:last-child,
.table-download tbody tr td:last-child {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

/* ================== ESTILIZAÇÃO HEADER ==================== */
#header {
    padding: 0;
}

#pre-header{
    color: #636363;
    /*height: 40px;*/
    line-height: 40px;
    background-color: #ffffff;
}

#pre-header .fa-phone{
    margin-right: 10px;
}

#pre-header span {
    display: block;
    float: right;
    margin-top: -2.5px;
}

#pre-header span a {
    text-decoration: none !important;
}

#header {}

#header #post-header{
    height: 108px;
}

.header-fixed{
    position: fixed;
    z-index: 6;
    box-shadow: 0px 3px 6px #00000029;
}

#header #post-header-app-detail{
    height: 99px !important;
    background-color: #E4E4E4;
}

section #post-header-app-detail{
    /*height: 33px !important;*/
    padding: 5px;
    background-color: #E4E4E4;
    color: #636363;
}
section #post-header-app-detail span{
    color: #A6A6A6;
}

.aplicacao-detail .btn-white{
    color: #A6A6A6;
}

/*================ navbar & logotipo ==========*/
.navbar-brand {
    margin-top: 10px;
}

.nav-link {
    /*color: var(--bs-white) !important;*/
    color: #636363;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.navbar-main{
    font-size: 22px;
    color: #636363 !important;
    border: none;
    margin-top: -45px;
}




/*============ Dropdown Menu ===========*/
.dropdown-menu.show {
    -webkit-animation: swing-in-top-fwd 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-top-fwd 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

.dropdown-toggle::after {
    background-image: url("../images/icones/chevron-down.png");
    background-position: center;
    background-size: cover;
    width: 15px;
    height: 15px;
    border: transparent!important;
}

.dropdown-menu li a {
    color: #B6B6B6 !important;
    font-size: 0.8rem;

}

.dropdown-menu li a:hover
{
    /* background-image: linear-gradient(90deg, #00B0F2 0%, #008D3C 100%) !important; */
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    color: var(--bs-blue-dark) !important;
}

.dropdown-menu li a i:hover {
    color: var(--bs-white) !important;
}

/* ======== font awesome =========*/
.fa-circle-icon {
    color: var(--bs-blue-light);
}

/* ==================== ESTILIZACAO FOOTER ================== */

#footer {
    background-color: #310070;
    color: #ffffff !important;
    padding-top: 60px;
}

#footer a{
    text-decoration: none !important;
}

#footer #maps-google{
    color: #00f465;
    text-decoration: none;
}

#footer #logo-footer{
    width: 246px !important;
}

#footer #footer-detail{
    height: 56px;
    line-height: 56px;
    color: #ffffff !important;
    background-color: #4200c4;
    font-weight: lighter;
}


#footer #footer-detail a {
    color: #ffffff !important;
    text-decoration: none;
    display: block;
    float: right;
}
.footer-card .footer-title{
    font-size:1.1em;
    margin-bottom: 17px;
    font-weight: bold;;
}


.footer-card .footer-title-light{
    font-weight: lighter;
    font-size: 1.3em;
}


.footer-card .footer-body{
    margin: 0;
}

.footer-card .footer-body-padded{
    padding-top: 30px;
}

.footer-card .footer-body ul {
    padding: 0;
    margin: 0;
}

.footer-card .footer-body ul li{
    list-style: none;
}

.footer-card .footer-body ul li a{
    text-decoration: none;
    color: white;
}


#footer .list-none-style a.text-white:hover{
    border-bottom: 1px solid #ffffff;
}


#whatsapp{
    font-size: 1.5em;
    position: fixed;
    right: 20px;
    bottom: 25px;
    color: #ffffff;

    border-radius: 50%;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;

    background-color: #07B240;
}

/* ================== ESTILIZAÇÃO CREDENCIAMENTO ============ */

#banner-video {
    min-height: 450px;
    height: calc(100vh - 70px);
    width: 100%;
    position: relative;
    border-image-slice: 1;
}

#banner-video #myVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    height: auto;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
}

/* ==================  ESTILIZAÇÃO CRONOGRAMA ============== */

.timeline {
    width: 80%;
    height: auto;
    margin: 0 auto;
    position: relative;
    max-width: 800px;
}

.timeline ul li {
    list-style: none !important;
    color: var(--bs-white);
    margin-bottom: 10px;
}

.timeline ul li:last-child {
    margin-bottom: 0;
}

.timeline ul li:nth-child(even) {
    margin-bottom: 80px;
    border-bottom: 1px solid var(--bs-white);
}

.fa-circle-icon-timeline {
    font-size: 10px !important;
}

/* ================== ESTILIZAÇÃO DEPOSITIONS  ============= */

.icon-aspas {
    width: 60px!important;
}

.card-depositions {
    height: 450px;
}

.author-deposition  {
    width: 150px;
    height: 3px;
    background-color: var(--bs-green-light);
}

/* ================== ESTILIZAÇÃO NEWS  =================== */

.news-read-more {
    border-top: 1px solid var(--bs-gray);
}

.news-read-more a span img {
    height: 20px;
}

/* ================== ESTILIZAÇÃO CLIPPING  ================ */

.icon-calendar {
    height: 14px !important;
    width: 14px !important;
}

.clipping-read-more {
    border-top: 1px solid var(--bs-gray);
}

.icones-expectativa {
    width: 80px;
    height: 80px;
}

.border-top-gradient {
    border-top: 15px solid transparent;
    border-image: linear-gradient(90deg, #00B0F2 0%, #008D3C 100%) 0% 0%;
    border-image-slice: 1;
}

/* ================== ESTILIZAÇÃO GALERIA ================== */

.cards-gallery {
    width: 100%;
    height: 300px;
}

.gallery-hover-content {
    position: relative;
    display: flex!important;
    height: 100%;
    z-index: 3!important;
    top: -100%;
    background-color: var(--bs-gray-dark);
    opacity: 0.75;
    visibility: hidden;
}

.gallery-hover-content:hover {
    transition: 0.3s ease-in-out!important;
}

/* ================== ESTILIZAÇÃO EXPOSITOR ================ */

.border-bottom-gradiente {
    border-bottom: 11px solid transparent;
    border-image: linear-gradient(90deg, #6BC72A 0%, #00B0F2 100%) 0% 0%;
    border-image-slice: 1;
}

.icon-dados-expositor{}

.card-how-expose {
    height: 100%;
}

.icon-check-black {
    height: 20px;
}

/* ================== ESTILIZAÇÃO RESERVA ESPACO =========== */

.icon-reserva-espaco {
    height: 50px;
    width: 50px;
}

/* ================== ESTILIZAÇÃO PARCEIROS OFICIAS ======== */

.categoria-parceiro-img {
    max-width: 200px;
}

/* ================== ESTILIZAÇÃO AREA DO EXPOSITOR ======== */

.card-area-expositor {
    height: 180px;
}

.icone-add-photo {
    height: 65px
}

.icon-download {
    height: 25px;
}

.icon-document {
    height: 70px;
}

/* =================== PAGINATE =================== */
.endless_page_current{
    color: #2342BA;

}
.endless_page_link{
    color: #B6B6B6;
    text-decoration: none;

}
/* =================== ESTILIZAÇÃO NOTICIAS =================== */

.news-image {
    transform: translateY(-60px);
}

/* =================== ESTILIZAÇÃO MERCHANDISING ============== */

.merchandising-photo {
    width:80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
    border-radius: 50%;
}

.icon-media-kit {
    width:80px;
    height: 80px;
}

.card-media-kit {
    height: 200px;
}

/* =================== ESTILIZAÇÃO PORQUE VISITAR ============ */

.icon-diferentials{
    height: 50px;
    width: 50px;
}

.icon-why-visite {
    margin-top: 10px;
    height: 40px;
    width: 40px;
}

.icon-calendar-filter {
    height: 30px;
    width: 30px;
}

.border-bottom-green {
    border-bottom: 1px solid var(--bs-green-light);
}

/* =================== ESTILIZAÇÃO IMPRENSA ================== */

.accordion-item-imprensa {
    margin-bottom: 5px!important;

}

.accordion-item-imprensa .accordion-header {
    border-bottom: 1px solid var(--bs-gray) !important;
}

.accordion-item-imprensa
.accordion-button:not(.collapsed),
.accordion-item-imprensa
.accordion-button{
    color: var(--bs-green-light) !important;
    font-size: 22px;
}

.accordion-button:focus {
    border-color: transparent !important;
    box-shadow: none !important;

}

.accordion-button-imprensa::after{
    background-image: url("../images/icones/comunicados-open.svg") !important;
}

.accordion-button-imprensa:not(.collapsed)::after{
    background-image: url("../images/icones/comunicados-close.svg") !important;
}

.accordion-body-imprensa {
    text-decoration: none;
    padding: 20px 10px;
    border-bottom: 0.5px solid var(--bs-gray-light) !important;
    flex-direction: column;
    display: flex;
}

.accordion-body-imprensa .icon-imprensa{
    height: 16px !important;
    width:16px !important;
}

/* =================== MENU MOBILE =========================== */

.content-menu-mobile {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    position: fixed;
    top:0;
    bottom: 0;
    left: 0;
    z-index: 2!important;
}

.logo-header-mobile {
    width: 190px;
}

.button-mobile {
    position: fixed;
    left: 262px;
    top: 38px;
    background: var(--bs-blue-dark);
    border-radius: 50%;
    height: 42px;
    width: 42px;
    color: var(--bs-white)!important;
    font-weight: bolder;
}

.menu-mobile {
    width: 285px;
    height: 100vh;
    left: 0!important;
    position: fixed;
    z-index: 3!important;
    background-color: var(--bs-white);
    -webkit-animation: slide-right 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-right 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.menu-mobile .nav-link {
    font-size: 14px;
}

.border-bottom-gray {
    border-bottom: 1px solid var(--bs-gray);
}

/* =================== General =========================== */
.btn.btn-blue{
    background-color: #2342BA;
    color: white;
    font-size: 15px;
}

.anchor{
    text-decoration: none;
}

.anchor:hover{
    text-decoration: underline;
}

.anchor.anchor-blue{
    color: #0056FF !important;
}

.anchor.anchor-orange{
    color: #FF6F00;
}

.btn.btn-green{
    background-color: #00f465;
    color: white;
    font-size: 15px;
    padding: 8px 40px;
}

/* ========================= All Pages ====================*/
.page-banner{
    height: 760px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.page-banner h1 {
    color: #fff;
    font-size: 50px;
    font-weight: bold;
}

.page-banner h2 {
    color: #00BFFF;
    font-size: 35px;
    font-weight: bold;
}

.page-banner p {
    color: #fff;
    font-size: 20px;
}

.page-banner h1.numeros {
    color: #00C65E;
    font-size: 60px;
    font-weight: bold;
}

.page-banner-contratar{
    height: 470px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-banner-contratar h1 {
    color: #00BFFF;
    font-size: 50px;
    font-weight: bold;
}

.page-banner-contratar h2 {
    color: #fff;
    font-size: 35px;
    font-weight: bold;
}
.page-banner-contratar .text-btn-gray {
    color: #626262 !important;
}
.page-banner-contratar .text-btn-gray:hover {
    color: #ffffff !important;
}

/*==================== General Pages ======================*/
.pages{
    overflow-y: scroll;
    scroll-behavior: smooth;
}

.pages-menu{
    margin-top: 10px;
    border-bottom: solid 1px #919191;
}

.pages-menu a{
    display: block;
    height: 60px;
    line-height: 60px;
    color: #768589;
    text-decoration: none;
    text-align: center;
    position: relative;
    font-size: 20px;
}

.pages-menu a:hover,
.pages-menu a:active{
    color: #2342BA;
}


.pages-menu a:hover span,
.pages-menu a:active span{
    display: block;
    width: 100%;
    height: 3px;
    background-color: #2342BA;
}

.page { padding: 40px 0;
    display: flex;
}


/*===================== Page About us =====================*/
/* about us*/
.page.about-us{
    background-color: #fff;
}

.page.about-us h1{
    color: #363636;
    font-size: 30px;
    text-align: left;;
    font-weight: bold;
}

.page.about-us h2{
    color: #2342BA;
    font-size: 45px;
    text-align: left;;
    font-weight: bold;
}

.page.about-us h2 span{
    color: #2342BA;
    text-align: left;
    font-weight: normal;
}


.page-about-us p {
    color: #B6B6B6;
    font-size: 25px;
}

/*video*/
.page.inst-video{
    background-color: #ECECEC;
}

.page.inst-video h1{
    text-align: center;
    font-size: 30px;
    color: #363636;
    font-weight: normal;
}

.page.inst-video h1 span{
    display: block;
    font-size: 40px;
    color: #2342BA;
    font-weight: bold;
}

/*our numbers*/
.page.our-numbers{
    background-color: #fff;
}

.page.our-numbers img{
    margin-bottom: 15px;
}

.page.our-numbers h1{
    text-align: right;
    font-size: 40px;
    color: #2342BA;
    font-weight: bold;;
}

.page.our-numbers h1 span{
    display: block;
    font-size: 30px;
    color: #363636;
    font-weight: normal;
}

.page.our-numbers p {
    color: #B6B6B6;
    text-align: right;
    font-size: 20px;
    margin: 0 0 80px 0;
}

/* segmentos */
.page.segments{
    background-color: #ECECEC;
}

.page.segments h1{
    font-size: 40px;
    color: #2342BA;
    font-weight: bold;
}
.page.segments .item {
    padding: 0 10px;
}

/* pode ser usado de maneira geral */
.card-segments {
    display: block;
    border-radius: 20px;
    background-position: center;
    background-size: 130%;
    width: 100%;
    transition: width 0.35s;
}

.card-segments>img{
    visibility: hidden;
}

.card-segments>.details{
    display: block;
    background-color: #2342BA;
    border-radius: 0 0 20px 20px;
    line-height: 50px;
    height: 50px;
    color: #fff;
    font-size: 20px;
}


.card-segments>.details>.title{
    line-height: 50px;
    height: 50px;
    float: left;
    margin-left: 20px;
}


.card-segments>.details>.action{
    line-height: 50px;
    height: 50px;
    float: right;
    margin-right: 20px;
    visibility: hidden;
    font-size: 15px;
}

.card-segments:hover {
    background-size: 150% 150%;
    width: 103%;
}

.card-segments:hover>.details>.action{
    visibility: visible;
}

/*----------------*/
.card-galeria {
    display: block;
    border-radius: 20px;
    background-position: center;
    background-size: 130%;
    width: 100%;
    transition: width 0.35s;
    background-repeat: no-repeat;

}

.card-galeria>img{
    visibility: hidden;
}

.card-galeria>.details{
    display: block;
    background-color: #2342BA;
    border-radius: 0 0 20px 20px;
    line-height: 50px;
    height: 50px;
    color: #fff;
    font-size: 20px;
}


.card-galeria>.details>.title{
    line-height: 50px;
    height: 50px;
    float: left;
    margin-left: 20px;
}


.card-galeria>.details>.action{
    line-height: 50px;
    height: 50px;
    float: right;
    margin-right: 20px;
    visibility: hidden;
    font-size: 15px;
}

.card-galeria:hover {
    background-size: 150% 150%;
    width: 103%;
}

.card-galeria:hover>.details>.action{
    visibility: visible;
}

/* our history */
.page.our-history{
    background-color: #fff;
    padding: 40px 0 0 0;
}

.our-history h1{
    text-align: center;
    font-size: 30px;
    color: #363636;
    font-weight: normal;
    margin-bottom: 30px;
}

.our-history h1 span{
    display: block;
    font-size: 40px;
    color: #2342BA;
    font-weight: bold;
}


/* trabalhe conosco */
.page.work-with-us{
    background-color: #ececec;
}

.page.work-with-us img{
    margin-bottom: 15px;
}

.page.work-with-us h1{
    text-align: left;
    font-size: 50px;
    color: #2342BA;
    font-weight: bold;
    margin-bottom: 10px;
}

.page.work-with-us h1 span{
    display: block;
    font-size: 30px;
    color: #363636;
    font-weight: lighter;
}

/*===================== Page Our Business =====================*/
/* our business*/

.page.rotomoldagem h1{
    color:#2342BA;
    margin: 0 0 10px 0;
    font-size: 40px;
    font-weight: bold;

}

.page.rotomoldagem h2{
    color:#2342BA;
    font-size: 25px;
    margin: 10px 0 0 0;
}

.page.rotomoldagem p{
    color: #B6B6B6;
    margin: 0;
    font-size: 20px;
}

.page.rotomoldagem .btn{
    color: #B6B6B6;
    margin: 20px 0 0 0;
    font-size: 20px;
}


/* injecao */

.page.injection{
    background-color: #ECECEC;
}

.page.injection h1{
    color:#2342BA;
    margin: 0 0 10px 0;
    font-size: 50px;
    text-align: right;
}

.page.injection h2{
    color:#2342BA;
    font-size: 30px;
    margin: 10px 0 0 0;
    text-align: right;
}

.page.injection p{
    color: #B6B6B6;
    margin: 0;
    font-size: 20px;
    text-align: right;
}

.page.injection .btn{
    float: right;
    color: #B6B6B6;
    margin: 20px 0 0 0;
    font-size: 20px;
}


/* Page Vacuum*/
.page.vacuum{
    background-color: #fff;
}

.page.vacuum h1{
    color:#2342BA;
    margin: 0 0 10px 0;
    font-size: 50px;

}

.page.vacuum h2{
    color:#2342BA;
    font-size: 30px;
    margin: 10px 0 0 0;
}

.page.vacuum p{
    color: #B6B6B6;
    margin: 0;
    font-size: 20px;
}

.page.vacuum .btn{
    color: #B6B6B6;
    margin: 20px 0 0 0;
    font-size: 20px;
}


/* make */
.page.make{
    background-color: #2342BA;
}

.page.make h1{
    position: relative;
    color: #fff;
    margin: 0 0 10px 0;
    font-size: 50px;
    text-align: right;
}

.page.make h1 span{
    position: absolute;
    display: block;
    right: 80px;
    top: -20px;
    font-size: 25px;
    margin: 10px 0 0 0;
    text-align: right;
}

.page.make p{
    color: #fff;
    margin: 0;
    font-size: 20px;
    text-align: right;
    margin-bottom: 30px;
}

.page.make .btn{
    float: right;
    color: #2342BA;
    margin: 20px 0 0 0;
    font-size: 20px;
}


.page.make .btn:hover{
    background-color: #ececec !important;
    color: #2342BA !important;

}


/*===================== Page Fabrique =====================*/
/* our fabrique o seu */
.page.make-it{
    background-color: #fff;
}

.page.make-it h1{
    color : #363636;
    margin: 0 0 10px 0;
    font-size: 20px;
    font-weight: bold;
    text-align: left;

}


.page.make-it h2 {
    color: #2342BA;
    font-size: 40px;
    font-weight: bold;
}

.page.make-it h2>span {
    color: #2342BA;
    font-size: 30px;
    font-weight: normal;
}

.page.make-it p{
    color: #B6B6B6;
    font-size: 20px;
}

/* componentes */
.page.components {
    background-color: #ECECEC;
    padding: 10px;
}

.page.components .row {
    margin: 35px 0;
}

/* pode ser usado de maneira geral */
.card-components{
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    padding: 20px;
    width: 100%;
}

.card-components h2{
    font-size: 30px;
    font-weight: bold;
    color: #2342BA;
}



.card-components h2 span .fa-solid{
    color: #2342BA;
    margin-right: 3px;
}

.card-components p{
    font-size: 20px;
    font-weight: lighter;
    color: #B6B6B6;
    margin-top: 18px;
}

/* page orcamento */
.page.orcamento{
    background-color: #fff;
}

.page.orcamento h1{
    color: #2342BA;
    font-size: 60px;
}

.page.orcamento h1 span{
    display: block;
}

.page.orcamento p{
    font-size: 20px;
    color: #B6B6B6;
    margin: 15px 0 30px 0;
}

/* pode ser utilizado de maneira geral*/
.contatos-wrapper{
    font-size: 20px;

}
.contatos-wrapper .telefone{
    display: block;
    color: #363636;
}

.contatos-wrapper .telefone .fa-solid{
    color: #2342BA;
}

.contatos-wrapper .email{
    display: block;
    color: #2342BA;
}
.contatos-wrapper .email .fa-solid{
    color: #2342BA;
}

.horario-wrapper{
    font-size: 20px;;
}

.horario-wrapper h3{
    color: #2342BA;
    margin: 0;
}

.horario-wrapper span{
    display: block;
    color: #B6B6B6;
    font-size: 15px;
    padding-left: 30px;
}

/***************************** Page Contato *********************/
/* page contato */
.page.contato{
    background-color: #fff;
}

.page.contato h1{
    color: #2342BA;
    font-size: 40px;
    font-weight: bold;
}

.page.contato h1 span{
    display: block;
}

.page.contato p{
    font-size: 20px;
    color: #B6B6B6;
    margin: 15px 0 30px 0;
}

/* page localizacao*/
.page.localizacao{
    background-color: #ECECEC;
}

.page.localizacao h1 {
    color: #2342BA;
    font-size: 50px;
    font-weight: bold;
    margin: 0;
}

.page.localizacao h1>span {
    display: block;
}

.page.localizacao p{
    color: #363636;
    font-size: 20px;
    text-align: right;
}


.page.maps{
    background-color: #fff;
}

/* ======================== PRODUTOS =====================*/
/*produtos*/
.page.produtos{
    background-color: #ECECEC;
}

.page.page.produtos h1{
    color: #363636;
    font-size: 25px;
}

.page.page.produtos h1 span{
    display: block;
    color: #2342BA;
    font-size: 30px;
    font-weight: bold;
}

/* pode ser usado de maneira geral */
.card-produto{ text-align: center;}

.card-produto .img-content{
    display: inline-block;
    width: 100%;
    height: 463px;
    vertical-align: center;
    background-color: #fff;
    border: solid 1px #CDCDCE;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 95% 70%;
}

.card-produto img{
    display: inline-block;
    max-width: 320px !important;
}

.card-produto h2{
    color: #2342BA;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 15px;
    min-height: 60px;
}

.card-produto p{
    display: block;
    color: #919191;
    font-size: 18px;
    font-weight: normal;
    min-height: 22px;
}

/* produtos relacionados */
.page.produtos-relacionados{
    background-color: #fff;
    padding: 80px 0;
}

.page.produtos-relacionados h1{
    font-size: 40px;
    color: #2342BA;
    font-weight: bold;
}

/* ========================= Detalhes de Produtos ================ */
/* detalhes */
.page.detalhes-produto{
    background-color: #fff;;
}
.page.page.detalhes-produto h1{
    color: #2342BA;
    font-size: 40px;
}
.page.page.detalhes-produto p{
    color: #B6B6B6;
    font-size: 20px;
}

.page.page.detalhes-produto h2{
    color: #2342BA;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}

.page.page.detalhes-produto ul{
    list-style-type: none;
    margin: 0 0 30px 0;
    padding: 0;
    font-size: 13px;
    color: #363636;
}

.page.page.detalhes-produto ul li{
    padding: 0 0;
}

/* mais informacoes */
.page.mais-informacoes{
    padding-top: 0;
    background-color: #ECECEC;;
}

.page.page.mais-informacoes h2{
    color: #2342BA;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

.page.mais-informacoes .mais-informacoes-row{
    margin-top: 20px;
    border-bottom: solid 1px #B6B6B6;
}

/* pode ser utilizado de maneira geral */
.card-download{color: #363636;}
.card-download h3{
    font-size: 25px;
    font-weight: bold;
}
.card-download p{
    font-size: 13px !important;
    margin-bottom: 30px;
}

.page.page.mais-informacoes ul{
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 13px;
    color: #363636;
}

.page.page.mais-informacoes ul li{
    padding: 0 0;
}

/* ========================= HOME =========================*/
.processos{background-color: #fff;}

.card-process {
    font-size: 30px;
    margin: 0.5em 0;
}

.card-process h3 {
    color: #363636;
    font-weight: bold;
    font-size: 30px;
}

.card-process h4 span{
    color: #2342BA;
    font-weight: lighter;
    font-size: 50px;
}

.card-process h4 {
    color: #2342BA;
    font-size: 50px;
}

.card-process-image {
    position: relative;
    text-align: center;
}

.card-process-image img{
    width: 100%;
    height: 100%;
    /* vertical-align: top; */
}

/* card absolutos */
.card-process h2{
    width: 100%;
    position: absolute;
    top: 20%;
    width: 100%;
    padding: 0 10%;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.card-process a{
    position: absolute;
    width: 70%;
    top: 65%;
    margin: 0 15%;
    background-color: #2342BA;
    color: #ffffff;
    border-radius: 40px 40px 40px 40px;

}

.card-process a.orange{
    background-color: #FF6F00;

}


/* card Business */
.business {
    background-color: #E4E4E4;
    padding: 40px 0 50px 0;
}

.business h1{
    color: #363636;
    font-size: 40px;
    font-weight: bold !important;
    text-align: center;
}

.card-business{
    margin-top: 30px;
}

.card-business>.purple-bar{
    width: 100%;
    text-align: center;
    height: 15px;
}

.card-business>.blue-bar{
    width: 100%;
    text-align: center;
    height: 15px;
}

.card-business>.light-blue-bar{
    width: 100%;
    text-align: center;
    height: 15px;
}

.card-business>.purple-bar span{
    height: 10px;
    width: 80%;
    background-color: #7D15BE;
    border-radius: 20px 20px 0px 0px;
    display: inline-block;
    text-align: center;
}

.card-business>.blue-bar span{
    height: 10px;
    width: 80%;
    background-color: #5201E4;
    border-radius: 20px 20px 0px 0px;
    display: inline-block;
    text-align: center;
}

.card-business>.light-blue-bar span{
    height: 10px;
    width: 80%;
    background-color: #04D9D9;
    border-radius: 20px 20px 0px 0px;
    display: inline-block;
    text-align: center;
}


.card-business>.content{
    width: 100%;
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    border: solid 1px #CDCDCE;
    padding: 36px;
    text-align: center;
}

/*.span-card-negocio{*/
/*    height: 100px;*/
/*}*/

.card-business>.content h3{
    font-size: 30px;
    font-weight: bold;
    color: #636363;
    height: 70px;
}

.card-business>.content h3 span{
    display: block;

    color: #2342BA;
    font-size: 20px;
    font-weight: lighter;
    min-height: 100px;
}

.card-business>.content p{
    color: #919191;
    font-size: 15px;
    margin-bottom: 30px;
    height: 128px;
}

.como-contratar{
    background-color:#E4E4E4;
    padding: 70px 0;
}

.como-contratar h1{
    font-size: 40px;
    color: #1D04BF;
}

.como-contratar h2{
    font-size: 25px;
    color: #7D15BE;
}
.como-contratar p{
    font-size: 25px;
    color: #707070;
}

#como-contratar #select{
    background-color: #1D04BF;
}

#como-contratar #select select{
    border-radius: 10px !important;
    color: #A6A6A6;
}

#como-contratar #locais a .btn .btn-gray{
    color: #A6A6A6;
}

#como-contratar #locais .btn-whats-gray {
    background-color: #A6A6A6 !important;
}
#como-contratar #locais .nome-parceiro {
    color: #1D04BF;
    font-size: 20px;
}
#como-contratar #locais .endereco-parceiro {
    color: #A6A6A6;
    font-size: 16px;
    margin-bottom: 0px;
}

#locais h1{
    color: #1D04BF;
}

.seja-parceiro{
    background-color:#FFF;
    padding: 70px 0;
}

.seja-parceiro h1{
    color:#1D04BF;
    font-size: 40px;
}
.seja-parceiro h2{
    color:#00BFFF;
    font-size: 24px;
}
.seja-parceiro h2 span{
    color:#00BFFF;
    font-size: 35px;
}

.seja-parceiro p{
    color:#636363;
    font-size: 25px;
}

.seja-parceiro-list {
    min-height: 550px;
    height: auto;
    width: 100%;
    background-color: #E4E4E4;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.seja-parceiro-list-2 h1 {
    font-size: 25px;
}
.seja-parceiro-list-2 h1 span {
    font-size: 35px;
}

.seja-parceiro-list-2 h2 {
    font-size: 60px;
}

.seja-parceiro-list-2 .card-business .content {
    background-color: #1D04BF;
    border: none;
}
#id_software_area_publica > div:nth-child(1){
    margin-right: 15px;
}

#id_software_area_publica > div:nth-child(2){
    margin-left: 15px;
}
#id_outro_segmento > div:nth-child(1){
    margin-right: 15px;
}
#id_outro_segmento > div:nth-child(2){
    margin-left: 15px;
}
/* sobre nos */

.sobre-nos {
    background-color: #1D04BF;
    padding: 70px 0;
}

.sobre-nos h1{
    font-size: 25px;
}

.sobre-nos h2{
    /*text-align: left;*/
    font-size: 40px;
    color: #00BFFF;
    font-weight: bold;
}

.sobre-nos h3{
    /*text-align: left;*/
    font-size: 30px;
    color: #232323;
    font-weight: 600;
}

.sobre-nos p{
    color: #B6B6B6;
    font-size: 20px;
    margin-bottom: 50px;
}

.sobre-nos-page{
    background-color: #230B6D;
    padding: 70px 0;
}

.sobre-nos-page h1{
    font-size: 45px;
    color: #00BFFF;
}

.sobre-nos-page h2{
    /*text-align: left;*/
    font-size: 25px;
    color: #fff;
}

.sobre-nos-contato{
    background-color: #E4E4E4;
    padding: 70px 0;
}

.sobre-nos-contato h1{
    font-size: 30px;
    font-weight: bold;
    color: #230B6D;
}
.sobre-nos-contato p{
    font-size: 20px;
    color: #636363;
}

.aplicacao-list{
    height: 560px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
}
.aplicacao-detail{
    height: 470px;
    text-align: center;
}
.aplicacao-detail .bg-app-detail{
    height: 470px;
    width: 100%;
    background: transparent linear-gradient(255deg, #7D15BE 0%, #1D04BF 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    text-align: center;
}
.aplicacao-detail .bg-app-detail .card-business>.content{
    background-color: #230B6D;
    border: none;
    text-align: center;
}
.card-business>.content-blue{
    width: 100%;
    background-color: #1D04BF;
    border-radius: 20px 20px 20px 20px;
    padding: 36px;
    text-align: center;
    color: #fff;
}

.aplicacao-section-detail{
    background-color: #E4E4E4;
    padding: 70px 0;

}
.aplicacao-section-detail .text-purple{
    color: #5201E4;
}

.video-app {
    background-color: #fff;
    padding: 70px 0;
}

.video-app h1{
    font-size: 50px;
    color: #1D04BF;
}

.video-app h2{
    /*text-align: left;*/
    font-size: 25px;
    color: #A6A6A6;
}

.video-app .btn-video {
    background-color: #1D04BF;
}

.aplicacao-section-list{
    background-color: #E4E4E4;
    padding: 70px 0;

}

.card-purple>.content{
    width: 100%;
    background-color: #230B6D;
    border-radius: 20px 20px 20px 20px;
    padding: 10px;
}
.card-purple>.content h2{
    font-size: 20px;
}
.card-purple>.content h2 span{
    font-size: 25px;
}

.parceiros{
    background-color: #E4E4E4;
    padding: 70px 0;
}

.parceiros h1{
    text-align: center;
    font-size: 25px;
}


/* numbers */
.numbers{
    color: #fff;
    background-image: url(../images/home/nossos-numeros.png);
    background-size: cover;
    padding: 50px 0;
}

.numbers img{
    margin-top: 30px;
}

.numbers h1{
    font-size: 40px;
    text-align: right;
}

.numbers-tag {
    display: inline-block;
    width: 201px;
    height: 201px;
    background-color: #2342BA;
    border-radius: 100%;
    text-align: center;
    margin: 10px 40px;
    color: #fff;
}

.numbers-tag img{
    margin-top: 45px;
}

.numbers-tag .value{
    display: block;
    font-size: 35px;
    font-weight: bold;
    line-height: 1em;
}

.numbers-tag .description {
    display: block;
    line-height: 1em;
}

/* agenda */
.agenda{
    padding: 50px 0;
    background-color: #ECECEC;
}

.agenda h1{
    color: #2342BA;
    font-size: 40px;
    font-weight: bold;
}


.agenda .item{
    padding: 0 0;
}

/* pode ser usado de maneira geral */
.card-agenda{
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    padding: 20px;
    width: 100%;
}

.card-agenda h2{
    font-size: 25px;
    font-weight: bold;
    color: #2342BA;
}

.card-agenda h2 span{
    display: block;
    font-size: 25px;
    margin-top: 4px;
    font-weight: normal;
    color: #989898;
}

.card-agenda h2 span .fa-solid{
    color: #2342BA;
    margin-right: 3px;
}

.card-agenda p{
    font-size: 25px;
    font-weight: lighter;
    color: #4A4C4E;
    margin-top: 15px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #969696;
    height: 100px;

}

/* outlet*/
.outlet {
    background-color: #fff;
    padding: 50px 0 60px 0;
    text-align: center;
}

.outlet h1{
    color: #363636;
    font-size: 40px;
    font-weight: bold;

}

/* pode ser usado de maneira geral */
.card-outlet{}

.card-outlet .img-content{
    display: inline-block;
    width: 347px;
    height: 463px;
    vertical-align: center;
    border: solid 1px #CDCDCE;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 95% 70%;
}

.card-outlet img{
    display: inline-block;
    max-width: 320px !important;
}

.card-outlet h2{
    color: #2342BA;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 15px;
}

.card-outlet h2 span{
    display: block;
    color: #919191;
    font-size: 18px;
    font-weight: normal;
}



/* =================== ANIMAÇÕES =========================== */

.swing-in-top-fwd {
    -webkit-animation: swing-in-top-fwd 0.9s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
    animation: swing-in-top-fwd 0.9s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

@keyframes swing-in-top-fwd {
    0% {
        -webkit-transform: rotateX(-100deg);
        transform: rotateX(-100deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0;
    }
    100% {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 1;
    }
}

slide-right {
    -webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-right {
    0% {
        -webkit-transform: translateX(-280px);
        transform: translateX(-280px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

@keyframes slide-right {
    0% {
        -webkit-transform: translateX(-280px);
        transform: translateX(-280px);
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
}

/* =================== MEDIA QUERYS ======================== */

@media (max-width: 400px) {
    .nav-tabs .nav-link {
        font-size: 16px !important;
    }
}

@media (max-width: 767px) {
    .fs-60{
        font-size: 50px;
    }
    .fs-50{
        font-size: 40px;
    }
    .fs-25{
        font-size: 20px;
    }
    .page-banner h1{
        font-size: 50px;
    }
    .video {
        width: 100% !important;
    }
    .logo-header {
        max-width: 200px !important;
    }

    .nav-tabs {
        display: flex;
        justify-content: center;
    }
    .video-institucional{
        height: 283px!important;
        width: 100%!important;
    }
}
@media (max-width: 768px) {
    .offcanvas .btn-search {
        left: 36%!important;
        top: 39%!important;
    }
    .page.about-us h2{
        font-size: 40px!important;
    }
    .aplicacao-detail {
        min-height: 470px !important;
        height: auto;
    }
    .aplicacao-detail .bg-app-detail {
        min-height: 470px !important;
        height: auto;
    }
}

@media only screen and (min-width: 768px) {


    .timeline::before {
        content: '';
        position: absolute;
        height: 100%;
        width: 2px;
        background-color: var(--bs-white);
        left: 50%;
        transform: translateX(-50%);
    }

    .timeline ul li:nth-child(odd):after {
        content: '';
        position: absolute;
        height: 20px;
        width: 20px;
        background-color: var(--bs-white);
        border-radius: 50%;
        top: 10px;
        box-shadow: 0px 0px 2px 7px rgb(246, 246, 246, 0.4);
    }

    .timeline ul li {
        width: 50%;
        margin-bottom: 50px;
        position: relative;
    }

    .timeline ul li:nth-child(odd) {
        float: left;
        clear: left;
        transform: translateX(-80px);
    }

    .timeline ul li:nth-child(even) {
        float: right;
        clear: right;
        transform: translateX(40px);
        border-bottom: none;
    }

    .timeline ul li:nth-child(odd)::after {
        right: -80px;
        transform: translate(50%, -50%);
    }
}

@media (min-width: 992px) {
    .header-fixed {
        -webkit-animation: fadeInDown 700ms ease-in-out; /* Chrome, Safari, Opera */
        animation: fadeInDown 700ms ease-in-out;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        margin-top: 0px;
        box-shadow: 0px 3px 6px #00000029;
    }
}

/* =================== area de expositor ======================== */
.excluir{
    position: fixed;
    left: 82%;
    top: 3%;
    padding: 5px;
    border-radius: 31%;
    background: #00000029;
}

.excluir-arq {
    position: fixed;
    left: 13%;
    top: 8%;
}

/* =================== LIGHTBOX ======================== */
.lb-nav a.lb-next{
    width: 30%!important;
}

/* =================== COOKIES ======================== */

#cookies{
    text-align: center;
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: var(--bs-blue-dark);
    color: #ffffff;
    z-index: 99999999;
    align-items: center;
    justify-content: center;
    display: none;
    padding: 5px;
}

#cookies h6{
    color: #ffffff;
    margin: 0;
    font-size: 15px;
}

#cookies p{
    color: #ffffff;
    margin: 0;
    font-size: 15px;
}

#cookies a{
    color: #ffffff!important;
    text-decoration: underline;
}

#cookies a:hover{
    text-decoration: unset;
}

#cookies-btn{
    color: #000000!important;
    background-color: white;
    border-radius: 20px;
    padding: 3px 27px;
    -webkit-appearance: media-volume-sliderthumb;
    min-width: 109px;
    font-weight: 100;
}

.dropdown-idioma{
    min-width: 43px;
}

.dropdown-idioma a{
    cursor: pointer;
}

#cat-patrocinio .accordion-button{
    border-radius: 5rem 5rem 5rem 5rem;
}

/* =========> page nossos negócios <========= */

section .topete {
    position: relative;
    border-radius: 9px;
}

section .box {
    position: relative;
    margin-top: -9px;
}

/* =========> page nossos números <========= */


.circle {
    width: 155px;
    height: 155px;
    border-radius: 50% !important;
}

.rounded-bottom-125 {
    border-bottom-right-radius: 1.25rem !important;
    border-bottom-left-radius: 1.25rem !important;
}

.rounded-top-125 {
    border-top-right-radius: 1.25rem !important;
    border-top-left-radius: 1.25rem !important;
}

.zoom{
    overflow: hidden;
    margin: 0 auto;
}

.zoom img{
    width: 100%;
    transition: 0.5s all ease-in-out;
}

.zoom:hover img {
    transform: scale(1.5);
}


/*_______________--------------______________________------________________________-------------*/

.min-max-slider {position: relative; width: 200px; text-align: center; margin-bottom: 50px;}
.min-max-slider > label {display: none;}
span.value {height: 1.2em; font-weight: bold; display: inline-block;}
span.value.lower::after {content: "L -  "; display: inline-block;}
span.value.upper::after {content: "L"; display: inline-block; margin-left: 0.4em;}
.min-max-slider > .legend {display: flex; justify-content: space-between;}
.min-max-slider > .legend > * {font-size: small; opacity: 0.25;}
.min-max-slider > input {cursor: pointer; position: absolute;}

/* webkit specific styling */
.min-max-slider > input {
    -webkit-appearance: none;
    outline: none!important;
    background: transparent;
    background-image: linear-gradient(to bottom, transparent 0%, transparent 30%, silver 30%, silver 60%, transparent 60%, transparent 100%);
}
.min-max-slider > input::-webkit-slider-thumb {
    -webkit-appearance: none; /* Override default look */
    appearance: none;
    width: 14px; /* Set a specific slider handle width */
    height: 14px; /* Slider handle height */
    background: #eee; /* Green background */
    cursor: pointer; /* Cursor on hover */
    border: 1px solid gray;
    border-radius: 100%;
}
.min-max-slider > input::-webkit-slider-runnable-track {cursor: pointer;}


/*-------------------------------MENUS----------------------------------*/
.input {
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: transparent;
    border-bottom: solid 1px white;
    width: 100%;
    color: #fff;
    font-size: 25px;
    padding: 20px 5px;
}
.input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1; /* Firefox */
}

.input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
}

.input::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
}
.input:focus {
    border-top: none;
    border-left: none;
    border-right: none;
}

.offcanvas.offcanvas-top .offcanvas-body {
    padding-left: 0 !important;
}

.offcanvas.offcanvas-start {
    border: none
}

.main-nav .nav-item .nav-link,  #navbarText {
    z-index: 1050 !important;
}
.navbar-brand {
    z-index: 1060 !important;
}

.offcanvas-body {
    padding-left: 112px;
    position: relative;
}

.groupid{margin-top: 170px;}
.corner-bottom-right-bevel {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*max-width: 100vw !important;*/
    /*border-top: 100vh solid rgba(10, 26, 92, 0.6);*/
    /*border-left: 0 solid transparent;*/
    /*border-right: 100px solid transparent;*/
}

.bg-search {
    /*background-color: rgba(30, 49, 55, 0.7);*/
    height: 100vh;
    padding-right: 0;
    padding-left: 0;
    padding-top: 200px;
}
#offcanvasTop {
    z-index: 1055px !important;
}

.offcanvas .btn-close {
    background: none!important;
    position: fixed;
    left: 92%;
    top: 10%;
}
.offcanvas .btn-search {
    background: none!important;
    position: fixed;
    left: 80%;
    top: 24%;
    font-size: 25px;
    color: #ffffff!important;
}

.offcanvas {
    background-color: #222425eb;
    -background-color: transparent;
}
#offcanvas {
    background-color: #222425eb;
    clip-path: polygon(0 0, 100% 0%, calc(100% - 15%) 100%, 0% 100%);

    --bs-gutter-x: 20rem;
    --bs-gutter-y: 0;
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-left: auto;

}
@media only screen and (min-width : 1200px) {
    #offcanvas {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
}

@media only screen and (min-width : 1910px) {
    #offcanvas {
        padding-left: calc(var(--bs-gutter-x) * 0.6);
    }
}

@media only screen and (min-width : 2560px) {
    #offcanvas {
        padding-left: calc(var(--bs-gutter-x) * 4);
    }
}

@media only screen and (min-width : 3840px) {
    #offcanvas {
        padding-left: calc(var(--bs-gutter-x) * 1.6);
    }
}

#maquinario .card{
    background-color: #fff;
    border-radius: 20px 20px 20px 20px;
    padding: 20px;
    width: 100%;
}


.alert-error {
    background-color: #dd4b39 !important;
    color: #ffffff;
}


.video-institucional{
    height: 500px;
    width: 900px;
    margin: 0 auto;

}

.imagem-numero{
    height: 56px;
}

.card-agenda {
    height: 265px; /* Definir a altura do card */
    overflow: auto; /* Controlar o fluxo de conteúdo dentro do card */
    margin-right: 20px;
}

#agenda-carousel .owl-carousel .owl-item img{
    display: inline-block;
    width: 10%;

}

.card-download p{
    height: 60px;
}