@charset "UTF-8";
/* CSS Document */

body {
	font-family: Montserrat;
	font-size: 10pt;
	font-weight: 600;
}
a:hover {
	text-decoration: none;
}
.menurent::after {
	font-family: Montserrat;
	font-size: 10pt;
	font-weight: 600;
	border-bottom: thin #ffffff solid;
	width: 0;
	content: '';
	display: block;
	transition: width .6s;
}
.menurent:hover::after{
	border-bottom: thin #000000 solid;
	width: 100%;
	transition: width .6s;
}
.destaque{
	font-family: Montserrat;
	font-size: 30pt;
	font-weight: 300;
}
.destaquebold{
	font-family: Montserrat;
	font-size: 30pt;
	font-weight: 800;
}
.destaquesmall{
	font-family: Montserrat;
	font-size: 10pt;
	font-weight: 300;
}
.destaquebotao{
	font-family: Montserrat;
	font-size: 14pt;
	font-weight: 300;
	border: thin solid #000000;
	padding: 10px;
	padding-right: 20px;
	padding-left: 20px;
	border-radius: 30px;
	background-color: #666666;
	color: white;
}
.destaquebotao:hover{
	font-family: Montserrat;
	font-size: 14pt;
	font-weight: 300;
	border: thin solid #000000;
	padding: 10px;
	padding-right: 20px;
	padding-left: 20px;
	border-radius: 30px;
	background-color: #ffffff;
	color: #666666;
}
#parallelogram {
      width: 100%;
      height: 500px;
      transform:skewY(-3deg);
      background: #edb62a;
	  opacity: 1;
	  position: absolute;
	
    }
.product {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  width: 200px;
  height: 200px;
  
  text-align: center;
	
}

.textproduct {
  background-color: #333;
  color: white;
  font-size: 13px;
 	padding: 20px 10px;
	opacity: 1.0;
	border-top-left-radius: 20px;
	position: relative;

}

.prod:hover .product:hover {
  opacity: 0.8;
	position: relative;
}

.parallax {
  /* The image used */
  background-image: url(../images/modular.jpg);
  height: 500px; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: skewY(-3deg);
}
.overlay {
  position: relative;
}

.overlay:before{
  position: absolute;
  content:" ";
  top:0;
  left:0;
  width:100%;
  height:100%;
  display: block;
  z-index:0;
}

.red:before {
  background-color: black;
	opacity: 0.6;
}
.botaoamarelo{
	font-family: Montserrat;
	font-size: 14pt;
	font-weight: 300;
	border: thin solid #000000;
	padding: 10px;
	padding-right: 20px;
	padding-left: 20px;
	border-radius: 30px;
	background-color: #edb62a;
	color: #000000;
}
.botaoamarelo:hover{
	font-family: Montserrat;
	font-size: 14pt;
	font-weight: 300;
	border: thin solid #000000;
	padding: 10px;
	padding-right: 20px;
	padding-left: 20px;
	border-radius: 30px;
	background-color: #333333;
	color: #edb62a;
}
.botaobranco-rect{
	font-family: Montserrat;
	font-size: 10pt;
	font-weight: 300;
	border: thin solid #fff;
	padding: 10px;
	color: #FFFFFF;
}
.botaobranco-rect:hover{
	font-family: Montserrat;
	font-size: 10pt;
	font-weight: 300;
	border: thin solid #edb62a;
	padding: 10px;
	background-color: #000000;
	color: #edb62a;
}