/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

h1, h2, h3, h4, h5, h6 {
	font-family: 'Muli', sans-serif!important;
}

h1.paginas-internas {
	color:#00a759!important;
}

.text-medium {
	font-size:40px!important;
}

h4.subtitulo {
	font-size: 1.2em;
}


p.paginas-internas {
	/* color:#424242!important; */
	/* font-weight:600; */
	color:#00589f!important;
	font-weight:bold;
}

li.breadcrumb-item > a,
li.breadcrumb-item.active {
	color:#424242!important;
}

.background-grey {
	background-color:#eee!important;
}

.heading-text.heading-section p {
    font-weight: 400!important;
}

a, p, body, footer, header, .heading-text.heading-section p, span {
    font-family: 'Muli', sans-serif!important;
    line-height: 30px;
}

p, span, .lead {
	color: #696969;
	font-size: 1.2em;
	font-weight: 400!important;
}

h3.subtitulo {
	color:#00589f!important;
	letter-spacing: 0px;
	font-weight: 900!important;
}

#footer > section > div > a > div > div.col-md-9.col-12 > h3 {
	color:#00589f!important;
}



.btn.botao-download {
	border-color: #00a759;
	background-color: #00a759;
}

#search #search-logo {
	top:15px;
	height: auto;
}

/*******************************/

/* COR PLACEHOLDER BUSCA */
input[type="search"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  opacity:.5;
}
input[type="search"]::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  opacity:.5;
}
input[type="search"]:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
  opacity:.5;
}
input[type="search"]:-moz-placeholder { /* Firefox 18- */
  color: #fff;
  opacity:.5;
}

/* DOWNLOAD CATALOGO */
@media (max-width:767px){ 
	.catalogo {
		margin:0;
		padding:30px 0px;
	}
	h3.chamada-catalogo {
		font-size:18px;
		line-height: 28px;
	}
	
	.botao-download {
		margin-top: 10px;
	}
			
}
@media (min-width:768px){ 
	.catalogo {
		margin:0;
		padding:80px 0px;
	}
}

/*******************************/

/* HEADER/TOP */
#header.header-colored .header-inner, #header.header-colored #header-wrap {
    background-color: #00589f;
}

#header.header-sticky.dark .header-inner, #header.header-sticky.dark #header-wrap {
    background-color: #00589f !important;
}

#search {
	background: #00589f!important;
}

#search .btn-search-close {
    background-color: #fff;
    color: #000;
}

@media (max-width: 991px) {
	#header[data-transparent="true"] .header-inner, #header[data-transparent="true"] #header-wrap, #header.dark[data-transparent="true"] .header-inner, #header.dark[data-transparent="true"] #header-wrap, #header.dark.header-colored .header-inner, #header.dark.header-colored #header-wrap ,#header[data-transparent="true"] #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu, #header.dark[data-transparent="true"] #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu, #header.dark.header-colored #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu {
		background-color: #00589f;
	}
	#header[data-transparent="true"] .header-inner .lines, #header[data-transparent="true"] .header-inner .lines:before, #header[data-transparent="true"] .header-inner .lines:after, #header[data-transparent="true"] #header-wrap .lines, #header[data-transparent="true"] #header-wrap .lines:before, #header[data-transparent="true"] #header-wrap .lines:after, #header.dark[data-transparent="true"] .header-inner .lines, #header.dark[data-transparent="true"] .header-inner .lines:before, #header.dark[data-transparent="true"] .header-inner .lines:after, #header.dark[data-transparent="true"] #header-wrap .lines, #header.dark[data-transparent="true"] #header-wrap .lines:before, #header.dark[data-transparent="true"] #header-wrap .lines:after, #header.dark.header-colored .header-inner .lines, #header.dark.header-colored .header-inner .lines:before, #header.dark.header-colored .header-inner .lines:after, #header.dark.header-colored #header-wrap .lines, #header.dark.header-colored #header-wrap .lines:before, #header.dark.header-colored #header-wrap .lines:after {
		background-color: #fff;
	}
	#header[data-transparent="true"] #mainMenu:not(.menu-overlay) nav > ul > li > a, #header.dark[data-transparent="true"] #mainMenu:not(.menu-overlay) nav > ul > li > a, #header.dark.header-colored #mainMenu:not(.menu-overlay) nav > ul > li > a ,#header.dark.header-colored #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a, #header #mainMenu:not(.menu-overlay) nav > ul > li.dropdown:before {
		color: #fff;
	}
}

