/* Global Styles */

html, body {
  height: 100%;
}

body {
    padding-top: 76px;
  	background-image: url(../patterns/CGSshards.jpg);
	background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
 /* body padding for fixed top nav */
}

.img-home-portfolio,
.img-customer,
.portfolio-item {
  margin-bottom: 30px;
}

.tab-pane {
  margin-top: 15px;
}

/* Page Sections */
.section,
.section-colored {
  padding: 10px 0px 1px 0px;
  
}

.section-colored {
  background: rgba(255, 255, 255, .8);
  
 /* change this to change the background color of a colored section */
}

/* Half Page Height Carousel Customization */
.carousel {
  height: 98%;
}

.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: 4px;
}

.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;
}

/* Pricing Page Styles */
.price {
  font-size: 4em;
}

.price-cents {
  vertical-align: super;
  font-size: 50%;
}

.price-month {
  font-size: 35%;
  font-style: italic;
}

/* Footer Styles */
footer {
  margin: -30px 0;
}
 #footer h4 { color: #888; font-size: 15px; font-weight: bold; text-transform: uppercase; padding-bottom: 22px; text-align:left; }
 #footer h3 { color: #000; font-size: 18px; font-weight: bold; text-transform: uppercase; text-align:left; }
 
 #footer .widgets { padding-bottom: 16px; }
 #footer .widget {
	float: left;
	width: 271px;
}
 #footer .widget + .widget { padding-left: 76px;  }
 #footer .widget ul { list-style: none; list-style-position: outside; font-size: 14px; }
 #footer .widget ul li { padding-bottom: 11px; }
 #footer .widget ul li a { color: #4a4949; }
 #footer .widget ul li a:hover { color: #5b5a5a; }

 #footer .gallery-widget ul li {
	float: left;
	width: 80px;
	height: 45px;
}
 #footer .gallery-widget ul li a img { display: block;  width: 45px; height: 35px; margin-left: 0px; margin-bottom: 20px;  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; }
 #footer .gallery-widget ul li a:hover img {
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	padding-right: 8px;
}
.footer-nav  { float: left; }
.footer-nav ul { list-style: none; list-style-position: outside; font-size: 10px; font-weight: bold; }
.footer-nav ul li { float: left; padding: 0 39px 0 0;  }
.footer-nav ul li a { color: #353535; }
.footer-nav ul li a:hover ,
.footer-nav ul li.active a {  color: #2497e0; text-decoration: none; }

.button-wrapper{
	width: 1020px;
	margin: 0 auto;
    padding: 20px 0;
}
.menu-middle{
	position:absolute;
}
/* Responsive Styles */
@media (max-width: 767px) {

  .carousel {
    height: 96%;
 /* increases the carousel height so it looks good on phones */
  }
}