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;
}
		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;
		}
	
		.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;
		}