@font-face {  
	font-family: futura-bookoblique;
	font-style: italic;  
	src: url('fonts/futura-bookoblique.eot'); 
	src: local(futura-futura-bookoblique), url('fonts/futura-futura-bookoblique.ttf') format("truetype"), url('fonts/futura-bookoblique.woff') format("woff"), url('fonts/futura-bookoblique.svg#futura-bookoblique') format("svg");
} 

@font-face {  
	font-family: futura-book;  
	src: url('fonts/futura-book.eot');  
	src: local(futura-book), url('fonts/futura-book.ttf') format("truetype"), url('fonts/futura-book.woff') format("woff"), url('fonts/futura-book.svg#futura-book') format("svg");
}  

a:link, a:visited, a:active, a:hover {
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

img {
	border: 0;
}

body {
	color: #000;
	background: #FFF;
	font-size:12px;
	font-family: futura-book, futura, sans-serif;
	font-weight: normal;
	line-height: 18px;
	margin: 0;
}

header span {
	font-size: 1rem;
	line-height: 1rem;
	margin: .25rem 0;
}

main h1 {
	font-size: .875rem;
	line-height: 1rem;
}

main h2 {
	font-size: .75rem;
	line-height: .875rem;
}

p.caption {
	margin-top: 5px;
	color: #000;
}

#imageModal p.caption {
	margin: 15px;
}

.btn-circle.btn-sm {
	width: 20px;
	height: 20px;
	padding: 0;
	font-size: .75rem;
	border-radius: 60px;
	border-color: #EEEEEE;
	text-align: center;
	margin-left: .25rem;
}

.btn-outline-dark.btn-circle.btn-sm:active, .btn-outline-dark.btn-circle.btn-sm:hover {
	color: #000;
	border-color: #EEEEEE;
    background-color: #EEEEEE;
}

.btn-outline-dark.btn-circle.btn-sm.active {
	color: #000;
	border-color: #EEEEEE;
    background-color: #EEEEEE;
}

/* --------------------------- */
/* SIDEBAR ------------------- */
/* --------------------------- */

.sidebar {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	padding: 48px 0 0;
	background-color: #FFF;
}

.sidebar .nav-link {
	font-weight: 500;
	color: #000;
}

.sidebar .nav-link.active {
	color: #000;
    background-color: #EEEEEE;
}

/* --------------------------- */
/* NAVBAR -------------------- */
/* --------------------------- */

.navbar {
	background-color: #FFF;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.nav > li > a:hover {
	color: #000;
    background-color: #EEEEEE;
}

.navbar-brand {
	font-size: 1rem;
}

.navbar .navbar-toggler {
	right: 1rem;
}

footer {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	background-color: #fff;
}

footer p {
	font-size: 10px;
	margin: 0;
}

/* --------------------------- */
/* MODAL --------------------- */
/* --------------------------- */

.modal-dialog {
	margin: .5rem auto;
}

.modal-content {
	background-color: transparent;
	border: none;
}

.carousel-control-next,
.carousel-control-prev {
	align-items: flex-start;
	padding-top: 1rem;
}

/* --------------------------- */
/* MEDIA QUERIES ------------- */
/* --------------------------- */

/* XS (less than 576px) ----------------------------------------------- */
@media (max-width: 575.98px) {
	
}

/* SM (576px to 767px) ----------------------------------------------- */
@media (min-width: 576px) and (max-width: 767.98px) {
	
}

/* MD (768px to 991px) ----------------------------------------------- */
@media (min-width: 768px) and (max-width: 991.98px) {
	/* MODAL --------------------- */
	.carousel-control-next {
		right: -75px;
		opacity: 65%;
	}
	.carousel-control-prev {
		left: -75px;
		opacity: 65%;
	}
}

/* LG (992px to 1199px) ----------------------------------------------- */
@media (min-width: 992px) and (max-width: 1199.98px) {
	/* MODAL --------------------- */
	.carousel-control-next {
		right: -75px;
		opacity: 65%;
	}
	.carousel-control-prev {
		left: -75px;
		opacity: 65%;
	}
}

/* XL (1200px to 1399px) ----------------------------------------------- */
@media (min-width: 1200px) and (max-width: 1399.98px) {
	/* MODAL --------------------- */
	.carousel-control-next {
		right: -75px;
		opacity: 65%;
	}
	.carousel-control-prev {
		left: -75px;
		opacity: 65%;
	}
}

/* XXL (1400px and up) ----------------------------------------------- */
@media (min-width: 1400px) {
	/* MODAL --------------------- */
	.carousel-control-next {
		right: -75px;
		opacity: 65%;
	}
	.carousel-control-prev {
		left: -75px;
		opacity: 65%;
	}
}