html {
  scroll-behavior: smooth;
}
body {
	background-color:white;
	overflow-x: hidden;
}
a{
	text-decoration:none;
	color: inherit;
}
a:hover{
	color: #31dbc1;
}
#demo{
	display:block;
	position:fixed;
	width:100%;
	height:50px;
	top:80px;
	color:red;
}

/*----------------------------------------container-------------------------------------*/
.containerDivDesktop{
	display:none;
}
.containerDivMobile{
	position:absolute;
	overflow: hidden;
	display: block;
	width: 100%;
	left:0px;
	top:0px;
	height: auto;
	float:left;
	margin:0px;
	z-index:-1;
}
#popupM{
	display: block;
	position:fixed;
	width:44vmax;
	height:52vmax;
	background-color: #FFFFFF;
	background-image: url("../imagens/mobile/popup.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 8px;
	box-shadow: -5px 5px 4px rgba(0, 0, 0, 0.4);
	z-index:998;
}
#onpopM{
	display: block;
	position:absolute;
	width:1.8vmax;
	height:1.8vmax;
	right:10px;
	top:10px;
	background-image: url("../imagens/mobile/pop_on.png");
	background-repeat: no-repeat;
	background-size: contain;
	cursor:pointer;
	z-index:999;
}
#back2Top{
	display: none;
	position:fixed;
	width:50px;
	height:50px;
	background-color: #81d9c4;
	background-image: url("../imagens/desktop/b2t.png");
	background-repeat: no-repeat;
	background-size: contain;
	bottom:15px;
	right:15px;
	cursor:pointer;
	z-index:100;
}
#topBar{
	display: block;
	position:fixed;
	/*background-color: #3f4448;*/
	padding-top: 10px;
	width: 100%;
	height:43px;
	z-index:99;
}
#logoMobile{
	display: block;
	float:left;
	background-image: url("../imagens/mobile/logo.png");
	margin-left: 10px;
	width: 89px;
	height:31px;
}
#menuBotMobile{
	display: block;
	float:right;
	background-image: url("../imagens/mobile/menu_off.png");
	background-repeat: no-repeat;
	margin-right: 10px;
	margin-top: 4px;
	/*background-color:blue;*/
	width: 23px;
	height:24px;
}
#sepW{
	display: inline-block;
	position:fixed;
	top:53px;
	width:100%;
	height:1px;
	background-color:white;
    border-width: 1px;
	z-index:100;
}
#menumobile{
	display: block;
	position:fixed;
	width: 100%;
	height: auto;
	margin-top: 53px;
	background-color: #3f4448;
	z-index:99;
}
#idioma{
	display: inline-block;
	position:relative;
	width:100%;
	height:22px;
	margin-top:10px;

	vertical-align: top;
	line-height: 22px;
	color: white;
	font-size: 4.5vmin;
	text-align:center;
	letter-spacing: 1px;
	font-weight:800;
	font-family: 'Montserrat', sans-serif;
}
#socialMed{
	display: inline-block;
	position:relative;
	width:auto;
	height:22px;
	margin-top:10px;
	/*background-color:blue;*/
}
#faceIcoMenu{
	display: inline-block;
	position:relative;
	float:left;
	width:22px;
	height:22px;
	margin-top:0px;
	margin-right:20px;
	/*left:50%;*/
	/*background-color:blue;*/
	background-image: url("../imagens/mobile/face_menu.png");
	background-repeat: no-repeat;
}
#instaIcoMenu{
	display: inline-block;
	position:relative;
	width:22px;
	height:22px;
	margin-top:0px;
	margin-right:20px;
	/*background-color:blue;*/
	background-image: url("../imagens/mobile/insta_menu.png");
	background-repeat: no-repeat;
}
#linkdIcoMenu{
	display: inline-block;
	position:relative;
	width:22px;
	height:22px;
	margin-top:0px;
	margin-right:20px;
	/*background-color:blue;*/
	background-image: url("../imagens/mobile/linkd_menu.png");
	background-repeat: no-repeat;
}
#pintIcoMenu{
	display: inline-block;
	position:relative;
	width:22px;
	height:22px;
	margin-top:0px;
	/*background-color:blue;*/
	background-image: url("../imagens/mobile/pint_menu.png");
	background-repeat: no-repeat;
}
#phoneMail{
	display: inline-block;
	position:relative;
	width:auto;
	/*margin-left:auto;
	margin-right:auto;*/
	height:22px;
	margin-top:10px;
	margin-bottom:5px;
	/*background-color:orange;*/
}
#phoneIcoMenu{
	display: inline-block;
	width:22px;
	height:22px;
	margin-top:0px;
	line-height: 22px;
	/*background-color:blue;*/
	background-image: url("../imagens/mobile/phone_menu.png");
	background-repeat: no-repeat;
	line-height: 22px;

}
#phoneMenu{
	display: inline-block;
	width:auto;
	height:22px;
	vertical-align: top;
	line-height: 22px;
	color: white;
	font-size: 3vmin;
	letter-spacing: 1px;
	font-weight:600;
	font-family: 'Montserrat', sans-serif;
}
#mailIcoMenu{
	display: inline-block;
	width:22px;
	height:22px;
	margin-top:0px;
	margin-left:20px;
	background-image: url("../imagens/mobile/mail_menu.png");
	background-repeat: no-repeat;
}
#mailMenu{
	display: inline-block;
	width:auto;
	height:22px;
	vertical-align: top;
	line-height: 22px;
	color: white;
	font-size: 3vmin;
	letter-spacing: 1px;
	font-weight:600;
	font-family: 'Montserrat', sans-serif;
}
.dropdown-item {
	display: block;

	width: 100%;
	padding: 0.25rem 0rem;
	clear: both;
	text-align: center;
	/*white-space: nowrap;
	animation: menuInvText 1.5s ease;*/
	color: white;
	font-size: 5vmin;
	letter-spacing: 1px;
	font-weight:400;
	font-family: 'Montserrat', sans-serif; 
}
.dropdown-item:hover {
	color: #32d9c3;
	font-weight: bold;
}
#about {
	float:left;
	width:100%
}
/*----------------------------------------home-------------------------------------*/
#homePic{
	display: block;
	top:0px;
	float:left;
	background-image: url("../imagens/mobile/home.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height:418px;
}
#homeText{
	display: block;
	position:absolute;
	top:209px;
	float:left;

	width: 100%;
	height:60px;
	text-align:center;
	color: white;
	font-size: 8vmin;
	letter-spacing: 1px;
	font-weight:800;
	font-family: 'Montserrat', sans-serif;
}
#titulosSeccao{
	display: block;
	position:relative;
	top:20px;
	text-align:center;
	color: #3f4448;
	font-size: 6vmin;
	/*letter-spacing: 1px;*/
	/*font-weight:600;*/
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
}
#contactsContainerMobile{
	position:relative;
	overflow: hidden;
	display: block;
	width: 100%;
	left:0px;
	top:0px;
	height: auto;
	float:left;
	margin:0px;
}
#titulosSeccao1{
	display: block;
	position:relative;
	top:20px;
	text-align:center;
	color: #3f4448;
	font-size: 6vmin;
	/*letter-spacing: 1px;*/
	/*font-weight:600;*/
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	
}
#aboutPic{
	display: inline-block;
	position:relative;
	top:40px;
	background-image: url("../imagens/mobile/about.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:60vw;
	overflow:hidden;
	/*background-color:orange;*/
}
#subTitulosSeccao{
	display: inline-block;
	position:relative;
	width:100%;
	height:auto;
	margin-top:50px;
	text-align:center;
	color: #3f4448;
	font-size: 4.5vmin;
	/*letter-spacing: 1px;*/
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;

}
.text01{
	display: block;
	width:95%;
	height:auto;
	margin-top:50px;
	margin-left:2.5%;
	text-align:left;
	color: #3f4448;
	font-size: 3vmin;
	/*letter-spacing: 1px;*/
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	overflow:hidden;

}
.accordion{
	position:relative;
	margin-top:15px;
	background-color: #81d9c4;
	cursor: pointer;
	padding: 6px;
	width: 100%;
	border: none;
	text-align:center;
	color: #ffffff;
	font-size: 4.5vmin;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	overflow:hidden;
	outline: none;
	transition: 0.4s;
}
.accordion:after {
	content: '\002B';
	color: #ffffff;
	float: right;
	margin-left: 0px;
	/*background-color: #81d9c4;*/
}
.active, .accordion:hover {
	background-color: #81d9c4;;
}
.active:after {
	content: "\2212";
}
.panel {
	padding: 0 15px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}
