@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:700);
/* CAROUSEL MAGIC */
html, body {
margin:0;
padding:0;
}

html, body {
overflow-x:hidden;
}

.carousel, .item {

}
.carousel-inner {
height:100%;
}

.carousel .item {
background-color: #000000;
}
.carousel .carousel-inner .bg {
background-repeat:no-repeat;
background-size:cover;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.carousel .carousel-inner .bg1 {
background-position: center top;
}
.carousel .carousel-inner .bg2 {
background-position: center center;
}

.carousel .carousel-inner .mobRight {
background-position: right center;
}

.carousel .carousel-inner .bg3 {
background-position: center bottom;
}

.slidePadd {
padding-top:75px;

}

.embed-glow {
-webkit-box-shadow: 0px 0px 50px 10px rgba(51,51,51,1);
-moz-box-shadow: 0px 0px 50px 10px rgba(51,51,51,1);
box-shadow: 0px 0px 50px 10px rgba(51,51,51,1);

}

.carousel-indicators {
bottom:12px;
}

.carousel-caption {
font-size:14px;
line-height:15px;
text-align:left;
font-family:'Roboto','Proxima Nova','Helvetica Neue', Helvetica, sans-serif;
bottom:10px;
z-index:10px;
}

@media (max-width: 768px) {
.carousel-caption{
bottom:45px;
}
}


/* GLOBAL STYLE */

h1, h2, h3, h4, h5, h6 p {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	color:#ffffff;
}

/* NAV */
.scroll-nav {
font-family:'Roboto','Proxima Nova','Helvetica Neue', Helvetica, sans-serif;
height:48px;
width:100%;
text-align:left;
background-color:#59001e;
border:0;
border-radius:0;
text-decoration:none;
margin-bottom:0;
-webkit-box-shadow: -1px 8px 8px 1px rgba(34,34,34,0.4);
-moz-box-shadow: -1px 8px 8px 1px rgba(34,34,34,0.4);
box-shadow: -1px 8px 8px 1px rgba(34,34,34,0.4);
}

.scroll-nav .nav>li>a.smoothNav {
background-color:#290C16;
text-decoration:none;
}

.nav>li.active>a.smoothNav, .nav>li.active>a.smoothNav:hover {background-color:#691934;}

.scroll-nav .nav>li>a {
color:#eee;
}

.scroll-nav .navbar-text {
color:#eee;
font-size:15px;
font-weight:900;
font-family:'Roboto Slab','Roboto',Helvetica, sans-serif;
}

.scroll-nav .nav>li>a:hover {
color:#eee;
background-color:#691934;
}

.scroll-nav .navbar-nav>.active>a, .scroll-nav .navbar-nav>.active>a:hover, .scroll-nav .navbar-nav>.active>a:focus {
color:#eee;
background-color:#290C16;
}

.scroll-nav .navbar-nav>.open>a, .scroll-nav .navbar-nav>.open>a:hover, .scroll-nav .navbar-nav>.open>a:focus {
background-color:#290C16;
color:#eee;
}

.navbar-brand {
padding:10px;
}

.social-box {
padding-top:14px;
}

.fb_iframe_widget {
padding-top:-15px;
}

 /* SLIDEOUT MENU */
#scroll-wrapper {
  margin-right: -175px;
  right: 0;
  width: 175px;
  background: #59001E;
  position: fixed;
  height: 100%;
  overflow-y: hidden;
  z-index: 5000;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

#scroll-wrapper.active {
  right: 175px;
  width: 175px;
-webkit-box-shadow: -5px 5px 15px 5px rgba(34, 34, 34, 0.8);
-moz-box-shadow:    -5px 5px 15px 5px rgba(34, 34, 34, 0.8);
box-shadow:         -5px 5px 15px 5px rgba(34, 34, 34, 0.8);
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.sidebar-nav {
  position: absolute;
  top: 0;
  width: 175px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar-nav li {
  line-height: 40px;
  padding-left:30px;
}
.sidebar-nav li a {
  color: #f0f0f0;
  display: inline-block;
  text-decoration: none;
  text-transform:uppercase;
  font-weight:700;
}
.sidebar-nav li a:hover {
  color: #f0f0f0;
  background: rgba(255,255,255,0.2);
  text-decoration: none;
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
  height: 55px;
  line-height: 55px;
  font-size: 18px;
}

.sidebar-nav > .sidebar-brand {
  color: #fff;
}

.sidebar-nav > .sidebar-brand:hover {
  color: #290C16;
}

#menu-toggle {
  top: 0;
  right: 0;
  position: fixed;
  z-index: 1;
}

#static-toggle {
  z-index: 1000;
  float:right;
  right:2;
}



.toggle {
  margin: 5px 5px 0 0;
  font-size:15px;
}


.label-nav {
background-color:#290C16;
text-transform:uppercase;
padding:10px 20px;
}

.label-num {
	background-color:#290C16;
	padding:10px;
	font-size:17px;
}

/* jumbotron styles */
.jumbotron {
	height:100%;
	background-color:#000;
	padding:0;
	margin:0;
}

.phototron h1 {
	font-family:'Roboto Slab', serif;
	font-size:95px;
	text-align:center;
	color:rgb(255,255,255);
	text-shadow: 2px 2px 10px rgba(54, 54, 54, 0.7);
	padding:100px 0 40px 0;
}

.phototron h1 span {
	font-size:50px;
	display:block;
}

.phototron p {
	font-family:'Roboto', sans-serif;
	font-size:22px;
	line-height:25px;
	padding:20px;
	color:#fff;
}



.title-bar-left {
width:200px;
height:3px;
display:inline-block;
vertical-align:middle;
margin-right:15px;
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75)); 
    background-image:    -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75)); 
    background-image:     -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75)); 
    background-image:      -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75));

}

