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

.product-header-banner
{
	background-image:url(../img/about-banner.jpg);
    height:400px;
    background-size: cover;
}
.overlay
{
	position:absolute;
	height: 400px;
    width: 100%;
	background:#00000082;
}
.product-bg { background:#7f96cc; }
.gallery_product img { 
    
    width:100%; 
    background-color: white;
    padding-top: 2em;
    padding-bottom: 2em;
}

.center-content{
    align-items: center;
    justify-content: center;
    display: flex;
}
/*-----------product slider ---------*/

.productslider { 
    padding: 5em;
margin-top:2em;
background: #fff;
margin-bottom: 5em;
}
.productslider .carousel-inner {// padding:5em; }
.productslider .carousel-item { padding:5em; }
.productslider p 
{     
     color: #7f96cc;
    font-weight: 400;
    font-size: 16px; }
/*--------filter gallery -----------*/
.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 15px;
    border: 3px solid #fff;
    border-radius: 0;
    text-align: center;
    color: #7f96cc;
    margin-bottom: 30px;
    background: #fff;
	margin-right: 0.5em;

}
.filter-button:hover
{
    font-size: 15px;
    border: 3px solid #7f96cc;
    text-align: center;
    color: #7f96cc;
    background-color: #fff;
	padding: .375rem 5.02rem;

}
.filter-button.active
{
    background-color: #fff;
    color: #7f96cc;

}
.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}
.item-title
{
	width: 100%;
    background: #fff;
    margin-top: 0.2em;
    padding: 0.7em;
    color: #7f96cc;
}
.filter-button
{
	    padding: .375rem 5.02rem;
}
@media(max-width:768px)
{
	.gallery_product  h3 { font-size:12px; }
}
@media(max-width:480px)
{
	.filter-button, .filter-button:hover{
    padding: .375rem 1.1em;
}
.productslider .carousel-item {
    padding: 1em;
}
}