.text02{
	display: block;
	width:95%;
	height:auto;
	margin-top:15px;
	margin-left:2%;
	text-align:left;
	color: #3f4448;
	font-size: 3.2vmin;
	line-height: 2;
	/*letter-spacing: 1px;*/
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	overflow:hidden;

}
#rodape{
	display: block;
	position:relative;
	width:100%;
	height:auto;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:20px;
	text-align:center;
	color: #3f4448;
	font-size: 3.2vmin;
	/*letter-spacing: 1px;*/
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	background-color:#c7d2ce;
}


/*----------------------------------------projects-------------------------------------*/
#topBar1{
	display: block;
	position:fixed;
	background-color: #3f4448;
	padding-top: 10px;
	width: 100%;
	height:43px;
	z-index:99;
}
#logoMobile1{
	display: block;
	float:left;
	background-image: url("../imagens/mobile/logo_inv.png");
	margin-left: 10px;
	width: 89px;
	height:31px;
}
#sepMPro1{
	display: inline-block;
	position:relative;
	top:53px;
	width:100%;
	height:43px;
	/*background-color:white;*/
}
.subTitulosSeccaoPro{
	display: inline-block;
	position:relative;
	width:100%;
	height:auto;
	margin-top:30px;
	margin-bottom:10px;
	text-align:center;
	color: #3f4448;
	font-size: 5vmin;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
}
#descProM{
	display: inline-block;
	position:relative;
	float:left;
	background-color: #3f4448;
	width: 100%;
	height:auto;
}
.text01Pro{
	/*display: block;*/
	width:95%;
	height:auto;
	margin-top:10px;
	margin-left:2.5%;
	text-align:left;
	color: white;
	font-size: 3vmin;
	/*letter-spacing: 1px;*/
	line-height:5vmin;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	overflow:hidden;

}
#proImg1M{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/projectos/projecto_1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:65vw;
	overflow:hidden;
	/*background-color:orange;*/
}
#vesMaisProM{
	display: inline-block;
	position:relative;
	float:left;
	background-color: #81d9c4;
	/*padding-top: 10px;*/
	width: 100%;
	height:auto;
}
.textBotPro{
	/*display: block;*/
	width:100%;
	/*margin-top:10px;*/
	text-align:center;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
	font-size: 2.5vmin;
	letter-spacing: 1px;
	/*line-height:5vmin;*/
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	overflow:hidden;
	background-color: #3f4448;
}
#proImg1aM{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/projectos/projecto_1_a.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 49%;
	height:45vw;
	overflow:hidden;
	/*background-color:orange;*/
}
#sepHMPro1{
	display: inline-block;
	position:relative;
	float:left;
	top:53px;
	width:2%;
	height:45vw;
	/*background-color:white;*/
}
#proImg1bM{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/projectos/projecto_1_b.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 49%;
	height:45vw;
	overflow:hidden;
	/*background-color:orange;*/
}
#proImg2M{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/projectos/projecto_2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:65vw;
	overflow:hidden;
	/*background-color:orange;*/
}
#proImg2aM{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/projectos/projecto_2_a.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 49%;
	height:45vw;
	overflow:hidden;
	/*background-color:orange;*/
}

#proImg2bM{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/projectos/projecto_2_b.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 49%;
	height:45vw;
	overflow:hidden;
	/*background-color:orange;*/
}
/*----------------------------------------marcas-------------------------------------*/
#marcaContainer{
	display: inline-block;
	position:relative;
	float:left;
	width: 90%;
	height:auto;
	overflow:hidden;
	/*background-color:orange;*/
}

