/*+--------------------------------+*/
/*| PARALLAX                       |*/
/*+--------------------------------+*/
.parallax{
	min-height:200px;
	background: rgba(0,0,0,0);
	position: relative;
}
.parallax::before {
	content: '';
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgba(0,0,0,.6);
}
.parallax>div{
	display: table; height: 200px; overflow: hidden;
}
.parallax>div>div{
	display: table-cell; vertical-align: middle;
}
.parallax .ttl-pg{
	font-family: 'GillSansMTPro-Bold';
	text-transform:uppercase;
	font-size: 20px;
	
	color:white;

	text-align:center;	
}


/*+--------------------------------+*/
/*| INDICADOR DA PÁGINA            |*/
/*+--------------------------------+*/
.breadcrumb{
	padding:0;
	padding-top: 10px;
	padding-bottom:10px;
	
    margin-bottom: 0px;
    list-style: none;
	
    background-color: transparent;
	border-radius: 0px;
}
.breadcrumb>li,.breadcrumb>li>a{ 
	text-transform:uppercase;
	color:#58585B;
	font-size:10px;
}
.breadcrumb>li+li:before { padding: 0 8px; }

/*+--------------------------------+*/
/*| BARRA SEPARADORA               |*/
/*+--------------------------------+*/
.br-sp{
	height:20px;
	background:#F3F3F4;
}




/*+--------------------------------+*/
/*| PRODUTOS                       |*/
/*+--------------------------------+*/
.pd-sec{
	margin-top:100px;
	margin-bottom:100px;
}

/*IMAGEM*/
.pd-sec .pd-img{
	max-width:360px;
	/*max-height:270px;*/
	background:white;
	position:relative;
}
.pd-sec .pd-img img{
	display: block;
    max-width: 100%;
    height: auto;
}

.pd-sec .pd-img-oly {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	background-color: RGBA(255,255,255,.7);

	-webkit-transition: opacity ease-in-out 0.3s;
	-moz-transition: opacity ease-in-out 0.3s;
	-ms-transition: opacity ease-in-out 0.3s;
	-o-transition: opacity ease-in-out 0.3s;
	transition: opacity ease-in-out 0.3s;
}
.pd-sec .pd-img:hover .pd-img-oly {
	opacity: 1;
  
	-webkit-transition: opacity ease-in-out 0.3s;
	-moz-transition: opacity ease-in-out 0.3s;
	-ms-transition: opacity ease-in-out 0.3s;
	-o-transition: opacity ease-in-out 0.3s;
	transition: opacity ease-in-out 0.3s;
}
.pd-sec .pd-img-oly .pd-img-plus{
	width:60px;
	height:60px;
	
	position: relative;
	top: 16%;
	transform: translateY(-50%);
	margin: 0 auto;
	z-index:-1;
	
	-webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.pd-sec .pd-img:hover .pd-img-oly .pd-img-plus{
	z-index:0;
	top: 50%;
	
	-webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}


.pd-ttl-dt-dsc-bt{
	margin-left:22px;
	margin-right:22px;
	margin-bottom:50px;
	
	max-width:360px;
}

/*TÍTULO*/
.pd-sec .pd-ttl{
	width:100%;
	
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}
.pd-sec .pd-ttl p{
	padding-top:20px;
	
	border-top: 4px solid #ecbb3a;
	
	font-family: 'GillSansMTPro-Bold';
	font-size: 17px;
	color:black;	
	
	text-transform:uppercase;
}
.pd-sec .pd-ttl p span{
		display:none;
	}

/*DATA*/
.pd-sec .pd-data{
	display:inline-block;
	
	padding-top:15px;
	
	color:#58585B;
}
.pd-sec .pd-data i{
	display:inline;
	
	font-size:12px;
	color:black;
	
	vertical-align:1px;
	
	margin-right:10px;
}
.pd-sec .pd-data p{
	display:inline;
	
	font-family: 'GillSansMTPro-Bold';
	font-size: 15px;
	text-transform:uppercase;
}

/* DESCRIÇÃO */
.pd-sec .pd-desc{
	padding-top:15px;
	padding-bottom:15px;
}
.pd-sec .pd-desc p{
	font-size: 15px;
	color:#58585B;
}



/* BOTÃO - VER MAIS */
.pd-sec .pd-bt{
	width: 134px;
	height: 38px;
	background: transparent;
	opacity:1;
	
	-webkit-transition: opacity ease-in-out 0.3s;
    -moz-transition: opacity ease-in-out 0.3s;
    -ms-transition: opacity ease-in-out 0.3s;
    -o-transition: opacity ease-in-out 0.3s;
    transition: opacity ease-in-out 0.3s;
}
.pd-sec .pd-bt:hover{
	opacity:0.7;
	
	-webkit-transition: opacity ease-in-out 0.3s;
    -moz-transition: opacity ease-in-out 0.3s;
    -ms-transition: opacity ease-in-out 0.3s;
    -o-transition: opacity ease-in-out 0.3s;
    transition: opacity ease-in-out 0.3s;
}
.pd-sec .pd-bt .bg-bt{
    position: absolute;
    display: block;
    background-color: #e9b72b;
    width: 99px;
    height: 39px;

}
.pd-sec .pd-bt .shp-bt{
	margin-left: 12px;
    float: left;
    display: block;
    width: 100px;
    height: 39px;
	
	-webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
	-o-transform: skew(-30deg);
	background: #e9b72b;
	
}
.pd-sec .pd-bt .shp-bt p{
	-webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
	-o-transform: skew(30deg);
	
	font-family: 'GillSansMTPro-Bold';
	font-size: 12px;
	color:white;
	text-transform:uppercase;
	
	margin-top: 12px;
}
.pd-sec .pd-bt .shp-bt-bld{
    margin-left: 105px;
    display: block;
    width: 15px;
    height: 39px;
	
	-webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	background: #ddb037;
}

@media (min-width: 991px) and (max-width: 1200px) {
	.pd-sec .pd-ttl p span{
		display:block;
	}
}
@media (max-width: 991px) {
	.hd-pd-sec{
		text-align:center;
	}
}
@media (max-width: 768px) {
	.pd-sec .pd-img{
		margin-left:auto;
		margin-right:auto;
	}
	.pd-ttl-dt-dsc-bt{
		margin-left:auto;
		margin-right:auto;
	}
}