@import url('https://fonts.googleapis.com/css2?family=Catamaran&family=Titillium+Web:wght@400;700&display=swap');

:root {

 --bg-padrao: #00AF89;

 --bg-secundaria: #104099;

 --bg-escura: #104099;

 --bg-clara: #E1E8F0;

 --text-menu: #333333;

 --text-padrao: #333333;

}

body {

	font-family: 'Catamaran', sans-serif !important;

	line-height: 1.5;

	font-weight: 400;

	color: var(--text-menu);

}

h1, h2, h3, h4 {

	font-weight: 400 !important;

	font-family: 'Titillium Web', serif !important;

	/*font-size: 3rem;*/

	color: var(--text-padrao);

}

.font-2{

	font-family: 'Titillium Web', sans-serif !important;

	font-weight: 400!important;

	font-style: normal;

}



header svg{

	width: 1.2em;

	height: 1.2em;

}

#acesso svg{

		width: 1.2em;

	height: 1.2em;

	font-size: 3em;

}

#destaque-2 svg, #destaque-mobile svg{

		width: 1em;

	height: 1em;

	font-size: 2em;

}

.menu-mobile{

	position: absolute;

    right: 0px;

}

/*efect card*/

.card .image-box {

	overflow: hidden;

}

.card .image-box img {

	-webkit-transition: all .9s ease;

	-moz-transition: all .9s ease;

	-o-transition: all .9s ease;

	-ms-transition: all .9s ease;

}

.card:hover .image-box img {

	opacity: 0.7;

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-ms-transform: scale(1.15);

	-o-transform: scale(1.15);

	transform: scale(1.15);

}

.mt-negative { top:-40px}

.mr-negative { right:-40px}

/*end efect card*/

body.offcanvas-active {

	overflow: hidden;

}

.offcanvas-header {

	display: none;

}

.border-sidebar{

	border:solid 4px #e1e8f0;

}

.screen-darken {

	height: 100%;

	width: 0%;

	z-index: 30;

	position: fixed;

	top: 0;

	right: 0;

	opacity: 0;

	visibility: hidden;

	background-color: rgba(34, 34, 34, 0.6);

	transition: opacity .2s linear, visibility 0.2s, width 2s ease-in;

}

.screen-darken.active {

	z-index: 10;

	transition: opacity .3s ease, width 0s;

	opacity: 1;

	width: 100%;

	visibility: visible;

}





.error {

	color: red;

	font-size: 12px

}

nav, .dropdown-item {

	font-size: 14px;

	text-transform: uppercase;

		font-weight: 700

}

.nav-link:focus, .nav-link:hover {

    color: var(--bg-secundaria);

}

li a.nav-link {

	color: var(--text-menu);

}

.nav-link:hover {

	color: var(--bg-padrao);

}

.dropdown-item:active {

	background-color: #CCCCCC;

	color: #333333;

}

a {

	text-decoration: none;

}

article a {

	color: #333333;

}

article a:hover {

	color: #333333;

}

#header-fixo {

	position: absolute;

	z-index: 2;

	top: 0;

	left: 0;

	right: 0;

	margin: auto;

}

#header-fixo2 {

	position: relative;

	top: 0;

	left: 0;

	right: 0;

	margin: auto;

	background:var(--bg-padrao);

}

.card a {

	/*color: var(--bg-padrao);*/

}



.zind {

	z-index: 99999 !important

}

.top-rounded-left {

	border-top-left-radius: .25em;

}

.carousel-caption {

	bottom: 20%;

}

footer a:hover {

	color: #CCCCCC;

}

footer a {

	color: #333333;

}

.breadcrumb a {

	color: var(--bg-padrao)!important

}

.transparencia {

	background-color: rgba(255,255,255,0.4);

}



.box-cookies.hide {

  display: none !important;

}



.box-cookies {

	justify-content: center;

  position: fixed;

  width: 100%;

  z-index: 2;

  bottom: 0px;

  display: flex;

  align-items: center;

  background-color:rgba(255,255,255,.8);

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

}



.box-cookies .msg-cookies,

.box-cookies .btn-cookies {

  text-align: center;

}



