.hidden { display: none; }

	#filter {
		text-align: center;
		padding: 15px;
	}

	#filter button {
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		cursor: pointer;
		padding: 5px 10px;
	}

	#filter button.active { background-color: #406174;
		color: #fff !important;}

	#filter button:focus { outline: 0; }

	#posts {
		margin: 10px auto;
	}
	#posts .post {
		width: 33.333%;
		float: left;
		height: 350px;
		overflow: hidden;
		text-align: center;
		cursor: pointer;
		position: relative;
		z-index: 1;
		display: inline-block;
		margin-top:5px ;
		margin-bottom:25px;

	}

	#posts .post img {
		position: relative;
		display: block;
		width: -webkit-calc(100% + 60px);
		width: calc(100% + 60px);
		opacity: 1;
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
		transform: translate3d(-30px, 0, 0) scale(1.12);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		min-height: 100%;
	}

	#posts .post:hover img {
		opacity: 0.5;
		-webkit-transform: translate3d(0, 0, 0) scale(1);
		transform: translate3d(0, 0, 0) scale(1);
	}
	 .page_content_wrap{
        padding:50px 0;
    }
    .img-thumbnail{
        padding:.25rem;
        background-color:#fff;
        border:1px solid #dee2e6;
        border-radius:.25rem;
        max-width:100%;
        height:auto;
        margin-bottom:20px;
        
    }
    p.desc{
        font-size:18px
    }

    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{
        position:relative;
        width:100%;
        padding-right:15px;
        padding-left:15px
        
    }
    .text-center{text-align:center!important}
    float-left{float:left!important}.float-right{float:right!important}
	@media screen and (max-width: 600px) {
		#filter button{
			margin-bottom:10px;
		}
		#posts .post { width: 100%; }
	}