/*******************/

/*BOTOES COMPARTILHAR/INTERESSE/DOWNLOAD*/

a.btn.botao-download:not([href]):not([tabindex]), 
.btn.botao-download {
    padding: 11px 18px;
}

a.btn.btn-default.botao-youtube{
	background-color:#ff0000;
	border-color:#ff0000;
}

a.btn.btn-default.botao-youtube:hover,
a.btn.btn-default.botao-youtube:active {
	background-color:#b20000;
	border-color:#b20000;
}

a.btn.btn-default.botao-whatsapp{
	background-color:#25d366;
	border-color:#25d366;
}

a.btn.btn-default.botao-whatsapp:hover,
a.btn.btn-default.botao-whatsapp:active {
	background-color:#128c7e;
	border-color:#128c7e;
}


.btn.botao-interesse:hover {
    background-color: #0333e8;
    border-color: #0333e8;
}
/**************/

/* HOME CAROUSEL NOSSOS PRODUTOS */
.portfolio-item.no-overlay .portfolio-description {
	transform: translateY(-5px);
}
/* FOOTER */

a.links-footer{
	font-size: 18px;
	color: #b6b6b6!important;
}

a.links-footer:focus,a.links-footer:hover{
	font-size: 18px;
	color: #fff!important;
}

#footer.inverted a:not(.btn){
	color: #fff;
}

#footer{
	line-height: 25px;
}

#footer .copyright-content{
	font-size: 14px;
	color: #b6b6b6;
}

@media (min-width:768px){
	.tel-footer {
		text-align:right;
		flex:0 0 46%;
		max-width:46%;
	}
	
	.email-footer {
		text-align:left;
		flex:0 0 54%;
		max-width:54%;
		text-transform:lowercase;
	}
}

@media (max-width:767px){
	.tel-footer {
		text-align:center;
		flex:auto;
		max-width:100%;
	}
	
	.email-footer {
		text-align:center;
		flex:auto;
		max-width:100%;
	}	
}

/***********************************************************/

/* PRODUTOS PORTIFOLIO */
.portfolio-item.no-overlay .portfolio-description,
 .portfolio-item.no-overlay .grid-description,
 .grid-item.no-overlay .portfolio-description,
 .grid-item.no-overlay .grid-description {
    padding: 0px;
}

.controle-resolucao {
	max-height:150px; 
	height:auto; 
	max-width:150px;
	width:auto;
	margin:0 auto;
	margin-bottom:15px;
	margin-top:15px;
}

.portfolio-item.no-overlay .portfolio-description {
    transform: translateY(-5px);
}

.portfolio-item.no-overlay:hover .portfolio-description, 
.portfolio-item.no-overlay:hover .grid-description, 
.grid-item.no-overlay:hover .portfolio-description, 
.grid-item.no-overlay:hover .grid-description {
    transform: translate3d(0, -5px, 0);
    opacity: 1;
    visibility: visible;
}

div.portfolio-description,
div.portfolio-description > a, 
div.portfolio-description > a > h4 {
		padding:0 15px;
		line-height:1.2;
}
/*************************/

#mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
    font-size: 12px;
    line-height: 1.2;
    font-weight: bold;
}