@media screen and (max-width: 960px) {

  .box-cookies {

    flex-direction: column;

  }

}



.float-whatsapp {

	position: fixed;

	width: 55px;

	height: 55px;

	bottom: 20px;

	left: 20px;

	background-color: #25d366;

	color: #FFF;

	border-radius: 50px;

	text-align: center;

	font-size: 33px;

	box-shadow: 2px 2px 3px #999;

	z-index: 100;

}

.my-float {

	margin-top: 16px;

}

.bt-whatsapp {

	display: none;

	background: #4DC247;

}

.txt-whatsapp {

	color: #4DC247;

}

/*botao piscando*/

@-webkit-keyframes glowing {

  0% { background-color: #25d366; -webkit-box-shadow: 0 0 3px #25d366; }

  50% { background-color: #00661A; -webkit-box-shadow: 0 0 3px #00661A; }

  100% { background-color: #25d366; -webkit-box-shadow: 0 0 3px #25d366; }

}



@-moz-keyframes glowing {

  0% { background-color: #25d366; -moz-box-shadow: 0 0 3px #25d366; }

  50% { background-color: #00661A; -moz-box-shadow: 0 0 3px #00661A; }

  100% { background-color: #25d366; -moz-box-shadow: 0 0 3px #25d366; }

}



@-o-keyframes glowing {

  0% { background-color: #25d366; box-shadow: 0 0 3px #25d366; }

  50% { background-color: #00661A; box-shadow: 0 0 3px #00661A; }

  100% { background-color: #25d366; box-shadow: 0 0 3px #25d366; }

}



@keyframes glowing {

  0% { background-color: #25d366; box-shadow: 0 0 3px #25d366; }

  50% { background-color: #00661A; box-shadow: 0 0 3px #00661A; }

  100% { background-color: #25d366; box-shadow: 0 0 3px #25d366; }

}

.pisca-zap {

    -webkit-animation: glowing 1500ms infinite;

    -moz-animation: glowing 1500ms infinite;

    -o-animation: glowing 1500ms infinite;

    animation: glowing 1500ms infinite;

}

/*botao piscando*/

.float-whatsapp:after {

	content:'';

  animation-name: spin;

  animation-duration: 5000ms;

  animation-iteration-count: infinite;

  animation-timing-function: linear; 

  	position: fixed;

	border: dashed 2px #25d366;

	width: 75px;

	height: 75px;

	bottom: 10px;

    left: 10px;

	color: #FFF;

	border-radius: 50px;

	text-align: center;

	font-size: 33px;

	z-index: 101;

}

@keyframes spin {

    from {

        transform:rotate(0deg);

    }

    to {

        transform:rotate(360deg);

    }

}

.text-shadow {

	text-shadow: 2px 2px 5px #000000;

}

.txt-whatsapp {

	color: #4DC247;

}

.bg-whatsapp {

	background: #4DC247;

}

.bg-padrao {

	background: var(--bg-padrao);

}

.bg-padrao-2 {

	background: var(--bg-secundaria);

}

.border-padrao {

	border-bottom: solid 3px var(--bg-padrao) !important;

}

.btn-primary {

	background: var(--bg-padrao);

}

.btn-outline-primary {

	border-color: var(--bg-padrao);

	color: var(--bg-padrao);

}

.btn-outline-padrao-2:hover {

	background: var(--bg-secundaria);

	color:#FFFFFF;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

}

.btn-outline-padrao-2 {

	border-color: var(--bg-secundaria);

	color: var(--bg-secundaria);

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    transition: all 300ms ease;

}

.btn-outline-primary:hover {

	background: var(--bg-padrao);

}

.bg-padrao-escuro {

	background: var(--bg-escura);

}

.bg-padrao-claro {

	background: var(--bg-clara);

}

header i.fa {

	display: inline-block;

	border-radius: 50%;

	padding: 0.3em 0.4em;

}

blockquote {

    font-size: 1.5em;

    letter-spacing: 120%;

	padding-left:1em;

	margin-left:1em;

	border-left: 4px solid var(--bg-secundaria);

}

.dividir {

	width: 50px;

	height: 3px!important;

	border: none;

	opacity: 1;

}

header svg {

	color: var(--bg-clara);

}

.txt-padrao {

	color: var(--text-padrao);

}

.txt-padrao-p {

	color: var(--bg-padrao);

}

.txt-padrao2 {

	color: var(--bg-secundaria);

}

.txt-padrao-escuro {

	color: var(--bg-escura);

}

.bg-banner {

	background: rgba(36,78,125,0.75);

}

.recorte {

	position: relative;

	border-bottom-left-radius: 100% 30%;

	border-bottom-right-radius: 100% 30%;

}

.img-gradiente {

 -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 20%);

  mask-image: linear-gradient(to bottom, transparent 0%, black 20%);

}

.img-escurece {

	filter: brightness(80%)

}

.border-radius-img {

	-webkit-border-bottom-right-radius: .25rem;

	-webkit-border-bottom-left-radius: .25rem;

	-moz-border-radius-bottomright: .25rem;

	-moz-border-radius-bottomleft: .25rem;

	border-bottom-right-radius: .25rem;

	border-bottom-left-radius: .25rem;

}

.menu-resp {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}





/*animacao*/

@-webkit-keyframes fadeIn {

0% {

opacity: 0;

}

100% {

opacity: 1;

}

}

@-moz-keyframes fadeIn {

0% {

opacity: 0;

}

100% {

opacity: 1;

}

}

@-o-keyframes fadeIn {

0% {

opacity: 0;

}

100% {

opacity: 1;

}

}

@keyframes fadeIn {

0% {

opacity: 0;

}

100% {

opacity: 1;

}

}

.fadeIn {

	-webkit-animation: fadeIn .5s ease-in-out;

	-moz-animation: fadeIn .5s ease-in-out;

	-o-animation: fadeIn .5s ease-in-out;

	animation: fadeIn .5s ease-in-out;

}

/*animacao*/





/* Rating Star Widgets Style */

.rating-stars ul {

	list-style-type: none;

	padding: 0;

	-moz-user-select: none;

	-webkit-user-select: none;

}

.rating-stars ul > li.star {

	display: inline-block;

}

/* Idle State of the stars */

.rating-stars ul > li.star > i.fa {

	font-size: 1em; /* Change the size of the stars */

	color: #ccc; /* Color on idle state */

}

/* Hover state of the stars */

.rating-stars ul > li.star.hover > i.fa {

	color: #FFCC36;

}

/* Selected state of the stars */

.rating-stars ul > li.star.selected > i.fa {

	color: #FF912C;

}

.carousel-caption h2 {

	font-size: 4em;

}

.carousel-caption p {

	font-size: 1.5em;

}



/* ============ mobile view ============ */

@media screen and (max-width: 991px) {

.mt-negative { top:0px}

.mr-negative { right:0px}

.carousel-caption h2 {

	font-size: 1.2em;

}

.carousel-caption p,.carousel-caption h4 {

	font-size: 1em;

}

.carousel-caption {

	bottom: 0%;

}

.offcanvas-header {

	display: block;

}

.mobile-offcanvas {

	visibility: hidden;

	transform: translateX(-100%);

	border-radius: 0;

	display: block;

	position: fixed;

	top: 0;

	left: 0;

	height: 100%;

	z-index: 1200;

	width: 80%;

	overflow-y: scroll;

	overflow-x: hidden;

	transition: visibility .3s ease-in-out, transform .3s ease-in-out;

}

.mobile-offcanvas.show {

	visibility: visible;

	transform: translateX(0);

	background:#FFFFFF;

}

.mobile-offcanvas .container, .mobile-offcanvas .container-fluid {

	display: block;

}

}

/* ============ mobile view .end// ============ */



@media screen and (max-width :1024px) {

#header-fixo {

	position: relative;

}

.menu-resp {

	position: relative;

	top: 0%;

	left: 0%;

	transform: none;

}

.fixed-top {

	position: relative !important;

	top: 0;

	right: 0;

	left: 0;

	z-index: 1030;

}

.bt-whatsapp {

	display: inline-block;

}

.btn-mob {

	padding: 2px;

}

#acesso.my-5 {

	margin: 0px !important

}

}