/*!
 * 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%;
	 margin:0;
     padding:0;
}

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

.img-portfolio {
    margin-bottom: 30px;
/*	border:gray solid 10px; */

}

/*  added   */
.tint {
	background:#a08930;
	color:#fff;
	opacity:.80;

}
.tint:hover {
	background:#a08930;
	color:#fff;
	opacity:1.0;
	border:solid 1px white;
}
.tint:visited {
	background:#a08930;
	color:#fff;

}
#sliderOverlay {
	position:absolute;
	margin:5vw 15vw 0 15vw;
	width:10%;  
	max-width:1600px;	
	z-index:250;  
	text-align:center; 
	border:#fff 1px solid;
}

#sliderOverlay img {
	width:50vw; 
}

.img-hover:hover {
    opacity: 0.6;
	
}
.imgOverlay {
	top:0;
	left:10;
	margin:0 0 ;
	width:93%;
	height:93%;
	position:absolute;
	background:#a08930;
	color:white;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	padding-top:40%;
	    opacity: 0.0;
}

.imgOverlay:hover {
	    opacity: 0.8;

}
.imgOverlay a {
color:#fff;	
}

.imgOverlay a:hover {
opacity:1.0;
color:#fff;	
}
 
 
 /* modal  */
/*#overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 3000;
	 background-image: url(../images/gray-trans.png);

}

#overlay div {
     width:70vw;
	 height:70vh;
     margin: 10vh auto;
     background-color: #fff;
     padding:10px;
     text-align:center;
	 border:20px solid #a08930;
	 border-radius:10px;
	 
}

#overlay div p {
	padding:16px;
	text-align:left;
	
}
*/
.overlay {
	 border:20px solid #a08930;
	 border-radius:10px;
	 
}

.tintRed {
	background-color:#9A1F21;
	opacity:0.6;
}
.tintRed:hover {
	background-color:#9A1F21;
	opacity:0.9;
}

.close {
	width:25px;
	height:25px;
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	color:#f00;
	font-family:"Tahoma", Helvetica, sans-serif;
	text-align:center;
	font-size:18px;
	line-height:1.4em;
	border-color: #000;
	background-color: #000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#707070), to(#8C8C8C));
	background-image: -webkit-linear-gradient(top, #707070, #8C8C8C);
	background-image: -moz-linear-gradient(top, #707070, #8C8C8C);
	background-image: -o-linear-gradient(top, #707070, #8C8C8C);
	background-image: linear-gradient(to bottom, #707070, #8C8C8C);
/*	box-shadow:0px 0px 2px 0px #666;
	-moz-box-shadow:0px 0px 2px 0px #666;
	-webkit-box-shadow:0px 0px 2px 0px #666;
*/	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	text-indent:1px;
	font-weight:bold;
	opacity:1.0;
}




/* Home Page Carousel */

header.carousel {
    height: 50%;
}

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

/* 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;
	text-align:center;
	color: #B2B2B2;
	font-weight:300;
	
}


/*   =============  CUSTOM ADDED STYLES   ============   */

.container {
}

/*  SECTION BACKGROUNDS   */
#slider {
	background-image:url(../images/bgFIles/top-black_grunge.jpg);
	background-size:cover;
	}
#interview {
	background-image:url(../images/bgFIles/bottom-black_grunge.jpg);
	background-size:cover;
	}
#zombie {
	background-color:#323131;
}
#zombie h2 {
		color:white;
}

/*   ADD SCROLLING    */

/* added to JS only */

/*   End Scrolling    */
.anchor {
    display: block;
    position: relative;
    top: -62px;
    visibility: hidden;
}

#creditsBtn {
	float:right;  margin-right:15px; 
}

#credits {
	text-align:left;
	font-size:18px;
	font-weight:300;
	line-height:30px;
	}
#credits ul {
	text-align:left;
	margin-top:1.4em;
	margin-left:1.2em;
	}

/* ================ Responsive Styles  ================ */ 

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


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

.imgOverlay {
	left:0;
	width:100%;
	height:100%;

}
header.carousel .carousel {
   height: 100%;
    }
#sliderOverlay img {
	width:70vw; 
	}

 .page-header{
	 	font-size:1.8em;
		text-align:center;
		}

/*	.container {
		margin:auto;
		text-align:center;
*/

}
	 .navbar-nav{font-size:1.3em;line-height:1.3em;
	 margin-top:-6px;
	 border:solid 1px #000;
	 border-radius:6px;
	 }

#creditsBtn {
	float:center;   
}


@media(max-width:992px) {
	 .navbar-nav{font-size:1.1em;line-height:1.0em;
}
}
@media(max-width:767px) {
	 .navbar-nav{font-size:1.1em;
	 margin-top:0;
	 border:none;
	 border-radius:0;
	 }

 .navbar-nav li a {
line-height:0.8em
 }
	.logo {
		padding-top:12px; 
		width:70vw; 
		text-align:center; 
		margin:auto;  
		text-shadow: 0 0 0.4em #fff, 0 0 0.4em #fff;

	}
	.logo img {
		text-shadow: 0 0 0.4em #fff, 0 0 0.4em #fff;

	}

}


@media (max-width:767px){
 }
 @media (min-width:768px) and (max-width:991px) {
		  .bc {  /* for brightcove video content in modals */
	min-height:350px !important; }
 
 }
 @media (min-width:992px) and (max-width:1199px){
	 	  .bc {  /* for brightcove video content in modals */
	min-height:550px !important; }

 }
 @media (min-width:1200px){
	  .bc {  /* for brightcove video content in modals */
	min-height:550px !important; }

	 }