body {
	background-image: linear-gradient(to bottom right, <?php echo $corpredominante; ?> , #f7f7f7);
	font-display: swap !important;
}
a {
	text-decoration: none;
	-moz-transition: color 0.2s ease, color 0.2s ease;
	-webkit-transition: color 0.2s ease, color 0.2s ease;
	-ms-transition: color 0.2s ease, color 0.2s ease;
	transition: color 0.2s ease, color 0.2s ease;
	color:#1356c8;
}
a:hover{
	color: #229245;
}
.invertercor{
	color:  <?php echo $corpredominante; ?>;
	-webkit-filter: invert(100%);
	ilter: invert(100%);
}
.fa-whatsapp:before {
	content: "\f232"; 
	font-family: "Font Awesome 5 Brands"; 
}
.fa-motorcycle:before {
	content: "\f21c"; 
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
}
.fa-clock-o:before {
	content: "\f017"; 
	font-family: "Font Awesome 5 Free"; 
}
.fa-map-marker:before {
	content: "\f041"; 
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
}
.fa-x-twitter:before {
	content: "\e61b"; 
	font-family: "Font Awesome 5 Brands"; 
	font-weight: 900;
}
.fa-facebook:before {
	content: "\f09a"; 
	font-family: "Font Awesome 5 Brands"; 
	font-weight: 900;
}
.fa-instagram:before {
	content: "\f16d"; 
	font-family: "Font Awesome 5 Brands"; 
	font-weight: 900;
}
.fa-youtube:before {
	content: "\f167"; 
	font-family: "Font Awesome 5 Brands"; 
	font-weight: 900;
}
.fa-skype:before {
	content: "\f17e"; 
	font-family: "Font Awesome 5 Brands"; 
	font-weight: 900;
}
.fa-house:before {
	content: "\f015"; 
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
}
.fa-folder:before {
	content: "\f07b"; 
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
}
.fa-envelope:before {
	content: "\f0e0"; 
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
}
.fa-location-dot:before {
	content: "\f3c5"; 
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
}
.fa-chevron-right:before {
	content: "\f054"; 
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
}
.fa-magnifying-glass:before {
	content: "\f002"; 
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
}
#main>.panel.intro {
	height: 23em;
}
#main>.panel.intro header {
	padding: 1.5em 2.5em 6em 2.5em;
}
/*BOTOES*/

.topo_mobile {
	position:absolute;
	float:none; 
	bottom:0; 
	left:0; 
	width:100%; 
	padding:0 0 0 0; 
	z-index: 10;
}

.campos_mobile {
	position:relative;
	float:left;
	max-width:100%;
	text-align:center;
	padding:0 8px 8px 8px;
	box-sizing:border-box;
}

.campo_aberto {
	-moz-transition: color 0.2s ease, background-color 0.2s ease;
	-webkit-transition: color 0.2s ease, background-color 0.2s ease;
	-ms-transition: color 0.2s ease, background-color 0.2s ease;
	transition: color 0.2s ease, background-color 0.2s ease;
	background-color:#68c7a0;
	color:#68c7a0;
}
.campo_aberto:hover {
	background-color:#509a7b;
	color:#509a7b;
}
.campo_aberto_grade {
	background-color:#68c7a0;
	color:#ffffff;
}
.campo_fechado {
	-moz-transition: color 0.2s ease, background-color 0.2s ease;
	-webkit-transition: color 0.2s ease, background-color 0.2s ease;
	-ms-transition: color 0.2s ease, background-color 0.2s ease;
	transition: color 0.2s ease, background-color 0.2s ease;
	background-color:#c76883;
	color:#c76883;
}
.campo_fechado:hover {
	background-color:#a54a64;
	color:#a54a64;
}
.campo_fechado_grade {
	background-color:#c76883;
	color:#ffffff;
}

.campo_whats {
	-moz-transition: color 0.2s ease, background-color 0.2s ease;
	-webkit-transition: color 0.2s ease, background-color 0.2s ease;
	-ms-transition: color 0.2s ease, background-color 0.2s ease;
	transition: color 0.2s ease, background-color 0.2s ease;
	background-color:#81d587;
	color:#81d587;
}
.campo_whats:hover {
	background-color:#66ad6b;
	color:#66ad6b;
}

.campo_mapa {
	-moz-transition: color 0.2s ease, background-color 0.2s ease;
	-webkit-transition: color 0.2s ease, background-color 0.2s ease;
	-ms-transition: color 0.2s ease, background-color 0.2s ease;
	transition: color 0.2s ease, background-color 0.2s ease;
	background-color:#75a3c6;
	color:#75a3c6;
}
.campo_mapa:hover {
	background-color:#6186a2;
	color:#6186a2;
}

