@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

html {
  scroll-behavior: smooth;
}

body, h1, h2, h3, h4, h5, a, div, span {font-family: 'Source Sans Pro', sans-serif !important;}
a, a:hover{text-decoration: none;}

.btn-saiba-mais-plus { 
	background-color: #f0f0f0;
	border-left: 4px solid #01567D;
    font-size: 15px;
    margin-bottom: 2px;
    color: #747474;
    border-radius: 5px;
	padding: 5px;
    border-bottom-right-radius: 5px;}

.btn-saiba-mais:hover {background-color: #23527c;color: #fff;}

.Para-Medico-Banners{
	display:flex;
	justify-content: center;
	width: 100%;
}

.Para-Medico-Banners img{
	margin: 10px;
}

.img-banner-a{
	width: 450px;
}

.eventos-ext a {
	word-break: break-all;
}

.icones-header {
	display:flex;
	flex-direction: row;
	column-gap: 10px;
	align-items: flex-start;
	justify-content: flex-end;
}

.flutuant a img {
	width: 60px;
	height: 60px;
}

.pager a {
	background: #66cc99 !important;
	color: white !important;
	font-size: 14px !important;
	border: none !important;
	padding: 4px 10px !important;
}

@media(max-width: 500px){
	.img-banner-a{
	width: 95%;
}

}


.mapa-rodape{
	width: 170px;
}

.normas-rodape{
	width: 150px;
}

.navbar-container {
	width: 100%;
	
}

.btn-voltar {
	padding: 4px 0px;
	border: 1px solid #2D634C;
	border-radius: 30px;
	color: #2D634C !important;
	z-index: 1;
	width: 80px;
	margin-top: 10px;
	text-align: center;
	position: relative;
	font-weight: 700;
	font-size: 14px;
	transition: all 250ms;
	overflow: hidden;
}

.btn-voltar::before {
	 content: "";
	 position: absolute;
	 top: 0;
	 left: 0;
	 height: 100%;
	 width: 0;
	 border-radius: 15px;
	 background-color: #2D634C;
	 z-index: -1;
	 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
	 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
	 transition: all 250ms
}

.btn-voltar:hover {
 	color: #e8e8e8 !important;
}

.btn-voltar:hover::before {
 	width: 100%;
}

.btn-green {
	 border-radius: 4px;
	 background-color: #429468;
	 color: white !important;
	 -webkit-box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
	 box-shadow: 4px 8px 19px -3px rgba(0,0,0,0.27);
	 transition: all 250ms;
	padding: 4px;
}

.post-mes .mes {
    background-color: #66cc99 !important;
	color: #336666 !important;
}

.representacao {
	display: flex;
	column-gap: 20px;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
}

.coluna {
	width: 48%;
	display: flex;
    flex-direction: column;
}

.coluna img {
	align-self: flex-end;
}

.navbar-default {border: 0px none !important;background-color: #66cc99 !important;border-bottom-color: #66c89a !important;border-top: 7px solid #01567d !important;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {border: 0px none !important;background-color: #7ed8ae !important;color:#336666 !important;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{border: 0px none !important;background-color: #7ed8ae !important;color:#336666 !important;}
.navbar-nav>li>a {border: 0px none !important;}
.navbar .nav>li>a {z-index: 1; height: 100% !important; font-size: 18px !important;line-height: 16px;font-weight: 600 !important;font-family: 'Source Sans Pro', sans-serif !important;font-smooth: always;-webkit-text-size-adjust: none;-webkit-font-smoothing: antialiased;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: #ffffff !important;
    background-color: #7ed8ae !important;
}

#menu-header {
	display: none;
}

.panel-title{
	padding: 10px 20px;
	font-size: 20px !important;
    font-weight: 700 !important;
}

.searchform-label {
	font-weight: 700;
	color: #191a1a;
}

.form-control, .searchform-label .input {
	background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 25px 0 rgba(30, 30, 30, 0.15);
    -moz-box-shadow: 0 5px 25px 0 rgba(30, 30, 30, 0.15);
    box-shadow: 0 5px 25px 0 rgba(30, 30, 30, 0.15);
    color: #079c7e;
    font-size: 16px;
    min-height: 40px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.form-control::placeholder, .searchform-label .input::placeholder {
	color: #939393 !important;
	font-weight: 500 !important;
}

.checkbox-wrapper label {
	font-weight: 400;
}

.btn-pesquisar {
	cursor: pointer;
    background-color: #079c7e;
    border: none;
    box-shadow: 0px 1px 2px 0 rgba(0, 144, 106, 0.25), 0px 5px 10px 0 rgba(0, 144, 106, 0.3), inset 0px -1px 0 0 rgba(31, 35, 33, 0.2);
    color: #fff !important;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    display: inline-block;
    border-radius: 25px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 13px 35px;
    position: relative;
    line-height: 1.06;
    letter-spacing: -0.4px;
    text-align: center;
    text-transform: uppercase;
	float: right;
}



.dropdown-menu {background-color: #7ed8ae !important;border: 0px !important;}
.dropdown-menu li {
	width: 100%;
}

.dropdown-menu>li>a {border-bottom: 1px solid #94dfbc !important;padding: 15px !important;font-size: 17px !important;font-weight: 600 !important; color: #336666 !important;}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {background-color: #336666 !important;color: #fff !important;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { background-color: #336666 !important; color: white !important;}

.dropdown-toggle:hover, .dropdown-toggle:focus {
	background-color: #336666 !important;
    color: #fff !important;
}

.menu-item:hover .dropdown-toggle {
    background-color: #336666 !important;
    color: #fff !important;
}

input#s {background-color: #30718e !important;color: #fff !important;font-weight: 500 !important;border: 2px solid #a0a0a0 !important;border-right: 0px !important;padding: 9px !important;height: 52px !important;border-top-left-radius: 9px;font-size: 16px !important;border-bottom-left-radius: 9px;font-family: 'Source Sans Pro', sans-serif !important;}
input#s::placeholder {color: #fff !important; font-weight: 500 !important;}

button#searchsubmit {background-color: #30718e !important;color: #fff !important;border: 2px solid #a0a0a0 !important;border-left: 0px !important;padding: 9px !important;padding-right: 15px !important;height: 52px !important;border-top-right-radius: 9px;font-size: 16px !important;border-bottom-right-radius: 9px;font-family: 'Source Sans Pro', sans-serif !important;}
button#searchsubmit i {font-size: 20px !important; color: #66c89a;}

form#searchform {margin-top: 22px;}

img.transparencia-e-prestacao-de-contas {margin-top: 28px;}
img.marca-rodape {box-shadow: none !important;max-width: 285px;}
img.transparencia-e-prestacao-de-contas-2 {margin-top:60px !important;box-shadow: none !important;max-width: 285px;}

.marca {width: 340px !important;height: auto !important;margin-top: 10px;margin-bottom: 5px;}

.title-1 {background-color:#66cc99;padding-left:6px;border-radius: 8px;}
.title-1 div {background-color: #f0f0f0;padding: 7px;padding-left: 10px;font-size: 32px;margin-bottom: 10px;color: #336666;border-top-right-radius: 7px;border-bottom-right-radius: 7px;}
.title-1 div a {font-size: 16px !important;float: right;padding-right: 10px;padding-top: 13px;color: #666666 !important;}
.social-midia {background-color:#66cc99;padding-left:6px;border-radius: 8px;max-width: 90%;min-width: 267px;margin: 0 auto;}
.social-midia div {background-color: #336666;padding: 3px;padding-top: 5px;padding-bottom: 8px;padding-left: 10px;font-size: 32px;margin-bottom: 20px;color: #336666;border-top-right-radius: 7px;border-bottom-right-radius: 7px;display: flex; justify-content: space-around;}
.social-midia .social { margin-right: 2px; text-decoration: none; }
.social-midia .social img {
	width: 41px;
	height: 41px;
}

#slides {height: 490px !important;margin-bottom: 60px !important;}
#slides img {border-radius: 0px 8px 8px 0px !important;float: left;height: 490px !important;width: 100% !important;border-left: 7px solid #fff; !important}
.slidesA {height: 490px !important;width: 100% !important;background-color: #336666 !important;color: #fff !important;border-radius: 8px !important; display: flex !important; flex-direction: row;}
.slidesjs-pagination {top: 30px !important;left: 35px !important;float: left !important;}
.slidesjs-pagination li a {width: 15px !important;height: 15px !important;padding-top: 13px !important;background-image: none !important;float: left !important;background-color: #abb1b5 !important;margin-right: 4px !important;border-radius: 4px !important;}
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {background-color: #65c89a !important;}
#slides h3 {padding-right:20px !important;margin-top: 60px !important; color:#fff !important; font-size: 28px !important;}
.slide-img-container {
	  	flex: 0 0 auto;
		width: 70%;
		height: 70%;
		scroll-snap-align: start;
		display: flex;
		flex-direction: column;
		align-items: center;
}
.slidesjs-slide {
	width: 100% !important;
}

img.img-responsive.img-rounded.margin-bottom {width: 370px !important;height: 287px !i
	mportant;}

.noticia img { width: 100% !important;height: auto !important; border-radius: 8px !important;}
.noticia img:hover, .fisca img:hover, .event-img:hover {
	transform: scale(1.1);
	transition: ease-in-out 0.3s;
	border-radius: 8px;
}

.noticia img, .fisca img, .event-img {
	border-radius: 8px;
}
.row.noticia {margin-bottom: 50px;}
.not-date {color: #66cc99 !important;font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.not-title {font-size: 22px;font-weight: bold;color: #707070;margin-bottom: 10px; transition: all 0.3s;}
.not-title:hover {
	text-decoration: underline;
	color: #27513B ;
}

.not-saiba-mais {background-color:#01567d;padding-left:6px;border-radius: 5px;}
.not-saiba-mais div {background-color: #f0f0f0;padding: 3px;padding-left: 10px;font-size: 15px;margin-bottom: 2px;color: #336666;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.not-saiba-mais {width: 100px;}
.not-saiba-mais a {color: #747474;font-weight: 500;}

.normas img { width: 270px !important;height: 170px !important; border-radius: 8px !important;}
.row.normas {margin-right: 0px;margin-bottom: 25px;padding-bottom: 25px;border-bottom: 2px solid #cccccc;}
.nor-date {color: #66cc99 !important;font-size: 18px;font-weight: bold;text-transform: uppercase;}
.nor-title {font-size: 22px;font-weight: bold;color: #707070;}
.nor-descrip {color: #666666 !important;margin-bottom: 19px;font-size: 16px;}
.nor-descrip:hover {
	text-decoration: underline;
	color: #27513B ;
}
.nor-saiba-mais {background-color:#01567d;padding-left:6px;border-radius: 5px;}
.nor-saiba-mais div {background-color: #f0f0f0;padding: 3px;padding-left: 10px;font-size: 15px;margin-bottom: 2px;color: #336666;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.nor-saiba-mais {width: 100px;}
.nor-saiba-mais a {color: #747474;font-weight: 500;}

.event-date {color: #66cc99 !important;font-size: 16px;font-weight: bold;text-transform: uppercase;margin-bottom: 6px;}
.event-title {font-size: 16px;font-weight: bold;color: #707070; padding-bottom: 6px; }
.event-title:hover, .event_descrip:hover {
	text-decoration: underline;
	color: #27513B ;
}

}
.event-descrip {color: #666666 !important;font-size: 14px;min-height:60px;}
.event-img {width: 190px !important; height: 172px !important;}
.event-bar-blue {width: 366px;height: 6px;background-color: #01567d;border-radius: 3px;float: right;margin-top: 10px; position: absolute; right: 0; bottom: 0;}

.event-saiba-mais {background-color:#01567d;padding-left:6px;border-radius: 5px;}
.event-saiba-mais div {background-color: #f0f0f0;padding: 3px;padding-left: 10px;font-size: 15px;color: #336666;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.event-saiba-mais {width: 100px;float: right;margin-right: 75px;margin-top: 15px;}
.event-saiba-mais a {color: #747474;font-weight: 500;}

.address {padding-left: 35px;padding-right: 35px;padding-top: 120px;height: 100vh;max-height: 380px !important;text-align:center;}
.footer2 {padding: 0px !important;background-color: #30765e !important;}
.address-rodape {margin-top: 30px;color:  #fff !important;font-size: 16px;}
.links-1 a, .links-2 a{color: #fff !important;}
.atendimento-horario {margin-top: 25px;margin-bottom: 25px;font-weight: bold;}
.address-rodape {margin-top: 30px;color:  #fff !important;font-size: 16px;}

.pesq-form {margin: 0px auto; width: fit-content;}
.pesq-form .nav-tabs {border: 0px none !important;}
.pesq-form .nav-tabs>li>a,.pesq-form .nav-tabs>li>a:hover,.pesq-form .nav-tabs>li>a:focus {font-size: 20px;font-weight: 500;background-color: #f0f0f0 !important;color: #336666 !important;font-weight: 500;margin: 0px !important;padding: 8px;padding-left: 15px;padding-right: 15px;box-shadow: none !important;}
.pesq-form .nav-tabs>li.active>a,.pesq-form .nav-tabs>li.active>a:hover,.pesq-form .nav-tabs>li.active>a:focus {background-color: #66cc99 !important;color: #336666 !important;}
.pesq-form .nav-tabs>li>a.pesq-medico, .pesq-form .nav-tabs>li>a.active.pesq-medico {border-radius: 0px !important;border-top-left-radius: 8px !important;border-bottom-left-radius: 8px !important;}
.pesq-form .nav-tabs>li>a.pesq-empresa, .pesq-form .nav-tabs>li>a.active.pesq-empresa {border-radius: 0px !important;border-top-right-radius: 8px !important;border-bottom-right-radius: 8px !important;}

.formSearch {margin: 0px auto;margin-top: 5px;width: 177px;}
.formSearch label {width: 200px;font-size: 12px;color: #747474 !important;font-weight: bold;margin-bottom: 0px;}
.formSearch input {border-radius: 8px;border: 2px solid #a0a0a0;padding: 10px;padding-top: 5px;padding-bottom: 5px;}
.formSearch select {border-radius: 8px;border: 2px solid #a0a0a0;padding: 10px;padding-top: 5px;padding-bottom: 5px; max-width: 180px;}
.formSearch button {margin: 0px auto;margin-top: 10px;margin-left: 20px;border: 0px;background-color: #66c99b;padding: 5px;padding-left: 23px;padding-right: 23px;color: #3f7e71 !important;font-size: 17px;border-radius: 6px;text-align: center;}
.formSearch button i {font-size: 14px;font-weight: bold;}

.servicos-bg-full {background: url('https://hportal.cremeb.org.br//wp-content/themes/TEMPLATE/images/img-cremeb/bg-servicos.png'); padding-top: 60px;}

.box-servico {background-color: #66c99b !important;padding: 20px;padding-left: 32px;padding-right: 32px;border-top-left-radius: 8px;border-top-right-radius: 8px;margin-top: 10px;}
.box-servico ul {margin-top: 20px;}
.box-servico ul li {padding-top: 6px;padding-bottom: 6px;font-size: 17px;font-weight: 600;border-bottom: 1px solid #336666;}
.box-servico ul .noBorder {border-bottom: 0px none !important;}
.box-servico ul li a i {float: right;font-size: 14px;margin-top: 6px;text-decoration: none;}
.box-servico ul li a {color: #336666 !important;}
.btn-servico {padding: 20px;padding-left: 32px;padding-right: 32px;background-color: #01567d;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.btn-servico a {color: #fff !important;font-size: 16px;text-decoration: none;}
.btn-servico a i {font-size: 14px;}

.agenda img { width: 100% !important;height: auto !important; border-radius: 8px !important;}
.agenda img:hover, .fisca img:hover, .event-img:hover {
	transform: scale(1.1);
	transition: ease-in-out 0.3s;
	border-radius: 8px;
}

.agenda img {
	border-radius: 8px;
}
.row.agenda {margin-bottom: 50px;}
.age-date {color: #66cc99 !important;font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.age-title {font-size: 22px;font-weight: bold;color: #707070;margin-bottom: 10px; transition: all 0.3s;}
.age-title:hover {
	text-decoration: underline;
	color: #27513B ;
}

.img-rounded.pull-left.wp-post-image:hover {
    transform: scale(1.1);
	transition: ease-in-out 0.3s;
	border-radius: 8px;
}

h3.image-title:hover {
	text-decoration: underline;
}

.gallery-icon a img:hover {
	transform: scale(1.1);
	transition: ease-in-out 0.3s;
	border-radius: 8px;
}

.btn-noticias {
	background: white;
    border: 1px solid #429468;
    color: #429468 !important;
    font-weight: 700;
    font-size: 16px;
	padding: 4px 8px;
	border-radius: 32px;
	text-decoration: none;
	transition: all 0.3s;
}

.btn-noticias:hover {
	background: #429468;
	color: white !important;
	text-decoration: none !important;
}

.contato-group label {
	color: black !important;
	margin-bottom: 0 !important;
}

.form-section h3::before {
    content: ' ';
    border-radius: 12px;
    width: 12px;
    height: 12px;
    border: solid 2px #079c7e;
    margin: 0 .3em 0 0;
    display: inline-block;
}

.form-section h3 {
	font-weight: 900;
	font-size: 20px;
	color: black;
}

.form-section hr {
	box-shadow: 1px 1px 1px 0 #00000024;
	height: 1px;
	background: white;
}

.btn-enviar input {
	cursor: pointer;
    background-color: #079c7e;
    border: none;
    box-shadow: 0px 1px 2px 0 rgba(0, 144, 106, 0.25), 0px 5px 10px 0 rgba(0, 144, 106, 0.3), inset 0px -1px 0 0 rgba(31, 35, 33, 0.2);
    color: #fff !important;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    display: inline-block;
    border-radius: 25px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 13px 35px;
    position: relative;
    line-height: 1.06;
    letter-spacing: -0.4px;
    text-align: center;
    text-transform: uppercase;
}

.fiscaliza-site {margin-top: 20px;}

.box-acesse {background-color: #f0f0f0;}
.box-acesse div div {padding-bottom: 20px;padding-top: 20px;}

.fisca h3 {margin: 0px;padding: 0px;font-size: 16px;font-weight: bold;color: #666666;margin-bottom: 15px;}
.fisca .not-date {margin: 0px;}
.fisca .description {font-size: 16px;}
.fisca .saiba-mais {float: right}
.fisca .saiba-mais i{font-size: 12px !important;margin-left: 10px!important;}
.fisca .bar-blue {position: absolute;width: 269px;height: 6px;background-color: #01567d;margin-left: -288px;margin-top: 9px;border-radius: 3px;}

.img-rounded.pull-left {margin: 0 30px 0 0;object-fit: cover;}

ul.menu-links-1,
ul.menu-links-2 {margin-top: 35px;font-size: 16px !important;font-weight: bold;}
ul.menu-links-1 li,
ul.menu-links-2 li {padding-top: 20px;}

.nopadding-left {padding-left: 0 !important;}
.nopadding-right {padding-right: 0 !important;}
.event-body {height: 172px;}

.information-card {
	position: absolute; top: -30px; right: 10px; background-color: #30718e; color: #fff; padding: 5px 10px; border-radius: 5px; font-size: 14px; width:280px;
	}

@media (min-width: 1200px) {
	
	#slides h3 {padding-right:20px !important;margin-top: 160px !important; color:#fff !important; font-size: 33px !important;}

	.menu-item:hover .dropdown-menu {
		display: block;
		transition: all 0.5s;
	}
	
	#menu-header.navbar-nav > li:not(:last-child)::after {
        content: '';
        position: absolute;
        right: -11px;
        top: 43%;
        transform: translateY(-50%);
        height: 30px;
        width: 1px;
        background-color: #33666663;
	}
	
	.logo-cremeb {
		padding-left: 0 !important;
	}
	
	.dropdown-menu {background-color: #7ed8ae !important;border: 0px !important; min-width: 190px; }
	
	#menu-header {
		margin-left: -22px !important;
	}
	
	#menu-header li {
		display: inline-block !important;
		margin: 0 !important;
		padding: 0 !important;
		margin-right: 26px !important;
	}
	
	.nav>li>a {
		padding: 4px !important;
		color: #336666 !important;
	}
	
	.nav > li:last-child > a {
		margin-right: -22px !important;
	}
	
}

	.cky-revisit-bottom-right {
		bottom: 4px !important;
		right: 6px !important;
	}

	.flutuant-buttons {
		position: fixed;
		float: right;
		right: 0px;
		top: 24%;
		z-index: 11;
	}

	.cards {
		display: flex;
		flex-direction: column;
		margin-top: 40px;
		row-gap: 30px;
	}

	.cards img {
		cursor: pointer;
	}

	.flutuant-buttons .flutuant {
		margin-bottom: 5px;
	}

	.normas-banner img {
		width: 100%;
	}

	#rybena-sidebar {
		top: 67% !important;
	}

	.nav>li>a {
		padding: 10px;
		color: #336666 !important;
	}

    #menu-header {
        column-gap: 0 !important;
		list-style: none !important;
		padding: 0 !important;
/* 		margin: 0 !important; */
/* 		margin-left: -10px !important; */
		width: 100% !important;
    }

	#menu-header li {
		display: inline-block !important;
		margin: 0 !important;
		padding: 0 !important;
		margin-right: 26px ;
	}

	#menu-header li:last-child {
		margin-right: -20px !important;
	}

	
@media (min-width: 768px) {
    .navbar-nav>li>a {padding-top: 22px !important;padding-bottom: 33px !important;}
}

@media (max-width: 575px) {
	.event-body {
		height: 140px;
	    padding-right: 0 !important;
	}
	
	.event-date {font-size: 13px; margin-bottom: 0px;}
	.event-title {font-size: 14px; padding-bottom: 0px; }
	.event-descrip {font-size: 13px;}
	.event-img {width: 95% !important; height: 130px !important;}

	.event-bar-blue {
		bottom: 10px;
	}
}

@media(max-width: 987px){
	.flutuant-buttons{
		display: none;
	}
	
	.normas-container {
		display: flex;
        flex-direction: column-reverse;
		align-items: center;
	}
	
	.normas-banner-container {
		margin: 40px 0;
	}

	.servicos-bg-full {
		height: max-content;
		padding-top: 60px;
		margin-top: 50px;
	}
	
	.servico-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.icones-header {
		justify-content: flex-start;
	}
	
	.information-card {
	background-color: #30718e; color: #fff; padding: 5px 10px; border-radius: 5px; font-size: 14px; width: 100%; position: unset;
	}
}

	

@media (min-width: 1200px) {
	.container {width: 1170px;}
	
	.event-descrip {
		font-size: 14px;
	}
}

@media (max-width: 1200px) {
	.event-descrip {
		font-size: 13px;
	}
	
	.event-bar-blue {
    	width: 100% !important;
	}
}




.inputPesquisa{
	border-radius: 5px;
	border-left: solid 5px #66cc99;
}




/* Busca de médicos */

.Busca-API{
	width: 90%;
	display:flex;
	flex-wrap:wrap;
	margin: 0 auto;
}

.Box-Input{
	display:flex;
	flex-direction:column;
	width: 50%;
	
}


.Box-Input input, .Box-Input select{
	margin: 10px;
	width: clamp(100px, 95%, 400px);
	border-radius: 5px;
	border:none;
	outline: none;
	border-left: 5px solid #66cc99;
	padding: 5px;
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.315));
}

.Box-Button{
	width: 50%;
}

.Box-Button button {
    margin: 30px 10px;
    width: clamp(100px, 95%, 100px);
    color: #fff;
    font-weight: 600;
    background-color: #66cc99;
    border: none;
    outline: none;
    padding: 5px 10px;
    border-radius: 5px;
	transition: all 0.3s;
}

.Box-Button button:hover {
    background-color: #4eab7d;
	box-shadow: 0px 1px 2px 0 rgba(0, 144, 106, 0.25), 0px 5px 10px 0 rgba(0, 144, 106, 0.3), inset 0px -1px 0 0 rgba(31, 35, 33, 0.2);
}

#menu-item-36970 > a {
	background: transparent !important;
	color: #336666 !important
}

#menu-item-36970 > a:hover {
	background: #7ed8ae !important;
}

.View-Medicos{
	margin: 10px 0;
    background-color: white;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.115));
    border-radius: 10px;
    padding: 5px;
	cursor:pointer;
}

.View-Medicos:hover{
	background-color:rgb(221, 221, 221);
}

.View-Medicos .Img-Medico{
	width: 70px;
	height: 100px; 
	background-color: #fff;
    border-radius: 2px;
	transition: all 0.3s;
	background-size:cover;
	background-position:center;
	background-repeat: no-repeat;
	
}

.View-Medicos .Pree-View{
	display: flex;
}
.View-Medicos .Pree-View .T-Medico{
	font-size: 15px;
    color: #30765E;
    margin: 10px 0 0 15px;
}

.View-Medicos .Pree-View .D-Medico{
	font-size: 12px;
    color: black;
    margin: 0px 0 0 20px;
}

.Dados-Medicos{
	padding: 10px 25px  0 25px ;
	height: 0px;
	overflow:hidden;
	transition: all 0.3s;
}

.Dados-Input{
	display: flex;
	flex-direction: column;
}

.Dados-Input input{
border-radius: 5px;
    border-left: 5px solid rgb(102, 204, 153);
    height: 30px;
    background-color: #fff;
}

.Paginacao{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 800px;
	margin: 0 auto;
}

.Paginacao button{
	background-color: white;
    border: 1px solid #30765E;
	color:#30765E;
    border-radius: 7px;
	margin: 5px;
}


/* LOADER */
#anim-load{
	display:flex;
	align-items:center;
	justify-content: center;
}
#wifi-loader {
  --background: #30765E;
  --front-color: #30765E;
  --back-color: #c3c8de;
  --text-color: #66C89A;
  width: 64px;
  height: 64px;
  border-radius: 50px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

#wifi-loader svg {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

#wifi-loader svg circle {
  position: absolute;
  fill: none;
  stroke-width: 6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform: rotate(-100deg);
  transform-origin: center;
}

#wifi-loader svg circle.back {
  stroke: var(--back-color);
}

#wifi-loader svg circle.front {
  stroke: var(--front-color);
}

#wifi-loader svg.circle-outer {
  height: 86px;
  width: 86px;
}

#wifi-loader svg.circle-outer circle {
  stroke-dasharray: 62.75 188.25;
}

#wifi-loader svg.circle-outer circle.back {
  animation: circle-outer135 1.8s ease infinite 0.3s;
}

#wifi-loader svg.circle-outer circle.front {
  animation: circle-outer135 1.8s ease infinite 0.15s;
}
#textLoad{
	padding-top:150px;
	width: 200px;
	text-align: center;
	font-weight: 700;
	color: var(--front-color);
}
#wifi-loader svg.circle-middle {
  height: 60px;
  width: 60px;
}

#wifi-loader svg.circle-middle circle {
  stroke-dasharray: 42.5 127.5;
}

#wifi-loader svg.circle-middle circle.back {
  animation: circle-middle6123 1.8s ease infinite 0.25s;
}

#wifi-loader svg.circle-middle circle.front {
  animation: circle-middle6123 1.8s ease infinite 0.1s;
}

#wifi-loader svg.circle-inner {
  height: 34px;
  width: 34px;
}

#wifi-loader svg.circle-inner circle {
  stroke-dasharray: 22 66;
}

#wifi-loader svg.circle-inner circle.back {
  animation: circle-inner162 1.8s ease infinite 0.2s;
}

#wifi-loader svg.circle-inner circle.front {
  animation: circle-inner162 1.8s ease infinite 0.05s;
}

#wifi-loader .text {
  position: absolute;
  bottom: -40px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: lowercase;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.2px;
}

#wifi-loader .text::before, #wifi-loader .text::after {
  content: attr(data-text);
}

#wifi-loader .text::before {
  color: var(--text-color);
}

#wifi-loader .text::after {
  color: var(--front-color);
  animation: text-animation76 3.6s ease infinite;
  position: absolute;
  left: 0;
}

@keyframes circle-outer135 {
  0% {
    stroke-dashoffset: 25;
  }

  25% {
    stroke-dashoffset: 0;
  }

  65% {
    stroke-dashoffset: 301;
  }

  80% {
    stroke-dashoffset: 276;
  }

  100% {
    stroke-dashoffset: 276;
  }
}

@keyframes circle-middle6123 {
  0% {
    stroke-dashoffset: 17;
  }

  25% {
    stroke-dashoffset: 0;
  }

  65% {
    stroke-dashoffset: 204;
  }

  80% {
    stroke-dashoffset: 187;
  }

  100% {
    stroke-dashoffset: 187;
  }
}

@keyframes circle-inner162 {
  0% {
    stroke-dashoffset: 9;
  }

  25% {
    stroke-dashoffset: 0;
  }

  65% {
    stroke-dashoffset: 106;
  }

  80% {
    stroke-dashoffset: 97;
  }

  100% {
    stroke-dashoffset: 97;
  }
}

@keyframes text-animation76 {
  0% {
    clip-path: inset(0 100% 0 0);
  }

  50% {
    clip-path: inset(0);
  }

  100% {
    clip-path: inset(0 0 0 100%);
  }
}
 
/* LOADER */

.banners{
    display:flex;
    width: 100%;
	flex-direction: row;
	justify-content: space-between;
}

.banners img{
    width: 25%;
    cursor:pointer;
	margin-right: 10px;
}

@media(max-width: 1200px){
	
}

@media(max-width: 1000px){
	#destaques {
		display: none;	
	}
	
	#slides {
		height: 500px !important;
		margin-bottom: 20px !important;
	}
	
	#slides .slidesjs-container {
		height:100% !important;
	}
	
	
	#slides .slidesA {
		max-height: 100% !important;
		height 500px !important:
		width: 100% !important;
		background-color: #336666 !important;
		color: #fff !important;
		border-radius: 8px !important;
		display: flex !important;
 	    flex-direction: column-reverse;
	}
	
	#slides .slidesA .slide-img-container {
		  	flex: 0 0 auto;
			width: 100%;
			max-width: 799px;
			height: 70%;
			scroll-snap-align: start;
			display: flex;
			flex-direction: column;
			align-items: center;	
	}
	
	
	#slides .slidesA .slide-img-container img {
		width: 100% !important;
		border-left: none;
		max-width: 100%; /* Garante que a imagem não ultrapasse o container */
		height: 100% !important;
		max-height: 400px; /* Ajuste essa altura conforme necessário */
		object-fit: contain; /* Mantém a proporção da imagem */
		border-radius: 0 !important;
	}
	
	#slides .slidesA h3 {
		width: 100% !important;
		height: 30% !important;
		padding: 10px 10px 0!important;
		margin-left: 0 !important;
		margin-top: 0 !important;
		font-size: 22px !important;
	}
	
    .banners{
		display:flex;
		flex-wrap: wrap;
		width: 100%;
		padding: 20px 70px;
    }

    .banners img{
        width: calc(50% - 10px);
        padding: 10px;
    }
	
	body > div:nth-child(13) > div:nth-child(2) > div > div:nth-child(2) > div.col-md-4.col-xs-12 > div.col-md-12.col-xs-12 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	#sidebar-slides {
		padding-left: 15px !important;
	}
	
	.formSearch {
		margin: 0px;
	}
	
	#pesquisaMedico {
		float: right;
	}
	
	body > div.container.nopadding-left {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	
	.social-midia {
		max-width: 100% !important;
	}
	
		.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
		margin-left: 0px !important;
		padding: 10px !important;
	}
	
	#menu-header {
		flex-direction: column;
	}
	
	.dropdown-menu {
    	background-color: #57ba8c !important;
	}
	
	.dropdown-menu>li>a {
		border-bottom: 1px solid #94dfbc !important;
		padding: 15px !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		color: #336666 !important;
	}
	
	#menu-header li {
		display: inline-block !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.representacao {
		flex-direction: column;
	}

	.coluna {
		width: 100%;
	}
	
}


@media(max-width: 700px){
	
	.banners-container {
		padding-left: 15px !important;
		padding-right: 0px !important;
	}
	
    .banners{
		display:flex;
		flex-wrap: wrap;
		width: 100%;
		padding: 10px 20px;
		justify-content: center;
    }

    .banners img{
        width: 90%;
        padding: 10px;
    }
	
	.cards {
		display: flex;
		flex-direction: column;
		margin-top: 40px;
		row-gap: 0;
	}

	.cards img {
		cursor: pointer;
		padding: 25px;
	}
	
	#Form-Pesq {
		justify-content: center;
	}
	
	.Box-Input{
		display:flex;
		flex-direction:column;
		width: 100%;
		align-items: center;
	}


	.Box-Input input, .Box-Input select{
		margin: 10px;
		width: clamp(100%, 95%, 400px);
		border-radius: 5px;
		border:none;
		outline: none;
		border-left: 5px solid #30765E;
		padding: 5px;
		filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.315));
	}

	.Box-Button{
		width: auto;
	}
	
	#rybena-sidebar {
		display: none !important;
	}
	
	body > div.a11y-non-responsive.a11y-toolbar.ltr.left {
		display: none !important;
	}
	
	.flutuant-buttons {
		display: none !important;
	}
}

@media(max-width: 600px){
    .banners{
		display:flex;
		flex-wrap: wrap;
		width: 100%;
		padding: 10px 0;
    }
	
	#sidebar-slides {
		margin-bottom: 20px;
	}

    .banners img{
        width: 90%;
        padding: 10px;
    }
	
	#slides .slidesA {
		height: 400px !important;
	}
}

@media(max-width: 550px) {
	.slidesjs-pagination {
		display: flex;
		flex-direction: column;
		row-gap: 6px;
	}
	
	.slidesjs-pagination {
		top: 12px !important;
		left: 20px !important;
		float: left !important;
	}
}

@media(max-width: 455px){
    .banners{
    display:flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0px;
    }
	
	#slides {
		height: 400px !important;
		margin-bottom: 0px !important;
    }

    #slides .slidesA {
        height: 360px !important;
    }


    .banners img{
        width: 100%;
        padding: 25px;
    }
}