/*@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/century/centurygothic.TTF');
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/century/centurygothicbold.ttf');
    font-weight: bold;
}*/

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

html {
	overflow-x: hidden;
	scroll-behavior: smooth;
}

body {
	/*font-family: 'Century Gothic', sans-serif;*/
    font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: normal;
	background-color: #fdfcff;
	overflow-x: hidden;
	background: #fff no-repeat center top;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}


* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
  }
  

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul {
margin: 0;
padding: 0; }

p{
font-size: 16px;
color: #4a4a4a;
}

a {
	color: #4a4a4a;
    transition: 0.3s;
}
a:hover {
    color: #5ca47a;
    text-decoration: none;
    transition: 0.3s;
}

.row {
margin-bottom: 0; }


button{
	cursor: pointer;
}

section {
    padding: 50px 0px 50px; 
}
    
@media screen and (min-width: 993px){
    .container {
        margin: 0 auto;
        max-width: 1280px;
        width: 85%;
    }
}
    
.menu-topo{
	display: flex;
	justify-content: center;
    align-items: center;
    flex-direction: row;
    list-style: none;
}

.menu-topo li {
    margin-right: 35px;
}

.menu-topo .nav-item a.nav-link {
    /* text-transform: uppercase; */
    color: #5ca47a;
    font-size: 18px;
    font-weight: 600;
    transition: 0.3s;
}

#menu-topo {
    /*justify-content: space-around;*/
    padding: 60px 20px 30px;
    /*padding: 60px 20px 30px;*/
    align-items: center;
}

.logo {
    margin-top: -30px;
}

.navbar {
    padding: 0;
    /* position: absolute; */
    width: 100%;
}

.titulo-grande {
    font-size: 51px;
    font-weight: bold;
    color: #fff;
    line-height: 41px;
}

.azul-claro {
    color: #97ebba;
}

.banner-texto h1 {
    margin-bottom: 30px;
}

.subtitulo-grande {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

.btn {
    background: #5ca47a;
    border-color: #5ca47a;
    padding: 8px 20px !important;
    width: unset;
    border-radius: 20px;
    color: #fff;
    text-transform: uppercase;
	font-weight: 600;
    transition: 0.3s;
    
}

.btn:hover{
	background: #44815d;
    border-color: #5ca47a;
    transition: 0.3;
}

.btn-azul-claro {
    background: #44c1f4;
    color: #09416e !important;
}

.btn-login{
	text-transform: capitalize;
}

.flex {
    display: flex;
    align-items: center;
}

.banner-texto p {
    margin-bottom: 20px;
}

.banner-conteudo{
	background: url('../imagens/banner-01.png') no-repeat right top;
	height: 600px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

section#banner {
	margin-top: 0;
	padding: 0;
	position: relative;
}

.bg-ondas{
	background: url('../imagens/bg-ondas.png') no-repeat center bottom;
	/*height: 320px;*/
	height: 370px;
	margin-top: -90px;
	display: none;
}

.btn-shadow  {
	-webkit-box-shadow: 0px 0px 22px -3px rgba(68,231,244,1);
	-moz-box-shadow: 0px 0px 22px -3px rgba(68,231,244,1);
	box-shadow: 0px 0px 22px -3px rgba(68,231,244,1);
	transition: 0.3s;
	background: #64e1ff;
	text-shadow: 0px 0px 20px;
}
	
.produtos-categorias {
    display: flex;
    justify-content: center;
    position: relative;
    display: none;
}

.produtos-categorias img {
    /* width: 30px; */
    /* height: 30px; */
}

.box-redondo img {
    width: 60px;
    height: auto;
    /* object-fit: cover; */
    margin-bottom: 10px;
}

.opacidade-0{
    opacity: 0;
}

.box-redondo {
    height: 200px;
    width: 200px;
	border-radius: 50%;
	background: #bed1de;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    cursor: pointer;
}

.box-redondo:hover{
   transform: scale(1.1); 
}

.box-redondo.ativo{
    transition: 0.5s;
	background: rgb(194,212,224);
    background: linear-gradient(0deg, rgba(194,212,224,1) 4%, rgba(194,212,224,1) 25%, rgba(249,251,251,1) 75%, rgba(252,253,253,1) 99%);
    transform: scale(1.1); 
}

.box-titulo {
    font-weight: 600;
    /* color: #2f2f2f; */
    color: #4a4a4a;
    font-size: 20px;
}

.lista-produtos {
    margin-top: 20px;
    /* display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px; */
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}

.box img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    margin-bottom: 20px;
}