.title-bar-right {
width:200px;
height:3px;
display:inline-block;
vertical-align:middle;
margin-left:15px;
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.75), rgba(255,255,255,0)); 
    background-image:    -moz-linear-gradient(left, rgba(255,255,255,0.75), rgba(255,255,255,0)); 
    background-image:     -ms-linear-gradient(left, rgba(255,255,255,0.75), rgba(255,255,255,0)); 
    background-image:      -o-linear-gradient(left, rgba(255,255,255,0.75), rgba(255,255,255,0));
}



.phototron {
	margin-bottom:0;
	height:100%;
	min-height:300px;
	width:100%;
	padding:0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.btn-intro {
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:25px;
	color:#ffffff;
	background-color:#59001E;
	-webkit-box-shadow: 0px 0px 5px 5px rgba(234,234,234,0.6);
-moz-box-shadow: 0px 0px 5px 5px rgba(234,234,234,0.6);
box-shadow: 0px 0px 5px 5px rgba(234,234,234,0.6);
	z-index:2;
}

.btn-intro:hover {
	color:#59001e;
	background-color:#ffffff;
}

.btn-intro:active {
	color:#59001e;
	background-color:#ffffff;
	border:#59001e;
}
.btn-culture-menu {
background-color:#290C16;
color:#eee;
}
.btn-culture-menu:hover {
color:#691934
}

.fa-arrow-circle-down, .fa-arrow-circle-up {
	text-shadow: 2px 2px 5px rgba(234, 234, 234, 0.8);

	color:#691934;
}


/* carousel styles */
.carousel-box {
z-index: 10;
color: #fff;
font-family:'Roboto',sans-serif;
}
.carousel-control{position:absolute;top:0;bottom:0;left:0;width:8%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);filter:alpha(opacity=50);opacity:.5}

.carousel-control .glyphicon {font-family:'FontAwesome';}
.glyphicon-chevron-right:before {
content:"\f054";
}
.glyphicon-chevron-left:before {
content:"\f053";
}

.carousel-box h1 {font-size:70px; font-family:'Roboto Slab', serif;}
.carousel-box p {font-size:22px; font-family:'Roboto', sans-serif;}

.textSlight {
text-shadow: 2px 2px 5px rgba(234, 234, 234, 0.8);
}

.textSdark {
text-shadow: 2px 2px 5px rgba(150, 150, 150, 0.8);

}

.box-left {
padding:75px 0px 0 100px;
text-align: left;
}

.box-right {
padding:75px 100px 0 0;
text-align: right;
float:right;
}





.overlay-box {
	font-family:'Roboto', Helvetica, Arial, sans-serif;
	margin-top:35%;
	background-color:rgba(51,51,51,0.6);
	font-size:20px;
	color:#eee;
	border-radius:8px;
	z-index:300;
	text-align:left;
	padding:40px;
}


.militia-grid {
padding-top:75px;
}



.miltia-headline {
	color:#fff;
	text-shadow: 2px 2px 5px rgba(150, 150, 150, 0.8);
	font-size:28px;
	z-index:9;
	padding:0 0 10px 0;

}

footer {
	background-color:#444444;
	max-height:50px;
	min-height:20px;
	border:0;
	border-width:0 0 1px;
	border-radius:0;
	box-shadow: -1px 8px 8px 1px rgba(34, 34, 34, 0.4);
	-webkit-box-shadow: -1px 8px 8px 1px rgba(34, 34, 34, 0.4);
}