#marcaTextArea{
	display: inline-block;
	position:relative;
	float:left;
	width: 100%;
	height:auto;
	overflow:hidden;
	background-color:#c7d1da;
}
.marcaTextTitle{
	text-align:left;
	padding-left:10px;
	padding-top:10px;
	color: #3f4448;
	font-size: 4vmin;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}
.marcaText{
	text-align:left;
	padding:10px;
	color: #3f4448;
	font-size: 4vmin;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
}
#marca1Pic{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/marcas/living.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	overflow:hidden;

}
#marca2Pic{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/marcas/apavisa.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	overflow:hidden;

}
#marca3Pic{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/marcas/margres.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	overflow:hidden;

}
#marca4Pic{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/marcas/marazzi.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	overflow:hidden;

}
#marca5Pic{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/marcas/bisazza.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	overflow:hidden;

}
#marca6Pic{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/marcas/grohe.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	overflow:hidden;

}
#marca7Pic{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/marcas/hansgrohe.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	overflow:hidden;

}
#marca8Pic{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/marcas/hotbath.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	overflow:hidden;

}
#marca9Pic{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/marcas/catalano.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	overflow:hidden;

}
#marca10Pic{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/marcas/sanindusa.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	overflow:hidden;

}
#marca11Pic{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/marcas/inbani.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	overflow:hidden;

}
#marca12Pic{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/marcas/foursteel.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	overflow:hidden;

}
/*-------------------------------------------------------------produtos-------------------------------------------------------------------*/
#ver1MaisProdM{
	display: inline-block;
	position:relative;
	float:left;
	background-color: #3f4448;
	/*padding-top: 10px;*/
	width: 100%;
	height:auto;
	margin-top:5%;
}
#marcascontainerPodM{
	display: inline-block;
	position:relative;
	float:left;
	width: 100%;
	height:auto;
	margin-bottom:3%;
	/*height:auto;*/
	overflow:hidden;
	background-color:#e5ecf2;
	text-decoration: none;	
	line-height:4.6vmin;
	color: #3f4448;
	font-size: 4.2vmin;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
}
.prodTextM{
	margin-left:5%;
	margin-right:5%;
	margin-bottom:10px;
}
#marcasPicContainer1M{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/produtos/revistimentos.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	margin-bottom:5%;
	overflow:hidden;
}
#marcasPicContainer2M{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/produtos/sanitarios.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	margin-bottom:5%;
	overflow:hidden;
}
#marcasPicContainer3M{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/produtos/banheiras.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	margin-bottom:5%;
	overflow:hidden;
}
#marcasPicContainer4M{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/produtos/torneiras.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	margin-bottom:5%;
	overflow:hidden;
}
#marcasPicContainer5M{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/produtos/mobiliario.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	margin-bottom:5%;
	overflow:hidden;
}
#marcasPicContainer6M{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/produtos/radiadores.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	margin-bottom:5%;
	overflow:hidden;
}
#marcasPicContainer7M{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/produtos/saunas.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	margin-bottom:5%;
	overflow:hidden;
}
#marcasPicContainer8M{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/produtos/lareiras.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	margin-bottom:5%;
	overflow:hidden;
}
#marcasPicContainer9M{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/produtos/produtos.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	margin-bottom:5%;
	overflow:hidden;
}
.vertical-submenu{
	display: inline-block;
	position:relative;
	float:left;
	width: 100%;
	height:auto;
	/*height:auto;*/
	overflow:hidden;
	text-decoration: none;	
	text-align:left;
	padding-left:20px;
	padding-bottom:10px;
	padding-top:10px;
	line-height:4.5vmin;
	color: #3f4448;
	font-size: 3.8vmin;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;

}
#submenuProM1{
	display: none;
	position: relative;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
	/*opacity:0.9;*/
	z-index: 10;
}
#verMenosProd2M{
	display: none;
}
#submenuProM2{
	display: none;
	position: relative;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
	/*opacity:0.9;*/
	z-index: 10;
}
#verMenosProd3M{
	display: none;
}
#submenuProM3{
	display: none;
	position: relative;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
	/*opacity:0.9;*/
	z-index: 10;
}
#verMenosProd4M{
	display: none;
}
#submenuProM4{
	display: none;
	position: relative;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
	/*opacity:0.9;*/
	z-index: 10;
}
#verMenosProd5M{
	display: none;
}
#submenuProM5{
	display: none;
	position: relative;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
	/*opacity:0.9;*/
	z-index: 10;
}
#verMenosProd6M{
	display: none;
}
#submenuProM6{
	display: none;
	position: relative;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
	/*opacity:0.9;*/
	z-index: 10;
}
#verMenosProd7M{
	display: none;
}
#submenuProM7{
	display: none;
	position: relative;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
	/*opacity:0.9;*/
	z-index: 10;
}
#verMenosProd8M{
	display: none;
}
#submenuProM8{
	display: none;
	position: relative;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
	/*opacity:0.9;*/
	z-index: 10;
}
#verMenosProd9M{
	display: none;
}
#submenuProM9{
	display: none;
	position: relative;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
	/*opacity:0.9;*/
	z-index: 10;
}
#verMenosProd10M{
	display: none;
}
/*----------------------------------------------PAVIMENTOS---------------------------------------------------*/
#revestimentosContainer{
	display: inline-block;
	position:relative;
	float:left;
	width: 90%;
	height:auto;
	overflow:hidden;
	/*background-color:orange;*/
}
#revestimentosPicContainer1M{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/produtos/ceramicos.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	margin-bottom:5%;
	overflow:hidden;
}
#revestimentosPicContainer2M{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/produtos/flutuantes.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	margin-bottom:5%;
	overflow:hidden;
}
#revestimentosPicContainer3M{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/produtos/vinilicos.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	margin-bottom:5%;
	overflow:hidden;
}
#revestimentosPicContainer4M{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/mobile/produtos/pastilhas.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:42vw;
	margin-bottom:5%;
	overflow:hidden;
}
#submenuM1{
	display: none;
	position: relative;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
	/*opacity:0.9;*/
	z-index: 10;
}
#verMenosRevistimentos1M{
	display: none;
	background-color:#81d9c4;
}
#submenuM2{
	display: none;
	position: relative;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
	/*opacity:0.9;*/
	z-index: 10;
}
#verMenosRevistimentos2M{
	display: none;
	background-color:#81d9c4;
}
#submenuM3{
	display: none;
	position: relative;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
	/*opacity:0.9;*/
	z-index: 10;
}
#verMenosRevistimentos3M{
	display: none;
	background-color:#81d9c4;
}
#submenuM4{
	display: none;
	position: relative;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
	/*opacity:0.9;*/
	z-index: 10;
}
#verMenosRevistimentos4M{
	display: none;
	background-color:#81d9c4;
}

