/* Layout */
body {
	height: 100%;
	position: relative;
	overflow: scroll;
	transition: all .4s;
}
section {
	padding: 80px 0;
}
form .invalid-tooltip {
	font-size: 0.7em;
}
fieldset {
	position: relative;
}
#home .container {
	background-color: rgba(255,255,255,1);
	border-radius: 20px;
	margin-top: 20px;
}
#home button {
	padding: 10px;
	border: 1px solid #000;
}
.navbar-text,
.navbar-text a {
	color: #000;
	font-size: 0.9em;
}
.navbar-text a:hover {
	text-decoration: none;
	color: #007bff;
}
#nav-menu .nav-link {
	color: #000;
	height: 80px;
	padding-top: 25px;
}
#nav-menu ul li a.active,
#nav-menu ul li a:hover {
	background-color: #199cdb;
	color: white;
}
#slide .slide {
	width: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
#slide h3 {
	position: absolute;
}
#cuidamos.bg-azul {
	background-color: #199cdb;
}
#cuidamos .btn {
	background-color: white;
}
#cuidamos .btn:hover {
	background-color: #007bff;
	color: white;
	border: 1px solid white;
}
#cuidamos button {
	margin-bottom: 15px;
}
#cuidamos h5{
	margin: 20px 0 10px 0;
}
#servicos .service-box {
 	margin: 30px 0 36px;
}
#servicos .icon {
	margin-right: 20px;
	border: 1px dashed #199cdb;
	padding: 10px;
	border-radius: 15px;
	border-radius: 50%;
}
#servicos .icon > i {
  font-size: 32px;
  line-height: 64px;
  text-align: center;
  color: #ffffff;
  background: #199cdb;
  transition: background-color 400ms, background-color 400ms;
  position: relative;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  line-height: 80px;
}
.media-body p {
	font-size: 0.9em;
}
.section-header {
	margin: 20px 0 60px 0;
}
.section-title {
	text-align: center;
	font-size: 2.5em;
}
#marcas .btn {
	background-color: #007bff;
	color: white;
	border: 1px solid white;
	width: 90px;
	margin: 0 10px;
}
#marcas .btn:hover {
	background-color: white;
	color: #000;
}
#marcas img {
	width: 100%;
	max-width: 200px;
}
#marcas .grid:after {
	content: '';
  	clear: both;
}
#marcas .element-item {
  position: relative;
}
.img-thumbnail {
	border: none;
	width: 88px;
}
.btn-control {
	background-color: white;
	color: #007bff;
	border: 1px solid #007bff;
	margin: 10px 20px;
	padding: 5px 30px;
}
.btn-control:hover {
	background-color: #007bff;
	color: white
	border: 1px solid white;
}
#marcas .filterDiv {
  float: left;
  text-align: center;
  display: none;
  transition: width .4s, height .4s;
}
#marcas .filterDiv .bat {
  float: left;
  text-align: center;
  display: none;
  transition: width .4s, height .4s;
}
#marcas .filterDiv .elet{
  float: left;
  text-align: center;
  display: none;
  transition: width .4s, height .4s;
}
#marcas .container {
  overflow: hidden;
}
#marcas .show {
  display: block;
}
#contato {
	background-color: #199cdb;
}
#contato address a {
	color: white;
}
#contato address a:hover {
	text-decoration: none;
	color: black;
}
#form-email .btn {
	background-color: white;
}
#form-email .btn:hover {
	background-color: #007bff;
	color: white;
	border: 1px solid white;
}
#rodape {
	padding-top: 30px;
}
#rodape .direitos {
	color: white;
	font-size: 0.8em;
	text-align: left;
	margin: 20px 15px;
}
#rodape img {
	width: 70px;
}
#rodape .whats {
	position: all;
}
#rodape #icon-whats {
	position: fixed;
	width: 70px;
	right: 30px;
	bottom: 30px;
	opacity: 0.9;
}
#rodape #icon-whats:hover {
	opacity: 1;
}
#rodape #gpl {
	width: 60px;
	margin: 15px;
}


