/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
    height: 100%;
}

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

.img-portfolio {
    margin-bottom: 30px;
	border:thin;
	border-color: black;
}

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

/* Home Page Carousel */

header.carousel {
	height: 80%;
}

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: contain;
	background-repeat:no-repeat;
}
.transbox {
	width:inherit ;
	margin: 65px;
	background-color: #808080;
	border: 1px solid black;
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
}
.transbox2 {
	width:700px ;
	bottom: 0px;
	margin-left: 0px;
	margin-right: 0px.;
	background-color: #202020;
	border: 1px solid black;
	opacity: 0.8;
	background-position: center;
    background-size: contain;
	background-repeat:no-repeat;

	filter: alpha(opacity=70); /* For IE8 and earlier */
}
.transbox2:hover {
	width: inherit ;
	margin: inherit;
	background-color: #808080;
	border: 1px solid black;
	opacity: 0.7;
	transition: .5s ease;
	filter: alpha(opacity=70); /* For IE8 and earlier */
}
.carousel-caption2{
	position: absolute;
	right: 15%;
	bottom: 0px;
	left: 15%;
	z-index: 10;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	text-align: center;
	text-shadow: 2px 2px 4px #000000
}
/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}
.col-md-3.img-portfolio .middle .caption {
}
.col-md-3.img-portfolio .middle .caption {
}



/* 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%;
    }
}
#map {
  height: 400px;
  width: 100%;
 }
 .full { width: 98%; padding: 10px; margin: 0.67em auto; }
/* "full" should be unnecessary, but this responds to the box model bugs in IE */
.twothird { width: 67%; padding: 10px; margin: 0; border:none;}
.threequarters { width: 75%; padding: 10px; margin: 0; border:none;}
.half { width: 50%; padding: 10px; margin: 0.5em 0.67em; }
.third { width: 33%; padding: 10px; margin: 0.5em 0.67em; }
.thirdr { width: 33%; padding: 10px; margin: 0.5em 0.67em; float: right; margin-left: 2%;}
.quarter { width: 25%; border: none; padding: 5px; margin: 0.25em 0.5em; }
.fifth { width: 20%; border: none; padding: 5px; margin: 0.25em 1%; }
.halfr { width: 50%; padding: 10px; margin: 0.5em 0.67em; float: right; margin-left: 2%;}
.halfl { width: 50%; padding: 10px; margin: 0.5em 0.67em; float: left; margin-right: 2%;}
.right { float: right; margin-left: 2%; }
.left { float: left; margin-right: 2%; }
.fulls { width: 95%; padding: 10px; margin: 0.67em auto; box-shadow: 5px 5px 5px #888888; }
/* "full" should be unnecessary, but this responds to the box model bugs in IE */
.twothirds { width: 67%; padding: 10px; margin: 0; border:none; box-shadow: 5px 5px 5px #888888;}
.threequarterss { width: 75%; padding: 10px; margin: 0; border:none; box-shadow: 5px 5px 5px #888888;}
.halfs { width: 50%; padding: 10px; margin: 0.5em 0.67em; box-shadow: 5px 5px 5px #888888; }
.thirds { width: 33%; padding: 10px; margin: 0.5em 0.67em; box-shadow: 5px 5px 5px #888888; }
.thirdrs { width: 33%; padding: 10px; margin: 0.5em 0.67em; float: right; margin-left: 2%;}
.quarters { width: 25%; border: none; padding: 5px; margin: 0.25em 0.5em; box-shadow: 5px 5px 5px #888888; }
.fifths { width: 20%; border: none; padding: 5px; margin: 0.25em 1%; box-shadow: 5px 5px 5px #888888; }
.halfrs { width: 50%; padding: 10px; margin: 0.5em 0.67em; float: right; margin-left: 2%; box-shadow: 5px 5px 5px #888888;}
.halfls { width: 50%; padding: 10px; margin: 0.5em 0.67em; float: left; margin-right: 2%; box-shadow: 5px 5px 5px #888888;}

.btn-primary.raised {
	box-shadow: 0 3px 0 0 #007299;
}
.btnwhite{
	color:#fff;
	background-color:#337ab7;
	border-color:#2e6da4;
	border-radius: 24px;}

.btnwhite:hover{
	color:#000;
	background-color:#fff;
	border-color:#122b40}
.btn-lg.round {
	border-radius: 24px;
}
h2 a:link {text-decoration: none;color: white}
h2 a:visited {text-decoration: none;color: white}
h2 a:hover {text-decoration: none;color: white}
h2 a:active {text-decoration: none;color: white}.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.middle2 {
  transition: .5s ease;
  opacity: 0;
	width: 93%;
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.img-portfolio:hover .middle {
  opacity: 1;
}
.img-portfolio:hover .middle2 {
  opacity: 0.7;
}
.caption {
  background-color: #000000;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.caption2 {
  background-color: #000000;
  color: white;
  padding: 4px 8px;
}
img-responsive {
	border: 2px solid #000;
}
.navbar-bramd .img{
	position:relative;
	top: 60px;
}3