/*-------------------------------------------------------------------------------DESKTOP---------------------------------------------------------------------------------*/  
@media only screen and (min-width: 992px) {
body {
	overflow-x: hidden; /* Hide horizontal scrollbar */
}
/*-----------------------------------------ANIMATIONS---------------------------------------------*/
@keyframes hometext {
  from {color: transparent;}
  to {color: white;}
}
	
/*----------------------------------------container-------------------------------------*/
.containerDivMobile{
	display: none;
}
.containerDivDesktop{
	position:absolute;
	overflow: hidden;
	display: block;
	width: 100%;
	left:0px;
	top:0px;
	height: auto;
	float:left;
	margin:0px;
	z-index:-1;
}
#popupD{
	display: none;
	position:fixed;
	width:44vmax;
	height:26vmax;
	background-color: #FFFFFF;
	background-image: url("../imagens/desktop/popup.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 8px;
	box-shadow: -5px 5px 4px rgba(0, 0, 0, 0.4);
	z-index:998;
}
#onpopD{
	display: block;
	position:absolute;
	width:1.2vmax;
	height:1.2vmax;
	right:10px;
	top:10px;
	/*background-color: #ffffff;*/
	background-image: url("../imagens/mobile/pop_on.png");
	background-repeat: no-repeat;
	background-size: contain;
	cursor:pointer;
	z-index:999;
}
#back2TopD{
	display: none;
	position:fixed;
	width:50px;
	height:50px;
	background-color: #81d9c4;
	background-image: url("../imagens/desktop/b2t.png");
	background-repeat: no-repeat;
	background-size: contain;
	bottom:20px;
	right:20px;
	cursor:pointer;
	z-index:100;
}
#topBarDesktop{
	display: block;
	position:fixed;
	padding-top: 10px;
	width: 100%;
	height:75px;
	z-index:99;
}
#logoDesktop{
	display: block;
	float:left;
	background-image: url("../imagens/desktop/logo.png");
	background-repeat: no-repeat;
	background-size:contain;
	margin-left: 10px;
	width: 180px;
	height:62px;
	cursor:pointer;
}
#phoneMail{
	display: inline-block;
	position:relative;
	width:auto;
	height:18px;
	margin-top:22px;
	margin-bottom:5px;
	margin-left:10px;
}
#phoneIcoMenu{
	display: inline-block;
	width:1vw;
	height:1vw;
	margin-top:0px;
	line-height: 22px;
	background-image: url("../imagens/mobile/phone_menu.png");
	background-repeat: no-repeat;
	background-size:contain;

}
#phoneMenu{
	display: inline-block;
	width:auto;
	height:22px;
	vertical-align: top;
	line-height: 22px;
	color: white;
	font-size: 0.95vw;
	letter-spacing: 1px;
	font-weight:600;
	font-family: 'Montserrat', sans-serif;
}
#mailIcoMenu{
	display: inline-block;
	width:1vw;
	height:1vw;
	margin-top:0px;
	margin-left:20px;
	background-image: url("../imagens/mobile/mail_menu.png");
	background-repeat: no-repeat;
	background-size:contain;

}
#mailMenu{
	display: inline-block;
	width:auto;
	height:22px;
	vertical-align: top;
	line-height: 22px;
	color: white;
	font-size: 0.95vw;
	letter-spacing: 1px;
	font-weight:600;
	font-family: 'Montserrat', sans-serif;
}
#menuDesktop{
	display: inline-block;
	width:auto;
	/*margin-left:400px;*/
	/*background-color: red;*/
}
.dropdown-item {
	display: inline;
	width: 100%;
	margin-right:30px;
	padding: 0.25rem 0rem;
	clear: both;
	text-align: center;
	color: white;
	font-size: 1vw;
	letter-spacing: 1px;
	font-weight:400;
	font-family: 'Montserrat', sans-serif; 
}
.dropdown-item:hover {
	color: #32d9c3;
	font-weight:400;
}
#socialMed{
	display: inline-block;
	position:relative;
	width:auto;
	height:18px;
}
#faceIcoMenu{
	display: inline-block;
	width:1vw;
	height:1vw;
	margin-top:0px;
	margin-right:20px;
	background-image: url("../imagens/mobile/face_menu.png");
	background-repeat: no-repeat;
	background-size:contain;
	cursor:pointer;
}
#instaIcoMenu{
	display: inline-block;
	width:1vw;
	height:1vw;
	margin-top:0px;
	margin-right:20px;
	background-image: url("../imagens/mobile/insta_menu.png");
	background-repeat: no-repeat;
	background-size:contain;
	cursor:pointer;
}
#linkdIcoMenu{
	display: inline-block;
	width:1vw;
	height:1vw;
	margin-top:0px;
	margin-right:20px;
	background-image: url("../imagens/mobile/linkd_menu.png");
	background-repeat: no-repeat;
	background-size:contain;
	cursor:pointer;
}
#pintIcoMenu{
	display: inline-block;
	width:1vw;
	height:1vw;
	margin-top:0px;
	background-image: url("../imagens/mobile/pint_menu.png");
	background-repeat: no-repeat;
	background-size:contain;
	cursor:pointer;
}
#idioma{
	display: inline-block;
	position:relative;
	width:auto;
	height:18px;
	margin-top:22px;
	float:right;
	margin-right:10px;
	vertical-align: top;
	line-height: 18px;
	color: white;
	font-size: 0.8vw;
	text-align:center;
	letter-spacing: 1px;
	font-weight:800;
	font-family: 'Montserrat', sans-serif;
}
#db7{
	cursor:pointer;
}
#db8{
	cursor:pointer;
}
#sepWD{
	display: inline-block;
	position:fixed;
	top:84px;
	width:100%;
	height:1px;
	background-color:white;
    border-width: 1px;
	z-index:100;
}
#aboutd {
	float:left;
	width:100%
}
#contactsd {
	float:left;
	width:100%
}
/*----------------------------------------home-------------------------------------*/
#homePicD{
	display: block;
	top:0px;
	float:left;
	background-image: url("../imagens/desktop/home.jpg");
	background-repeat: no-repeat;
	width: 100%;
	height:1080px;
}
#homeTextD{
	display: block;
	position:absolute;
	float:left;

	width: 100%;
	height:60px;
	text-align:center;
	color: transparent;
	font-size: 6vw;
	letter-spacing: 1px;
	font-weight:800;
	font-family: 'Montserrat', sans-serif;
	animation-name: hometext;
	animation-duration: 2s;
	animation-delay: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	transition: margin-top 2s;
}
#titulosSeccaoD{
	display: block;
	position:relative;
	top:30px;
	text-align:center;
	color: #3f4448;
	font-size: 3vw;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
}
#titulosSeccaoD1{
	display: block;
	position:relative;
	top:30px;
	text-align:center;
	color: #3f4448;
	font-size: 3vw;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
}
#aboutDivD{
	display: block;
	position:relative;
	width: 86%;
	height:auto;
	margin-top:120px;
}
#aboutPicD{
	display: inline-block;
	position:relative;
	background-image: url("../imagens/desktop/about.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 33.8vw;
	height:22.5vw;
	overflow:hidden;
}
#aboutTextDivD{
	display: inline-block;
	position:relative;
	float:right;
	width: 49.8vw;
	height:auto;
}
#subTitulosSeccaoD{
	display: block;
	position:relative;
	width:100%;
	height:auto;
	text-align:left;
	color: #3f4448;
	font-size: 2vw;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
}
.text01D{
	display: block;
	width:95%;
	height:auto;
	/*margin-top:10px;*/
	text-align:left;
	color: #3f4448;
	font-size: 1vw;
	/*letter-spacing: 1px;*/
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	overflow:hidden;
}
#mapDiv{
	display: inline-block;
	position:relative;
	width: auto;
	height:auto;
	margin-top:120px;
	/*background-color:#c7d2ce;*/
}
#showRoomD{
	position:relative;
	margin-bottom:15px;
	padding: 6px;
	width: 100%;
	border: none;
	text-align:center;
	color: #3f4448;
	font-size: 1.5vw;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	overflow:hidden;
	outline: none;
	transition: 0.4s;
}
#mapD{
	display: inline-block;
	position:relative;
	width:auto;
	height:auto;
	/*float:left;*/
}
iframe{
	width:30vw;
	height:30vw;
}
#sepD{
	display: inline-block;
	position:relative;
	background-color:#3f4448;
	width:1px;
	/*height:36vw;*/
	margin-left:7vw;
	margin-right:7vw;
}
.text02D{
	display: block;
	position:relative;
	/*float:both;*/
	width:auto;
	height:auto;
	margin-top:15px;
	text-align:left;
	color: #3f4448;
	font-size: 1.5vmin;
	line-height: 2;
	/*letter-spacing: 1px;*/
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	overflow:hidden;
	/*background-color:blue;*/
}
#rodapeD{
	display: block;
	position:relative;
	width:100%;
	height:auto;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:20px;
	text-align:center;
	color: #3f4448;
	font-size: 1.5vmin;
	/*letter-spacing: 1px;*/
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	border-top-style: solid;
	border-top-width:1px;
	border-top-color:#a1a0a5;
	/*background-color:#c7d2ce;*/
}
/*----------------------------------------projects-------------------------------------*/
#topBarDesktop1{
	display: block;
	position:fixed;
	background-color: #3f4448;
	padding-top: 10px;
	width: 100%;
	height:75px;
	z-index:99;
}
#logoDesktop1{
	display: block;
	float:left;
	background-image: url("../imagens/desktop/logo_inv.png");
	margin-left: 10px;
	width: 180px;
	height:62px;
	cursor:pointer;
}
#sepDPro1{
	display: inline-block;
	position:relative;
	top:53px;
	width:100%;
	height:43px;
	/*background-color:orange;*/
}
#projDContainer1{
	display: inline-block;
	position:relative;
	top:53px;
	width:70%;
	height:auto;
	/*background-color:orange;*/
}
#projDContainer2{
	display: inline-block;
	position:relative;
	top:53px;
	width:70%;
	height:auto;
	/*background-color:orange;*/
}
#leftContainerProD{
	display: inline-block;
	float:left;
	position:relative;
	/*top:53px;*/
	width:100%;
	height:auto;

}
.subTitulosSeccaoProD{
	display: inline-block;
	position:relative;
	width:auto;
	height:48px;
	line-height:48px;
	text-align:left;
	color: #3f4448;
	font-size: 2vw;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	/*background-color:blue;*/
}
#verMaisProD{
	display: inline-block;
	position:relative;
	float:right;
	background-color: #81d9c4;
	/*padding-top: 10px;*/
	width: 8vw;
	height:14px;
	cursor:pointer;
	
}
.text01ProD{
	/*display: block;*/
	/*margin-top:10px;*/
	text-align:left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	color: white;
	font-size: 0.7vw;
	letter-spacing: 1px;
	/*line-height:5vmin;*/
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	overflow:hidden;

}
#proImg1D{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/projectos/projecto_1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:510px;
	overflow:hidden;
	/*background-color:orange;*/
}

