/*
_____________________________
ASSIST Style CSS
Author: ASSIST
Last Update: 07.15
_____________________________
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
#mobile {
display: none !important;
}
body {
font-family: 'Roboto',sans-serif;
color: rgb(55, 55, 55);
line-height: 1.6;
font-weight: 300;
margin-top: 74px;
}
a {
font-weight: normal;
}
a:hover {
transition: all .45s; /*opacity: 0.8;*/
}
a, p {
text-shadow: none !important;
}
.d-grid {
display: grid;
margin-top: 10px;
}
.d-block {
display: block !important;
}
.d-none {
display: none;
}
.d-flex {
display: flex;
}
.space-between {
justify-content: space-between;
}
.end {
justify-content: flex-end;
}
.center {
justify-content: center;
}
.align-center {
align-items: center;
}
.column {
flex-direction: column;
}
.m-auto {
margin: auto;
}
.w-100 {
width: 100%;
}
.w-75 {
width: 75%;
}
.w-50 {
width: 50%;
}
.w-25 {
width: 25%;
}
.h-100 {
height: 100%;
}
.gap-1 {
gap: 25px;
}
.flex-column {
flex-direction: column;
}
text-center {
text-align: center;
}
.breadcrumb {
background-color: #ffffff;
}
.breadcrumb li { /*width:90px;*/
margin: 0;
padding: 0 20px;
}
.breadcrumb a {
display: flex;
flex-direction: column;
align-items: center;
}
.breadcrumb .icoBeneficio {
max-width: 70px;
}
.breadcrumb > li + li:before {
display: none;
}
.breadcrumb > li + li {
border-left: solid 1px #cccccc;
}
.breadcrumb .fa {
font-size: 4em;
padding-bottom: 5px;
}
.row {
margin-left: 0;
margin-right: 0;
}
a#subir:focus, a#subir:visited, a#subir {
position: absolute;
bottom: 7px;
padding: 15px;
border-radius: 5px;
text-decoration: none;
color: #ffffff;
background: url(../images/FundoBTNTop.png) repeat top left;
right: 15px;
}
a#subir:hover {
color: #000000;
font-weight: normal;
background: url(../images/FundoBTNTopHover.png) repeat top left;
}
h1, h2, h3, h4, h5, h6 {
color: rgb(0,98,162,1);
}
[class*="fa-"] {
display: inline-block;
vertical-align: middle;
font-style: normal;
font-weight: normal;
font-size: 1.8em;
}
.container, .wrapper {
max-width: 1360px;
width: 95%;
margin: auto;
padding: 25px 0px;
}
.container + .container, .wrapper + .wrapper {
padding: 20px 10px 50px;
}
.container-fluid {
float: left;
padding: 0;
}
/*img {width: -webkit-fill-available;}*/
.middle {
width: 100% !important;
display: inline-block;
}
section {
width: 100%;
margin: auto;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.introjs-tooltip .introjs-tooltipbuttons {
margin-top: 0 !important;
border-top: 0 !important;
}
/* For IE 6/7 only */
.clearfix {
*zoom: 1;
}
.TACenter {
text-align: center;
height: 85px;
border-right: solid 1px #337ab7;
margin-bottom: 25px;
}
/*#breadcrumb{display:flex;}*/
/*.TACenter a:hover .label{display:block;}*/
/*.TACenter .label{display:none;}*/
.cartilha {
display: grid;
grid-template-columns: repeat(5,1fr);
}
img.imgCartilha {
width: 100%;
max-height: 280px;
}
.cartilha div {
margin: 10%;
}
.cartilha h4 {
margin-top: 20px;
}
.barra img#imgCatParceria {
margin-top: -15%;
}
/*#sobre img{width:100%;margin-top:-37%;}*/
/*#sobre::before, #girocultural::before, #kids::before, #MoviMente::before, #danca::before, #ServicoSocial::before, #Associe::before, #VidaGrupo::before {opacity: 0.2;} */
/*#Associe img{margin-top:-34%;}*/
#RevistaAssist img {
margin-top: -20%;
}
#DoencasGraves img, #events img, #odonto img, #ead img, #Associe img {
margin-top: -25%;
}
#flex img {
margin-top: -14%;
}
#Questions img {
margin-top: -15%;
}
#FaleConosco img, #clube img, #danca img, #turistando img, #funeral img, #saude img, #CorridasCaminhadas img, #VidaGrupo img, #juridica img {
margin-top: -22%;
}
#ConvenioSesc img {
}
#BeneficioVocacional img {
margin-top: -15%;
}
/*#ConvenioSesc.barra{text-align:center;}*/
#girocultural img {
margin-top: -28%;
}
#MoviMente img {
margin-top: -27%;
}
#clubeconhecimento img {
margin-top: -19%;
}
#ProgramaSoma img {
margin-top: -3%;
}
#ServicoSocial img {
margin-top: -17%;
}
#capemisa img {
margin-top: -10%;
}
#AssineNews img {
margin-top: 0;
}
#RI #imgBeneficioMobile {
display: none;
}
#RI #imgBeneficioTable {
display: none;
}
#RI #imgBeneficio {
display: block;
}
#ProgramaSoma {
background-attachment: fixed;
background-position: center center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
}
/*#sobre{background-image: url(../images/beneficios/quem_somos.jpg);background-attachment: fixed;background-position: center -315px !important;background-size: 130% !important;background-repeat: no-repeat !important;}
#VidaSaudavel {background-image: url(../images/beneficios/VidaSaudavel.jpg);background-attachment: fixed;background-position: center bottom !important;background-size: cover !important;background-repeat: no-repeat !important;}
#ProgramaSoma {background-image: url(../images/beneficios/ProgramaSoma.jpg);background-attachment: fixed;background-position: center center !important;background-size: cover !important;background-repeat: no-repeat !important;}
#turistando {background-image: url(../images/beneficios/turistando.jpg);background-attachment: fixed;background-position: center bottom !important;background-size: cover !important;background-repeat: no-repeat !important;}
#BeneficioVocacional {background-image: url(../images/beneficios/BeneficioVocacional.jpg);background-attachment: fixed;background-position: center -20px !important;background-size: cover !important;background-repeat: no-repeat !important;}
#RevistaAssist {background-image: url(../images/beneficios/RevistaAssist.jpg);background-attachment: fixed;background-position: center bottom !important;background-size: cover !important;background-repeat: no-repeat !important;}
#ServicoSocial {background-image: url(../images/beneficios/ServicoSocial.jpg);background-attachment: fixed;background-position: center -70px !important;background-size: cover !important;background-repeat: no-repeat !important;}
#MoviMente {background-image: url(../images/beneficios/MoviMente.jpg);background-attachment: fixed;background-position: center bottom !important;background-size: cover !important;background-repeat: no-repeat !important;}
#CorridasCaminhadas {background-image: url(../images/beneficios/CorridasCaminhadas.jpg);background-attachment: fixed;background-position: center -50px !important;background-size: cover !important;background-repeat: no-repeat !important;}
#clubeconhecimento {background-image: url(../images/beneficios/ClubeDoConhecimento.jpg);background-attachment: fixed;background-position: center bottom !important;background-size: cover !important;background-repeat: no-repeat !important;}
#juridica {background-image: url(../images/beneficios/AssistenciaJuridica.jpg);background-attachment: fixed;background-position: center center !important;background-size: cover !important;background-repeat: no-repeat !important;}
#FaleConosco{background-image: url(../images/beneficios/FaleConosco.jpg);background-attachment: fixed;background-position: center bottom !important;background-size: cover !important;background-repeat: no-repeat !important;}
#Associe {background-image: url(../images/beneficios/Associe.jpg);background-attachment: fixed;background-position: center -300px !important;background-size: cover !important;background-repeat: no-repeat !important;}
#Questions {background-image: url(../images/beneficios/Questions.png);background-attachment: fixed;background-position: center center !important;background-size: cover !important;background-repeat: no-repeat !important;}
#NovosTalentos {background-image: url(../images/beneficios/NovosTalentos.png);background-attachment: fixed;background-position: center bottom !important;background-size: cover !important;background-repeat: no-repeat !important;}
#saude {background-image: url(../images/beneficios/AssistenciaMedicaAmbulatorialBasicaColetiva.jpg);background-attachment: fixed;background-position: center bottom !important;background-size: cover !important;background-repeat: no-repeat !important;}
#flex {background-image: url(../images/beneficios/flex.jpg);background-attachment: fixed;background-position: center bottom !important;background-size: cover !important;background-repeat: no-repeat !important;}
#funeral {background-image: url(../images/beneficios/AssistenciaFuneral.jpg);background-attachment: fixed;background-position: center bottom !important;background-size: cover !important;background-repeat: no-repeat !important;}
#odonto {background-image: url(../images/beneficios/AssistenciaOdontologicaAmbulatorialBasicaColetiva.jpg);background-attachment: fixed;background-position: center bottom !important;background-size: cover !important;background-repeat: no-repeat !important;}
#events{background-image: url(../images/beneficios/CalendarEvents.jpg);background-attachment: fixed;background-position: center bottom !important;background-size: cover !important;background-repeat: no-repeat !important;}
#capemisa {background-image: url(../images/beneficios/PromocaoCapemisa.jpg);background-attachment: fixed;background-position: center center !important;background-size: cover !important;background-repeat: no-repeat !important;}
#clube {background-image: url(../images/beneficios/BeneficioClube.jpg);background-attachment: fixed;background-position: center bottom !important;background-size: cover !important;background-repeat: no-repeat !important;}
#ConvenioSesc {background-image: url(../images/beneficios/ConvenioSesc.jpg);background-attachment: fixed;background-position: center 6% !important;background-size: 35% !important;background-repeat: no-repeat !important;}
#danca {background-image: url(../images/beneficios/danca.jpg);background-attachment: fixed;background-position: center bottom !important;background-size: cover !important;background-repeat: no-repeat !important;}
#girocultural {background-image: url(../images/beneficios/girocultural.jpg);background-attachment: fixed;background-position: center bottom !important;background-size: cover !important;background-repeat: no-repeat !important;}
#seguros {background-image: url(../images/beneficios/seguro.jpg);background-attachment: fixed;background-position: center bottom !important;background-size: cover !important;background-repeat: no-repeat !important;}
#VidaGrupo {background-image: url(../images/beneficios/SeguroVidaGrupo.jpg);background-attachment: fixed;background-position: center -60px !important;background-size: cover !important;background-repeat: no-repeat !important;}
#DoencasGraves {background-image: url(../images/beneficios/SeguroAlgumasDoencasGraves.jpg);background-attachment: fixed;background-position: center bottom !important;background-size: cover !important;background-repeat: no-repeat !important;}
#AssineNews {background-image: url(../images/beneficios/News.png);background-position: top center !important;background-size: initial!important;background-repeat: no-repeat !important;-webkit-box-shadow: inset 0px 500px 200px 0px rgb(0 0 0 / 0%); -moz-box-shadow: inset 0px 500px 200px 0px rgba(0,0,0,0); box-shadow: inset 0px 500px 200px 0px rgb(0 0 0 / 0%)}
#QuemSomos {background-image: url(../images/beneficios/quem_somos.jpg);background-position: center center !important;background-size: cover!important;background-repeat: no-repeat !important;}*/
.TACenter:last-child {
border-right: none;
}
.TACenter img {
width: 60%;
display: block;
margin-bottom: 10px;
}
.TACenter .label {
line-height: 1.2;
}
.pagina_texto p, .pagina_texto .label {
color: inherit;
white-space: normal;
padding: 0;
}
.assist_logo {
margin: 0 5px;
width: 160px;
}
#redes_sociais {
position: fixed;
right: 0;
width: 50px;
top: 25%;
background-color: #0062a2;
text-align: center;
z-index: 20;
flex-direction: column;
height: 270px;
justify-content: space-evenly;
border-radius: 10px 0 0 10px;
box-shadow: 0 6px 12px rgb(0 0 0 / 30%);
}
#redes_sociais p {
display: block;
float: left;
}
#redes_sociais a span {
color: #ffffff;
transition: all .45s;
}
.address {
font-size: 0.9em;
color: rgba(0,98,162,1);
display: flex;
}
.address span {
padding-right: 15px;
}
.address div:nth-child(2) {
margin: 0 20px;
padding: 0 20px;
border-right: solid 1px rgba(0,98,162,1);
border-left: solid 1px rgba(0,98,162,1);
}
.address .fa {
border-right: 0 !important;
}
#restrito {
display: block;
float: left;
text-align: center;
}
a.nav-link.assoc {
margin-top: 190px;
margin-left: 0;
color: #ffffff !important;
}
.assoc {
background-color: #80b757 !important;
margin-left: 10px;
}
.assoc:hover {
background-color: #19887b !important;
color: #ffffff !important;
}
.admin_login {
display: flex;
}
.admin_login span {
margin-right: 5px;
font-size: 1.1em;
}
.admin_login a {
color: white;
background: rgb(0,98,162,1);
padding: 10px;
text-decoration: none; /*max-width: 150px;*/
line-height: 1.3;
}
.admin_login a:last-child {
color: white;
background: #6ab551;
text-decoration: none;
}
/*#login_associado {color: rgba(0,171,224,1) !important;}
#ProfissionalColaborador { color: rgba(0,98,162,1);}
a#boleto {color: #1c9b8c;}*/
a#Bosque.nav-link {
background-color: #00abe0;
color: #ffffff;
}
a#bosque.nav-link:hover {
background-color: #006ca9;
color: #ffffff;
}
a#Acesso {
border: solid 1px #ffffff !important;
}
.bgSubmenu .nav.d-flex.end a.nav-link {
min-width: 200px;
}
a#Boleto:hover {
background-color: #1c9b8c !important;
color: #ffffff !important;
}
#login_associado:hover {
background-color: rgba(0,171,224,1) !important;
color: #ffffff !important;
}
/*#ProfissionalColaborador:hover { background-color:#ffffff!important;color: rgba(0,98,162,1) !important;}*/
#meet:hover {
background-color: #006400 !important;
color: #ffffff;
}
/*.admin_login a#boleto {background-color: #1c9b8c;color: #ffffff;}
#login_associado {background-color: rgba(0,171,224,1) !important;}
#ProfissionalColaborador { background-color: rgba(0,98,162,1);}*/
header {
background: rgba(0,98,162,1) !important;
width: 100%;
z-index: 11;
}
header.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
transition: ease;
background: rgba(0,98,162,1); /*background: rgb(0,98,162, 90%) !important; box-shadow: 0 6px 12px rgba(0,0,0,.175);*/
}
header.fixed-top .navbar-collapse, header .collapse {
margin-top: auto;
border-top: 0;
box-shadow: none;
}
header.fixed-top .navbar-brand h2 {
width: 135px;
margin: auto;
}
header.fixed-top .navbar-brand h2 {
font-size: 0.47em !important;
}
header, footer {
margin: auto;
text-align: left;
}
/*header, .newsletter, .indicarServidor, footer, .barra {background: linear-gradient(0deg, rgba(172,206,40,1) 0%, rgba(0,171,224,1) 100%);}*/
footer {
background-color: #0062a3 !important;
}
.head_top, .footer_bottom, .footer_cont {
margin: auto;
max-width: 1360px;
}
.head_top {
display: flex;
justify-content: space-between;
align-items: center
}
.navbar {
max-width: 1360px;
margin: auto;
background: none;
border: none;
box-shadow: none;
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 0;
}
.navbar-nav {
float: right;
margin: 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border: 0;
border-color: none !important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
color: rgb(0,98,162,1);
background: rgba(13, 75, 160, 0.08);
}
.navbar-default .navbar-nav > .open > a {
color: #ffffff;
}
.navbar-default .navbar-nav .d-grid-5 {
grid-template-columns: repeat(5,1fr);
}
.navbar-default .navbar-nav .space-between li, .navbar-default .navbar-nav .end li {
border-left: solid 1px #006ca9;
}
/*.navbar-default .navbar-nav .d-flex li{width:100%;}*/
.navbar-default .navbar-nav .d-flex {
border-left: none !important;
}
.navbar-default .navbar-nav .d-grid-4 {
grid-template-columns: repeat(4,1fr);
}
.navbar-default .navbar-nav .d-grid-3 {
grid-template-columns: repeat(3,1fr);
margin-bottom: 30px;
}
.navbar-default .navbar-nav .d-grid-3:last-child {
margin-bottom: 0;
}
.navbar-default .navbar-nav .d-grid-2 {
grid-template-columns: repeat(2,1fr);
}
.navbar-default .navbar-nav .d-grid-1 {
grid-template-columns: repeat(1,1fr);
}
.navbar-default .navbar-nav .col-md-9 {
border-left: solid 1px #ffffff;
border-right: solid 1px #ffffff;
}
.navbar-default .navbar-nav .d-grid .nav-item:nth-child(5n) {
border-right: none;
}
.nav > li > a:focus, .nav > li > a:hover {
background-color: #006ca9;
color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
transition: all .45s;
color: #ffffff;
text-transform: none;
padding: 5px 10px !important;
border: solid 1px transparent;
line-height: normal;
}
.nav-item a.nav-link {
transition: all .45s; /*font-weight:unset;*/
color: #006ca9;
text-transform: none;
padding: 10px;
border: solid 1px transparent;
line-height: normal;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
color: rgb(0,98,162,1);
background-color: #ffffff;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
color: rgb(0,98,162,1);
background-color: #ffffff;
}
.navbar-form .form-control {
width: 100px;
}
.nav_admin {
text-align: center;
font-size: 0.9em;
background: #ffffff;
overflow: hidden;
position: sticky;
width: 100%;
z-index: 11;
}
.navbar-brand h1 {
margin-bottom: 0 !important;
margin-top: auto;
}
.navbar-brand h2 {
color: #ffffff;
margin-top: 0px;
font-size: 0.7em;
text-align: center;
max-width: 200px;
margin-left: 5px;
margin-top: 0;
line-height: 1.4;
}
.navbar-form .form-control {
width: 100px;
}
.dropdown-menu {
font-size: 16.39824px !important;
}
.dropdown-menu .row {
margin-left: 0;
margin-right: 0;
}
.dropdown-menu > li > a {
color: rgb(0,98,162,1);
padding: 3px 20px;
}
.dropdown-menu > li > a:hover {
background: rgb(0,98,162,1) !important;
color: white !important;
}
.dropdown-menu > li > a {
color: rgb(0,98,162,1);
}
.dropdown-menu > li > a:hover {
background: rgb(0,98,162,1) !important;
color: white !important;
}
.dropdown-menu h4 {
color: #ffffff; /*text-decoration:underline;*/
text-transform: uppercase !important;
margin-bottom: -7px;
width: max-content;
}
.dropdown-menu h4 a {
color: #0062a2;
font-weight: 900;
}
.dropdown-menu span small {
color: #0062a2;
}
/*.barra {max-height:350px;overflow:hidden; width: 100%;-webkit-box-shadow: inset 0px 500px 200px 0px rgb(0 0 0 / 50%);-moz-box-shadow: inset 0px 500px 200px 0px rgba(0,0,0,0.5);box-shadow: inset 0px 500px 200px 0px rgb(0 0 0 / 50%);background-attachment: fixed;background-position: center bottom !important;background-size: cover !important;background-repeat: no-repeat !important;}*/
.barra {
height: 41%;
max-height: 350px;
min-height: 300px;
overflow: hidden;
position: relative;
padding: 0;
}
.barra::before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.5;
background-color: #000000;
}
#kids::before {
opacity: 0;
}
#BeneficioVocacional::before, #sobre::before, #Questions::before, #FaleConosco::before, #capemisa::before, #juridica::before {
opacity: 0.3;
}
#ServicoSocial::before, #Associe::before {
opacity: 0.2;
}
.barra img {
width: 100%;
margin-top: -20%;
}
#kids img, #sobre img {
width: 100%;
margin-top: -30%;
}
#Assisteai img {
width: 100%;
margin-top: -35%;
}
#VidaSaudavel img {
margin-top: -23%;
}
#RI img {
width: 100%;
margin-top: 0;
}
#RI.barra::before {
opacity: 0;
}
#ProgramaSoma.barra {
height: auto;
}
#AssineNews.barra::before {
background-color: initial;
}
/*#ProgramaSoma.barra::before{background-color:initial;}*/
.titulo_barra {
width: 100%;
height: 100%;
top: 0;
position: absolute;
}
/*.titulo_barra {max-width: 1150px;margin: auto;color: #ffffff;padding: 40px 0px;}*/
.titulo_barra h1 {
font-size: 3.5em;
margin-bottom: 0px;
margin-top: 0px;
color: #ffffff;
}
.titulo_barra span {
color: #ffffff;
}
.titulo_barra h2 {
font-size: 1.3em;
color: white;
margin-top: 15px;
font-weight: 300; /*width:50%;*/
}
.titulo_barra .container {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
#map-canvas, #mapCanvas {
width: 100%;
height: 250px;
}
.tg {
text-align: center;
border-collapse: collapse;
border-spacing: 0;
margin: 20px;
}
.tg td {
font-size: 0.9em;
padding: 10px;
border-style: solid;
border: 1px solid #dcdcdc;
overflow: hidden;
white-space: nowrap;
}
.tg td:first-child {
text-align: left;
}
.tg th {
text-align: center;
color: #ffffff;
font-size: 0.9em;
padding: 10px;
border: 1px solid #dcdcdc;
border-width: 1px;
overflow: hidden;
background-color: rgb(0,98,162,1);
white-space: nowrap;
}
/* START - Slider */
#owl-demo {
height: 80vh;
}
#Slider {
height: 95%;
max-height: 800px;
}
#owl-demo .slider-conteudo {
font-family: 'Poppins', sans-serif !important;
}
/*#slider_assist{padding-top:87px;}*/
#slider_assist #owl-demo .owl-item.active .item {
background-position: left center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
flex-direction: column;
}
#slider_assist .text-slider {
display: flex; /*flex-direction: column;*/
justify-content: space-between;
margin: auto;
max-width: 1360px;
width: 95%;
align-items: flex-start; /*padding:0 50px;*/
}
.slider-conteudo {
width: 40%;
}
.slider-imgs {
width: 45%;
display: flex;
}
.slider-imgs .imgBeneficits {
margin: 10px;
-webkit-box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.65);
box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.65);
}
.text-slider h3 {
color: #006ca9;
font-size: 80px;
font-weight: 700;
}
.item:nth-child(1) .text-slider h4, .item:nth-child(2) .text-slider h4 {
padding-top: 20px !important;
}
.item:nth-child(3) .text-slider h5 {
font-size: 45px;
padding-top: 42px;
}
.item:nth-child(3) .text-slider h4 {
padding-bottom: 40px;
padding-top: 40px;
font-size: 55px;
}
.item:nth-child(4) .text-slider h3 {
font-size: 70px;
padding-bottom: 40px;
padding-top: 40px;
}
.item:nth-child(4) .text-slider h4 {
padding-top: 15px;
}
.text-slider h5 {
color: #006ca9;
font-size: 30px;
font-weight: 700;
padding-top: 20px;
}
.text-slider h4 {
color: #006ca9;
font-size: 50px;
font-weight: 700;
}
.text-slider p {
color: #575756;
font-size: 1.5em;
line-height: 16px;
margin-bottom: 2em;
font-weight: 400;
line-height: 25px;
}
.slider-conteudo a {
background-color: #80b757;
color: #ffffff;
text-transform: uppercase;
font-size: 25px;
border-radius: 25px;
padding: 7px 45px;
width: fit-content; /*margin: 0 auto;*/
webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 20%);
box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 20%);
}
.slider-conteudo a:hover {
text-decoration: none;
background-color: #008acb;
}
#owl-demo .owl-dots {
position: absolute;
bottom: 10px;
width: 100%;
}
#owl-demo .owl-prev span, #owl-demo .owl-next span {
font-size: 7em;
color: #cacaca;
line-height: 0;
font-weight: bolder;
opacity: 0.7;
}
#owl-demo .owl-prev span:focus, #owl-demo .owl-next span:focus {
outline: none;
}
#owl-demo .owl-nav .owl-prev {
position: absolute;
left: 0;
background-color: transparent !important;
}
button {
outline: none;
}
#owl-demo .owl-nav .owl-next {
position: absolute;
right: 0;
background-color: transparent !important;
}
.caption {
font-size: 1.5em;
background: rgba(39, 54, 80, .9);
border-left: 1px solid white;
padding: 10px;
right: 0;
bottom: 0;
height: 100%;
width: 300px;
position: absolute;
color: white;
text-align: center;
-webkit-box-shadow: -2px 0px 3px 0px rgba(50, 50, 50, 0.35);
-moz-box-shadow: -2px 0px 3px 0px rgba(50, 50, 50, 0.35);
box-shadow: -2px 0px 3px 0px rgba(50, 50, 50, 0.35);
}
.caption p {
font-size: 0.7em;
}
.caption_button, .caption_button a {
margin: 35px auto;
font-size: 0.8em;
max-width: 200px;
bottom: 0;
left: 0;
right: 0;
padding: 10px;
color: white;
border: 1px solid white;
font-weight: 400;
transition: all .45s;
}
.caption_button:hover, .caption_button a:hover {
background: white;
color: rgba(39, 54, 80, 1);
}
.caption h3 {
margin-top: 30px;
color: white;
}
.caption img {
height: 100px !important;
width: 100px !important;
margin: auto;
margin-top: 35px;
}
.Btns {
display: flex;
gap: 15px;
}
.Btns .assoc {
margin-top: 0 !important;
}
/********************************/
/* Fade Effect */
/********************************/
.carousel-fade .carousel-inner .item {
transition-property: opacity;
height: 100%;
}
.bgSlider {
background-position: left center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
flex-direction: column;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
transform: translate3d(0, 0, 0);
}
/************************************/
/* BS bacground Images */
/**********************************/
/*.carousel-bg .carousel-inner .item {
background-color: darkslategrey;
background-size: cover;
background-position: center;
min-height: 480px;
}*/
.slider-imgs .imgBeneficits img {
display: block;
width: 100%;
}
.item, .item2, .item3 {
visibility: visible;
opacity: 1;
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
animation-duration: 2s;
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
-o-animation-duration: 2s;
animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
-ms-animation-delay: 0.3s;
height: auto;
}
#Msg {
display: none;
animation-delay: 0.5s;
animation-duration: 1s;
}
.item:nth-child(4) .text-slider h3 {
animation-delay: 1s;
animation-duration: 2s;
}
.item h3 {
animation-delay: 0.2s;
animation-duration: 2s;
}
.item h5 {
animation-delay: 0.5s;
animation-duration: 2s;
}
.item h4 {
animation-delay: 0.5s;
animation-duration: 2.5s;
}
.item p {
animation-delay: 0.8s;
animation-duration: 3s;
}
.item a {
animation-delay: 1.5s;
animation-duration: 3.5s;
}
.imgBeneficits.img1 {
animation-delay: 1s;
animation-duration: 1s
}
.imgBeneficits.img2 {
animation-delay: 1.5s;
animation-duration: 1s
}
.imgBeneficits.img3 {
animation-delay: 2s;
animation-duration: 1s
}
.item2 h3 {
animation-delay: 0.2s;
animation-duration: 2s;
}
.item2 h4 {
animation-delay: 0.5s;
animation-duration: 2.5s;
}
.item2 p {
animation-delay: 0.8s;
animation-duration: 3s;
}
.item2 a {
animation-delay: 0.8s;
animation-duration: 3.5s;
}
.imgBeneficits.img1 {
animation-delay: 1s;
animation-duration: 1s
}
.imgBeneficits.img2 {
animation-delay: 1.5s;
animation-duration: 1s
}
.imgBeneficits.img3 {
animation-delay: 2s;
animation-duration: 1s
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
/* //END - Slider */
.info {
display: flex;
justify-content: space-around;
padding: 70px 0 0;
}
.info div {
text-align: center;
}
/* START - Album Eventos Facebook*/
.albumFotos {
display: grid;
grid-template-columns: repeat(5, 1fr);
width: 100%;
margin-top: 50px;
margin-bottom: 50px;
}
.albumFotos img {
width: 100%;
height: 100%;
max-height: 250px;
}
.capaAlbum {
margin: 5px;
position: relative;
}
.capaAlbum h3 {
color: #ffffff;
margin-bottom: 0;
font-size: 20px;
margin-top: 0px;
}
.capaAlbum .dadosEvento {
position: absolute;
background: rgba(0,0,0,0.6);
color: #ffffff;
bottom: 0;
padding: 15px;
height: 100%;
width: 100%;
display: none;
}
.DescEvent { /*height: 70%;*/
margin-bottom: 10%;
}
.capaAlbum a:hover .dadosEvento {
display: block;
}
.capaAlbum .TitleEvent {
position: absolute;
z-index: 1;
bottom: 0;
padding-left: 10px;
width: 100%;
background: rgb(0,98,162,0.8);
}
.capaAlbum .TitleEvent h5 {
color: #ffffff; /*text-shadow: 1px 1px 1px rgba(0,0,0,0.4);*/
}
.capaAlbum a:hover .TitleEvent {
display: none;
}
/*Album Fotos Soma */
/*.albumFotosSoma {display: grid;grid-template-columns: repeat(4, 1fr);width: 100%;/*margin-top:50px;*/ /*}*/
.albumFotosSoma img {
width: 100%;
height: 100%;
max-height: 250px;
}
#bosque img {
width: 100%;
margin-top: -37%;
}
/*Album Fotos RI */
.albumFotosRI {
display: grid;
grid-template-columns: repeat(4, 1fr);
width: 100%; /*margin-top:50px;*/
}
.albumFotosRI img {
width: 100%;
height: 100%;
max-height: 250px;
}
/* END - Album Eventos Facebook*/
/*START testimony*/
.testimony {
max-width: 700px;
margin: auto;
margin-bottom: 50px;
}
.testimony .card img {
width: 34%;
height: fit-content;
max-width: 110px;
}
.testimony .card h4 {
margin-bottom: 0;
margin-top: 0;
}
.testimony .card h5 {
margin-top: 5px;
}
/*.testimony {position: relative;*/ /*margin: 100px;*/ /*}*/
/*.testimony .owl-nav {display: none;}*/
/*.testimony .owl-dots {text-align: center;}
.testimony .active {box-shadow: none;}
.testimony .card {background-color: rgba(0,0,0,0.1);margin: 0 20px;padding: 10px;border-radius: 10px;border: 0;}
.testimony .card-img-top {max-width: 100px;border-radius: 50%;margin: 15px auto 0;box-shadow: 0 8px 20px -4px #95abbb;width: 100px;height: 100px;}
.testimony .active {transition: all 0.3s;}
.testimony .center {opacity: 1;}
.testimony h4{font-weight:500;margin-bottom:0;}
.testimony h5{font-weight:normal;margin-top:5px;font-style:italic;}*/
/*EDN*/
/*START - PODCAST*/
.podcast {
position: relative;
background: #0062A2;
}
.podcast::before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.3;
background-image: url('../images/podcast.jpg');
background-repeat: repeat;
}
.podcast .wrapper {
position: relative;
text-align: center;
}
.podcast #podcast {
z-index: 1;
opacity: 1;
max-width: 1150px;
max-height: 160px;
-webkit-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.3);
box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.3);
}
iframe#podcast {
width: 100%;
height: 160px;
text-align: center;
}
/*END - PODCAST*/
/* START - BLOG*/
#post {
display: grid;
grid-template-columns: repeat(4,1fr);
}
#postBlog {
margin: 20px 0;
}
.postagens {
margin: 0 10px;
}
.postagens img {
max-width: 100%;
width: 100%;
height: 190px;
border: solid 1px #cccccc;
margin-bottom: 15px;
}
.postagens a {
text-decoration: none;
}
.postagens span {
display: block;
max-height: 190px;
overflow: hidden;
}
#blogAssist .wrapper a#acessoBlog {
float: right;
}
#blogAssist {
margin-bottom: 50px;
}
#blogAssist h4, #txtConheca h4 {
text-align: left !important; /*font-weight: bold;*/
line-height: 1.3;
}
/* END - BLOG*/
/*START - FAÇA PARTE DA ASSIST*/
#Associar .associar {
background-color: #19887b;
color: #ffffff;
text-transform: uppercase;
font-size: 25px;
border-radius: 15px;
padding: 7px 45px;
}
#Associar .fieldset .enviar {
color: #ffffff;
background-color: #acce28;
text-transform: uppercase;
border-radius: 8px;
}
#Associar .associar:hover {
transition: all .45s;
background-color: #acce28;
}
#MaisInformacoes .associar {
background-color: #008acb;
color: #ffffff;
text-transform: uppercase;
font-size: 25px;
border-radius: 15px;
padding: 7px 45px;
}
#MaisInformacoes .associar:hover {
transition: all .45s;
background-color: #0062a2;
}
/*END - FAÇA PARTE DA ASSIST*/
/* START - SOMA*/
.soma {
color: #ffffff;
font-size: 1.1em;
text-align: center;
}
.somaHome {
background: url(../images/BosqueAssist.jpg) no-repeat center center;
background-size: cover;
color: #ffffff;
font-size: 1.1em;
text-align: center;
position: relative;
}
/*.somaHome::before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.5;
background-color: #000000;
}*/
.somaHome .wrapper {
padding-bottom: 0;
padding-top: 200px;
}
.soma .wrapper {
background: url(../images/beneficios/background.jpg);
background-size: cover;
}
.somaHome .imgfundo {
margin-top: 0;
margin-bottom: -5px;
}
.somaHome .imgfundo img {
width: 100%;
}
#ProgSoma {
display: flex;
justify-content: space-evenly;
margin-bottom: 30px;
}
#ProgSoma h4 {
font-size: 2.5em;
color: #ffffff;
}
#ProgSoma .col-1 {
width: 50%;
}
.col-1, .col-2, .col-3 {
display: flex;
flex-direction: column;
justify-content: space-between;
}
#ProgSoma .col-1 #itens {
display: flex;
}
#ProgSoma .col-1 #itens .itens {
margin: 0 15px;
}
.somaHome a, #Associar a#QueroConhecer, #AssistOrgao {
background-color: rgb(0,98,162,1);
color: #ffffff;
text-transform: uppercase;
font-size: 25px;
border-radius: 15px;
padding: 7px 45px;
width: fit-content;
margin: 0 auto;
}
.somaHome a:hover, #Associar a#QueroConhecer:hover, #AssistOrgao:hover {
text-decoration: none;
background-color: #008acb;
}
.somaHome img.LogoSoma {
width: fit-content;
max-height: 90px;
margin: auto;
margin-bottom: 10px;
}
/* END - SOMA*/
/*START - RI*/
.riForm {
background-color: rgba(25,136,123,0.7);
padding: 20px;
border-radius: 10px;
color: #ffffff;
}
.riForm h4 {
color: #ffffff;
}
.RI .atendimento .fa {
margin-bottom: 0;
font-size: xx-large;
}
/*END - RI*/
/*START Newsletter*/
#Associar {
max-width: 610px;
margin: auto;
text-align: center;
padding: 20px;
}
#newsletter {
margin: 100px auto 100px;
padding: 0;
text-align: center;
background-color: #0083c7;
}
#newsletter.descricao.contato.associe {
background-color: #ffffff;
}
/*#newsletter img {width: 100%;}*/
/*END Newsletter*/
/* START - GPTW*/
#gptw {
position: relative;
background: #000000;
height: 280px;
margin-bottom: 50px;
}
/*.gptw{display:flex;}*/
#gptw::before {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.15;
background-image: url('../images/diversidadeInclusao.png');
background-repeat: repeat;
}
#gptw .wrapper {
position: relative;
}
#gptw .gptw { /*position: absolute;*/
z-index: 1;
opacity: 1;
display: flex;
justify-content: space-between;
max-width: 1000px;
margin: auto;
}
#imgGPTW {
width: 30%;
text-align: center;
}
#imgGPTW img {
width: 100%;
}
#txtGPTW {
width: 60%;
color: rgb(0,98,162,1);
text-align: center;
}
#divisaoGPTW {
width: 3px;
background-color: #0062a2;
height: 128px;
}
#txtGPTW p:first-child {
line-height: 1.3;
font-size: 2.6em;
}
#txtGPTW p {
font-size: 1.5em;
}
#gptw .gptw img {
width: auto !important;
}
/* END - GPTW*/
/*START Conheça*/
.conheca {
max-width: 1260px;
margin: auto;
display: flex;
flex-direction: row-reverse;
}
#txtConheca {
display: flex;
flex-direction: column;
justify-content: space-evenly;
padding: 0 50px;
text-align: center;
}
#txtConheca p {
margin-bottom: 15px;
}
#txtConheca span {
font-size: 1.5em;
color: rgb(0,98,162,1);
font-style: italic;
font-weight: bolder;
}
#txtConheca a {
background-color: rgb(0,98,162,1);
color: #ffffff;
text-transform: uppercase;
font-size: 25px;
border-radius: 15px;
padding: 7px 45px;
width: fit-content;
margin: 0 auto;
}
#txtConheca a:hover {
text-decoration: none;
background-color: #008acb;
}
/*END Conheça*/
/*START Agenda de Eventos*/
section.portfolio.section .top-side {
text-align: center;
margin-bottom: 30px;
display: flex;
justify-content: space-around;
align-items: center;
position: relative;
margin-left: 15px;
margin-right: 15px;
}
section.portfolio.section .top-side a {
position: absolute;
z-index: 1;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 50px;
width: 50px;
border-radius: 50%;
border: 5px solid #337ab7;
overflow: hidden;
color: transparent;
background: #ffffff;
text-indent: 100%;
white-space: nowrap;
-webkit-transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
transition: border-color 0.3s;
}
section.portfolio.section .top-side a::after {
content: '';
position: absolute;
height: 16px;
width: 16px;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(../images/cd-arrow.svg) no-repeat 0 0;
}
section.portfolio.section .top-side a.prev {
left: 0;
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
section.portfolio.section .top-side a.next {
right: 0;
}
/*section.portfolio.section .top-side a:hover {border-color: #7b9d6f;}*/
section.portfolio.section .top-side a.inactive {
cursor: not-allowed;
}
section.portfolio.section .top-side a.inactive::after {
background: url(../images/cd-arrow-disabled.svg) no-repeat 0 0;
}
section.portfolio.section .top-side a.inactive {
border-color: #dfdfdf;
}
.portfolio.section .top-side .title {
font-weight: 500;
font-size: 15px;
display: inline-block;
}
.portfolio.section .top-side .title:after {
content: "";
display: block;
width: 50%;
border-bottom: 1px solid #494949;
margin: 8px auto;
}
.portfolio.section .top-side h2 {
font-weight: 700;
width: 75%;
}
section.portfolio .filters {
text-align: center;
padding: 0 15px;
}
section.portfolio .filters ul {
padding: 0 0 20px 0;
display: flex;
justify-content: center;
margin: 0;
overflow-x: auto;
white-space: nowrap;
}
section.portfolio .filters ul li {
list-style: none;
display: inline-block;
padding: 5px 10px;
margin: 0 0 0 5px;
cursor: pointer;
position: relative;
font-size: 12px;
border: solid 2px rgb(0,98,162,1);
border-radius: 20px;
color: rgb(0,98,162,1);
}
section.portfolio .filters ul li:hover {
color: #ffffff;
background-color: rgb(0,98,162,1);
}
section.portfolio .filters ul li.active {
color: #ffffff;
background-color: rgb(0,98,162,1);
}
.section.portfolio .filters-content .show {
opacity: 1;
visibility: visible;
transition: all 350ms;
}
section.portfolio .filters-content .titleEvent, section.portfolio .filters-content .infoEvent {
display: flex;
text-transform: uppercase;
padding: 0 10px;
justify-content: space-between;
align-items: center;
}
section.portfolio .filters-content .infoEvent {
justify-content: flex-start;
width: 100%;
}
section.portfolio .filters-content .titleEvent p, section.portfolio .filters-content .infoEvent span.date {
font-weight: 500;
}
section.portfolio .filters-content .infoEvent .location {
padding: 0 0 0 15px;
border-left: solid 1px rgba(0,0,0,0.5);
margin-left: 15px;
text-transform: initial;
text-align: left;
}
section.portfolio .filters-content .titleEvent {
background-color: rgba(0,0,0,0.2);
font-size: small;
justify-content: flex-end;
}
section.portfolio .filters-content p {
color: #ffffff;
font-weight: normal;
margin: 10px 0;
}
section.portfolio .filters-content .titleEvent .beneficts {
font-size: smaller;
font-style: italic;
}
section.portfolio .filters-content .hide {
opacity: 0;
visibility: hidden;
transition: all 350ms;
}
section.portfolio .filters-content .item {
text-align: center;
cursor: pointer;
margin: 10px 0;
}
section.portfolio .filters-content .all .item .p-inner.l1, section.portfolio .filters-content .all .item .p-inner.l6 {
padding: 0;
background-color: #00a4da;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
display: flex;
flex-direction: column;
}
section.portfolio .filters-content .all .item .p-inner.l2, section.portfolio .filters-content .all .item .p-inner.l7 {
padding: 0;
background-color: #8cc63f;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
display: flex;
flex-direction: column;
}
section.portfolio .filters-content .all .item .p-inner.l3, section.portfolio .filters-content .all .item .p-inner.l8 {
padding: 0;
background-color: #80b757;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
display: flex;
flex-direction: column;
}
section.portfolio .filters-content .all .item .p-inner.l4, section.portfolio .filters-content .all .item .p-inner.l9 {
padding: 0;
background-color: #008acb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
display: flex;
flex-direction: column;
}
section.portfolio .filters-content .all .item .p-inner.l5, section.portfolio .filters-content .all .item .p-inner.l10 {
padding: 0;
background-color: #66b050;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
display: flex;
flex-direction: column;
}
section.portfolio .filters-content .item .p-inner h5 {
font-size: 15px;
}
section.portfolio .filters-content .item .p-inner .cat {
font-size: 13px;
}
section.portfolio .filters-content .item img {
width: 100%;
}
.invisible {
display: none;
}
/*END Agenda de Eventos*/
/*START - Quem Somos*/
#QuemSomos {
display: flex;
justify-content: space-between;
}
#QuemSomos .AboutTitle {
background-color: #ffffff;
color: rgb(0,98,162,1);
bottom: 0;
width: 100%;
margin-top: 50%;
padding: 1px;
}
#QuemSomos .AboutTitle h4 {
margin-top: 10px;
margin-bottom: 10px;
padding: 0 15px;
text-align: center;
}
#QuemSomos a.missao, #QuemSomos a.visao, #QuemSomos a.valores {
height: 200px;
max-width: 250px;
text-decoration: none;
margin: 0 30px;
}
.about .col-md-4 {
text-align: center; /*padding-top: 50px;*/
}
.about h2 {
color: #0062a2;
font-size: 2.5em;
margin-bottom: 20px;
text-transform: uppercase;
font-weight: bold;
}
.missao {
width: 100%;
background: url(../images/beneficios/missao.jpg);
background-size: cover;
padding: 0;
border-radius: 10px;
height: 250px;
background-position: right;
}
.visao {
width: 100%;
background: url(../images/beneficios/visao.jpg);
background-size: cover;
padding: 0;
border-radius: 10px;
height: 250px;
}
.valores {
width: 100%;
background: url(../images/valores.jpg);
background-size: cover;
padding: 0;
border-radius: 10px;
height: 250px;
}
#timeline {
background: url(../images/rio_scroll.jpg) no-repeat top center;
background-attachment: fixed;
-webkit-box-shadow: inset 0px 500px 200px 0px rgb(0 0 0 / 50%);
-moz-box-shadow: inset 0px 500px 200px 0px rgba(0,0,0,0.5);
box-shadow: inset 0px 500px 200px 0px rgb(0 0 0 / 50%);
background-size: cover;
color: #ffffff;
font-size: 1.1em;
}
.selected h4 {
color: #ffffff;
}
.data_hist {
min-height: 210px;
margin-bottom: 20px;
}
.data_hist h4 {
margin-bottom: 10px !important;
}
.line {
height: 9px;
background-color: #0062a2;
width: 47%;
position: absolute;
top: 100px;
left: 0;
}
#visao .line {
right: 0;
left: auto;
}
.cd-horizontal-timeline ol, .cd-horizontal-timeline ul {
list-style: none;
}
.cd-timeline-navigation a:hover, .cd-timeline-navigation a:focus {
border-color: rgba(0,98,162,1);
}
.cd-horizontal-timeline a, .cd-horizontal-timeline a:hover, .cd-horizontal-timeline a:focus {
color: #ffffff;
}
.cd-horizontal-timeline blockquote, .cd-horizontal-timeline q {
quotes: none;
}
.cd-horizontal-timeline blockquote:before, .cd-horizontal-timeline blockquote:after, .cd-horizontal-timeline q:before, .cd-horizontal-timeline q:after {
content: '';
content: none;
}
.cd-horizontal-timeline table {
border-collapse: collapse;
border-spacing: 0;
}
.cd-horizontal-timeline {
opacity: 0;
margin: 2em auto;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
content: 'mobile';
display: none;
}
.cd-horizontal-timeline.loaded {
opacity: 1;
}
.cd-horizontal-timeline .timeline {
position: relative;
height: 120px; /*width: 90%;*/
margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
position: relative;
height: 100%;
margin: 0 40px;
overflow: hidden;
}
.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
content: '';
position: absolute;
z-index: 2;
top: 0;
height: 100%;
width: 20px;
}
.cd-horizontal-timeline .events-wrapper::before {
left: 0;
}
.cd-horizontal-timeline .events-wrapper::after {
right: 0;
}
.cd-horizontal-timeline .events {
position: absolute;
z-index: 1;
left: 0;
top: 59px;
height: 5px;
background: #0062a2;
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -moz-transform 0.4s;
transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
position: absolute;
z-index: 1;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(0,98,162,1);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
position: absolute;
bottom: 0;
z-index: 2;
text-align: center;
font-size: 2rem;
padding-bottom: 25px;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
text-decoration: none;
}
.cd-horizontal-timeline .events li:nth-child(1) a {
left: 80px !important;
}
.cd-horizontal-timeline .events li:nth-child(2) a {
left: 160px !important;
}
.cd-horizontal-timeline .events li:nth-child(3) a {
left: 240px !important;
}
.cd-horizontal-timeline .events li:nth-child(4) a {
left: 320px !important;
}
.cd-horizontal-timeline .events li:nth-child(5) a {
left: 400px !important;
}
.cd-horizontal-timeline .events li:nth-child(6) a {
left: 480px !important;
}
.cd-horizontal-timeline .events li:nth-child(7) a {
left: 560px !important;
}
.cd-horizontal-timeline .events li:nth-child(8) a {
left: 640px !important;
}
.cd-horizontal-timeline .events li:nth-child(9) a {
left: 720px !important;
}
.cd-horizontal-timeline .events li:nth-child(10) a {
left: 800px !important;
}
.cd-horizontal-timeline .events li:nth-child(11) a {
left: 880px !important;
}
.cd-horizontal-timeline .events li:nth-child(12) a {
left: 960px !important;
}
.cd-horizontal-timeline .events li:nth-child(13) a {
left: 1040px !important;
}
.cd-horizontal-timeline .events li:nth-child(14) a {
left: 1120px !important;
}
.cd-horizontal-timeline .events li:nth-child(15) a {
left: 1200px !important;
}
.cd-horizontal-timeline .events li:nth-child(16) a {
left: 1280px !important;
}
.cd-horizontal-timeline .events li:nth-child(17) a {
left: 1360px !important;
}
.cd-horizontal-timeline .events li:nth-child(18) a {
left: 1440px !important;
}
.cd-horizontal-timeline .events a::after {
content: '';
position: absolute;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -7px;
height: 20px;
width: 20px;
border-radius: 50%;
border: 3px solid #0062a2;
background-color: #0062a2;
-webkit-transition: background-color 0.3s, border-color 0.3s;
-moz-transition: background-color 0.3s, border-color 0.3s;
transition: background-color 0.3s, border-color 0.3s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
background-color: rgba(0,98,162,1);
border-color: rgba(0,98,162,1);
}
.cd-horizontal-timeline .events a.selected {
pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
background-color: #ffffff;
border-color: rgba(0,98,162,1);
}
.cd-horizontal-timeline .events a.older-event::after {
border-color: rgba(0,98,162,1);
}
@media only screen and (min-width: 1100px) {
.cd-horizontal-timeline::before {
content: 'desktop';
}
}
.cd-timeline-navigation a {
position: absolute;
z-index: 1;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 50px;
width: 50px;
border-radius: 50%;
border: 5px solid #337ab7;
overflow: hidden;
color: transparent;
background: #ffffff;
text-indent: 100%;
white-space: nowrap;
-webkit-transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
content: '';
position: absolute;
height: 16px;
width: 16px;
left: 50%;
top: 50%;
bottom: auto;
right: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(../images/cd-arrow.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
left: 0;
-webkit-transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
-o-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
border-color: #7b9d6f;
}
.cd-timeline-navigation a.inactive {
cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
background: url(../images/cd-arrow-disabled.svg) no-repeat 0 0;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
border-color: #dfdfdf;
}
.cd-horizontal-timeline .events-content {
position: relative;
width: 100%;
margin: auto;
overflow: hidden;
-webkit-transition: height 0.4s;
-moz-transition: height 0.4s;
transition: height 0.4s;
max-width: 1050px;
}
.cd-horizontal-timeline .events-content li {
position: absolute;
z-index: 1;
width: 100%;
left: 0;
top: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
padding: 0 3%;
opacity: 0;
-webkit-animation-duration: 0.4s;
-moz-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
position: relative;
z-index: 2;
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
-webkit-animation-name: cd-enter-right;
-moz-animation-name: cd-enter-right;
animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
-webkit-animation-name: cd-enter-left;
-moz-animation-name: cd-enter-left;
animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
-webkit-animation-direction: reverse;
-moz-animation-direction: reverse;
animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
max-width: 100%;
margin: 0 auto;
}
.cd-horizontal-timeline .events-content h4 {
margin-bottom: 0px;
line-height: 20px;
margin-bottom: 15px;
}
.cd-horizontal-timeline .events-content h4 small {
font-weight: 400;
line-height: normal;
font-size: 15px;
}
.cd-horizontal-timeline .events-content em {
display: block;
font-style: italic;
margin: 10px auto;
}
.cd-horizontal-timeline .events-content em::before {
content: '- ';
}
.cd-horizontal-timeline .events-content li img {
width: 310px;
height: 178px;
float: left;
margin-right: 40px;
border-radius: 10px;
}
.cd-horizontal-timeline .events-content p {
font-size: 16px;
margin-top: 15px;
display: initial;
}
@media only screen and (min-width: 768px) {
.cd-horizontal-timeline .events-content em {
font-size: 1rem;
}
}
@media only screen and (max-width: 767px) {
.cd-horizontal-timeline.loaded {
margin: 0;
}
.cd-horizontal-timeline .timeline {
width: 100%;
}
.cd-horizontal-timeline ol, .cd-horizontal-timeline ul {
padding: 0;
margin: 0;
}
.cd-horizontal-timeline .events-content h4 {
font-size: 16px;
}
.cd-horizontal-timeline .events-content {
margin: 0;
}
}
@-webkit-keyframes cd-enter-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes cd-enter-right {
0% {
opacity: 0;
-moz-transform: translateX(100%);
}
100% {
opacity: 1;
-moz-transform: translateX(0%);
}
}
@keyframes cd-enter-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
}
@-webkit-keyframes cd-enter-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes cd-enter-left {
0% {
opacity: 0;
-moz-transform: translateX(-100%);
}
100% {
opacity: 1;
-moz-transform: translateX(0%);
}
}
@keyframes cd-enter-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
}
.timeline:before {
content: " ";
display: none;
bottom: 0;
left: 0%;
width: 0px;
margin-left: -1.5px;
background-color: #eeeeee;
}
.timeline .rotate {
rotate: 315deg;
}
/*END - Quem Somos*/
/*START - Benefícios*/
div.beneficios li {
display: inline-block;
width: 100%; /*margin: 10px;*/
padding-left: 0px;
padding-right: 0px;
border: 1px solid rgba(13, 75, 160, 0.15);
transition: all .45s;
vertical-align: top;
text-align: center;
border-radius: 10px;
position: relative;
}
.item a .DescBeneficits {
text-align: center;
}
div.beneficios li .DescBeneficits, .item a .DescBeneficits {
position: absolute;
bottom: 0;
width: 100%;
background: rgb(0,98,162,0.8);
border-radius: 0 0 10px 10px;
}
div.beneficios li span, .item a .DescBeneficits span {
color: #ffffff;
display: block;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 0 0 10px 10px;
text-transform: uppercase;
font-size: 2rem;
font-weight: 500;
}
div.beneficios .col-md-3 .DescBeneficits span {
font-size: 1.5rem;
}
div.beneficios li .DescBeneficits p, div.beneficios li .DescBeneficits h5, div.beneficios li .DescBeneficits ul {
display: none;
cursor: pointer;
}
div.beneficios li .DescBeneficits ul, .about div.beneficios li .DescBeneficits p {
padding: 40px;
}
div.beneficios .col-md-4, #blocoParceiros .col-md-4 {
margin-top: 15px;
margin-bottom: 15px;
}
div.beneficios .col-md-4:hover li .DescBeneficits p, div.beneficios .col-md-3:hover li .DescBeneficits p, div.beneficios .col-md-4:hover li .DescBeneficits h5, div.beneficios .col-md-4:hover li .DescBeneficits ul {
display: block;
color: #ffffff;
margin-right: 15px;
margin-left: 15px;
text-align: justify;
}
div.beneficios .col-md-4:hover li .DescBeneficits h5, div.beneficios .col-md-4 li .DescBeneficits h5 {
text-align: right;
}
div.beneficios .col-md-4:hover li .DescBeneficits, div.beneficios .col-md-3:hover li .DescBeneficits {
height: 100%;
border-radius: 10px;
}
div.beneficios .col-md-4:hover a, div.beneficios .col-md-3:hover a {
color: #ffffff; /*font-weight: 600;*/
text-decoration: none; /*text-align: right;*/
display: block;
}
div.beneficios .col-md-3 li img {
width: 100%;
height: auto;
border-radius: 10px; /*max-height: 187px;*/
}
#owl-Benficts .item a img {
max-height: initial !important;
}
div.beneficios li img {
width: 100%;
border-radius: 10px;
height: 261px;
}
#owl-Benficts .item a img {
width: 100%;
height: auto;
border-radius: 10px;
max-height: 180px;
min-height: 207px;
}
#owl-Benficts {
margin-top: 20px;
}
#owl-DivulgaEventos img {
border-radius: 10px;
}
.titleSection, .DescSection {
text-align: center;
width: fit-content;
margin: auto;
}
.titleSection {
margin-bottom: 30px;
}
.lineOne {
height: 3px;
background-color: #1c9384;
margin-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}
.lineTwo {
height: 3px;
background-color: #80b757;
margin-left: 20px;
margin-right: 20px;
}
/*#btnConteudoBeneficio{margin-top:40px;}*/
#ConteudoBeneficio .modal-body {
max-height: calc(100vh - 140px);
padding: 0 15px;
overflow-y: auto;
}
/*END - Benefícios*/
#subDesc, #tituloCategoriaParceiro {
text-transform: uppercase;
}
.parcerias_lista {
text-align: center;
}
.parceria_inside {
display: flex;
flex-direction: column;
min-height: 350px;
justify-content: flex-start;
max-width: 260px;
margin: auto;
}
.parceria_inside img {
width: 100%;
}
.parceria_inside h4 {
display: none;
}
.parceria_inside .bairro {
margin-top: 25px;
}
#localizacao, .atendimento {
margin: 20px 0;
}
#localizacao .fa-map-marker {
color: rgb(0,98,162,1);
float: left;
margin-top: 0px;
margin-right: 22px;
font-size: 4em;
margin-bottom: 15px;
}
#localizacao h5, #localizacao p {
margin-bottom: 0 !important;
}
.atendimento .fa {
color: rgb(0,98,162,1);
float: left;
margin-top: 0px;
margin-right: 20px;
font-size: 3em;
margin-bottom: 15px;
}
.atendimento h5, .atendimento p {
margin-bottom: 0 !important;
}
.atendimento .fa-whatsapp {
margin-bottom: 50px;
}
/*.contato .btn,.credenciado .btn {color: inherit;background: none;border: 1px solid #ccc;transition: all .45s;}*/
.contato button {
margin-left: 15px;
}
.contato .form-group {
background: none;
}
.contato p {
margin-left: 0;
word-wrap: break-word;
}
.contato h1 {
text-transform: uppercase;
font-size: 31px;
}
.contato h1 span {
font-size: 31px;
}
.show-more {
cursor: pointer;
background-color: #337ab7;
color: #ffffff !important;
padding: 10px 20px !important;
display: inline;
border-radius: 20px;
}
.show-more:hover {
background-color: #0062a2;
}
/*MOVIMENTE - CALENDÁRIO*/
.movimente.show-more-height {
max-height: 580px;
overflow: hidden;
}
.movimente {
display: grid;
grid-template-columns: repeat(4, 1fr);
height: auto;
}
.movimente .movimente_item {
text-align: initial;
margin-bottom: 50px;
margin-left: 10px;
margin-right: 10px;
}
.movimente .movimente_item .titulo_evento {
text-align: center;
border-bottom: solid 1px;
font-size: 15px;
height: 35px;
text-transform: uppercase;
}
.movimente .movimente_item img {
max-width: 200px;
max-height: 70px;
}
.movimente .movimente_item .imgLogo {
margin-bottom: 20px;
text-align: center;
}
.movimente .movimente_item h4 {
height: 35px;
overflow: hidden;
}
.movimente .movimente_item .calendario {
background-color: #f1f1f1;
}
.movimente .movimente_item .dados {
text-align: initial;
font-size: 15px;
}
.movimente .movimente_item .fa {
margin-right: 10px;
}
.movimente .movimente_item .dados div {
margin: 5px 0;
}
.movimente .movimente_item .dados .col-md-12 p {
font-size: small;
margin-bottom: 0;
}
/*.movimente .movimente_item .location{height:45px;}*/
.movimente .movimente_item .verificar {
height: 20px;
}
.movimente .movimente_item .retirada {
background-color: #f1f1f1;
}
.movimente .col-md-12.calendario {
padding-left: 0;
padding-right: 0;
padding-bottom: 10px;
}
/*GIRO CULTURAL - CALENDÁRIO*/
.girocultural.show-more-height {
max-height: 580px;
overflow: hidden;
}
.girocultural {
display: grid;
grid-template-columns: repeat(4, 1fr);
height: auto;
}
.girocultural .girocultural_item {
text-align: initial;
margin-bottom: 50px;
margin-left: 10px;
margin-right: 10px;
}
.girocultural .girocultural_item .titulo_evento {
text-align: center;
border-bottom: solid 1px;
font-size: 15px;
height: 35px;
text-transform: uppercase;
}
.girocultural .girocultural_item img {
max-width: 200px;
max-height: 70px;
}
.girocultural .girocultural_item .imgLogo {
margin-bottom: 20px;
text-align: center;
}
.girocultural .girocultural_item h4 {
height: 35px;
overflow: hidden;
}
.girocultural .girocultural_item .calendario {
background-color: #f1f1f1;
}
.girocultural .girocultural_item .dados {
text-align: initial;
font-size: 15px;
}
.girocultural .girocultural_item .fa {
margin-right: 10px;
}
.girocultural .girocultural_item .dados div {
margin: 5px 0;
}
.girocultural .girocultural_item .dados .col-md-12 p {
font-size: small;
margin-bottom: 0;
}
/*.girocultural .girocultural_item .location{height:45px;}*/
.girocultural .girocultural_item .verificar {
height: 20px;
}
.girocultural .girocultural_item .retirada {
background-color: #f1f1f1;
}
.girocultural .col-md-12.calendario {
padding-left: 0;
padding-right: 0;
padding-bottom: 10px;
}
/*CORRIDAS E CAMINHADAS - CALENDÁRIO*/
.corridas.show-more-height {
max-height: 1090px;
overflow: hidden;
}
.corridas {
display: grid;
grid-template-columns: repeat(4, 1fr);
height: auto;
}
.corridas .corrida_item {
text-align: initial;
margin-bottom: 50px;
margin-left: 10px;
margin-right: 10px;
}
.corridas .corrida_item .titulo_evento {
text-align: center;
border-bottom: solid 1px;
font-size: 15px;
height: 35px;
text-transform: uppercase;
}
.corridas .corrida_item img {
max-width: 200px;
max-height: 70px;
}
.corridas .corrida_item .imgLogo {
margin-bottom: 20px;
text-align: center;
}
.corridas .corrida_item h4 {
height: 35px;
overflow: hidden;
}
.corridas .corrida_item .calendario { /*background-color:#f1f1f1;*/
background: rgba(204,204,204,0.2);
}
.corridas .corrida_item .dados {
text-align: initial;
font-size: 15px;
display: inline-block;
}
.corridas .corrida_item .fa {
margin-right: 10px;
}
.corridas .corrida_item .dados div {
margin: 5px 0;
}
.corridas .corrida_item .dados .col-md-12 p {
font-size: small;
margin-bottom: 0;
}
/*.corridas .corrida_item .location{height:45px;}*/
.corridas .corrida_item .verificar {
height: 20px;
}
.corridas .corrida_item .retirada {
background-color: #f1f1f1;
font-size: 15px;
}
.corridas .col-md-12.calendario {
padding-left: 0;
padding-right: 0;
padding-bottom: 10px;
}
/*CLUBE DO CONHECIMENTO - CALENDÁRIO*/
.ClubeConhecimento.show-more-height {
max-height: 670px;
overflow: hidden;
}
.ClubeConhecimento {
display: grid;
grid-template-columns: repeat(4, 1fr);
height: auto;
}
.ClubeConhecimento .ClubeConhecimento_item {
text-align: initial;
margin-bottom: 50px;
margin-left: 10px;
margin-right: 10px;
}
.ClubeConhecimento .ClubeConhecimento_item .titulo_evento {
text-align: center;
border-bottom: solid 1px;
font-size: 15px;
height: 55px;
text-transform: uppercase;
}
.ClubeConhecimento .ClubeConhecimento_item img {
max-width: 200px;
max-height: 70px;
}
.ClubeConhecimento .ClubeConhecimento_item .imgLogo {
margin-bottom: 20px;
text-align: center;
}
.ClubeConhecimento .ClubeConhecimento_item h4 {
height: 35px;
overflow: hidden;
}
.ClubeConhecimento .ClubeConhecimento_item .calendario {
background-color: #f1f1f1;
}
.ClubeConhecimento .ClubeConhecimento_item .dados {
text-align: initial;
font-size: 15px;
display: inline-block;
}
.ClubeConhecimento .ClubeConhecimento_item .fa {
margin-right: 10px;
}
.ClubeConhecimento .ClubeConhecimento_item .dados div {
margin: 5px 0;
}
.ClubeConhecimento .ClubeConhecimento_item .dados .col-md-12 p {
font-size: small;
margin-bottom: 0;
}
.ClubeConhecimento .ClubeConhecimento_item .location {
height: 45px;
}
.ClubeConhecimento .ClubeConhecimento_item .verificar {
height: 20px;
}
.ClubeConhecimento .ClubeConhecimento_item .retirada {
background-color: #f1f1f1;
}
.ClubeConhecimento .col-md-12.calendario {
padding-left: 0;
padding-right: 0;
padding-bottom: 10px;
}
/*VOCACIONAL - CALENDÁRIO*/
/*.girocultural.show-more-height{height:580px;overflow:hidden;}*/
#InscricaoVocacional_x {
display: grid;
grid-template-columns: 4fr;
}
#formInscricao {
padding-left: 15px;
}
.Vocacional {
display: grid;
grid-template-columns: repeat(4, 1fr);
height: auto;
}
.Vocacional .Vocacional_item {
text-align: initial;
margin-bottom: 50px;
margin-left: 10px;
margin-right: 10px;
}
#InscricaoVocacional_x .titulo_evento {
border-bottom: solid 1px;
font-size: 15px;
height: 35px;
}
.Vocacional .Vocacional_item .titulo_evento a {
font-weight: 500;
text-transform: uppercase;
}
.Vocacional .Vocacional_item img {
max-width: 200px;
max-height: 70px;
}
.Vocacional .Vocacional_item .imgLogo {
margin-bottom: 20px;
text-align: center;
}
.Vocacional .Vocacional_item h4 {
height: 35px;
overflow: hidden;
}
.Vocacional .Vocacional_item .calendario {
background-color: #f1f1f1;
}
.Vocacional .Vocacional_item .dados {
text-align: initial;
font-size: 15px;
}
.Vocacional .Vocacional_item .fa {
margin-right: 10px;
}
.Vocacional .Vocacional_item .dados div {
margin: 5px 0;
}
.Vocacional .Vocacional_item .dados .col-md-12 p {
font-size: small;
margin-bottom: 0;
}
/*.Vocacional .Vocacional_item .location{height:45px;}*/
.Vocacional .Vocacional_item .verificar {
height: 20px;
}
.Vocacional .Vocacional_item .retirada {
background-color: #f1f1f1;
}
.Vocacional .col-md-12.calendario {
padding-left: 0;
padding-right: 0;
padding-bottom: 10px;
}
.Vocacional .selecteGroup {
margin-right: 15px !important;
}
/*START - Perguntas Frequentes*/
#CommonQuestions {
text-align: center;
margin-top: -76px;
}
.middle.Question {
border-top: 76px solid #e7e7e7;
}
#CommonQuestions.wrapper {
padding: 0 !important;
}
#CommonQuestions h1, #CommonQuestions h4 {
color: #337ab7;
}
#CommonQuestions .tab-content {
padding: 50px 0;
}
#CommonQuestions ul.nav-tabs {
display: flex;
justify-content: space-between;
background-color: #e7e7e7;
border: 0;
}
#CommonQuestions ul.nav-tabs > li.active > a, #CommonQuestions .nav-tabs > li.active > a:focus, #CommonQuestions .nav-tabs > li.active > a:hover {
border: 1px solid #ffffff;
color: #006ca9;
background: #ffffff !important;
}
#CommonQuestions ul.nav-tabs > li > a {
padding: 10px;
color: #333333;
background: #e7e7e7;
}
#CommonQuestions ul.nav-tabs > li > a:hover {
background-color: #fefefe;
}
#CommonQuestions .nav > li > a > img {
display: block;
max-height: 30px;
width: 100%;
margin-bottom: 5px;
}
#CommonQuestions ul.nav-tabs li {
margin-bottom: -1px;
width: 100%;
text-align: center;
}
#PerguntasFrequentes {
display: grid;
grid-template-columns: repeat(3,1fr);
text-align: center;
}
#PerguntasFrequentes a {
margin: 20px;
background-color: #ffffff;
padding: 20px;
border-top: solid 1px #f1f1f1;
-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.3);
}
#PerguntasFrequentes a img.hover {
display: none;
}
#PerguntasFrequentes a:hover img.hover {
display: block;
margin: 0 auto;
}
#PerguntasFrequentes a:hover img {
display: none;
}
#PerguntasFrequentes a:hover {
background-color: #0062a2;
color: #ffffff;
text-decoration: none;
}
#PerguntasFrequentes a:hover h4 {
color: #ffffff;
}
#PerguntasFrequentes .fa {
width: 20px;
font-size: 16px;
text-align: center;
margin: 0;
vertical-align: inherit;
color: rgb(0,98,162);
float: right;
}
.busca {
padding: 10px 20px;
width: 40%;
margin: auto;
}
#filtro.form-control {
box-shadow: none;
padding-left: 60px;
}
.glyphicon-search {
color: #cccccc;
}
.glyphicon-search::before {
border-right: solid 1px #cccccc;
padding-right: 15px;
}
::-ms-clear {
display: none;
}
.form-control-clear {
z-index: 10;
pointer-events: auto;
cursor: pointer;
}
.glyphicon-search {
left: 0;
right: auto;
padding-left: 15px;
}
.glyphicon-remove:before {
color: #cccccc;
}
#CommonQuestions #Boleto img, #CommonQuestions #IR img, #CommonQuestions #Acesso img, #CommonQuestions #PlanoSaude img, #CommonQuestions #Exames img, #CommonQuestions #Eventos img {
margin-right: 20px;
height: 39px;
vertical-align: bottom;
}
#CommonQuestions #boleto p, #CommonQuestions .DGResposta, #CommonQuestions #IR p {
max-width: 1050px;
margin: auto;
}
#DGAcesso span {
font-weight: bolder;
}
.DGResposta {
text-align: left;
margin-bottom: 50px;
}
.resposta {
margin-bottom: 20px;
}
/*#CommonQuestions .tab-pane{padding-top:100px;}*/
/*END - Perguntas Frequentes*/
/*start - Boas Vindas*/
#welcome .tab-content {
padding-left: 15px;
padding-right: 15px;
}
#welcome ol {
padding-bottom: 15px;
}
#welcome ol li {
padding-right: 35px;
}
#welcome #Intermedica ol {
display: grid;
grid-template-columns: repeat(3,1fr);
}
/*END - Boas Vindas*/
/*START - Trabalhe conosco*/
.iframeTrabalhe {
border: 0 none white;
width: 70%;
height: 90%;
margin-left: 15px;
}
.iframeTrabalheVagas {
border: 0 none white;
width: 80%;
height: 52%;
margin: 0 1% 0 5%;
}
.BeneficiosAssist.show_less {
height: 240px;
overflow: hidden;
}
.BeneficiosAssist {
position: relative;
}
.VisualizarBeneficio {
text-align: center;
display: block;
width: 100%;
background-color: #ffffff;
padding: 10px;
z-index: 1;
position: absolute;
bottom: 0;
cursor: pointer;
}
a.VisualizarBeneficio:hover {
text-decoration: none;
}
.BeneficiosAssist .col-md-4 {
padding: 20px 0;
display: flex;
align-items: center;
}
p.beneficioAssist {
margin-left: 0;
margin-bottom: 0;
}
#beneficios .icoBeneficio {
width: 75%;
max-width: 100px;
margin: auto;
}
.BeneficiosAssist.show_less .VisualizarBeneficio .Vmais {
display: block;
}
.BeneficiosAssist.show_less .VisualizarBeneficio .Vmenos {
display: none;
}
.BeneficiosAssist .VisualizarBeneficio .Vmais {
display: none;
}
.BeneficiosAssist .VisualizarBeneficio .Vmenos {
display: block;
}
#diversidadeinclusao {
width: 100%;
}
.VisualizarBeneficio i {
margin-top: 0;
}
.setores li {
display: inline-block;
padding: 30px 20px;
border: solid 1px #cccccc;
text-transform: uppercase;
font-weight: bold;
background-color: #337ab7;
color: #ffffff;
}
#setores {
align-items: center;
justify-content: center;
}
form fieldset {
margin: 10px 0;
}
form input[type=radio] {
margin: 5px;
}
.interesse {
display: inline-block;
margin-right: 7px;
}
.contato img {
width: 100%;
}
.overlayer {
background-color: rgba(0,0,0,0.5);
width: 433px;
height: 258px;
position: absolute;
text-align: center;
}
.overlayer img {
width: auto;
height: auto;
margin-top: 78px;
}
.contato .col-md-4 {
position: relative;
padding: 15px;
}
.owl-stage {
padding-left: 0 !important;
}
#trajetoria .owl-prev {
float: left;
font-size: 50px !important;
}
#trajetoria .owl-next {
float: right;
font-size: 50px !important;
}
#trajetoria button.owl-prev:hover span, #trajetoria button.owl-next:hover span {
font-weight: bold;
}
#trajetoria .item .overlayer {
width: 100%;
height: 100%;
}
#trajetoria {
padding: 0 15px;
}
#setores img {
max-width: 92px;
margin: auto;
}
#setores .item {
background-color: #F4F4F4;
border-radius: 10px;
padding: 15px;
}
#setores .item h4 {
text-align: center;
border-top: solid 1px #0062A2;
padding-top: 15px;
margin-top: 15px;
margin-bottom: 0;
}
#beneficios {
text-align: center;
}
#profissionais .col-md-3 li {
position: relative;
padding: 0;
list-style-type: none;
}
#profissionais .col-md-3 li h4 {
position: absolute;
bottom: 0;
width: 100%;
background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8));
margin: 0;
padding-top: 80px;
padding-bottom: 30px;
padding-left: 20px;
color: #ffffff;
border-radius: 0 0 10px 10px;
}
#profissionais .col-md-3 img {
border-radius: 10px;
}
/*END - Trabalhe conosco*/
/* Start Footer*/
footer {
padding-top: 20px;
font-size: 0.9em;
position: relative;
}
footer a:hover {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
footer ul {
list-style-type: none;
padding-left: 10px;
}
footer li {
margin-bottom: 5px;
text-align: left;
}
footer h4 {
color: white;
font-size: 1.4em;
margin-bottom: 10px !important;
}
footer p:last-child {
display: block;
color: white;
}
footer a {
color: #ffffff;
transition: all .45s;
}
footer a:hover {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
footer .copy {
margin-top: 15px;
padding: 20px 0px 15px 10px;
background: url(../images/FundoBTNTop.png) repeat top left;
}
.footer_cont {
display: flex;
justify-content: space-between;
color: #ffffff;
}
.footer_cont div {
width: 100%;
padding: 0 15px;
}
.footer_cont .fa-phone {
transform: rotate(45deg);
font-size: 1.3em;
margin-right: 7px;
}
.footer_cont .fa-whatsapp {
font-size: 1.3em;
margin-right: 7px;
}
#atendimento {
position: fixed;
bottom: 20px;
right: 65px;
text-align: center;
align-items: center;
z-index: 1000;
justify-content: end;
gap: 20px;
animation-delay: 1s;
}
#atendimento span {
font-size: 20px;
color: #ffffff;
background-color: #07e676;
padding: 3px 10px;
border-radius: 5px;
}
#atendimento:hover {
text-decoration: none;
}
#atendimento img {
width: 25%;
}
/* End Footer*/
/* //END - Nav Bar */
/* X-Small devices (portrait phones, less than 576px)*/
@media (max-width:576px) {
.titulo_barra h1 {
font-size: 2.2em;
}
.Btns {
flex-direction: column;
}
#RI #imgBeneficioTable {
display: none;
}
#RI #imgBeneficioMobile {
display: block;
}
#RI #imgBeneficio {
display: none;
}
#atendimento {
bottom: 70px;
}
.barra {
max-height: initial !important;
min-height: auto;
height: auto;
}
.barra img {
margin-top: 0 !important;
}
img#imgCatParceria {
margin-top: -5% !important;
}
#ConvenioSesc img {
width: 100%;
margin: auto;
}
body {
margin-bottom: 45px;
}
#redes_sociais {
width: 100%;
height: auto;
bottom: 0;
border-radius: 0;
padding: 10px 0;
top: initial;
flex-direction: row;
}
section.portfolio .filters ul {
justify-content: flex-start;
}
.cartilha {
display: grid;
grid-template-columns: repeat(2,1fr);
}
.cartilha div {
margin: 5%;
}
img.imgCartilha {
width: 100%;
}
#owl-Ebooks .item img.imgCartilha {
width: auto;
margin: auto;
}
.desktop {
display: none !important;
}
#mobile {
display: block !important;
}
header.fixed-top {
webkit-box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 20%);
box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 20%);
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col.md-9, .col-md-10, .col-md-11, .col-md-12 {
padding-top: 15px;
padding-bottom: 15px;
}
.admin_login {
display: grid;
grid-template-columns: repeat(5, 1fr);
}
.breadcrumb {
display: flex;
}
.breadcrumb > li + li:before {
display: none;
}
.breadcrumb li {
width: 90px;
padding: 0 5px;
}
.collapse.in {
margin-top: 0 !important;
}
.dropdown-menu {
margin: 0;
padding: 0;
}
.bgSubmenu {
-webkit-box-shadow: none !important;
box-shadow: none !important;
width: 100% !important;
}
.dropdown-menu .bgSubmenu .wrapper .row .nav {
display: block;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0;
}
.dropdown-menu .bgSubmenu .wrapper .row .col-md-12.d-flex, .dropdown-menu .bgSubmenu .wrapper .row .col-md-12.d-flex .nav .d-grid {
display: block !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0;
}
.dropdown-menu h4, .dropdown-menu span {
margin-left: 10px;
}
.dropdown-menu #mobile h4 a {
font-weight: 500;
}
#MenuParcerias {
border-left: 0 !important;
padding-left: 0 !important;
}
#MenuParcerias .d-grid {
margin-left: 0 !important;
}
.navbar-nav .open .dropdown-menu {
max-height: 500px;
overflow-y: scroll;
}
/*.dropdown.open.collapsible{max-height:530px;overflow-y:scroll;}*/
#VideoAssociar {
display: block;
}
#AccordionMenuMobile button.collapsed, #AccordionMenuMobile button.nav-link {
border: 0;
background-color: transparent;
padding: 0;
}
.navbar-nav {
width: 100%;
margin-top: 10px;
}
.navbar-nav > li {
float: none;
}
.navbar-nav > li > a {
padding: 10px 0;
border: 0 !important;
}
.navbar-default .navbar-nav .d-grid-4 h4 {
margin-left: 10px !important;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
border-color: transparent;
}
.nav-item a.nav-link {
padding: 5px 10px;
display: block;
margin-top: 0;
}
.navbar-nav .d-grid-4 :first-child.nav {
margin-left: 0 !important;
}
.navbar-default .navbar-nav .space-between li, .navbar-default .navbar-nav .end li {
border-left: 0;
}
#slider_assist .text-slider {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
padding: 0;
}
#slider_assist #owl-demo .owl-item.active .item {
background-position: center center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
flex-direction: column; /*-webkit-box-shadow: inset 0px 500px 200px 0px rgb(0 0 0 / 50%);-moz-box-shadow: inset 0px 500px 200px 0px rgba(0,0,0,0.5);box-shadow: inset 0px 500px 200px 0px rgb(0 0 0 / 50%);*/
}
#owl-demo {
height: 70vh;
}
#Slider {
height: 100vh;
max-height: 550px;
}
.item:nth-child(3) .text-slider h5 {
font-size: 27px;
padding-top: 20px;
}
/*.item:nth-child(1) .text-slider h5{padding:0;}*/
.slider-conteudo {
width: 100%;
padding: 0 15px;
}
.slider-conteudo .col-md-12 {
padding: 0;
}
#slider_assist .text-slider h3 {
font-size: 45px;
}
.item:nth-child(1) div + div h5, .item:nth-child(2) div + div h5 {
font-size: 20px;
padding-top: 12px;
}
.slider-conteudo a {
font-size: 20px;
}
/*#slider_assist .item:nth-child(1) .col-md-12{display:block!important;}*/
#slider_assist .item:nth-child(4) .text-slider h3 {
font-size: 35px;
padding-bottom: 15px;
padding-top: 15px;
margin: 0;
}
#slider_assist .text-slider h4 {
font-size: 25px;
padding-bottom: 15px;
padding-top: 15px;
}
.item:nth-child(1) .text-slider h4, .item:nth-child(2) .text-slider h4 {
padding: 0 !important;
}
#slider_assist .text-slider p {
font-size: 15px;
width: 90%;
margin: 0 auto 1em;
line-height: 1.2;
}
#slider_assist .slider-imgs {
width: 80%;
max-width: 300px;
display: flex;
margin-bottom: 23px;
}
#slider_assist .item:nth-child(3) .text-slider h4 {
font-size: 30px;
}
#RevistaAssist {
background-position: center 70px !important;
background-size: 135% !important;
}
#Associe {
background-position: center 0px !important;
background-size: 200% !important;
}
#saude, #odonto, #capemisa, #flex, #funeral, #VidaGrupo, #DoencasGraves, #ServicoSocial, #turistando, #VidaSaudavel, #sobre, #events, #Questions, #BeneficioVocacional, #CorridasCaminhadas, .barra {
background-position: center 70px !important;
background-size: 150% !important;
}
#MoviMente {
background-position: center -290px !important;
}
#FaleConosco {
background-position: center 30px !important;
background-size: 150% !important;
}
/*#capemisa{background-position:center 70px!important;background-size:130%!important;}*/
#clubeconhecimento {
background-position: center 70px !important;
background-size: 155% !important;
}
#juridica {
background-position: center 10% !important;
background-size: 160% !important;
}
#clube {
background-position: center -270px !important;
background-size: auto !important;
}
#ConvenioSesc {
background-position: center 10% !important;
background-size: 100% !important;
}
/*#ProgramaSoma.barra{max-height:625px!important;height:625px!important;} */
.albumFotosSoma {
display: grid;
grid-template-columns: repeat(2, 1fr);
width: 100%; /*margin-top:50px;*/
}
.albumFotosSoma img {
height: auto;
}
#BannerBosque {
padding: 0 !important;
}
.albumFotosRI {
display: grid;
grid-template-columns: repeat(2, 1fr);
width: 100%; /*margin-top:50px;*/
}
.albumFotosRI img {
height: auto;
}
.cd-horizontal-timeline .events-content li img {
width: 100%;
height: auto;
margin-bottom: 20px;
}
.about .row {
margin: 0;
}
.about .col-md-8 {
padding: 0 15px;
}
#owl-Benficts {
padding-left: 10px;
padding-right: 10px;
}
#QuemSomos .AboutTitle h4 {
margin-top: 5px;
margin-bottom: 5px;
}
#QuemSomos a.missao, #QuemSomos a.visao, #QuemSomos a.valores {
height: 120px;
max-width: 250px;
text-decoration: none;
margin: 0 5px;
}
#CommonQuestions ul.nav-tabs a span, #parcerias .breadcrumb-item span.label, #convenios .breadcrumb-item span.label {
display: none;
}
#CommonQuestions {
margin-top: 0;
}
.middle.Question {
border-top: 0
}
#CommonQuestions .nav-tabs > li > a {
padding: 10px 0;
margin: 0;
}
#CommonQuestions .nav-tabs li a img {
max-height: 30px;
display: block;
margin: auto;
}
#CommonQuestions ul.nav-tabs a span {
display: none;
}
#PerguntasFrequentes a {
margin: 10px;
padding: 10px;
}
#PerguntasFrequentes {
display: grid;
grid-template-columns: repeat(2,1fr);
text-align: center;
}
#CommonQuestions .busca {
width: 80%;
}
.DGResposta, #DG .row, #Boleto.row, #IR.row, #Acesso.row, #PlanoSaude.row, #Eventos.row, #Exames.row {
margin: 0 15px;
}
#breadcrumb {
justify-content: center;
padding: 0 5px;
}
.breadcrumb .icoBeneficio {
width: 100%;
display: block;
margin: auto;
}
#parcerias .breadcrumb-item, #convenios .breadcrumb-item {
width: auto;
}
#parcerias .breadcrumb, #convenios .breadcrumb {
justify-content: space-around;
padding: 10px 0 0 5px;
}
/*img {width: auto;}*/
.AboutTitle img {
max-height: 50px;
}
.navbar-nav {
width: 100%;
margin-top: 10px;
}
.footer_cont, .navbar, .navbar-header {
display: block;
}
.container-fluid {
float: none;
padding: 0 15px;
}
.address {
display: none;
}
.info, #post {
display: block;
}
.testimony {
position: relative;
margin: 10px;
}
#testimony .owl-nav {
position: absolute;
top: 0px;
width: 100%;
}
#testimony .card {
flex-direction: column;
text-align: center;
}
.testimony .card img {
margin: 0 auto;
}
.podcast #podcast {
max-height: 98px;
width: auto;
}
.albumFotos {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.capaAlbum .dadosEvento {
bottom: 0;
padding: 5px;
position: initial;
display: block;
background: none;
color: inherit;
}
.TitleEvent {
display: none;
}
.albumFotosRI .TitleEvent {
display: block;
position: initial;
background-color: transparent;
}
.albumFotosRI .capaAlbum h5 {
color: #0062a2;
}
.DescEvent {
height: auto;
min-height: 30px;
}
.DescEvent h3 {
color: rgb(0,98,162,1);
font-size: 100%;
}
#blogAssist {
margin-left: 15px;
margin-right: 15px;
}
.postagens {
margin: 0 0 30px 0;
}
.postagens .notext {
height: 190px;
}
.postagens img {
max-width: 100%;
height: 190px;
border: solid 1px #cccccc;
margin-bottom: 10px;
}
.postagens .noImg {
height: auto;
}
.conheca {
display: block;
}
.conheca img {
width: 100%;
}
#txtConheca h1 {
font-size: 30px;
}
#txtConheca {
padding: 0 25px;
}
#txtConheca a, .somaHome a, #Associar .associar, #Associar div.form a#QueroConhecer, #AssistOrgao {
font-size: 16px;
margin-top: 25px;
}
#AssistOrgao {
width: 100%;
}
#gptw {
height: inherit;
}
#gptw .gptw {
display: block;
}
#txtGPTW, #imgGPTW {
width: 100%;
padding: 15px;
}
/*#divisaoGPTW{display:none;}*/
#txtGPTW p:first-child {
font-size: 1.6em;
}
#newsletter {
width: 100%; /*padding: 15px;*/
margin: 0;
}
#newsletter img {
width: 100%;
}
.albumFotos img {
height: auto;
min-height: 130px;
max-height: 130px;
}
.soma .wrapper {
padding-bottom: 30px;
}
.somaHome .wrapper {
padding-top: 0;
margin-bottom: 50px;
}
#ProgSoma {
display: contents;
}
#ProgSoma .col-1 {
width: 100%;
}
#ProgSoma .col-1 #itens {
display: block;
}
#ProgSoma .col-1 .itens {
margin-bottom: 20px;
}
#ProgSoma .col-2, #ProgSoma .col-3 {
flex-direction: row;
justify-content: space-around;
margin-bottom: 30px;
}
#ProgSoma .LogoSoma {
width: 100%;
padding: 10% 10% 0% 10%;
max-height: initial;
margin-bottom: 0;
margin: auto;
}
.fancybox .row {
margin: 0;
display: flex;
}
.fancybox .row .col-md-4 {
padding: 5px;
}
.fancybox .row .col-md-4 img {
width: 100%;
height: 72px;
}
.contato .row {
margin: 0;
}
.container + .container, .wrapper + .wrapper {
padding: 20px 10px;
}
.owl-carousel .owl-prev {
float: left;
font-size: 50px !important;
margin: 0;
padding: 0;
}
.owl-carousel .owl-next {
float: right;
font-size: 50px !important;
margin: 0;
padding: 0;
}
.parceria_inside {
min-height: inherit;
}
#ContentPlaceHolder1_divAdicional {
display: none;
}
.assoc {
margin-left: 0px;
margin-top: 10px;
}
.parcerias_lista {
display: grid;
grid-template-columns: repeat(1fr);
text-align: center;
}
.movimente.show-more-height {
height: 350px;
overflow: hidden;
}
.movimente {
grid-template-columns: repeat(1, 1fr);
}
.movimente .movimente_item .dados .col-xs-12, .movimente .movimente_item .dados {
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}
.movimente .movimente_item .location, .movimente .movimente_item .verificar {
height: auto;
}
.movimente .movimente_item .verificar .col-md-12 {
padding-bottom: 5px;
padding-top: 5px;
}
.corridas.show-more-height {
height: 420px;
overflow: hidden;
}
.corridas {
grid-template-columns: repeat(1, 1fr);
}
.corridas .corrida_item .calendario {
display: grid;
}
.corridas .corrida_item .dados .col-xs-12, .corridas .corrida_item .dados {
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}
.corridas .corrida_item .location, .corridas .corrida_item .verificar {
height: auto;
}
.corridas .corrida_item .verificar .col-md-12, .corridas .corrida_item .dados .col-md-12, .corridas .corrida_item .retirada .col-xs-12, .corridas .corrida_item .retirada .col-md-12 {
padding-bottom: 5px !important;
padding-top: 5px !important;
}
.ClubeConhecimento.show-more-height {
height: 360px;
overflow: hidden;
}
.ClubeConhecimento {
grid-template-columns: repeat(1, 1fr);
}
.ClubeConhecimento .ClubeConhecimento_item .calendario {
display: grid;
}
.ClubeConhecimento .ClubeConhecimento_item .dados .col-xs-12, .ClubeConhecimento .ClubeConhecimento_item .dados {
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}
.ClubeConhecimento .ClubeConhecimento_item .verificar .col-md-12, .ClubeConhecimento .ClubeConhecimento_item .dados .col-md-12 {
padding-bottom: 5px !important;
padding-top: 5px !important;
}
.girocultural.show-more-height {
height: 350px;
overflow: hidden;
}
.girocultural {
grid-template-columns: repeat(1, 1fr);
}
.girocultural .girocultural_item .dados .col-xs-12, .girocultural .girocultural_item .dados {
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}
.girocultural .girocultural_item .location, .girocultural .girocultural_item .verificar {
height: auto;
}
.girocultural .girocultural_item .verificar .col-md-12 {
padding-bottom: 5px;
padding-top: 5px;
}
#InscricaoVocacional_x {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
.Vocacional {
grid-template-columns: repeat(1, 1fr);
}
.tg {
margin: 0;
}
#ConteudoBeneficio .modal-body {
height: calc(100vh - 100px);
padding: 0 15px;
overflow-y: auto;
}
#welcome .nav.nav-tabs {
display: flex;
}
#welcome #Intermedica ol {
display: block;
}
.w-75, .w-50 {
width: 100% !important;
}
/*.d-flex{display:block!important;}*/
#VideoAssociar #Associar {
padding: 0;
}
.RI .d-flex {
flex-direction: column;
}
}
/* Medium devices (tablets, 768px and up)*/
@media screen and (min-width:577px) and (max-width: 767px) {
#RI #imgBeneficioTable {
display: block;
}
#RI #imgBeneficioMobile {
display: none;
}
#RI #imgBeneficio {
display: none;
}
.albumFotosRI .TitleEvent {
display: block;
position: initial;
background-color: transparent;
}
.albumFotosRI .capaAlbum h5 {
color: #0062a2;
}
.RI #form .w-75 {
width: 100%;
}
.RI #form .w-75 .w-50 {
width: 100%;
}
.cartilha {
display: grid;
grid-template-columns: repeat(3,1fr);
}
.cartilha div {
margin: 5%;
}
img.imgCartilha {
width: 100%;
}
.desktop {
display: none !important;
}
#mobile {
display: block !important;
}
#wrapper {
width: 90%;
margin: 0 auto;
}
#content {
width: 70%;
float: left;
}
#sidebar {
width: 30%;
float: right;
}
.address {
display: none;
}
.admin_login {
display: grid;
grid-template-columns: repeat(5,1fr);
}
.container-fluid {
float: none;
padding: 0 15px;
width: auto;
}
.assoc {
margin-left: 0;
margin-top: 10px;
}
.dropdown-menu .bgSubmenu .wrapper .row .col-md-12.d-flex, .dropdown-menu .bgSubmenu .wrapper .row .col-md-12.d-flex .nav .d-grid {
display: block !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0;
}
.navbar-nav .open .dropdown-menu {
padding: 0;
max-height: 900px;
overflow-y: scroll;
}
.navbar-default .navbar-nav .space-between li, .navbar-default .navbar-nav .end li {
border-left: 0;
}
.bgSubmenu {
-webkit-box-shadow: none !important;
box-shadow: none !important;
width: 100% !important;
}
#AccordionMenuMobile button.collapsed, #AccordionMenuMobile button.nav-link {
border: 0;
background-color: transparent;
padding: 0;
}
.collapse.in {
margin-top: 0 !important;
}
.dropdown-menu .bgSubmenu .wrapper .row .nav {
display: block;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0;
}
.dropdown-menu .bgSubmenu .wrapper .row .col-md-12.d-flex, .dropdown-menu .bgSubmenu .wrapper .row .col-md-12.d-flex .nav .d-grid {
display: block !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0;
}
.dropdown-menu h4, .dropdown-menu span {
margin-left: 10px !important;
}
.dropdown-menu #mobile h4 a {
font-weight: 500;
}
#MenuParcerias {
border-left: 0 !important;
padding-left: 0 !important;
}
#MenuParcerias .d-grid {
margin-left: 0 !important;
}
.navbar-nav {
width: 100%;
margin-top: 10px;
}
.navbar-nav > li {
float: none;
}
.navbar-nav > li > a {
padding: 10px 0;
border: 0 !important;
}
.middle.Question {
border-top: 0;
}
#CommonQuestions {
margin-top: 0;
}
#CommonQuestions ul.nav-tabs a span, #parcerias .breadcrumb-item span.label, #convenios .breadcrumb-item span.label {
display: none;
}
#RevistaAssist {
background-position: center 70px !important;
background-size: 135% !important;
}
#Associe {
background-position: center -180px !important;
background-size: 200% !important;
}
#saude {
background-position: center 70px !important;
background-size: 130% !important;
}
#odonto {
background-position: center 70px !important;
background-size: 130% !important;
}
#capemisa {
background-position: center 70px !important;
background-size: 130% !important;
}
#flex {
background-position: center 70px !important;
background-size: 130% !important;
}
#funeral {
background-position: center 70px !important;
background-size: 130% !important;
}
#VidaGrupo {
background-position: center 70px !important;
background-size: 130% !important;
}
#DoencasGraves {
background-position: center 70px !important;
background-size: 130% !important;
}
#ServicoSocial {
background-position: center 70px !important;
background-size: 130% !important;
}
#turistando {
background-position: center 70px !important;
background-size: 130% !important;
}
#VidaSaudavel {
background-position: center 70px !important;
background-size: 130% !important;
}
#sobre {
background-position: center -50px !important;
background-size: 130% !important;
}
#events {
background-position: center 70px !important;
background-size: 130% !important;
}
#events {
background-position: center 70px !important;
background-size: 130% !important;
}
#Questions {
background-position: center 0px !important;
background-size: 130% !important;
}
#BeneficioVocacional {
background-position: center 70px !important;
background-size: 130% !important;
}
#CorridasCaminhadas {
background-position: center 10px !important;
background-size: 100% !important;
}
#MoviMente {
background-position: center -290px !important;
}
.barra {
background-position: center 70px !important;
background-size: 100% !important;
}
#FaleConosco {
background-position: center -130px !important;
background-size: 150% !important;
}
#clubeconhecimento {
background-position: center 0px !important;
background-size: 100% !important;
}
#juridica {
background-position: center 10% !important;
background-size: 160% !important;
}
#clube {
background-position: center -270px !important;
background-size: auto !important;
}
#ConvenioSesc {
background-position: center 0 !important;
background-size: 100% !important;
}
#ProgramaSoma {
height: 625px;
}
.albumFotosSoma {
display: grid;
grid-template-columns: repeat(2, 1fr);
width: 100%; /*margin-top:50px;*/
}
.albumFotosSoma img {
height: auto;
}
.albumFotosRI {
display: grid;
grid-template-columns: repeat(2, 1fr);
width: 100%; /*margin-top:50px;*/
}
.albumFotosRI img {
height: auto;
}
#CommonQuestions .busca {
width: 80%;
}
#CommonQuestions ul.nav-tabs a span {
display: none;
}
#CommonQuestions ul.nav-tabs a span, #parcerias .breadcrumb-item span.label, #convenios .breadcrumb-item span.label {
display: none;
}
#breadcrumb {
justify-content: center;
padding: 0 5px;
}
.breadcrumb .icoBeneficio {
width: 100%;
display: block;
margin: auto;
}
#parcerias .breadcrumb-item, #convenios .breadcrumb-item {
width: auto;
}
#parcerias .breadcrumb, #convenios .breadcrumb {
justify-content: space-around;
padding: 10px 0 0 5px;
}
.DGResposta, #DG .row, #Boleto.row, #IR.row, #Acesso.row, #PlanoSaude.row, #Eventos.row, #Exames.row {
margin: 0 15px;
}
.AboutTitle img {
max-height: 50px;
}
#owl-demo {
height: 50vh;
}
#slider_assist .text-slider {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
padding: 0;
}
#Slider {
height: 85%;
max-height: 800px;
}
.slider-conteudo {
width: 100%;
padding: 0 25px;
}
/*.slider-conteudo a {-webkit-box-shadow: 0px 0px 20px 0px #000000;box-shadow: 0px 0px 20px 0px #000000;}*/
#slider_assist .text-slider h3 {
font-size: 45px;
}
#slider_assist .text-slider h4 {
font-size: 25px;
}
#slider_assist .text-slider p {
font-size: 15px;
width: 90%;
margin: 0 auto 1em;
}
#slider_assist .slider-imgs {
width: 60%;
display: flex;
margin-bottom: 23px;
}
.info {
display: grid;
grid-template-columns: repeat(1,1fr);
}
.albumFotos {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.capaAlbum .dadosEvento {
bottom: 0;
padding: 5px;
position: initial;
display: block;
background: none;
color: inherit;
}
.testimony {
position: relative;
margin: 10px;
}
.TitleEvent {
display: none;
}
.DescEvent {
height: auto;
min-height: 30px;
margin-bottom: 0;
}
.DescEvent h3 {
color: rgb(0,98,162,1);
font-size: 100%;
}
#timeline {
padding: 0 15px;
}
.about .row {
margin: 0;
}
.about h1 {
text-align: center;
}
.about .col-md-8 {
padding: 0 15px;
}
#QuemSomos a.missao, #QuemSomos a.visao, #QuemSomos a.valores {
margin: 0 15px;
}
#missao .col-md-2, #missao .col-md-3, #valores .col-md-2, #visao .col-md-2, #visao .col-md-3, #valores .col-md-3 {
float: left;
}
#missao .col-md-3, #valores .col-md-3 {
width: 42%;
}
#missao .col-md-4, #visao .col-md-4, #valores .col-md-4 {
width: 50%;
float: left;
}
#visao .col-md-3 {
width: 42%;
}
/*#visao .col-md-3, #visao .col-md-2{float:left;}
#visao .col-md-4{width:60%;}
#visao .col-md-3{width:42%;}*/
.fancybox .row {
margin: 0;
display: flex;
}
.podcast {
padding: 0 50px;
}
iframe#podcast {
height: 98px;
}
#owl-Benficts {
padding: 0 15px;
}
.footer_cont, .navbar, .navbar-header {
display: block;
}
.conheca {
display: flex;
}
#blogAssist {
margin-left: 15px;
margin-right: 15px;
}
.postagens {
margin: 0 5px;
}
.postagens img {
max-width: 100%;
height: auto;
border: solid 1px #cccccc;
}
#imgConheca, #txtConheca {
width: 50%;
}
.conheca img {
width: 100%;
}
#txtConheca a, .soma a, #Associar .associar {
font-size: 16px;
margin-top: 25px;
}
#txtConheca h1 {
font-size: 30px;
}
#txtConheca {
padding: 0 25px;
}
#gptw {
height: inherit;
}
#gptw .gptw {
display: block;
}
#txtGPTW, #imgGPTW {
width: 100%;
padding: 15px;
}
#divisaoGPTW {
display: none;
}
#txtGPTW p:first-child {
font-size: 1.6em;
}
#newsletter {
width: 100%;
padding: 15px;
margin: 50px auto;
}
#slider_assist #owl-demo .owl-item.active .item {
background-position: center center;
}
#post {
display: grid;
grid-template-columns: repeat(2,1fr);
}
#ProgSoma {
display: contents;
}
#ProgSoma .col-1 {
width: 100%;
}
#ProgSoma .col-1 .itens {
margin-bottom: 20px;
}
#ProgSoma .col-2, #ProgSoma .col-3 {
flex-direction: row;
justify-content: space-around;
margin-bottom: 20px;
}
.somaHome .wrapper {
padding-top: 0;
margin-bottom: 50px;
}
#ProgSoma .LogoSoma {
width: 100%;
padding: 5% 20% 5% 20%;
max-height: initial;
margin-bottom: 0;
}
#profissionais {
display: grid;
grid-template-columns: repeat(4,1fr);
}
#profissionais .col-md-3 {
padding: 0 5px;
}
#profissionais .col-md-3 li h4 {
padding-bottom: 10px;
padding-left: 10px;
}
.parcerias_lista {
display: grid;
grid-template-columns: repeat(2,1fr);
text-align: center;
}
.movimente.show-more-height {
height: 350px;
overflow: hidden;
}
.movimente, .corridas, .ClubeConhecimento, .girocultural {
grid-template-columns: repeat(2, 1fr);
}
.movimente .movimente_item .dados .col-xs-12, .movimente .movimente_item .dados {
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}
.movimente .movimente_item .location, .movimente .movimente_item .verificar {
height: auto;
}
.movimente .movimente_item .verificar .col-md-12 {
padding-bottom: 5px;
padding-top: 5px;
}
.corridas.show-more-height {
height: 420px;
overflow: hidden;
}
.corridas .corrida_item .calendario {
display: grid;
}
.corridas .corrida_item .dados .col-xs-12, .corridas .corrida_item .dados {
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}
.corridas .corrida_item .location, .corridas .corrida_item .verificar {
height: auto;
}
.corridas .corrida_item .verificar .col-md-12, .corridas .corrida_item .dados .col-md-12, .corridas .corrida_item .retirada .col-xs-12, .corridas .corrida_item .retirada .col-md-12 {
padding-bottom: 5px !important;
padding-top: 5px !important;
}
.ClubeConhecimento.show-more-height {
height: 290px;
overflow: hidden;
}
.ClubeConhecimento .ClubeConhecimento_item .calendario {
display: grid;
}
.ClubeConhecimento .ClubeConhecimento_item .dados .col-xs-12, .ClubeConhecimento .ClubeConhecimento_item .dados {
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}
.ClubeConhecimento .ClubeConhecimento_item .verificar .col-md-12, .ClubeConhecimento .ClubeConhecimento_item .dados .col-md-12 {
padding-bottom: 5px !important;
padding-top: 5px !important;
}
.girocultural.show-more-height {
height: 350px;
overflow: hidden;
}
.girocultural .girocultural_item .dados .col-xs-12, .girocultural .girocultural_item .dados {
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}
.girocultural .girocultural_item .location, .girocultural .girocultural_item .verificar {
height: auto;
}
.girocultural .girocultural_item .verificar .col-md-12 {
padding-bottom: 5px;
padding-top: 5px;
}
#InscricaoVocacional_x {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
.Vocacional {
grid-template-columns: repeat(1, 1fr);
}
}
/* Large devices (desktops, 992px and up)*/
@media screen and (min-width:768px) and (max-width: 992px) {
.cartilha {
display: grid;
grid-template-columns: repeat(3,1fr);
}
.cartilha div {
margin: 5%;
}
img.imgCartilha {
width: 100%;
}
.container-fluid {
float: none;
padding: 0 15px;
}
.desktop {
display: none !important;
}
#mobile {
display: block !important;
}
.dropdown-menu .bgSubmenu .wrapper .row .col-md-12.d-flex, .dropdown-menu .bgSubmenu .wrapper .row .col-md-12.d-flex .nav .d-grid {
display: block !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0;
}
.navbar-nav .open .dropdown-menu {
padding: 0;
}
.navbar-default .navbar-nav .space-between li, .navbar-default .navbar-nav .end li {
border-left: 0;
}
.bgSubmenu {
-webkit-box-shadow: none !important;
box-shadow: none !important;
width: 100% !important;
}
#AccordionMenuMobile button.collapsed, #AccordionMenuMobile button.nav-link {
border: 0;
background-color: transparent;
padding: 0;
}
.collapse.in {
margin-top: 0 !important;
}
.dropdown-menu .bgSubmenu .wrapper .row .nav {
display: block;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0;
}
.dropdown-menu .bgSubmenu .wrapper .row .col-md-12.d-flex, .dropdown-menu .bgSubmenu .wrapper .row .col-md-12.d-flex .nav .d-grid {
display: block !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 0;
}
.dropdown-menu h4, .dropdown-menu span {
margin-left: 10px !important;
}
.dropdown-menu #mobile h4 a {
font-weight: 500;
}
#MenuParcerias {
border-left: 0 !important;
padding-left: 0 !important;
}
#MenuParcerias .d-grid {
margin-left: 0 !important;
}
.navbar-nav {
width: 100%;
margin-top: 10px;
}
.navbar-nav > li {
float: none;
}
.navbar-nav > li > a {
padding: 10px 0;
border: 0 !important;
}
.navbar-header {
float: none;
}
.navbar-toggle {
display: block;
}
.navbar-nav {
width: 100%;
}
.navbar-nav > li {
float: none;
}
.navbar-nav > li > a {
padding: 10px 0;
border: 0;
}
.navbar-nav .open .dropdown-menu {
max-height: 900px;
overflow-y: scroll;
}
.assoc {
margin-left: 0;
margin-top: 10px;
}
.navbar-nav .collapsible ul.sm-nowrap {
width: 100% !important;
margin: 0 auto;
float: none;
}
.navbar-nav .collapsible ul.sm-nowrap > li > a {
width: 100%;
margin: 0 auto;
color: rgb(0,98,162,1) !important;
}
.navbar-nav .collapsible ul.sm-nowrap > li > a:hover {
color: #ffffff !important;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
background-color: #ffffff;
}
.address {
display: none;
}
.admin_login {
display: grid;
width: 100%;
grid-template-columns: repeat(5,1fr);
}
.dropdown-menu {
border: none;
box-shadow: none;
}
.dropdown-menu > li > a:hover {
color: #ffffff;
}
#RevistaAssist {
background-position: center 70px !important;
background-size: 135% !important;
}
#Associe {
background-position: center -220px !important;
background-size: 200% !important;
}
#saude, #odonto, #capemisa, #flex, #funeral, #VidaGrupo, #DoencasGraves, #ServicoSocial, #turistando, #VidaSaudavel, #sobre, #events, #Questions, #BeneficioVocacional {
background-position: center 0px !important;
background-size: 130% !important;
}
#MoviMente {
background-position: center -290px !important;
}
.barra {
background-position: center 0px !important;
background-size: 100% !important;
}
#FaleConosco {
background-position: center -130px !important;
background-size: 150% !important;
}
/*#capemisa{background-position:center 70px!important;background-size:130%!important;}*/
#clubeconhecimento {
background-position: center 0 !important;
background-size: 100% !important;
}
#juridica {
background-position: center 10% !important;
background-size: 160% !important;
}
#clube {
background-position: center -270px !important;
background-size: auto !important;
}
#ConvenioSesc {
background-position: center 0 !important;
background-size: 100% !important;
}
#ProgramaSoma {
height: 625px;
}
.albumFotosSoma {
display: grid;
grid-template-columns: repeat(3, 1fr);
width: 100%; /*margin-top:50px;*/
}
.albumFotosSoma img {
height: auto;
}
.albumFotosRI {
display: grid;
grid-template-columns: repeat(3, 1fr);
width: 100%; /*margin-top:50px;*/
}
.albumFotosRI img {
height: auto;
}
.capaAlbum .dadosEvento {
bottom: 0;
padding: 5px;
position: initial;
display: block;
background: none;
color: inherit;
}
.TitleEvent {
display: none;
}
.DescEvent h3 {
color: rgb(0,98,162,1);
font-size: 100%;
}
#CommonQuestions ul.nav-tabs a span, #parcerias .breadcrumb-item span.label, #convenios .breadcrumb-item span.label {
display: none;
}
#content {
width: 70%;
float: left;
}
#sidebar {
width: 30%;
float: right;
}
#slider_assist .text-slider {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
padding: 0;
}
#Slider {
height: 85%;
max-height: 800px;
}
.slider-conteudo {
width: 100%;
padding: 0 25px;
}
/*.slider-conteudo a {-webkit-box-shadow: 0px 0px 20px 0px #000000;box-shadow: 0px 0px 20px 0px #000000;}*/
#slider_assist .text-slider h3 {
font-size: 45px;
}
#slider_assist .text-slider h4 {
font-size: 25px;
}
#slider_assist .text-slider p {
font-size: 15px;
width: 90%;
margin: 0 auto 1em;
}
#slider_assist .slider-imgs {
width: 60%;
display: flex;
margin-bottom: 23px;
}
#post {
display: grid;
grid-template-columns: repeat(2,1fr);
}
.postagens {
margin-bottom: 10px;
}
.postagens .noImg {
height: auto;
}
#ProgSoma {
display: contents;
}
#ProgSoma .col-1 {
width: 100%;
}
#ProgSoma .col-1 #itens, #ProgSoma .col-2, #ProgSoma .col-3 {
flex-direction: row;
justify-content: space-around;
margin-bottom: 20px;
}
.somaHome .wrapper {
padding-top: 0;
margin-bottom: 50px;
}
.container-fluid {
float: none;
padding: 0 15px;
}
.DGResposta, #DG .row, #Boleto.row, #IR.row, #Acesso.row, #PlanoSaude.row, #Eventos.row, #Exames.row {
margin: 0 15px;
}
.AboutTitle img {
max-height: 50px;
}
.conheca {
display: flex;
}
#imgConheca, #txtConheca {
width: 50%;
}
.conheca img {
width: 100%;
}
#txtConheca a, .soma a, #Associar .associar {
font-size: 16px;
margin-top: 25px;
}
#txtConheca h1 {
font-size: 30px;
}
#txtConheca {
padding: 0 25px;
}
#txtGPTW, #imgGPTW {
width: 100%;
padding: 15px;
}
.footer_cont, .navbar, .navbar-header {
display: block;
}
.fancybox .row {
margin: 0;
display: flex;
}
.fancybox .row .col-md-4 {
padding: 5px;
}
.fancybox .row .col-md-4 img {
width: 100%;
height: 147px;
}
.contato .row {
margin: 0;
}
#profissionais {
display: grid;
grid-template-columns: repeat(4,1fr);
}
#profissionais .col-md-3 {
padding: 0 5px;
}
.filters-content .col-sm-6 {
padding: 0 5px;
}
.section.portfolio .filters-content .item {
margin: 5px 0 !important;
}
.section.portfolio .filters {
padding: 0 5px !important;
}
.parcerias_lista {
display: grid;
grid-template-columns: repeat(2,1fr);
text-align: center;
}
.movimente.show-more-height {
height: 350px;
overflow: hidden;
}
.movimente, .corridas, .ClubeConhecimento, .girocultural {
grid-template-columns: repeat(2, 1fr);
}
.movimente .movimente_item .dados .col-xs-12, .movimente .movimente_item .dados {
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}
.movimente .movimente_item .location, .movimente .movimente_item .verificar {
height: auto;
}
.movimente .movimente_item .verificar .col-md-12 {
padding-bottom: 5px;
padding-top: 5px;
}
.corridas.show-more-height {
height: 420px;
overflow: hidden;
}
.corridas .corrida_item .calendario {
display: grid;
}
.corridas .corrida_item .dados .col-xs-12, .corridas .corrida_item .dados {
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}
.corridas .corrida_item .location, .corridas .corrida_item .verificar {
height: auto;
}
.corridas .corrida_item .verificar .col-md-12, .corridas .corrida_item .dados .col-md-12, .corridas .corrida_item .retirada .col-xs-12, .corridas .corrida_item .retirada .col-md-12 {
padding-bottom: 5px !important;
padding-top: 5px !important;
}
.ClubeConhecimento.show-more-height {
height: 350px;
overflow: hidden;
}
.ClubeConhecimento .ClubeConhecimento_item .calendario {
display: grid;
}
.ClubeConhecimento .ClubeConhecimento_item .dados .col-xs-12, .ClubeConhecimento .ClubeConhecimento_item .dados {
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}
.ClubeConhecimento .ClubeConhecimento_item .verificar .col-md-12, .ClubeConhecimento .ClubeConhecimento_item .dados .col-md-12 {
padding-bottom: 5px !important;
padding-top: 5px !important;
}
.girocultural.show-more-height {
height: 350px;
overflow: hidden;
}
.girocultural .girocultural_item .dados .col-xs-12, .girocultural .girocultural_item .dados {
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}
.girocultural .girocultural_item .location, .girocultural .girocultural_item .verificar {
height: auto;
}
.girocultural .girocultural_item .verificar .col-md-12 {
padding-bottom: 5px;
padding-top: 5px;
}
.middle.Question {
border-top: 0;
}
#CommonQuestions {
margin-top: 0;
}
#CommonQuestions ul.nav-tabs a span {
display: none;
}
#InscricaoVocacional_x {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.Vocacional {
grid-template-columns: repeat(1, 1fr);
}
.RI #form .w-75 {
width: 100%;
}
.RI #form .w-75 .w-50 {
width: 100%;
}
.albumFotosRI .TitleEvent {
display: block;
position: initial;
background-color: transparent;
}
.albumFotosRI .capaAlbum h5 {
color: #0062a2;
}
}
@media screen and (min-width:768px) and (max-width: 1024px) {
#RI #imgBeneficioTable {
display: block;
}
#RI #imgBeneficioMobile {
display: none;
}
#RI #imgBeneficio {
display: none;
}
.RI #form .w-75 {
width: 100%;
}
.RI #form .w-75 .w-50 {
width: 100%;
}
.barra {
max-height: initial !important;
min-height: auto;
height: auto;
}
.barra img {
margin-top: 0 !important;
}
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
#wrapper {
width: 90%;
margin: 0 auto;
}
/* Start Footer*/
footer {
padding-top: 20px;
font-size: 0.9em;
position: relative;
}
footer a:hover {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
footer ul {
list-style-type: none;
padding-left: 10px
}
footer li {
margin-bottom: 5px;
text-align: left;
}
footer h4 {
color: white;
font-size: 1.4em;
margin-bottom: 10px !important;
}
footer p:last-child {
display: block;
color: white;
}
footer a {
color: #ffffff;
transition: all .45s;
}
footer a:hover {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
footer .copy {
margin-top: 15px;
padding: 20px 0px 15px 10px;
background: url(../images/FundoBTNTop.png) repeat top left;
}
.footer_cont {
display: flex;
justify-content: space-between;
color: #ffffff;
}
.footer_cont div {
width: 100%;
padding: 0 15px;
}
.footer_cont .fa-phone {
transform: rotate(45deg);
font-size: 1.3em;
margin-right: 7px;
}
.footer_cont .fa-whatsapp {
font-size: 1.3em;
margin-right: 7px;
}
/* End Footer*/
}