.box {
    cursor: pointer;
    background: #fff;
    border-radius: 30px;
    padding: 20px;
    text-align: center;
    /* background: rgb(219,233,241); */
    /* background: linear-gradient(0deg, rgba(219,233,241,1) 0%, rgba(219,233,241,1) 1%, rgba(240,246,249,1) 11%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 99%); */
    height: 390px;
    /*border: 1px solid #ececec;*/
    border: 5px solid #e8e8e8;
}

.box-texto {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 140px;
}
.box-texto>a {
    color: white !important;
}

.box-texto a {
    margin-top: auto;
}

#barra-central {
    background: url(../imagens/bg-barra.jpg) no-repeat center top;
    /* height: 215px; */
}

.barra-central-barra {
    height: 125px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.titulo {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    color: #2f73a9;
}

.titulo-branco {
    color: #fff;
}

.titulo-simbolo {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.titulo-simbolo img {
    margin-right: 10px;
}

.box-sobre {
	margin-bottom: 30px;
	text-align: justify;
}
@media (min-width:769px){
    .box-sobre:nth-child(3),
    .box-sobre:nth-child(4),
    .box-sobre:nth-child(5) {
        padding-right:50px
    }
}

.simbolo-cinza {
    text-align: center;
    position: relative;
}

.simbolo-cinza:after {content: '';
	height: 2px;
	width: 42%;
	position: absolute;
	background: #ebebeb;
	right: 0;
	top: 50%;
	z-index: 1;
}

.simbolo-cinza:before {
    content: '';
    height: 2px;
    width: 42%;
    position: absolute;
    background: #ebebeb;
    left: 0;
    top: 50%;
	z-index: 1;
}

.simbolo-cinza img {
    z-index: 2;
}

#contato {
	/* background: #166dab url(../imagens/bg-contato.png) no-repeat center top; */
	background: #fff url(../imagens/bg-contato-branco.png) no-repeat center top;
	padding: 0;
	padding: 70px 0 100px;
}

#contato p, #contato strong {
    color: #2f2f2f;
    margin-top: 30px;
}

.form-control {
    border-radius: 30px;
    border: 1px solid #ececec;
    padding: 10px 20px;
    height: 50px !important;
    color: #2f2f2f;
}

.form-control::placeholder {
    color: #2f2f2f;
}

textarea.form-control {
    height: 148px !important;
}

form {
    padding-top: 40px;
}

.lista-central-atendimento {
    list-style: none;
}

.lista-midias-sociais {
	list-style: none;
	display: flex;
    /*justify-content: center;*/
	justify-content: left;
	/*margin-left: 9px;*/
    position: relative;
}

.lista-midias-sociais li{
	margin-right: 12px;
}

.lista-midias-sociais:before {
    content:"";
    position: absolute;
    top: -55px;
    right: 58px;
    width: 55px;
    height: 37px;
    background: url("../imagens/selo-20anos.png") no-repeat;
    display: none;
}
.navbar.hide-for-mobile.fixed-menu.active .lista-midias-sociais:before {
    display: none;
}

.rodape-cima {
    background: #fff;
    padding: 40px;
}

.rodape-cima h4 {
    margin-bottom: 20px;
    /* color: #5ca47a !important; */
}

.lista-central-atendimento li {
    margin-bottom: 5px;
}

.lista-midias-sociais i {
    /*background: #09426e;*/
    /*border: 2px solid #09426e;*/
    color: #fff;
    padding: 10px;
    border-radius: 50%;
    font-size: 16px;
    transition: 0.3s;
}

.lista-midias-sociais i.fa-facebook-f {
    padding: 10px 13px;
    background: rgb(6,115,231);
    background: linear-gradient(63deg, rgba(6,115,231,1) 0%, rgba(21,162,250,1) 100%);
    border: 2px solid rgb(6,115,231);
}
.lista-midias-sociais i.fa-facebook-f:hover {
    color: rgb(6,115,231);
    border: 2px solid rgb(6,115,231);
}

.lista-midias-sociais i.fa-instagram {
    padding: 10px 11px;
    background: rgb(239,135,30);
    background: linear-gradient(63deg, rgba(239,135,30,1) 0%, rgba(180,46,143,1) 100%);
    border: 2px solid rgba(239,135,30,1);
}
.lista-midias-sociais i.fa-instagram:hover {
    color: rgba(180,46,143,1);
    border: 2px solid rgba(180,46,143,1);
}