#rightContainerProD{
	display: inline-block;
	/*float:right;*/
	position:relative;
	/*top:53px;*/
	width:100%;
	height:auto;
	/*background-color:pink;*/
}
#proImg1aD{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/projectos/projecto_1_a.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 49%;
	height:360px;
	overflow:hidden;
	/*background-color:orange;*/
	
}
#sepHDPro1{
	display: inline-block;
	position:relative;
	float:left;
	/*top:53px;*/
	width:100%;
	height:20px;
	/*background-color:black;*/
}
#sepVDPro1{
	display: inline-block;
	position:relative;
	float:left;
	/*top:53px;*/
	width:2%;
	height:360px;
	/*background-color:black;*/
}
#proImg1bD{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/projectos/projecto_1_b.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 49%;
	height:360px;
	overflow:hidden;
	/*background-color:orange;*/
	
}
#sepProD{
	display: inline-block;
	position:relative;
	float:left;
	width: 100%;
	height:40px;
}
#proImg2D{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/projectos/projecto_2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:510px;
	overflow:hidden;
	/*background-color:orange;*/
}
#proImg2aD{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/projectos/projecto_2_a.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 49%;
	height:360px;
	overflow:hidden;
	/*background-color:orange;*/
	
}
#proImg2bD{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/projectos/projecto_2_b.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 49%;
	height:360px;
	overflow:hidden;
	/*background-color:orange;*/
	
}
/*----------------------------------------marcas-------------------------------------*/
#marcaContainerD{
	display: inline-block;
	position:relative;
	float:left;
	width: 78vw;
	top:50px;
	height:auto;
	overflow:hidden;
}
#marcasinmarcasD{
	display: inline-block;
	position:relative;
	float:left;
	width: 16%;
	height:300vh;
	overflow:hidden;
}
#marcascontainer1PodD{
	display: inline-block;
	position:relative;
	float:left;
	width: 19vw;
	height:auto;
	margin-left:1%;
	margin-bottom:2%;
	overflow:hidden;
	background-color:#e5ecf2;
	text-decoration: none;	
	line-height:2.2vmin;
	color: #3f4448;
	font-size: 1.7vmin;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
}
#marcaTextAreaD{
	display: inline-block;
	position:relative;
	float:left;
	width: 19vw;
	height:19vw;
	overflow:hidden;
	background-color:#c7d1da;
	color: #3f4448;
}
#marcaTextAreaD:hover{
	color: white;
	background-color:#5b636a;
}