/* INÍCIO WHATSAPP */
.mensagem-whatsapp {
    width: auto;
    position: fixed;
	z-index: 9999;
    bottom: 25px;
    right: 25px;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.mensagem-grande {
    width: 130px;
    display: inline-block;
    float: left;
    background: #16ab4e;
    padding-left: 20px;
    height: 35px;
    z-index: 1;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.mensagem-grande a {
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    padding: 8px 0;
    padding-left: 6px;
	color: #fff;
}
.chamar-whats-div {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #25d366;
    display: inline-block;
    float: left;
    margin-right: 0px;
    z-index: 3;
    position: absolute;
    cursor: pointer;
    left: -16px;
}
.chamar-whats-div i{
    padding-left: 9px;
    padding-top: 6px;
    font-size: 21px;
	color: #fff;
}
#chamar-whats{
	display:block;
}
.mensagem-whatsapp.only-icon{
	right: -172px;
	right: -182px;
	-moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.mensagem-whatsapp.only-icon .fechar-whats{
	display:none;
}

.mensagem-whatsapp a:hover{
	color:#fff;
} 

/* Responsividade do link*/

.desktop{
	visibility:visible;
}

.mobile{
	visibility:hidden;
	display: none!important;
}

@media (max-width:767px){

	.mobile{
		visibility:visible;
		display:block!important;
	}

	.desktop{
		visibility:hidden;
		display: none!important;
	}
	/* .chamar-whats-div i { */
		/* padding-left: 0px; */
	/* } */


}

@media(max-width: 480px){
	.msg-whats{
	visibility:hidden;
	width:0 !important;
	}
	.logo-whats{
		right:0;
	}
	.widget a {
		color: white;
		font-size: 12px;
	}
	.md-m-r-10{
		margin-right:10px!important;
	}
	
	/*Soluções-Detalhes*/
	
	#bt-solucoes a{
		display:block;
		width: auto;
	}
	
	.mobile-msg{
		display:none!important;
	}
	
	.item {
		height: 250px;
	}
	.item-video {
		height: 250px;
	}
	
}

.whats {
    margin-bottom: 0!important;
    box-shadow: none!important;
}


/* FORMULÁRIO */

.form-control, input, select, textarea {
    border-radius: 5px;
    line-height: 18px;
    padding: 10px 16px;
    border: 1px solid #ececec;
    transition: all .3s ease;
    font-size: 1rem;
}

input.shadow {
	width:100%;
}

textarea.shadow {
	width:100%;
}

/*-------- BREADCRUMB -------- */
.background-overlay:before{
	background: none;
}

.breadcrumb-item.active {
    color: #fff;
	font-weight:500;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #424242!important;
	font-weight:500;
}





/*******************************/

/*-------- TOPBAR	 -------- */
.breadcrumb-item.active {
    color: #fff;
	font-weight:500;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: white;
}
/*******************************/
#topbar > section {
	background-position:top;
}

#widget-widget-search-form-button {
	background-color: #fff;
	border-color: #f3f3f3;
	color: #4c5667;
}
/************************/

/* TABELA DETALHE PRODUTOS */
.table-bordered th, .table-bordered td {
    border: 1px solid #828282;
    border-bottom-width: 1px;
    border-left-width: 1px;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #828282;
}
/*********************/

/*PAGINACAO*/
.pagination-lg .page-link {
    line-height: 1.9;
}

.pagination .page-item:not(.disabled).active > .page-link, 
.pagination .page-item:not(.disabled):active > .page-link, 
.pagination .page-item:not(.disabled):focus > .page-link, 
.pagination .page-item:not(.disabled):hover > .page-link {
    background-color: #01589c;
    border-color: #e4e4e4;
    color: #fff;
    box-shadow: none;
}

/***********************/

/* NOVO FOOTER */

.icon-box.clean .icon i {
    color: #fff;
}

#footer > div.copyright-content > div > div > div:nth-child(1) > div > ul > li > a > i {
	color:#fff;
}

#footer > div.footer-content > div > div > div:nth-child(4) > div > div.widget.widget-tags > p {
    margin: 0 0 20px 60px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 50px;
    line-height: 1.6;
    font-size: 14px;
}

.ellite-footer {
    text-align: center;
}

a:not(.btn):hover, a:not(.btn):focus, a:not(.btn):active {
    opacity:0.7;
	transition:0.5s;
}

#footer a > strong {
	font-weight: 600;
	color: #999;
	line-height: 1.6;
    font-size: 14px;
}

.dark .form-control, .dark input, .dark select {
    background-color: #fff;
    border-color: #fff;
}

.busca-header {
	border-radius:5px 0px 0px 5px;
}

.btn-busca-header {
	border-radius:0px 5px 5px 0px;
	padding: 12px 14px;
	margin-left:-5px;
	margin-bottom:2px;

}

