/*!
 * 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 */

#consolPopup {
    display:none;
    width:400px !important;
    margin:0;
    padding:0;
}

html, body {
	height: 100%;
	background-color:#000;
    font-family: 'Arsenal', sans-serif;
	line-height:180%;
}

h1, h2, h3, h4, h5{
    font-family: 'Open Sans Condensed', sans-serif;
}
hr{
	 background-color: #929292; height: 1px; border: 0; margin:40px 0;
}

.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }

.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }

.whitespace{
	white-space: normal;
}

.container{ max-width:900px; }

.transition{
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.flex-left{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: left;
}

.flex-center{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.text-focus{
	display:block;
	padding-top:40px;
	padding-bottom:40px;
}

.text-sm-focus{
	display:block;
	padding-top:20px;
	padding-bottom:20px;
}

.btn-default{
	background-color:transparent;
	border-radius:0;
	border:1px solid rgb(233, 233, 233);
	color:rgb(233, 233, 233);
}

.btn-default:hover, .btn-default:focus{
	background-color:#247972;
	border:1px solid #247972;
	color:#FFF;
}

button.fa, button.icon{
    background-color:transparent;
    display: block;
	border:0;
	margin:0;
	padding:0;
}

section h2{
	text-align:center;
	background-image:url('../images/system/divider.png');
	background-repeat:no-repeat;
	background-position:bottom center;
	padding-bottom:20px;
	margin-bottom:20px;
}

.divider{
}

/* NAVBAR STYLES */

.navbar{
	min-height:75px;
}

button.navbar-icon {
    display:block;
	border:0;
	margin:24px 0 0 0;
	padding:0;
	font-size:35px;
	background-color:transparent;
	color:#FFF;
}

button.navbar-icon:hover, button.navbar-icon:focus {
    background-color:transparent;
	color:#e9e9e9;
}

.menu-bars{
}
.menu-bar{
	width:100%;
	height:3px;
	background-color:#FFF;
}
.menu-bars .menu-bar{
	width:35px;
	margin-bottom:10px;
}
.menu-bars .menu-bar:last-child{
	margin-bottom:0;
}
.menu-bars:hover .menu-bar{
	background-color:#e9e9e9;
}

.navbar-inverse{
	color:#FFF;
	padding-top:10px;
	padding-bottom:10px;
	border-color:transparent;
	background-color:rgba(0,0,0,0.7);
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
	border-color:transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.navbar-logo{
	width:120px;
	margin-top:2px;
}


/* CONTENT STYLES */
section.content{

}
section.content h2{
	margin:0;
	padding:0 0 30px 0;
}
.content-inverse{
	background-color:#151515;
	padding-top:40px;
	padding-bottom:40px;
	color:#e9e9e9;
}
.content-inverse hr{
	 background-color: #707070; height: 1px; border: 0; margin:40px 0;
}

.content-white{
	background-color:#FFF;
	padding-top:40px;
	padding-bottom:40px;
	color:#000;
}

.content-white .btn-default{
	background-color:#FFF;
	border-radius:0;
	border:1px solid #000;
	color:#000;
}

.content-white .btn-default:hover, .content-white .btn-default:focus{
	background-color:#247972;
	border:1px solid #247972;
	color:#FFF;
}

.content-large{
	padding-top:60px;
	padding-bottom:30px;
}

.content-small{
	padding-top:20px;
	padding-bottom:20px;
}

/*Parallax section*/

/*Parallax background*/
.content-parallax {
	background: linear-gradient( rgba(10,10,10, .80), rgba(10,10,10, .90) ),
				url("../images/system/bg-parallax.jpg") no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height:400px;

	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}




/* SEARCH STYLES */

.navbar-container {
  position: relative;
}
.navbar-container form[role="search"] {
  width: 100%;
  margin: 0;
  padding:0 15px;
  z-index: 0;
}
.navbar-container form[role="search"] .input-group{
  width: 100%;
  height:100%;
  padding:0 10px;
  margin:0 0 0 10px;
}
.navbar-container form[role="search"] .input-group-btn{
  width: 45px;
}
.navbar-container form[role="search"] input {
  color: #FFF;
  width:100%;
  height:100%;
  background-color: transparent;
  font-size:22px;
  border:0;
  margin-top:5px;
}


/* HAMBURGER MENU */

/*
.hamb-menu::after {
    content: '';
    position: absolute;
    background: #000;
    z-index: 2;
    left: -60%;
    right: 0;
    top: -20%;
    height: 100%;
    bottom: 0;
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    transform: rotate(15deg);
    width: 300%;
}
*/
.hamb-menu{
	position:fixed;
	z-index:9990;
	width:100%;
	height:100%;

	background-image:url('../images/system/bg-menu.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;

    font-family: 'Open Sans Condensed', sans-serif;
}
.hamb-inner {
    max-width: 450px;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    margin: 25px auto 0 auto;
    border: 8px solid #000;
	color:#FFF;
}
.hamb-inner a{
	text-decoration:none;
	color:#FFF;
}
.hamb-inner a:hover{
	text-decoration:none;
	color:#30a9a1;
}
.hamb-links{
	width:250px;
	margin:10px auto 80px auto;
	list-style:none;
}
.hamb-links li a{
	display:block;
	padding:6px 0;
	font-size:20px;
}
.hamb-links li a:hover,
.hamb-links li a:focus{
	color:#30a9a1;
}
.hamb-langs{
	text-align:center;
	font-size:20px;
	color:#FFF;
	margin-bottom:20px;
}
.hamb-socials{
	list-style:none;
	margin:0; padding:0;
	text-align:center;
	margin-bottom:10px;
}
.hamb-socials li{
	list-style:none;
	display:inline;
}
.hamb-socials li a{
	width:35px; height:35px;
	border-radius:35px;
	background-color:#000;
	display:inline-block;
	text-align:center;
	padding:5px;
	margin:5px;
}
.hamb-socials li a:hover{
	background-color:#30a9a1;
	color:#000;
}
.hamb-close{
	position:absolute;
	top:20px;
	right:20px;
	color:#FFF;
	z-index:9991;
	font-size:40px;
}
.hamb-close:hover{
	color:#30a9a1;
}


.carousel .title{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
	z-index:990;
	display:block;
	widht:100%;
}

.carousel .title h1{
	padding: 10px 50px;
	color:#FFF;
	border-color: #FFF;
	background-color: rgba(0,0,0,0.7);
	display:inline-block;
	margin-bottom: 0;
}

.bayi_acrd{margin-bottom:10px;text-align:left; font-weight:700; background-color:#ebebeb; border-radius:0;}

.black-card{
	position:relative;
	display:block;
	border:10px solid #000;
	margin-bottom:15px;
}
.black-card:hover, .black-card:focus{
	border:10px solid #DADADA;
}

.black-card h3{
	position:absolute;
	bottom:0; left:0; right:0;
	margin:0;
	width:100%;
	text-align:center;
}
.black-card h3 span{
	display:inline-block;
	background-color: rgba(0,0,0,0.9);
	padding:6px 24px;
	color:#FFF;
	text-decoration: none;
	font-size:18px;
}
.black-card:hover h3 span, .black-card:focus h3 span{
	background-color: #DADADA;
	color:#000;
}


.null-card{
	position:relative;
	display:block;
	margin-bottom:15px;
	height:200px;
	width:100%;
	text-align: center;
}

.null-card img{
	margin:auto;
}

.year-list{
	margin:0 0 20px 0; padding:0;
	font-size:20px;
	border-bottom:1px solid #000;
}

.year-list li{
	display:inline-block;
}
.year-list li a{
	display:inline-block;
	margin-left:10px;
	padding:5px 10px;
	color:#000;
}
.year-list li.active a{
	color:#FFF;
	background-color:#000;
}

/* FOOTER STYLES */

footer{
	background-color:#000;
	padding-top:30px;
	padding-bottom:30px;
	color:#FFF;
	font-size:12px;
}


#video_slider .jcarousel li {
    float: left;
    width: 300px!important;
    height:300px!important;
}

#video_slider .jcarousel li a {
	color:#fff;
	text-decoration:none;
}
.item-details {
  background-color: #333333;
  color: #fff;
  padding: 1px 0;
  text-align: left;
}

.item-details h5 {
  color: red;
  float: left;
  padding:0 6px;
  height:95px;
}
.item-details p {
  font-size: 15px;
  color: #fff;
  text-align:left;
  padding:0;
}

/* RESPONSIVE STYLES */

@media(max-width:991px) {
}

@media(max-width:767px) {

	button.navbar-icon {
		margin:4px 0 0 0;
	}

	.flex-center{
		display: inline-block;
		width:100%;
	}

	.navbar-fixed-top{
		position: relative;
	}
	.navbar {
		min-height: auto;
	}

	.navbar-logo {
		width: 120px;
	}
	
	button.navbar-icon{
		font-size:26px;
	}
	.menu-bars .menu-bar {
		width: 26px;
		margin-bottom: 7px;
	}
	.menu-bar {
		height: 3px;
	}
	.navbar-container form[role="search"] input {
		font-size: 16px;
		margin-top: 0;
	}
	
	#video_slider .jcarousel li {
    float: left;
    width: 330px!important;
    height:320px!important;
	}

}


@media (max-width: 426px) {
}