.campo_delivery {
	-moz-transition: color 0.2s ease, background-color 0.2s ease;
	-webkit-transition: color 0.2s ease, background-color 0.2s ease;
	-ms-transition: color 0.2s ease, background-color 0.2s ease;
	transition: color 0.2s ease, background-color 0.2s ease;
	background-color:#e9c35b;
	color:#e9c35b;
}
.campo_delivery:hover {
	background-color:#d1af52;
	color:#d1af52;
}

.campos_mobile a {
	text-decoration: none;
}

.circulo {
	width: 3.5em;
	height: auto;
	border:none;
	vertical-align:middle;
	text-align:center;
	border-radius:50%;
	margin:0 auto 0 auto;
	float:none;
	padding-top: 5px;
}

.campos_mobile i {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Brands"; 
	font-style:normal;
	text-transform: none !important;
	text-decoration: none;
	font-size: 2em;
	color:rgba(255, 255, 255, 0.8);
	line-height: 1em;
}

.campos_mobile span {
	text-decoration: none;
	position: relative;
	display: block;
	width:100%;
	text-align: center;
	color:#FFF;
	letter-spacing: 0em;
	line-height: 1.15;
}

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

	.campos_mobile a:before {
		font-size: 1.5rem;
	}

}
.botaomais{
	text-decoration: none;
	font-size: 24px;
	margin-bottom: 80px;
	color: rgba(0,0,0,0.65) !important;
	background-color: rgba(255,255,255,0.5) !important;
	-moz-transition: background-color .25s ease-in-out;
	-webkit-transition: background-color .25sease-in-out;
	-ms-transition: background-color .25s ease-in-out;
	transition: background-color .25sease-in-out;
}
.botaomais:hover {
	color: #000000 !important;
	background-color: rgba(179,193,10,0.70) !important;
}
table.table-horario {
	border-collapse: collapse;
	border-spacing: 2px;
	width:100%;
}

table.table-horario thead {
	color: #fff;
	background-color: #414f57;
}

table.table-horario td {
	text-align:center;
	border:1px solid #98a1a6;
	white-space:0;
	padding:3px 7px;
}
/* Vídeo responsivo */
.player {
	padding-bottom: 56.25%; 
	padding-top: 30px; 
	width: 100%; 
	position: relative; 
	overflow: hidden;
}
.player .video {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100% !important; 
	height: 100% !important; 
	padding-bottom: 2.5%
}
.mapaGoogle {
	width:100%;
	height:450px;
	letter-spacing: 0em;
}
.h2-home{
	font-size: 1em;
	line-height: 1.2;
	font-weight: 300;
}
@media screen and (max-width: 1680px) {
	#videos {
		width:500px;
	}
	
	.mapaGoogle iframe {
		width: 100%;
		height: auto;
		min-height: 450px;
		max-height: 100%;
	}
}

@media screen and (max-width: 1080px) {
	#videos {
		width:400px;
	}
	
	.mapaGoogle iframe {
		width: 100%;
		height: auto;
		min-height: 450px;
		max-height: 100%;
	}

}

@media screen and (max-width: 480px) {
	#videos {
		width:100%;
	}
	
	.mapaGoogle iframe {
		width: 100%;
		height: auto;
		min-height: 450px;
		max-height: 100%;
	}
}
.grupoicone{
	margin-top: 2em;
}
.iconehome {
	font-size: 1.7em;
	margin: 0 0.8em 0 0;
	padding: 0;
	color: #b9b9b9;
	-moz-transition: color 0.2s ease, color 0.2s ease;
	-webkit-transition: color 0.2s ease, color 0.2s ease;
	-ms-transition: color 0.2s ease, color 0.2s ease;
	transition: color 0.2s ease, color 0.2s ease;
}
.ico-inst:hover {
	color: #8134AF;
}
.ico-face:hover {
	color: #3b5998;
}
.ico-twi:hover {
	color: #000000;
}
.ico-you:hover {
	color: #c4302b;
}
.ico-sky:hover {
	color: #00aff0;
}
/*-----------------------------------------------------------------------------------*/
/*	PRELOADER INTERNO
/*-----------------------------------------------------------------------------------*/
.loader-interno {
	border: 5px solid #f3f3f3; 
	border-top: 5px solid #6286e2; 
	border-radius: 50%;
	width: 30px;
	height: 30px;
	margin:10px;
	animation: spin 1s linear infinite;
}
.loader-interno-hidden{
	display: none; 
}
.loader-interno-show{
	display: block; 
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/*-----------------------------------------------------------------------------------*/
.player {
	padding-bottom: 56.25%; 
	padding-top: 30px; 
	width: 100%; 
	position: relative; 
	overflow: hidden;
}
.player .video {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100% !important; 
	height: 100% !important; 
	padding-bottom: 2.5%
}
.botaomais{
	text-decoration: none;
	font-size: 24px;
	color: #ffffff;
}