.marcaTextTitleD{
	text-align:left;
	padding-left:20px;
	padding-top:20px;
	font-size: 3vmin;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}
.marcaTextD{
	text-align:left;
	padding: 20px 20px 10px 20px;
	font-size: 2vmin;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}
#verMaisBranD1{
	display: inline-block;
	position:relative;
	float:left;
	background-color: #81d9c4;
	margin-left:20px;
	width: 8vw;
	height:14px;
	cursor:pointer;
}
#verMaisBranD1:hover{
	background-color: #3f4448;
}
#verMaisBranD2{
	display: inline-block;
	position:relative;
	float:left;
	background-color: #81d9c4;
	margin-left:20px;
	width: 8vw;
	height:14px;
	cursor:pointer;
}
#verMaisBranD2:hover{
	background-color: #3f4448;
}
#verMaisBranD3{
	display: inline-block;
	position:relative;
	float:left;
	background-color: #81d9c4;
	margin-left:20px;
	width: 8vw;
	height:14px;
	cursor:pointer;
}
#verMaisBranD3:hover{
	background-color: #3f4448;
}
#verMaisBranD4{
	display: inline-block;
	position:relative;
	float:left;
	background-color: #81d9c4;
	margin-left:20px;
	width: 8vw;
	height:14px;
	cursor:pointer;
}
#verMaisBranD4:hover{
	background-color: #3f4448;
}
#verMaisBranD5{
	display: inline-block;
	position:relative;
	float:left;
	background-color: #81d9c4;
	margin-left:20px;
	width: 8vw;
	height:14px;
	cursor:pointer;
}
#verMaisBranD5:hover{
	background-color: #3f4448;
}
#verMaisBranD6{
	display: inline-block;
	position:relative;
	float:left;
	background-color: #81d9c4;
	margin-left:20px;
	width: 8vw;
	height:14px;
	cursor:pointer;
}
#verMaisBranD6:hover{
	background-color: #3f4448;
}
#verMaisBranD7{
	display: inline-block;
	position:relative;
	float:left;
	background-color: #81d9c4;
	margin-left:20px;
	width: 8vw;
	height:14px;
	cursor:pointer;
}
#verMaisBranD7:hover{
	background-color: #3f4448;
}
#verMaisBranD8{
	display: inline-block;
	position:relative;
	float:left;
	background-color: #81d9c4;
	margin-left:20px;
	width: 8vw;
	height:14px;
	cursor:pointer;
}
#verMaisBranD8:hover{
	background-color: #3f4448;
}
#verMaisBranD9{
	display: inline-block;
	position:relative;
	float:left;
	background-color: #81d9c4;
	margin-left:20px;
	width: 8vw;
	height:14px;
	cursor:pointer;
}
#verMaisBranD9:hover{
	background-color: #3f4448;
}
#verMaisBranD10{
	display: inline-block;
	position:relative;
	float:left;
	background-color: #81d9c4;
	margin-left:20px;
	width: 8vw;
	height:14px;
	cursor:pointer;
}
#verMaisBranD10:hover{
	background-color: #3f4448;
}
#verMaisBranD11{
	display: inline-block;
	position:relative;
	float:left;
	background-color: #81d9c4;
	margin-left:20px;
	width: 8vw;
	height:14px;
	cursor:pointer;
}
#verMaisBranD11:hover{
	background-color: #3f4448;
}
#verMaisBranD12{
	display: inline-block;
	position:relative;
	float:left;
	background-color: #81d9c4;
	margin-left:20px;
	width: 8vw;
	height:14px;
	cursor:pointer;
}
#verMaisBranD12:hover{
	background-color: #3f4448;
}
.textBotBran{
	text-align:center;
	padding: 17px;
	color: white;
	font-size: 0.7vw;
	letter-spacing: 0px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	overflow:hidden;
}
#sepDBran1{
	display: inline-block;
	position:relative;
	float:left;
	width:2vw;
	height:18px;
}
#marca1PicD{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/marcas/living.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 19vw;
	height:19vw;
	overflow:hidden;
}
#marca2PicD{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/marcas/apavisa.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 19vw;
	height:19vw;
	overflow:hidden;
}
#marca3PicD{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/marcas/margres.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 19vw;
	height:19vw;
	overflow:hidden;
}
#marca4PicD{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/marcas/marazzi.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 19vw;
	height:19vw;
	overflow:hidden;
}
#marca5PicD{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/marcas/bisazza.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 19vw;
	height:19vw;
	overflow:hidden;
}
#marca6PicD{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/marcas/grohe.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 19vw;
	height:19vw;
	overflow:hidden;
}
#marca7PicD{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/marcas/hansgrohe.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 19vw;
	height:19vw;
	overflow:hidden;
}
#marca8PicD{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/marcas/hotbath.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 19vw;
	height:19vw;
	overflow:hidden;
}
#marca9PicD{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/marcas/catalano.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 19vw;
	height:19vw;
	overflow:hidden;
}
#marca10PicD{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/marcas/sanindusa.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 19vw;
	height:19vw;
	overflow:hidden;
}
#marca11PicD{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/marcas/inbani.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 19vw;
	height:19vw;
	overflow:hidden;

}
#marca12PicD{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/marcas/foursteel.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 19vw;
	height:19vw;
	overflow:hidden;

}
/*----------------------------------------produtos-------------------------------------*/
#produtosContainerD{
	display: inline-block;
	position:relative;
	float:left;
	top:50px;
	width: 78vw;
	height:auto;
	overflow:hidden;
	/*background-color:orange;*/
}
#marcasinprodutcsD{
	display: inline-block;
	position:relative;
	float:left;
	width: 16%;
	height:200vh;
	/*height:auto;*/
	overflow:hidden;

}
#marcasinprodutcstitleD{
	display: inline-block;
	position:relative;
	float:left;
	width: 100%;
	height:auto;
	overflow:hidden;
	/*background-color:blue;*/
	text-align:left;
	padding-left:0px;
	padding-bottom:10px;
	color: #3f4448;
	font-size: 1.2vmin;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
}
#marcasinprodutcslineD{
	display: inline-block;
	position:relative;
	float:left;
	width: auto;
	height:100%;
	padding-right:18px;
	overflow:hidden;
	/*background-color:purple;*/
}
.vertical-menu{
	display: inline-block;
	position:relative;
	float:left;
	width: 100%;
	height:auto;
	/*height:auto;*/
	overflow:hidden;
	text-decoration: none;	
	text-align:left;
	padding-left:0px;
	padding-bottom:10px;
	line-height:3.5vmin;
	color: #3f4448;
	font-size: 1.5vmin;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;

}
.vlD {
	border-left: 1px solid #3f4448;
	height: 1310px;
	position: relative;
  }
