/* 

Custom CSS for...

'PLAY PROBE' HTML Theme by Start Bootstrap



All Start Bootstrap themes are licensed under Apache 2.0. 

For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!

*/



/* Global Styles */



html, body {

  height: 100%;



  /* This image will be displayed fullscreen */

  /*background:url('../images/1.jpg') no-repeat center center;*/



  /* Ensure the html element always takes up the full height of the browser window */

  /*min-height:100%;*/



  /* The Magic */

  /*background-size:cover;*/



}



body {

  padding-top: 50px;

  /* Workaround for some mobile browsers */

}



.img-home-portfolio,

.img-customer,

.portfolio-item {

  margin-bottom: 30px;

}



.tab-pane {

  margin-top: 15px;

}



/* Page Sections */

.section,

.section-colored {

  padding: 75px 0;

}



.section-colored {

  background-color: #e1e1e1;

 /* change this to change the background color of a colored section #e1e1e1*/

}



.sidebar {

  margin-top: 40px;

}



.sidebar ul {

  border-radius: 5px;

  padding: 5px;

  border: 1px solid #cccccc;

}



/* Half Page Height Carousel  */

.carousel {

  height: 50%;

}



.item,

.active,

.carousel-inner {

  height: 100%;

}



.fill {

  width: 100%;

  height: 100%;

  background-position: center;

  background-size: cover;

}



/* Social Icons Styles */

.list-social-icons {

  margin-bottom: 45px;

}



.tooltip-social a {

  text-decoration: none;

  color: inherit;

}



.facebook-link a:hover {

  color: #3b5998;

}



.linkedin-link a:hover {

  color: #007fb1;

}



.twitter-link a:hover {

  color: #39a9e0;

}



.google-plus-link a:hover {

  color: #d14836;

}



/* Service Page Styles */

.service-icon {

  font-size: 50px;

}



/* 404 Page Styles */

.error-404 {

  font-size: 8em;

}



/* Footer Styles */

footer {

  margin: 50px 0;

}



/* Responsive Styles */

@media (max-width: 767px) {



  .carousel {

    height: 70%;

 /* increases the carousel height so it looks good on phones */

  }

}