.lista-midias-sociais i.fa-linkedin {
    padding: 10px 13px;
    background: rgb(2,113,174);
    background: linear-gradient(63deg, rgba(2,113,174,1) 0%, rgba(2,71,174,1) 100%);
    border: 2px solid rgb(2,113,174);
}
.lista-midias-sociais i.fa-linkedin:hover {
    color: rgb(2,113,174);
    border: 2px solid rgb(2,113,174);
}

.lista-midias-sociais i.fa-whatsapp {
    padding: 10px 11px;
    background: #23ae39;
    background: linear-gradient(63deg, #23ae39 0%, #5ad266 100%);
    border: 2px solid #23ae39;
}
.lista-midias-sociais i.fa-whatsapp:hover {
    color: #23ae39;
    border: 2px solid #23ae39;
}


.lista-midias-sociais i.fa-linkedin-in {
    padding: 10px 12px;
}

.midias-socias{
	/*text-align: center;*/
}

.rodape-baixo .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.rodape-baixo {
    padding: 50px 0;
    background: #5ca47a;
}

.desenvolvedores {
    display: flex;
    align-items: center;
}

.rodape-baixo p {
    color: #fff;
    font-size: 14px;
}

.menu-topo .nav-item a.nav-link:hover {
    color: #8fcfa9;
    transition: 0.3s;
}
.fixed-menu.active .menu-topo .nav-item a.nav-link:hover {
    color: #97ebba !important;
}

.btn-azul-claro:hover {
    -webkit-box-shadow: 0px 0px 22px 1px rgba(68,231,244,1);
    -moz-box-shadow: 0px 0px 22px 1px rgba(68,231,244,1);
    box-shadow: 0px 0px 22px 1px rgba(68,231,244,1);
    transition: 0.3s;
}

.lista-midias-sociais a:hover i {
    background: #fff;
	color: #09426e;
}

.box-redondo {
    position: absolute;
}

.box-equipamentos {
    left: 210px;
    top: -101px;
}

.box-mobiliarios {
    right: 210px;
    top: -112px;
}

.box-consumiveis {
    top: -130px;
}

@media(max-width: 1400px){
    .box-equipamentos {
        left: 140px;
        top: -81px;
    }    

    .box-mobiliarios {
        right: 140px;
        top: -92px;
    }    

    .box-consumiveis {
        top: -100px;
    }
}


.slide-banner.owl-theme .owl-dots .owl-dot.active span {
    background: transparent;
    border: 2px solid #fff;
    width: 12px;
    height: 12px;
}

.slide-banner.owl-theme .owl-dots .owl-dot span {
    background: #fff;
}

.slide-banner .owl-dots {
    display: flex;
    justify-content: center;
    align-items: center;
}

.slide-banner .owl-dots button:focus {
	outline: none !important;
}


.slide-produtos .owl-nav {
    position: absolute;
    width: 110%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 40%;
    left: -5%;
    font-size: 36px;
    color: #09426e;
}

.slide-produtos .owl-nav button {
    transition: 0.3s;
}

.slide-produtos .owl-nav button:hover, .slide-produtos .owl-nav button:focus {
    background: transparent !important;
    outline: none !important;
    transition: 0.3s;
    color: unset !important;
}

#marcas{
	/* background: url('../imagens/bg-marcas.jpg') no-repeat center top; */
	background: #f3f3f3;
	/*padding: 40px 0 40px;*/
	padding: 30px 0;
}

.slide-marcas img {
    height: 62px;
    object-fit: contain;
    margin: 0 auto;
}


.produtos-consumiveis, .produtos-mobiliarios{
	/* display: none; */
}

.produtos-equipamentos, .produtos-consumiveis, .produtos-mobiliarios{
	transition: 0.3s;
}

.desenvolvedores a {
    margin-left: 20px;
}

.banner-texto {
    padding-left: 40px;
}

.lista-valores {
    margin-left: 20px;
    color: #4a4a4a;
}

label.error {
    position: absolute;
    right: 40px;
    top: 16px;
    color: red;
    font-size: 12px;
    pointer-events: none;
}
.form-group-captcha label.error {
    top: 50px;
}

.texto-onde-estamos{
    line-height: 29px;
}

.form-group-cidade{
    padding-left: 0;
}

.show-for-mobile{
    display: none;
}

.hamburger {
    display: none !important;
}

.slide-banner .owl-nav {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 40%;
    font-size: 48px;
    display: flex;
    justify-content: space-between;
    color: #fff;
    z-index: 10;
}

.slide-banner {
    position: relative;
}