#marcasinprodutcsmarcasD{
	display: inline-block;
	position:relative;
	float:left;
	width: 75%;
	height:100%;
	/*height:auto;*/
	overflow:hidden;
	/*background-color:brown;*/
}
/*--------------------------------------------------------*/
#marcascontainerPodD{
	display: inline-block;
	position:relative;
	float:left;
	width: 27%;
	height:auto;
	margin-left:1%;
	margin-bottom:2%;
	/*height:auto;*/
	overflow:hidden;
	background-color:#e5ecf2;
	text-decoration: none;	
	line-height:2.2vmin;
	color: #3f4448;
	font-size: 1.7vmin;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
}
#marcascontainerPodD:hover{
	background-color:#5b636a;
	color: white;
}
#marcasTextContainer1D{
	display: inline-block;
	position:relative;
	float:left;
	width: 84%;
	height:auto;
	text-align:left;
	margin-top:5%;
	margin-left:8%;
	margin-right:8%;
	margin-bottom:5%;
}
#marcasTextContainer2D{
	display: inline-block;
	position:relative;
	float:left;
	width: 84%;
	height:auto;
	text-align:left;
	margin-top:5%;
	margin-left:8%;
	margin-right:8%;
	margin-bottom:5%;
}
#marcasTextContainer3D{
	display: inline-block;
	position:relative;
	float:left;
	width: 84%;
	height:auto;
	text-align:left;
	margin-top:5%;
	margin-left:8%;
	margin-right:8%;
	margin-bottom:5%;
}
#marcasTextContainer4D{
	display: inline-block;
	position:relative;
	float:left;
	width: 84%;
	height:auto;
	text-align:left;
	margin-top:5%;
	margin-left:8%;
	margin-right:8%;
	margin-bottom:5%;
}
#marcasTextContainer5D{
	display: inline-block;
	position:relative;
	float:left;
	width: 84%;
	height:auto;
	text-align:left;
	margin-top:5%;
	margin-left:8%;
	margin-right:8%;
	margin-bottom:5%;
}
#marcasTextContainer6D{
	display: inline-block;
	position:relative;
	float:left;
	width: 84%;
	height:auto;
	text-align:left;
	margin-top:5%;
	margin-left:8%;
	margin-right:8%;
	margin-bottom:5%;
}
#marcasTextContainer7D{
	display: inline-block;
	position:relative;
	float:left;
	width: 84%;
	height:auto;
	text-align:left;
	margin-top:5%;
	margin-left:8%;
	margin-right:8%;
	margin-bottom:5%;
}
#marcasTextContainer8D{
	display: inline-block;
	position:relative;
	float:left;
	width: 84%;
	height:auto;
	text-align:left;
	margin-top:5%;
	margin-left:8%;
	margin-right:8%;
	margin-bottom:5%;
}
#marcasTextContainer9D{
	display: inline-block;
	position:relative;
	float:left;
	width: 84%;
	height:auto;
	text-align:left;
	margin-top:5%;
	margin-left:8%;
	margin-right:8%;
	margin-bottom:5%;
}
#verMaisProdD{
	display: inline-block;
	position:relative;
	float:left;
	background-color: #3f4448;
	/*padding-left: 20px;*/
	margin-left:8%;
	margin-bottom:20px;
	width: 8vw;
	height:14px;
	cursor:pointer;
}
#verMaisProdD:hover{
	background-color:#81d9c4 ;
}
#marcasPicContainer1D{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/produtos/revistimentos.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:20vw;
	overflow:hidden;

}
#marcasPicContainer2D{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/produtos/sanitarios.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:20vw;
	overflow:hidden;

}
#marcasPicContainer3D{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/produtos/banheiras.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:20vw;
	overflow:hidden;

}
#marcasPicContainer4D{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/produtos/torneiras.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:20vw;
	overflow:hidden;

}
#marcasPicContainer5D{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/produtos/mobiliario.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:20vw;
	overflow:hidden;

}
#marcasPicContainer6D{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/produtos/radiadores.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:20vw;
	overflow:hidden;

}
#marcasPicContainer7D{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/produtos/saunas.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:20vw;
	overflow:hidden;

}
#marcasPicContainer8D{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/produtos/lareiras.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:20vw;
	overflow:hidden;

}
#marcasPicContainer9D{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/produtos/produtos.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height:20vw;
	overflow:hidden;

}
/*------------------------------------------sub menus---------------------------------------*/