button.btn.btn-light.btn-busca-header:hover > i,
button.btn.btn-light.btn-busca-header:active > i,
button.btn.btn-light.btn-busca-header:focus > i {
	color:#fff;
}

@media(min-width: 1200px){
	#mainMenu nav > ul > li > a {
		padding: 10px 10px;
		font-size: 12px;
	}
	.busca-header {
		width:175px;
	}	
}

@media (min-width: 992px) and (max-width: 1199px) {
	#mainMenu nav > ul > li > a {
		padding: 10px 10px;
		font-size: 11px;
	}
	.busca-header {
		width:155px;
	}	
}

@media(max-width: 480px){
	#header .header-inner #logo a > img{
		height: 70px;

	}
}

.img-fluid-representantes {
    max-width: 100%;
    height: auto;
    max-height: 400px;
}

.representantes > div {
	padding-left: 25px;
}

.representantes > div > i {
    font-size: 1.2em;
	color: #00599b;
}

.list-icon.list-icon-uncheck.list-representantes li:before {
	color: #0058a0;
}

.list-icon.list-icon-uncheck.list-representantes li.repr-contato:before {
    content: "\f406";
    font-family: "Font Awesome 5 Free";
}

.list-icon.list-icon-uncheck.list-representantes li.repr-endereco:before {
    content: "\f3c5";
    font-family: "Font Awesome 5 Free";
}

.list-icon.list-icon-uncheck.list-representantes li.repr-fone:before {
    content: "\f095";
    font-family: "Font Awesome 5 Free";
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1,1);
    transform: scale(-1,1);
}

.list-icon.list-icon-uncheck.list-representantes li.repr-mail:before {
    content: "\f1fa";
    font-family: "Font Awesome 5 Free";
}

.list-icon.list-icon-uncheck.list-representantes li > a {
	font-size:120%;
	line-height: 26px;
}
.list-icon.list-icon-uncheck.list-representantes li {
	line-height: 26px;
}

.list-icon.list-representantes li:before {
    font-size: 15px;
}

@media (max-width:350px) {
	.list-icon.list-icon-uncheck.list-representantes li > a {
		font-size: 110%;
		line-height: 26px;
	}
}

.img-prod-fit {
	height: 350px!important;
    width: 100%!important;
    object-fit: contain!important;
    object-position: center!important;
}

.table-responsive.table-tecnica {
	background-color:transparent;
}

.table-responsive.table-tecnica thead,
.table-responsive.table-tecnica tbody {
	background-color:#fff;
}

.autocomplete {
    position: relative;
    display: inline-block;
    z-index: 1049;
    width: 100%;
}

@media (max-width:992px) {
	.autocomplete {
		margin-top:12%;
	}
}

@media (max-width:480px) {
	.autocomplete {
		margin-top:15%;
	}
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    top: 76%;
    left: 0;
    right: 0;
	border-radius:5px;
}

@media (max-width:992px) {
	.autocomplete-items {
		border: none;
	}
}

.autocomplete-items div {
    padding: 15px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
    color: #5a5b5b;
}

.autocomplete-items div a {
	line-height: normal;
}

@media (max-width:992px) {
	.autocomplete-items div {
		width: 77vw;
		color: #5a5b5b;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width:480px) {
	.autocomplete-items div {
		padding: 10px;
	}
}

.autocomplete-items div:first-child {
	border-radius:5px 5px 0px 0px;
}

.autocomplete-items div:last-child {
	border-radius:0px 0px 5px 5px;
}

#search {
    justify-content: unset;

}

#search .buscar {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px;
    font-weight: bold;
    padding: 10px 15px 10px 0px;
	line-height:unset;
}

body.search-open #search .btn-search-close {
    transform: scale(1.5);
}

@media (max-width: 480px) {
	#header .header-inner #logo a > img {
		height: 67px;
		margin-top: 6px;
	}
	
	#search .search-form .form-control {
		font-size: 16px;
		margin-bottom: 8px;
	}
	
	#search .buscar {
		font-size: 16px;
	}
}

#search .search-form .form-control {
    padding: 10px 40px 10px 0px;
}