/* Configurações de Telas */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	nav {
		background-color: white;
		margin: 0;
	}
	#nav-menu {
		margin-top: 20px;
	}
	#nav-menu .nav-link {
		color: #007bff;
		height: auto;
		padding: 2px;
	}
	#home .navbar-text {
		font-size: 0.8em;
	}
	section {
		padding: 20px 0;
	}
	#slide {
		margin-top: 80px;
	}
	#slide .slide {
		padding-top: 0px;
	  	height: 320px;
	  	background-size: 272%;
	  	background-position: 35% 26%;
  	}
  	#slide .slide h3 {
		font-size: 20px;
		top: 47%;
		left: 7%;
	}
	#slide .slide h3 span {
		font-size: 35px;
	}
	#slide i {
		font-size: 20px;
		background-color: #000;
		color: #199cdb;
		padding: 20px 3px;
	}#slide .btn-left i {
		margin-left: -20px;
	}
	#slide .btn-right i {
		margin-right: -20px;
	}
	#slide .btn-left i {
		margin-left: -40px;
	}
	#slide .btn-right i {
		margin-right: -40px;
	}
	#cuidamos {
		text-align: justify;
	}
	#cuidamos h3 {
		font-size: 1.3em;
	}
	#servicos p {
		margin-right:  20px;
		text-align: justify;
	}
	#servicos .icon {
		margin-right: 20px;
		border: 1px dashed #199cdb;
		padding: 5px;
		border-radius: 50%;
	}
	#servicos .icon > i {
	   font-size: 25px;
	   text-align: center;
	   color: #ffffff;
	   background: #199cdb;
	   transition: background-color 400ms, background-color 400ms;
	   position: relative;
	   border-radius: 50%;
	   width: 50px;
	   height: 50px;
	   line-height: 50px;
	}
	#servicos .service-box {
 		margin: 36px 0 36px -30px;
	}
	
	#sobre p {
		margin: 15px 15px;
	}
	#sobre .p-sobre {
		margin: 15px 30px;
	}
	#sobre img {
		text-align: center;
		margin: 15px 0;
		width: 100%;
	}
	#depoimentos .slide-face {
		margin: 50px 0;
	}
	#rodape .face {
		margin: 0px 0 20px 15px;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	nav {
		background-color: white;
		margin: 0;
	}
	#nav-menu {
		margin-top: 20px;
	}
	#nav-menu .nav-link {
		color: #007bff;
		height: auto;
		padding: 2px;
	}
	section {
		padding: 50px 0;
	}
	#slide {
		margin-top: 0;
	}
	#slide .slide {
	  	height: 576px;
	  	background-size: 280%;
	  	background-position: 35% 0;
  	}
  	#slide .slide h3 {
		font-size: 30px;
		top: 44%;
		left: 6%;
	}
	#slide .slide h3 span {
		font-size: 60px;
	}
	#slide i {
		font-size: 25px;
		background-color: #000;
		color: #199cdb;
		padding: 20px 3px;
	}
	#slide .btn-left i {
		margin-left: -60px;
	}
	#slide .btn-right i {
		margin-right: -60px;
	}
	#cuidamos {
		text-align: justify;
	}
	#servicos p {
		margin-right: 0px;
		text-align: justify;
	}
	#sobre .p-sobre {
		margin: 0 12px;
	}
	#sobre img {
		margin: 30px 0;
	}
	#depoimentos .slide-face {
		margin: 50px 0;
	}
	#rodape .face {
		padding-left: 80px;
	}
	#rodape .direitos {
		margin-left: 30px;
		width: 340px;
	}
	.service-box {
 		margin: 36px 0 36px -50px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	nav {
		background-color: white;
		margin: 0;
	}
	#nav-menu {
		margin-top: 20px;
	}
	#nav-menu .nav-link {
		color: #007bff;
		height: auto;
		padding: 2px;
	}
	section {
		padding: 50px 0;
	}
	#slide{
		margin-top: 80px;
	}
	#slide .slide {
	  	height: 576px;
	  	background-size: 280%;
	  	background-position: 35% 0;
  	}
  	#slide .slide h3 {
		font-size: 40px;
		top: 42%;
		left: 5%;
	}
	#slide .slide h3 span {
		font-size: 70px;
	}
	#slide i {
		font-size: 25px;
		background-color: #000;
		color: #199cdb;
		padding: 20px 3px;
	}
	.btn-left i {
		margin-left: -90px;
	}
	.btn-right i {
		margin-right: -90px;
	}
	#cuidamos {
		text-align: justify;
	}
	#servicos .row {
		margin: 0;
		padding: 0;
	}
	.service-box {
 		margin: 36px -20px 36px 0;
	}
	#servicos p,
	#servicos h5 {
		margin-left: -15px;
		text-align: justify;
	}
	#sobre p {
		padding: 6px 0;
	}
	#sobre .p-sobre {
		margin: 15px 90px;
	}
	#sobre img {
		width: 100%;
	}
	#rodape .direitos {
		margin-left: 30px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	#slide .slide {
	  	height: 680px;
	  	background-size: 195%;
	  	background-position: 35% 0;
  	}
  	#slide .slide h3 {
		font-size: 50px;
		top: 42%;
		left: 4%;
	}
	#slide .slide h3 span {
		font-size: 80px;
	}
	#slide i {
		font-size: 25px;
		background-color: #000;
		color: #199cdb;
		padding: 20px 4px;
	}
	.btn-left i {
		margin-left: -120px;
	}
	.btn-right i {
		margin-right: -120px;
	}
	#cuidamos {
		text-align: justify;
	}
	#servicos .row {
		margin: 0;
		padding: 0;
	}
	#servicos .service-box {
 		margin: 36px 0;
 		text-align: justify;
	}
	#sobre p {
		padding: 6px 0;
	}
	#sobre .p-sobre {
		margin: 15px 150px;
	}
	#sobre img {
		width: 100%;
	}
	#rodape .direitos {
		margin-left: 30px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#slide .slide {
	  	height: 680px;
	  	background-size: 157%;
	  	background-position: 30% 0;
  	}
  	#slide .slide h3 {
		font-size: 50px;
		top: 42%;
		left: 4%;
	}
	#slide .slide h3 span {
		font-size: 80px;
	}
	#slide i {
		font-size: 25px;
		background-color: #000;
		color: #199cdb;
		padding: 20px 4px;
	}
	#slide .btn-left i {
		margin-left: -150px;
	}
	#slide .btn-right i {
		margin-right: -150px;
	}
	#servicos .btn-left i {
		margin-left: -150px;
	}
	#servicos .btn-right i {
		margin-right: -150px;
	}
	#servicos .row {
		margin: 0;
		padding: 0;
	}
	#servicos .service-box {
 		margin: 36px 0;
 		text-align: justify;
	}
	#sobre p {
		padding: 6px 0;
	}
	#sobre .p-sobre {
		margin: 15px 200px;
	}
	#sobre img {
		width: 100%;
	}
	#rodape .face {
		padding-left: 80px;
	}
	#rodape .direitos {
		margin-left: 30px;
	}
}