.footer-credits {
	color:#ffffff;
	font-family:'Roboto', Helvetica, Arial, sans-serif;
	font-size:17px;
	padding:10px;
	text-align:center;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  border-top-color: #691934;
  border-width: 5px 5px 0;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  margin-top:-3px;
  border-top-color: #691934;
  border-width: 9px 9px 0;
}
.tooltip.top .tooltip-inner {
  color: #eee;
  background: #59001e;
  font-size:18px;
  padding:5px 10px;
  font-family:'Roboto',Helvetica,sans-serif;
  border: solid 0px #fff;
}

.tooltip.bottom .tooltip-inner {
  color: #eee;
  background: #59001e;
  font-size:16px;
  width:300px;
  padding:10px;
}

@media (max-width: 768px) {
.phototron h1 {font-size:45px;padding-bottom:10px;}
.title-bar-left,.title-bar-right {width:50px;}
.phototron h1 span {font-size:25px;}
.carousel-box h1 {font-size:40px;}
.box-left {padding:75px 0px 0 30px;}
.box-right {padding:75px 30px 0 0;}
.slidePadd {padding:150px 30px 0 30px;}
}
@media (min-width: 768px) {
.scroll-nav .nav>li>a {padding: 15px 5px;font-size:13px;}
.scroll-nav .nav>li.nav-about>a {padding: 15px 5px;}
.phototron h1 {font-size:65px;}
.galleria {max-height:420px;}
.title-bar-left,.title-bar-right {width:50px;}
.phototron h1 span {font-size:25px;}
.carousel-box h1 {font-size:40px;}
.box-left {padding:75px 0px 0 50px;}
.box-right {padding:75px 50px 0 0;}
 }
 
 @media (min-width: 992px) {
.scroll-nav .nav>li>a {padding: 15px 15px;font-size:14px;}
.scroll-nav .nav>li.nav-about>a {padding: 15px 2px;}
.phototron h1 {font-size:95px;}
.galleria {max-height:600px;}
.title-bar-left,.title-bar-right {width:180px;}
.phototron h1 span {font-size:45px;}
.carousel-box h1 {font-size:50px;}
.box-left {padding:75px 0px 0 80px;}
.box-right {padding:75px 80px 0 0;}
 }
 
 @media (min-width: 1200px) {
.scroll-nav .nav>li>a {padding: 15px 20px;font-size:15px;}
.scroll-nav .nav>li.nav-social>a {padding: 15px 8px;}
.scroll-nav .nav>li.nav-about>a {padding: 15px 8px;}
.phototron h1 {font-size:95px;}
.galleria {max-height:720px;}
.title-bar-left,.title-bar-right {width:275px;}
.phototron h1 span {font-size:55px;}
.carousel-box h1 {font-size:70px;}
.box-left {padding:75px 0px 0 100px;}
.box-right {padding:75px 100px 0 0;}
 }
 
 @-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); opacity: 0.4; }
	50%  { -webkit-transform: rotate(180deg); opacity: 1; }
	to   { -webkit-transform: rotate(360deg); opacity: 0.4; }
}

@-moz-keyframes spin {
	from { -moz-transform: rotate(0deg); opacity: 0.4; }
	50%  { -moz-transform: rotate(180deg); opacity: 1; }
	to   { -moz-transform: rotate(360deg); opacity: 0.4; }
}

@-ms-keyframes spin {
	from { -ms-transform: rotate(0deg); opacity: 0.4; }
	50%  { -ms-transform: rotate(180deg); opacity: 1; }
	to   { -ms-transform: rotate(360deg); opacity: 0.4; }
}

@-o-keyframes spin {
	from { -o-transform: rotate(0deg); opacity: 0.4; }
	50%  { -o-transform: rotate(180deg); opacity: 1; }
	to   { -o-transform: rotate(360deg); opacity: 0.4; }
}

@keyframes spin {
	from { transform: rotate(0deg); opacity: 0.2; }
	50%  { transform: rotate(180deg); opacity: 1; }
	to   { transform: rotate(360deg); opacity: 0.2; }
}

.soundcite-loaded {
    border-radius: 6px;
    padding: 5px 8px 5px 8px;
    display: inline-block;
    cursor: pointer;
    background: rgba(0,0,0,.3);
}

.soundcite-loaded:before {
    display: inline-block;
    content: "";
    vertical-align: -10%;

}

.soundcite-loading:before {
    font-size: 0.9em;
    position: relative;
    top: -.05em;
    height: 0.75em;    
    width: 0.75em;
    border: 2px solid #fff;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    -ms-animation: spin 1s linear infinite;
    -o-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

.soundcite-play:before {
    font-size: 1.0em;
    text-align:center;
    position: relative;
    top: -.05em;
    border: 0.5em solid transparent;
    border-left: 0.75em solid #fff;

}

.soundcite-pause:before {
    font-size: 1.0em;
    position: relative;
    top: -.05em;
    height: 1em;
    border-left: .75em double #fff;
    border-right: .5em solid transparent;

}