/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height:  100%;

}

body {
    padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 100%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}




/* Footer Styles */

footer {
    margin: 0px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

.preload{ display: none; }

section#gallery { 
margin:2.5% 0; 
}


section#gallery:after { 
clear:both; content:"."; 
display:block; height:0; 
visibility:hidden; 
}



section#gallery figure { 
float:left;
display:inline;
width:21%;
margin:2%; /*2% + 21% + 2% = 25% */
background:000;
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
-0-transition: all 0.5s; 
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);


}

section#gallery a { 
display:block; 
width:100%;
  border:1px solid #000;
background:#000;
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
-0-transition: all 0.5s; 
transition: all 0.5s; 
-webkit-box-shadow: 0 0 5px #42403f;
-moz-box-shadow: 0 0 5px #42403f;
box-shadow: 0 0 5px #42403f;
} 

section#gallery a:hover { 
} 


section#gallery img { 
width:100%;
display:block;
border:none;
-ms-interpolation-mode:bicubic; /* IE 7+ hack */ 
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 12px;
background:#5A8FBC;
-0-transition: all 0.5s; 
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);

}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #a69e8a;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;

}
.img-circle {
  border-radius: 50%;
background:#5A8FBC;
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
-0-transition: all 0.5s; 
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);


}

.featurette-image2 {
 
border:1px solid #807C7B;
background:#5A8FBC;
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
-0-transition: all 0.5s; 
transition: all 0.5s; 
-webkit-box-shadow: 0 0 5px #42403f;
-moz-box-shadow: 0 0 5px #42403f;
box-shadow: 0 0 5px #42403f;


}