.verMaisProdD{
	display: inline-block;
	position:relative;
	float:left;
	background-color: #3f4448;
	margin-left:8%;
	margin-bottom:20px;
	width: 8vw;
	height:14px;
	cursor:pointer;
	text-align:center;
	padding: 17px;
	color: white;
	font-size: 0.7vw;
	letter-spacing: 0px;
	/*line-height:5vmin;*/
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	overflow:hidden;
}
.verMaisProdD:hover{
	background-color: #81d9c4;
}
#submenuProD1{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
	opacity:0.9;
	z-index: 10;
}
#verMenosProd1D{
	display: none;
}
#submenuProD2{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
	opacity:0.9;
	z-index: 10;
}
#verMenosProd2D{
	display: none;
}
#submenuProD3{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
	opacity:0.9;
	z-index: 10;
}
#verMenosProd3D{
	display: none;
}
#submenuProD4{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
	opacity:0.9;
	z-index: 10;
}
#verMenosProd4D{
	display: none;
}
#submenuProD5{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
	opacity:0.9;
	z-index: 10;
}
#verMenosProd5D{
	display: none;
}
#submenuProD6{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
	opacity:0.9;
	z-index: 10;
}
#verMenosProd6D{
	display: none;
}
#submenuProD7{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
	opacity:0.9;
	z-index: 10;
}
#verMenosProd7D{
	display: none;
}
#submenuProD8{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
	opacity:0.9;
	z-index: 10;
}
#verMenosProd8D{
	display: none;
}

/*----------------------------------------revestimentos-------------------------------------*/
#revestimentosContainerD{
	display: inline-block;
	position:relative;
	float:left;
	top:50px;
	width: 78vw;
	height:auto;
	overflow:hidden;
	/*background-color:orange;*/
}
#revestimentoscontainerPodD{
	display: inline-block;
	position:relative;
	float:left;
	width: 24%;
	height:auto;
	margin-left:1%;
	margin-bottom:2%;
	background-color:#e5ecf2;
}
.verMaisRevistimentosD{
	display: inline-block;
	position:relative;
	float:left;
	background-color: #3f4448;
	/*margin-bottom:20px;*/
	width: 100%;
	height:14px;
	cursor:pointer;
	text-align:center;
	padding: 17px 0px 17px 0px;
	color: white;
	font-size: 0.7vw;
	letter-spacing: 0px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	overflow:hidden;
}
.verMaisRevistimentosD:hover{
	background-color:#81d9c4 ;
}
.revestimentosTextContainer1D{
	display: inline-block;
	position:absolute;
	margin-top:50%;
	float:left;
	height:auto;
	width: 100%;
	margin-left:2%;
	text-decoration: none;	
	line-height:2.2vmin;
	color: #3f4448;
	font-size: 2.3vmin;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	z-index:99;
}
#revestimentosPicContainer1D{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/produtos/ceramicos.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	opacity:0.3;
	width: 100%;
	height:20vw;
	overflow:hidden;

}
#revestimentosPicContainer1D:hover{
	background-size: 110% 110%;
	opacity:0.5;
	transition: opacity 1s;	
}
.vertical-submenu{
	display: inline-block;
	position:relative;
	float:left;
	width: 100%;
	height:auto;
	/*height:auto;*/
	overflow:hidden;
	text-decoration: none;	
	text-align:left;
	padding-left:20px;
	padding-bottom:10px;
	line-height:3.5vmin;
	color: #3f4448;
	font-size: 1.8vmin;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;

}
#submenuD1{
	display: none;
	position:relative;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
}
#verMenosRevistimentos1D{
	display: none;
}
#revestimentosPicContainer2D{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/produtos/flutuantes.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	opacity:0.3;
	width: 100%;
	height:20vw;
	overflow:hidden;

}
#revestimentosPicContainer2D:hover{
	background-size: 110% 110%;
	opacity:0.5;
	transition: opacity 1s;	
}
#submenuD2{
	display: none;
	position:relative;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
}
#verMenosRevistimentos2D{
	display: none;
}
#revestimentosPicContainer3D{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/produtos/vinilicos.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	opacity:0.3;
	width: 100%;
	height:20vw;
	overflow:hidden;

}
#revestimentosPicContainer3D:hover{
	background-size: 110% 110%;
	opacity:0.5;
	transition: opacity 1s;	
}
#submenuD3{
	display: none;
	position:relative;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
}
#verMenosRevistimentos3D{
	display: none;
}
#revestimentosPicContainer4D{
	display: inline-block;
	position:relative;
	float:left;
	background-image: url("../imagens/desktop/produtos/pastilhas.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	opacity:0.3;
	width: 100%;
	height:20vw;
	overflow:hidden;

}
#revestimentosPicContainer4D:hover{
	background-size: 110% 110%;
	opacity:0.5;
	transition: opacity 1s;	
}
#submenuD4{
	display: none;
	position:relative;
	float:left;
	width: 100%;
	height:auto;
	background-color:#e5ecf2;
}
#verMenosRevistimentos4D{
	display: none;
}

	
}