.slide-banner.owl-theme .owl-nav button:hover, .slide-banner.owl-theme .owl-nav button:focus {
    background: transparent;
    outline: none;
}

#modalProduto .modal-dialog {
    max-width: 720px;
}

#modalProduto .modal-dialog .modal-content {
    width: 720px;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgb(186 205 194) 0%, rgb(186 205 194) 1%, rgba(240,246,249,1) 11%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 99%)
}

#modalProduto img{
    width: 100%;
    height: auto;
}

#modalProduto h4{
    margin-bottom: 20px;
}

#modalProduto p{
    text-align: justify;
}

#modalProduto button.close {
    position: absolute;
    right: -10px;
    background: #5ca47a;
    opacity: 1;
    padding: 5px 10px;
    border-radius: 50%;
    top: -10px;
    color: #fff;
    z-index: 9;
}

#modalProduto .modal-body{
    padding: 20px;
}

.btn i {
    margin-right: 5px;
}

.aba-produtos + .aba-produtos {
    margin-top: 50px;
}

.aba-produtos .titulo-simbolo::after {content: '';background: #ececec;height: 5px;flex: 1;margin-left: 20px;border-radius: 15px;}

.produtos-equipamentos .btn {
    background: #CB2886;
    border-color: #CB2886;
}

.produtos-consumiveis .btn {
    background: #4582b2;
    border-color: #4582b2;
}

.produtos-mobiliarios .btn {
    background: #08beab;
    border-color: #08beab;
}

form#contato {
    padding: 20px 0 0;
    background: transparent;
}

.instagram_gallery a img {
    width: 100% !important;
}

/* #modalProduto button.close span{
    position: absolute;
    right: -10px;
    background: #09416e;
    opacity: 1;
    padding: 5px 10px;
    border-radius: 50%;
    top: -10px;
} */

section#instagram {
    padding: 0;
    margin-top: -50px;
}
section#instagram h4 a {
    color: #2f73a9;
}

.produtos-equipamentos .btn:hover {
    color: #fff !important;
    background: #a7216d;
}

.produtos-consumiveis .btn:hover {
    color: #fff !important;
    background: #1e72a3;
}

.produtos-mobiliarios .btn:hover {
    color: #fff !important;
    background: #079989;
}

.fixed-menu{
    position: fixed;
    opacity: 0;
    transition: 0.5s;
    background: #5ca47a;
    top: 0;
    width: 100%;
    z-index: 999;
    align-items: center;
    max-height: 0px;
    overflow: hidden;
}

.fixed-menu #menu-topo {
    padding: 30px 20px 30px;
}

.fixed-menu .logo {
    margin-bottom: -30px;
}

.fixed-menu .logo img{
    width: 190px;
}

.fixed-menu .menu-topo {
    margin-top: 0;
}

.fixed-menu .nav-item a.nav-link {
    color: #fff;
}

.fixed-menu.active{
    opacity: 1;
    max-height: 1000px;
}

.efeito-scroll {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    margin: 0 auto;
    width: 55px;
    height: 55px;
    background: #01c5b1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0px 0px 10px 0px rgba(1,197,177,1);
}

.efeito-scroll > a{
    transform: scale(0.7);
}

.instagram_gallery.owl-carousel .owl-item {
    overflow: hidden;
}

.instagram_gallery.owl-carousel .owl-item img {
    transition: 0.3s;
}

.instagram_gallery.owl-carousel .owl-item img:hover {
    transform: scale(1.2);
}



.wc--float-ballon--text {
    color: #000;
}
.slide-marcas .owl-stage-outer .owl-stage .owl-item a img {
        object-fit: none;
}
#instagram-feed-demo .owl-item a {
    width: 100% !important;
}



.nav-item.nav-item-midias {
    margin-left: 20px;
}




.slide-banner .owl-dots {
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.btn-acessar-site-videos {
    display: block;
    padding: 15px 30px;
    margin-bottom: 20px;
    background-color: #fd0000;
    border-bottom: 4px solid #d20808;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    transition: 0.3s;
}
.btn-acessar-site-videos:hover {
    color: #fff;
    text-decoration: none;
    background-color: #d20808;
    border-bottom: 4px solid #b60606;
    transition: 0.3s;
}

.tabela-com-borda {
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.tabela-com-borda tr {
    border-bottom: 1px solid #ccc;
}
.tabela-com-borda tr td {
    border-right: 1px solid #ccc;
    padding: 10px;
}


.box-descricao img {
    border-radius: 4px;
}
.box-descricao-rodape {
    font-size: 13px;
    text-align: center !important;
    display: block;
}