body  {
  background:#000;
  color:#eee;
}

header {
/* 	margin: 20px 0; */
    background: #333333;
    background: rgba(0, 0, 0, 0.8);
}

.gallery {
	margin: 20px 0;
}

/*
a {
	color: #18bc9c;
}
	a:focus, a:hover {
		color: #2c3e50;
	}
*/


/************************************************************************/
/*					FIX INLINE FLOATING IMAGES							*/
/*					DO NOT REMOVE										*/
/************************************************************************/

figure.align_right,
img.align_right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

figure.align_left,
img.align_left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

figure.align_center,
img.align_center {
	margin: 5px auto;
	display:block;
	clear:both;
	float: none;
}

img.align_center:after {
    content: '';
    display: block;
    clear: both;
}

@media screen and (max-width: 768px) {
	figure.align_right,
	img.align_right {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	figure.align_left,
	img.align_left {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
    margin-top: 20px;
}
	.video-container iframe {
	    position: absolute;
	    top:0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}

figure { display: table; }

figcaption {
	width: 100%;
	font-style: italic;
	font-size: 12px;
	display: table-caption;
	caption-side: bottom;
	}

@media screen
and (min-width: 767px) {
   a[href*="tel:"] {
       pointer-events: none;
       cursor:default;
       text-decoration: none;
   }
}

/* MAKE PLACED IMAGES RESPONSIVE */
main img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

/************ CAROUSEL CHANGES **************/

.carousel {
	margin-bottom: 10px;
	}

.carousel img {
	max-width: 100%;
	height: auto;
	}

.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px;
    background: #333333;
    background: rgba(0, 0, 0, 0.8);
	}

.carousel-caption h2 {
    margin: 0;
    text-align: right;
    font-size: 30px;
	}

.carousel-caption h2 a {
    color: #fff;
	}

.carousel-caption p {
    margin-bottom: 0;
    text-align: right;
    font-style: italic;
    font-size: 18px;
	}

.carousel-indicators {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 15;
	width: 60%;
	height: 10px;
	margin-left: -12%;
	padding-left: 0;
	list-style: none;
	text-align: right;
	}

.carousel-control {
	width: 5%;
	}

@media screen and (max-width: 700px){
	.carousel-caption p {
        font-size: 13px;
	    }

    .carousel-caption {
	    background: rgba(0, 0, 0, 0.55);
	    }
    .carousel-control {
        top: 20%;
	    }
	}



/************************ TEMPLATE CHANGES *************************/

.navbar-brand>img {
	max-height: 40px;
}

section.samples-section,
section.modal-agency-section {
	margin-bottom: 100px;
}

.top_footer {
	margin-top: 0px;
}

h1, h2, h3, h4, h5, h6 {
    color: #eee;
}

.agency,
.agency h1,
.agency h2,
.agency h3,
.agency h4,
.agency h5,
.agency h6 {
	color: #333;
}

.contact-us {
    position: relative;
    float: left;
    background-image: url(../../_media/images/contact-background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
}
	.contact-us:before {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background-color: rgba(0, 0, 0, 0.75);
	}

.print-portfolio h3 {
	color: #f98012;
	text-align: center;
	margin: 20px 0;
}

/************************ LIGHTBOX CHANGES *************************/

a.lightbox img {
    opacity: 1.0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
a.lightbox img:hover {
    opacity: 0.6;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.modal-backdrop {
/* 	background-color: rgba(219,188,142, 0.5) !important; */
	opacity: 0.8 !important;
}

.escmodal .modal-content {
	background-color: rgba(0, 0, 0, 1) !important;
}

.escmodal .modal-title,
.escmodal .modal-footer {
	color: #eee;
}

.escmodal .modal-header .close {
	color: rgba(255, 255, 255, 1) !important;
	opacity: 0.8;
}

.escmodal .modal-body p.desc {
	text-align: left;
}

.escmodal .modal-body p.desc {
	text-align: left;
	font-weight: bold;
}

#image-gallery .pager,
#image-gallery .modal-footer {
  display: block;
}

.modal-dialog.modal-lg {
    width: 90% !important;
}