.projects{
  background: #f2f2f2 !important;
  margin-top: auto;
}
.projects >.container{
  margin: 0;
  padding: 0;
  width: 100%;
}
.proj-head{
  margin-top: 4%;
}
.proj-inner{
  padding-right: 3%;
}
.pro-box-inner>p{
  font-size: 12px;
}
.pro-box1{
  width: 47%;
    -webkit-box-shadow: 1px 2px 5px 1px rgba(143,143,143,0.55);
  -moz-box-shadow: 1px 2px 5px 1px rgba(143,143,143,0.55);
  box-shadow: 1px 2px 5px 1px rgba(143,143,143,0.55);
  padding: 0;
  margin: 5% 0 0 3%;
}
.pro-box-hover>.icons {
  position: absolute;

  transition: 0.8s ease;
  opacity: 0;
}
.pro-box-hover>.icons ul li a{
  color: white;
}
.single-media{
  background: white;
  width: 22%;
  height: 400px;
  float: right;
  margin-top: 5%;
  margin-left: 3%;
  padding: 0;
  text-align: center;
    -webkit-box-shadow: 1px 2px 5px 1px rgba(143,143,143,0.55);
  -moz-box-shadow: 1px 2px 5px 1px rgba(143,143,143,0.55);
  box-shadow: 1px 2px 5px 1px rgba(143,143,143,0.55);
}
.single-media-img{
  height: 50%;
  width: 100%;
  overflow: hidden;
}
.single-media-img>img{
  width: 100%;
  height: 100%;
  transition: all 0.5s ease-in-out;
  opacity: 0.7;
}
.single-media:hover img{
  opacity: 1;
  transition: all 0.5s ease-in-out;
  -webkit-transform:scale(1.3);
transform:scale(1.3);
}
.single-media-img i{
  padding: 20px;
  color: white;
  margin-top: -11%;
  margin-left: -9%;
  position: absolute;
}
.single-media-img .doc{
  background-color: #3ab2e1;
}
.single-media-img .tube{
  background-color: #2e3a3b;
}
.single-media-inner{
  margin-top: 22%;
  padding: 0 10px 0 10px;
}
.single-media-inner>h5{
  color: #097882;
  margin-bottom: 10%;
  opacity: 0.8;
}
.single-media-inner>p{
  opacity: 0.8;
  font-size: 11px;
  margin-bottom: 28px;

}
.btn{

  background-color: transparent;
  border: none;
}
.modal-open .modal{
  overflow: hidden;
}
.modal-content{
  margin: 0 auto;
  width: 600px;
  border-radius: 0;
  font-size: 13px;
  overflow: hidden;
}
.modal h4{
  text-align: right;
  margin: 10px 20px 20px 0;
  color: #097882;
}

.modal-content h4 i {
  margin-left: 20px;
  color: #097882;

}
.modal .modal-text{
  text-align: right;
  margin: 20px 20px 20px 5px;
  border-right: 1px solid #eee;
  padding-right: 20px;
}
.modal-footer{
  width: 100%;
  height: 100px;
  background: #e0e0e0;
  text-align: center;
  position: relative;
}
.modal-footer i{
  padding: 20px;
  background-color: white;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  border-radius: 200px;
  color: #097882;
}
.modal-footer .modal-btn{
  padding: 10px 20px;
  background-color: #097882;
  color: white;
  text-decoration: none;
  text-align: center;
  margin: 25px 10px 42% 70px;
  border-radius: 3px;
}
.video{
  width: 930px;
  padding: 0;
  z-index: 1050;
  display: block;
}
iframe{
  display: block;
}
.video .modal-text{
  float: left;
  width: 40%;
}
.footer-video{
  margin-right: 5%;
  margin-top: 2.6%;
}
/* Gallery */
.gallery
{
    display: inline-block;
    margin-top: 20px;
}
.galleries{
  transition: all 0.5s ease;
}
.thumbnail{
  border: none;
}

.fancybox-title-over-wrap {
    width: 100%;
    padding: 0;
}

.fancybox-title-over-wrap > div {
    padding: 10px;
}
.fancybox-nav {
    width: 60px;
}

.fancybox-nav span {
    visibility: visible !important;
    opacity: 1;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
  width: 250px !important;
  height: 250px !important;
}