@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i');

*{ margin: 0; padding: 0; }*

body{ font-family: 'Noto Sans', sans-serif; font-size: 15px; color: #282828  }
a{ text-decoration: none; }

.center{ width: 70%; margin: 0 auto; }



/* header */

.head{ background-color: #ededed; padding: 5px 0; color: #a1a1a1; }
	.head a{ color: #a1a1a1;}
	.icones-midias a{margin-right:7px;}
	.whatsapp{ position: absolute; right: 15px; color: #fff; font-weight: bold; background-color: #008f9a; float: right; padding: 10px 20px; margin-top: -25px; text-align: center; }
		.whatsapp i{ font-size: 25px; margin-bottom: 5px; }
		.whatsapp a{ color: #fff;  line-height: 25px;}

.body{ padding: 40px 0 30px; clear: right; }
.logotipo, nav, .btn-orcamento{ float: left; }
	.logotipo{ width: 15%; margin-right: 2% }
	nav{ width: 66%; height: 30px; }
	.btn-orcamento{ width: 15%; margin-left: 2%}

	.logotipo img, .btn-orcamento img{ max-width: 100%; width: 100%; }

	.sec header { box-shadow: 2px 0px 15px 10px #CCA; }

/* header */


/* nav */

/*Strip the ul of padding and list styling*/
nav ul { list-style-type:none; margin:0; padding:0; width: 97.2%; margin: 0 auto; }
	/*Create a horizontal list with spacing*/
	nav li { display:inline-block; float: left;  color: #000;}
		/*Style for menu links*/
		nav li a { transition: 0.50s; display:block; text-align: center; text-decoration: none; color: #000; float: left; margin: 5px 15px 0; padding-bottom: 10px; font-size: 14px; font-weight: bold;}
			nav li ul li a{ text-align:left;}
		/*Hover state for top level links*/
		nav li:hover a { background-color: transparent; }
		nav li:hover a.ativo{  }
		/*Style for dropdown links*/
		nav li:hover ul { padding-bottom: 20px; }
		nav li:hover ul a {	 color: #fff; height: 25px; line-height: 60px; width: 100%; font-size: 13px;  margin: 0;}
		/*Hover state for dropdown links*/
		nav li ul a:hover {  color: #fff; width: 100%; text-decoration: underline;}

/*Hide dropdown links until they are needed*/
nav li ul {	display: none;  margin-top: 25px; background: #008f9a; padding: 0 15px 5px; font-size: 13px; z-index: 2; position: absolute; width: 200px;}
	/*Make dropdown links vertical*/
	nav li ul li { display: block; float: none; width: 100%; padding-left: 5px;}
		/*Prevent text wrapping*/
		nav li ul li a { width: auto; border: none;}
		nav li:hover ul li a{ border: none; }
			/*Display the dropdown on hover*/
			nav ul li a:hover + .hidden, .hidden:hover { display: block;}

/* nav */


.slider{ clear: left; background-color: blue; height: 350px; }

h2.main-title{ width: 60%; margin: 0 auto; text-align: center; margin-top: 50px; }
h3{ font-size: 16px; text-align: center; color: #838383; margin: 0 auto; margin-top: 15px; padding-bottom: 50px; width: 70% }
	h3.barra{ border-bottom: 15px solid #008f9a; }

/* featured */

.featured{ background-color: #262626; height: 480px; padding-top: 90px; }
	.behind-lines .left, .behind-lines .right{ float: left; width: 50%; position: relative; top: 185px; z-index: 9 }
		.behind-lines .left{ left: 70px; }
		.behind-lines .right{ right: 70px; text-align: right; }

.products{ background-color: #262626; position: absolute; left: 0; right: 0; padding-bottom: 40px;}
	.products .col{ width: 18.4%; color: #fff; margin-left: 2%; font-size: 14px; margin-bottom: 70px; }
		.products .col:first-child{ margin-left: 0; }
		.products .col h2{ position: relative; z-index: 9; font-size: 15px; text-transform: uppercase; color: #04a6b3; margin: 15px 0; }
		.products .col img{ max-width: 100%; width: 100%; }
		.products .col p{ position: relative; z-index: 9; height: 55px; }
		.products .col a{ position: relative; z-index: 9; text-transform: uppercase; text-decoration: underline; color: #04a6b3; font-weight: bold; font-size: 15px;}


	.btn-products{ position: relative; z-index: 9; clear: left; display: block; background-color: #008f9a; width: 200px; text-align: center; margin: 0 auto; color: #fff; padding: 10px 0; text-transform: uppercase; font-weight: bold; }


/* plus */

.plus { padding-top: 100px; }
.plus .col{ width: 23.5%; margin-left: 2%; font-size: 13px; color: #8e8e8e; margin-bottom: 100px}
	.plus .col:first-child{ margin-left: 0; }

	.plus .col h5, h3.title-5{ text-transform: uppercase; font-size: 13.5px; color: #04a6b3; margin: 15px 0; }
	.plus .col img{ max-width: 100%; width: 100%; }
	h3.title-5{ width:100%!important; padding-bottom:0!important; text-align:left!important; }


/* company */
.company{ color: #fff; padding: 100px 0; clear: left; background-image: url(../img/company.webp); background-attachment: fixed; background-size: cover; }
	.company h1{ display: inline; font-weight: normal; font-size: 15px; }
	.company h2{ font-size: 17px; color: #fff; margin-bottom: 16px; }
	.company div {display: inherit;  font-weight: normal;}
	.btn-company{ display: block; clear: left; margin-top: 30px; background: #fff; color: #008f9a; font-weight: bold; width: 120px; padding: 10px 0; text-align: center; }

/* footer */

footer { clear: left; background-color: #262626; padding: 50px 0 0; }
	footer .width90{ width: 77%; margin:0 auto; }
	footer .body{ background-color: #151515; padding: 16px 20px; height: 35px; color: #fff; }

	footer .col{ width: auto; margin-right: 1.5%; font-size: 12px; }
	footer .col:nth-child(4){ position: relative; top: -36px; }

	footer i{ color: #008f9a; }
		footer i.fa-map-marker-alt{ font-size: 85px; }

	footer .center{  border-top: 1px solid #008f9a; padding-top: 30px; position: relative; top: -34px; text-align: left; clear: left; color: #a6a6a6; font-size:12px; }


/* menu fixed */

.bottom-menu{ padding: 15px 0 13px;  background-color: #454545;  font-size: 11px; color: #ffffff; width: 100%; position: fixed; bottom: 0; }
	.bottom-menu .col{ width: 20%; text-align: center; }
	.bottom-menu.bottom45{ bottom: -45px; }

		.bottom-menu a{ color: #fff; }

		.bottom-menu .col i{ font-size: 23px; margin-bottom: 5px; }

	.circle-hidden{ cursor: pointer; width: 70px; font-size: 18px; text-align: center; border-radius: 50%; height: 45px;
		margin: 0 auto; margin-top: 0px; background-color: #454545; padding-top: 10px;  margin-top: -35px; }


/* company */

.container{ padding: 70px 0; border-top: 5px solid #008f9a; }
	.container h1{ color: #008f9a; font-size: 23px; margin-bottom: 25px; }
		.container h1 i{ opacity: .8; font-size: 17px; position: relative; top: -2px; z-index: 1 }

.container-about, .clients{ float: left; }
	.container-about{ width: 60%; margin-right: 5%; text-align: justify;}
	.clients{ width: 35%; }
		.clients article{ margin-top: 15px; padding: 20px; background-color: #fafafa }
		.clients article i{ display: block; float: left; height: 35px; margin-right: 15px; font-size: 35px; width: 35px; color: #008f9a;}
		.clients h5{ color: #008f9a; font-size: 14px; }
		.clients article p{ font-size: 14px; }

		.fb-page{ margin-bottom: 20px; }

.contact-company{ border-top: 1px solid #ccc; margin-top: 15px; padding-top: 15px; }
	.contact-company h2{ font-size: 17px; color: #008f9a; margin-bottom: 25px; }
	.contact-company p{ margin-bottom: 10px; }
	.contact-company h3{ font-size: 13px; color: #333; display: inline; margin-right: 5px;  }

/* company */

/* home care */

	.contact-company strong{ font-size: 13px; color: #333; display: inline; margin-right: 5px;  }

	.home-care-pic{ text-align: left; padding-top: 25px; }
		.home-care-pic img{ width: 32%; margin-right: .5%;   }
			.home-care-pic img:last-child{ margin-right: 0;  }

/* home care */


/* parceiros */


.parceiros-grip{ padding-top: 40px; }
	.parceiros-grip article{ width: 30%; margin-right: 3%; float: left; margin-bottom: 5%; text-align: center; }
		.parceiros-grip article:last-child{ margin-right: 0; text-align: center; }
		.parceiros-grip article img{ max-width: 100%; width: 100%; margin-bottom: 10px; }

		.parceiros-grip article strong{ display: block; color: #008f9a; margin-bottom: 7px;}

		.parceiros-grip article a{ border-radius: 50%; color: #333;  padding: 15px  }

/* parceiros */

/* orçamento / contato */

.form-contact{ padding-top: 20px; }
	.form-contact input{ width: 47.5%; padding: 6px 0; padding-left: .5%; margin-right: 1.5%; margin-bottom: 10px; }
		.form-contact input:nth-child(2n){ margin-right: 0 }

	.form-contact button{ padding: 10px 0px; background-color: #d8d8d8; border: 0; cursor: pointer; width: 48.5%; margin-bottom: 2%; margin-right: 2%;}
	.form-contact button.comprar, .form-contact button.cuidador{ margin-right: 0 }

	.form-contact button.mostrar{ background-color: #008f9a; color: #fff; }

	.form-contact select{ cursor: pointer; width: 99.5%; margin-top: 10px; padding: 6px 0; padding-left: .5% }

	.form-contact textarea{ margin-top: 10px; width: 98.5%; padding-top: .5%; padding-left: .5%; height: 150px; margin-bottom: 15px; }

	.form-contact input[type=submit]{ background-color: #008f9a; color: #fff; font-weight: bold; width: 150px; text-align: center; padding: 10px 0; cursor: pointer; border: 0; }

/* orçamento / contato */

.menu-side{ padding: 0px 0 20px; }
	.menu-side h2, .title-movimento{ font-size: 23px; color: #008f9a; margin-bottom: 25px;}
	.menu-side article{ padding: 3px 0 3px 15px; background-color: transparent; }
		.menu-side article a { color: #008f9a;}
			.menu-side article a:hover{ color: #00adba; }
		.menu-side article i{ display: inline; float: none; height: auto; margin-right: 2%; font-size: 16px; font-weight: bold; width: auto; color: #008f9a;}

.categorias{ background-color: #fafafa; padding: 10px 0 20px; }

.container-price{ background-color: #008f9a; color: #fff; padding: 20px; margin-bottom: 5px; text-align: center; }
	.price{ font-size: 40px; font-weight: bold; }

.submenu { margin-left: 19px; margin-top: 5px;}
	.submenu li{ font-size: 13px; padding: 3px 0; list-style: none; }

.aluguel{ padding: 10px; text-align: center; background-color: #ffa800; color: #fff; font-weight: bold; margin-bottom: 25px; }

/* produtos */

.img-product{}
	.img-product img{ max-width: 100%; border: 1px solid #ccc; }

.thumbs{ text-align: left; padding-top: 20px; }
	.thumbs img{ width: 130px; height: auto; border: 1px solid #ccc; cursor: pointer; }

.description{ margin-top: 30px; }
	.description h3{ background-color: #008f9a; color: #fff; padding: 7px 0px; font-size: 15px; text-align: center; width: 100px; }
	.description p{ background-color: #fafafa; padding: 20px; }


.col-03{ width: 30%; margin-right: 3%; margin-bottom: 3%; text-align: left; }
	.col-03:nth-child(3n + 1){ margin-right: 0; }
	.col-03 img{ max-width: 100%; margin-bottom: 10px; }
	.col-03 h2{ color: #008f9a; font-size: 17px; }
	.col-03 h3{ color: #A9A9A9; font-size: 13px; margin-bottom: 15px; font-weight: normal; height: 40px; }
	.col-03 a{ background-color: #008f9a; color: #fff; padding: 5px 10px; font-size: 13px; font-weight: bold; }





/* others */

.list{ margin-left: 40px; }

.col{ float: left; }

.clear{ clear: both; }

.blue{ color: #008f9a; }

.font12{ font-size: 12px; }

.mobile{ display: none; }

.responsive{ width: 100%; max-width: 100%; height: auto; }



@media only screen and (max-width : 640px) {
	.center{ width: 98%; }
	.mobile{ display: inline; }
	.desktop{ display: none; }

	nav{float: none; height: auto; position: absolute; top: 0px; z-index: 2; left: 0; padding: 0; width: 45%;  height: 100vh; background: #333; display: none; }
		nav li a, nav li{ float: none; display: block; }
		nav li a{ margin: 0; border: none; font-size: 13px; width: 70% }
		nav li:hover a { border: none; }
		nav ul{ margin:  auto; width: auto; }
		#menu{ padding: 10px 10px; z-index: 1 }

		#close{ float: right; position: absolute; right: 7px; top: 7px; color: #fff; font-size: 25px; z-index: 2 }

		nav li a{ text-align: left; color: #fff; }

		nav li ul.hidden { width: 120px; display: block; padding: 0; background: transparent; position: relative; margin-top: 0;}
			nav li ul li a:before{ content: '- ' }

		nav li:hover ul a {	 color: #fff; height: auto; line-height: normal; width: 100%; font-size: 13px; }

		#bars{ position: absolute; color: #008f9a; top: 1px; left: 7px; font-size: 20px;  }

		.icones-midias{ text-align: right; }
			.icones-midias a{ position: relative; right: 75px;}

		.whatsapp{ position: absolute; right: 5px; top: 0; margin-top: 0; }

		.logotipo{ width: 50%; }

		.btn-orcamento{ width: 40%; padding-top: 8px; float: right; }

		.body{ padding: 30px 0 20px;  }

		h2.main-title{ width: 83%; }

		.products .col, .plus .col{ width: 100%; margin-left: 0;}

		.behind-lines{ display: none; }

		.products{ position: static; padding-bottom: 25px;}

		.plus .col{ margin-bottom: 20px;  }

		footer{ display: none; }

	.container-about, .clients{ width: 95%; float: none; margin: 0 auto; }
		.container-about{ margin-bottom: 30px; }


	.col-03{ width: 47%; margin-bottom: 10%; }


} 

@media (min-width: 100em) {

	nav ul { width: 73%;}
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */

	nav ul { width: 97.4%;}

}