.hover-zoom {
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
     transition:all 0.3s
 }
.hover-zoom:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
     transform: scale(1.5)
 }
.project-table {
   /*  margin: 0em 5em; */
    margin-bottom: 1.5em;
}
.project-modal-body {
    height: calc(100% - 50px);
    overflow-y: auto;
}

.modal-body {
    position: relative;
    padding: 15px;
}
.modal-header {
    background-color: #2a2b87 !important;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.featured_works .featured_gallery .gallery_iner .gallery_hover a:hover, .featured_works .featured_gallery .gallery_iner .gallery_hover a:focus {
    background: #fff;
    color: #f6b60b;
}
.featured_gallery button {
    background: none;
    border: none;
}
.gallery-page .project-table
{
	color:white;
	text-align:left;
}

.gallery-page .gallery_iner
{
	margin-bottom:2.5em !important;

}

.gallery-page .gallery_hover h4 {
	font-size:17px !important;
}
.gallery-section
{
	background:#2E3841 !important;
}
.gallery-section .featured_gallery .gallery_iner {
	margin-bottom:1.5em;
}
.gallery-section .featured_gallery .gallery_iner img 
{
	filter: brightness(100%)!important;
}
.featured_works {
  /* background: url("../images/protfolio_bg.jpg") no-repeat fixed; */
  background-position: center;
  text-align: center;
  position: relative;
  z-index: 1;
  padding-bottom: 100px;
  display: block;
  overflow: hidden;
  padding-bottom: 100px;
}
.featured_works:after {
  content: "";
  position: absolute;
  top: 0;
  /* background-color: rgba(0, 0, 0, 0.9); */
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: -1;
}
.featured_works .tittle h2 {
  color: #fff;
}
.featured_works .tittle h4 {
  color: #fefefe;
}
.featured_works .featured_gallery {
  padding-top: 20px;
}
.featured_works .featured_gallery .gallery_iner {
  position: relative;
  overflow: hidden;
}
.featured_works .featured_gallery .gallery_iner img {
  max-width: 100%;
  width:100%;
  filter: brightness(50%);
}
.gallery-section .featured_gallery .gallery_iner {
	margin-bottom:1.5em;
}
.gallery-section .featured_gallery .gallery_iner img 
{
	filter: brightness(100%)!important;
}
.featured_works .featured_gallery .gallery_iner:after {
  content: "";
  position: absolute;
  background-color: #2a2b87;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
  transition: all 300ms linear 0s;
}

.gallery-section .featured_gallery .gallery_iner:after {
	margin: 0px 15px;
}

.featured_works .featured_gallery .gallery_iner .gallery_hover {
  position: absolute;
  top: 45%;
  left: 0;
  transform: translateY(-50%);
  right: 0;
  text-align: center;
  z-index: 2;
}
.gallery-section .featured_gallery .gallery_iner .gallery_hover {
  padding:20px;
}
.featured_works .featured_gallery .gallery_iner .gallery_hover h4 {
  color: #fff;
  font: 700 14px "Roboto", sans-serif;
  text-transform: uppercase;
  padding-bottom: 18px;
  position: relative;
  /* right: -100%; */
  transition: all 300ms linear 0s;
  padding-left:15px;
  padding-right:15px;
  height: 80px;
  vertical-align: middle;
}
.gallery-section .gallery_hover h4 
{
	right: -120%;
	padding: 15px;
}
.gallery-section .gallery_hover a
{
	left: -120%;
}

.featured_works .featured_gallery .gallery_iner .gallery_hover a {
  /* width: 170px;
  font: 400 14px/60px "Roboto", sans-serif;
  text-align: center;
  display: block;
  border-radius: 10px; */
  background: #1683fb;
  /* color: #fff;
  position: relative; */
  /* left: -100%; */
  /* transition: all 300ms linear 0s;
  text-transform: uppercase;
  margin: 0 auto; */
}

@media (max-width:770px)
{
	.featured_works .featured_gallery .gallery_iner .gallery_hover h4 {
	  font-size: 14px;
	  height:auto;
	  padding-top:1em;
	}
	.featured_works .featured_gallery .gallery_iner .gallery_hover a {
	  font: 400 12px/30px "Roboto", sans-serif;
	  
	}
	
}

.featured_works .featured_gallery .gallery_iner .gallery_hover a:hover, .featured_works .featured_gallery .gallery_iner .gallery_hover a:focus {
  background: #fff;
  color: #2a2986;
}
.featured_works .featured_gallery .gallery_iner:hover:after, .featured_works .featured_gallery .gallery_iner:focus:after {
  opacity: 1;
}
.featured_works .featured_gallery .gallery_iner:hover .gallery_hover h4, .featured_works .featured_gallery .gallery_iner:focus .gallery_hover h4 {
  right: 0;
}
.featured_works .featured_gallery .gallery_iner:hover .gallery_hover a, .featured_works .featured_gallery .gallery_iner:focus .gallery_hover a {
  left: 0;
}