/*"Nigt Life" premium template by Rem Tsoy*/


/*Hi there.
Thank You for purchasing my template. Hope it will be usefull for you.
This stuff work with awesome twitter bootestrap framework -> http://twitter.github.com/bootstrap/index_ss.html
You can easy add any component from this framework.
If you have any questions have free to contact me -> remirtsoy@gmail.com
Don't forget to check documentation.
Happy coding :)*/

/*!note! I have created mystyle.css stylesheet file for you.
If you want to add some more styling better way to do it there.*/


/************************************************
Basic elements and typography
************************************************/

body {
	background: #0b0b0b;
	color: #F1F1F1;
	font-size: 16px;
	line-height: 1.6em;
	font-family: 'Open Sans', sans-serif;/*font from google fonts -> http://www.google.com/webfonts*/
	-ms-overflow-x:hidden;
	overflow-x:hidden;
}

a {
	color: #F1F1F1;
}

.white a {color:#b30101;  }

a:hover {
	text-decoration:none;
	color: #00aaff;
}

h1, h2, h3, h4 {
	color: #fff;
	font-weight: normal;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif ;

	text-shadow: none;
}

.white h1, .white h2, .white h3, .white h4, .white p, .white li {
	color: #000;
	
}

h5 a {	opacity:.6;}
h5 a:hover {	opacity:1;}

h4 {color:#b30101;}
h5 {
 	font-weight: bold;
}

section {
	padding-top:25px;
}

hr {
	border-top: 1px solid #252525;
	border-bottom: 1px solid #3D3D3D;
}


.box .photo-right {float:right; margin:0 0 15px 15px; max-width:70%; }
.box .photo-left  {float:left; margin:0 15px 15px 0; max-width:70%;}



/************************************************
Basic blocks for content
************************************************/
/*Most content wraps in the blocks - box(with big padding) and box_mini(less padding)*/ 



.white { color: #333;}

article.post .white {position: relative; padding: 20px;}

.block {
	margin-bottom: 30px;
	/*box-shadow: 0 1px 1px #000, inset 0 0 1px hsla(0, 0%, 100%, 0.25);*/
}
.span4 article.block {border: 2px #b30101 solid;  color: #fff !important;padding-top: 10px; }

article.block.event > header {position: relative; padding:20px 10px ; font-weight: bold;}

.box, .box_mini {
	
	background: url(/assets/img/dig_bg.png) repeat #010101;
	background:rgba(255,255,255,1);
	background-color: #fff;
	color:#000;	
	min-height:4em;
}

.box_mini {
	padding: 20px;
}

header.box {
	padding-top: 20px;
	padding-bottom: 20px;
}

header.box_mini {
	padding-top: 10px;
	padding-bottom: 10px;
}

header.box h1, header.box h2, header.box h3, header.box h4, header.box h5, header.box_mini h1, header.box_mini h2, header.box_mini h3, header.box_mini h4, header.box_mini h5  {
	margin: 0;
}


/************************************************
Forms
************************************************/
/*Froms from bootstrap framework more information here -> http://twitter.github.com/bootstrap/base-css.html#forms*/
.input-append input, .input-append select, .input-append .uneditable-input, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-radius: 0;
	background: #1D1D1D;
	border: 1px solid #434343;
	box-shadow: 0 0 7px hsla(0, 0%, 0%, 0.3) inset;
	color: #fff;
}

.form-search .input-append .btn {
	border-radius: 0;
}


/************************************************
brand ( logo )
************************************************/
.navbar .brand {
	line-height: 2em;
	top: 3px;
	position: relative;	
	text-indent: -9999px;
	background: url(/assets/img/logo.png) no-repeat;
	width: 400px;
}


/************************************************
Page title
************************************************/
.page_title {
	font-family: 'Oswald', sans-serif; /*font from google fonts -> http://www.google.com/webfonts*/
	letter-spacing: 1px;
}

.page_title small {
	font-family: 'Open Sans', sans-serif; /*font from google fonts -> http://www.google.com/webfonts*/
	text-transform: lowercase;
	letter-spacing: 0;
	font-size: 13px;
	color: #E7E7E7;
}


/************************************************
Hover image
************************************************/
/*effect of hovering image page using in most pages*/


a.hover_image {
	display: block;
	position: relative;
	text-align: center;
}

a.hover_image .mask {
	position: absolute;
	display: block;
	background: url(/assets/img/dig_bg.png) repeat #0088cc;
	width: 100%;
	height: 100%;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
	z-index: 3;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.7) inset;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.7) inset;
}

a.hover_image .title {
	position: absolute;
	font-size: 25px;
	top: 50%;
	padding: 10px 15px;
	background: #000;
	background: rgba(0, 0, 0, 0.54);
	z-index: 4;
	color: #fff;
	margin-top: -30px;
 
	text-transform: uppercase;
	font-weight: bold;
	display: block;
}

a.hover_image .title [class^="icon-"] {
	position: relative;
	top: 7px;
	background: none;
	font-size: 20px;
	line-height: 1em;
	height: 32px;
}

a.hover_image:hover .mask {
	opacity: 0.5;
}

/*you can paste any icomoon icon into hover image*/
a.hover_image > [class^="icon-"] {
	position: absolute;
	font-size: 15px;
	width: 25px;
	height: 25px;
	z-index: 4;
	color: #fff;
	display: block;
	background: #000;
	background: hsla(0, 0%, 0%, 0.5);
	line-height: 25px;
	top: 50%;
	margin-top: -14px;
	left: 50%;
	margin-left: -14px;
	border-radius: 50%;
	text-shadow: 0 0 2px #000;
}




/************************************************
Event
************************************************/
/*displaing event thumbnails actual using: index_ss.html and events.html*/
.event small, .post .box.white header h3 small {
	font-size: 80%;
	font-weight: bold;
	color: #666666;
	text-shadow: none; 
}

.event .box_mini {
	position: relative;
	padding-bottom: 20px;
	border-top: 1px solid #0088cc;
}

.event .box_mini:before {/*
	position: absolute;
	content: '';
	height: 15px;
	width: 15px;
	background: #3A3A3A;
	top: -9px;
	left: 20px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: 1px solid #0088cc;
	border-left: 1px solid #0088cc;
	z-index: 3;*/
}

/************************************************
Booking
************************************************/
/*booking container (more attractive area) actual using: index_ss.html, blog.html, post.html, #, #, #, #*/
.booking {
	box-shadow: 0 1px 1px #000 , 0 2px 2px hsla(0, 0%, 0%, 0.6), 0 0 35px hsla(200, 70%, 50%, 0.15), inset 0 0 1px hsla(0, 0%, 100%, 0.35);
	background: url(/assets/img/dig_bg.png) repeat #252525;
}

.booking input {
	border: 1px solid #2C2C2C;
}




/************************************************
News feed
************************************************/
/*Styles for news feed actual using on home page (index_ss.html) blog sidebar (blog.html) and post sidebar (post.html)*/
.feed article {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #3D3D3D;
	position: relative;
}

.feed article:after {
	position: absolute;
	content: '';
	height: 1px;
	width: 100%;
	background: #252525;
	bottom: 0;
	left: 0;
}

.feed article:last-child {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.feed article:last-child:after {
	display: none;
}

.feed img {
	float: left;
	margin-right: 15px;
	box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.5);
}

.feed .content {
	display: table;
}

.feed p {
	line-height: 1.5em;
	font-size: 11px;
	color: #B4B4B4;
}

.feed h5 {
	margin: 0;
	font-size: 11px;
	margin-bottom: 5px;
}

.feed .date {
	position: absolute;
	font-size: 11px;
	right: 0;
	top: 2px;
	font-weight: bold;
	color: #222;
	text-shadow: 0 1px 1px hsla(0, 100%, 100%, 0.06);
}

.subscribe form {
	margin-bottom: 0;
}



/************************************************
Blog
************************************************/
/*styles for blog layout (post.html and blog.html)*/
 
.post .content {
 
	line-height: 1.6em;
	background-color:#FFFFFF;
	color:#000;

}
.post .content p {

	color:#000;

}
.white  {
	background-color:#ffffff; color:#333;
}	
.sidebar .nav-tabs.nav-stacked {
	margin-right: 19px;
}


/************************************************
Comments
************************************************/
/*Comment area for blog post actual using in post.html (bottom of the page)*/
.comments  ul {
	list-style: none;
	margin: 0;
}

.comments img.avatar {
	float: left;
	margin-right: 10px;
	-webkit-box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.5);
	box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.5);
}

.comments .autor {
	font-size: 9px;
	margin-bottom: 3px;
}


.comments .comment_inner {
	margin: 0;
	padding: 15px;
	background: #222;
	font-size: 12px;
	display: table;
	position: relative;
}

.comments .comment_inner:before {
	position: absolute;
	content: '';
	top: 0;
	left: -6px;
	width: 15px;
	height: 15px;
	-webkit-transform: skew(40deg,0deg);
	-moz-transform: skew(40deg,0deg);
	-o-transform: skew(40deg,0deg);
	-ms-transform: skew(40deg,0deg);
	transform: skew(40deg,0deg);
	z-index: 2;
	background: #222;
}

.comments .comment_inner p {
	margin: 5px 0;
}

.comments li {
	margin: 0px;
	display: block;
	padding: 20px 0;
}

.comments li:last-child {
	padding-bottom: 0;
}

.comments > ul > li:first-child {
	padding-top: 0;
}

.comments li li {
	margin-left: 61px;
	padding-left: 20px;
	border-left: 1px solid #333;
	position: relative;
}

.comments li li:before {
	position: absolute;
	content: "";
	width: 20px;
	height: 1px;
	border-top: 1px solid #333;
	left: 0;
	top: 45px;
}

.comments .reply {
	font-size: 10px;
	font-weight: bold;
}


/************************************************
Pagination
************************************************/
/*Pagination from bootstrap framework more information here -> http://twitter.github.com/bootstrap/components.html#pagination*/
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span, .pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
	border-radius: 0
}

.pagination ul > li > a, .pagination ul > li > span {
	background: /*url(/assets/img/dig_bg.png) repeat*/ #000;
	color:#fff;
	border: 1px solid #292929;
	border-left-width: 0;
}

.pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span {
	background: url(/assets/img/dig_bg.png) repeat #292929;
}


/************************************************
Twitter
************************************************/
/*Twitter area actual using in blog.html and post.html on sidebar*/
/*work with tweet plugin ->http://tweet.seaofclouds.com/ */
/*made with icomoon icons -> http://icomoon.io*/
.twitter ul.tweet_list {
	list-style: none;
	margin-left: 0;
}

.twitter ul.tweet_list li {
	position: relative;
	padding: 0.8em;
	padding-left: 30px;
}

.twitter ul.tweet_list li:before {
	content: '\2a';
	position: absolute;
	color: #202020;
	text-shadow: 0 1px 10px hsla(200, 70%, 50%, 0.2), 0 1px 1px hsla(0, 100%, 100%, 0.1);
	left: 0;
	top: 16px;
	font-size: 18px;
	font-family: "icomoon";
}

.tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow-y: hidden;
}

.tweet_list li {
	overflow: hidden;
	list-style-type: none;
}

.tweet_list .tweet_avatar {
	padding-right: .8em; float: left;
}

.tweet_list .tweet_avatar img {
	vertical-align: middle;
}



/*lastest tweet displaing on top of every page*/
#ticker {
	height: 47px;
}

#ticker ul.tweet_list {
	height:4.7em;
	overflow-y:hidden;
	margin: 0;
	padding: 0;
}

#ticker .tweet_list li {
	height: 4.7em;
	line-height: 16px;
}


.top_twitter .icon-twitter {
	font-size: 20px;
	position: absolute;
	bottom: 2px;
	text-shadow: 0 0 8px hsla(200, 70%, 50%, 1), 0 1px 2px hsla(0, 0%, 0%, 0.7);
	color: #fff;
}

.top_twitter .icon-twitter a {
	font-size: 10px;
	text-shadow:none;
}

.top_twitter span.tweet {
	display: block;
	margin-left: 33px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 9px;
	position: relative;
	background: #242424;
	color: #fff;
	font-size: 11px;
}

.top_twitter span.tweet:before {
	position: absolute;
	content: '';
	bottom: 0px;
	left: -3px;
	width: 10px;
	height: 10px;
	background: #242424;
	-webkit-transform: skew(-40deg,0deg);
	-moz-transform: skew(-40deg,0deg);
	-o-transform: skew(-40deg,0deg);
	-ms-transform: skew(-40deg,0deg);
	transform: skew(-40deg,0deg);
}


/************************************************
Slideshow
************************************************/
/*Slideshow from bootstrap framework more information here -> http://twitter.github.com/bootstrap/javascript.html#carousel*/
/*made with icomoon icons -> http://icomoon.io*/
.carousel {
	margin-bottom: 0;
}

.carousel-control {
	font-family: 'icomoon';
	border: none;
	background: #0088cc;
	display: block;
	border-radius: 0;
	top: 50%;
	margin-top: -20px;
	text-align: center;
	color: #fff !important;
}

.carousel-control.left:before, .carousel-control.right:before {
	display: block;
	line-height: 40px;
	margin: auto;
	font-size: 22px;
}

.carousel-control.left:before {
	content: '\e007';
}

.carousel-control.right:before {
	content: '\e006';
}

.carousel-caption {
	background: hsla(0, 0%, 0%, 0.55);
}



/************************************************
Testimonials
************************************************/
/*styles for testimonials actual using you can find in archive_event.html file*/
.testimonials blockquote {
	border: none;
	padding: 9px;
	margin-bottom: 20px;
	position: relative;
	display: table;
	background: #808080;
	box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.25);
}

.testimonials blockquote:before, .testimonials blockquote:after {
	position: absolute;
	content: '';
	top: 0px;
	left: -6px;
	width: 15px;
	height: 15px;
	-webkit-transform: skew(40deg,0deg);
	-moz-transform: skew(40deg,0deg);
	-o-transform: skew(40deg,0deg);
	-ms-transform: skew(40deg,0deg);
	transform: skew(40deg,0deg);
}

.testimonials blockquote:before {
	z-index: 2;
	background: #808080;
	border-bottom: none;
	border-right: none;
}

.testimonials blockquote p {
	font-size: 12px;
	line-height: 1.5em;
	color: #fff;
}

.testimonials img {
	float: left;
	margin-right: 9px;
}

.testimonials .autor {
	margin-bottom: 2px;
	font-size: 11px;
	position: relative;
}




/************************************************
Footer
************************************************/
/*simple footer navigation list*/
.footer_nav, .footer_left {
	padding-bottom: 68px;
	color:#999999;
}

.footer_left ul, .footer_nav ul {
	list-style: none;
	margin: 0;
}

.footer_nav ul li {
	float: left;
	float:right;
	margin-right: 15px;
}
.footer_left ul li {
	float:left;
	margin-left: 15px;
}

.footer_nav ul li a, .footer_nav ul li a:visited, .footer_left ul li a, .footer_left ul li a:visited {
	opacity:.85;
}

.footer_nav ul li a:hover, .footer_left ul li a:hover {
	opacity:1;
}




/************************************************
Main navigation
************************************************/
/*Navbar from bootstrap framework more information here -> http://twitter.github.com/bootstrap/components.html#navbar*/
.navbar-inner {
	 
	border: none;
	border-radius: 0;
	background: hsla(0, 0%, 17%, 0.05);
	-webkit-box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.7);
	box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.7);
	filter:none;
}

.navbar {
	margin-top: 20px;
	margin-bottom: 25px;
}

.navbar .nav > li > a {
	text-shadow:none;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-o-transition: 0.3s all;
	-ms-transition: 0.3s all;
	transition: 0.3s all;
}

.navbar .nav > li > a:hover {
	color: #fff;
	background: #0088cc;
	-webkit-box-shadow: 0 1px 1px #000, inset 0 0 1px hsla(0, 0%, 100%, 0.2);
	box-shadow: 0 1px 1px #000, inset 0 0 1px hsla(0, 0%, 100%, 0.2);
}

.navbar .brand {
	text-shadow:none;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	color: #555555 !important;
	background-color: #e5e5e5 !important;
}


/************************************************
Dropdown
************************************************/
/*making dropdown avalible from hover (don't natively support by bootstrap)*/
.navbar  li {
	overflow: hidden;
}

.navbar li:hover > ul {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
} 

.navbar li > ul {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	list-style: none;
	margin: 0;
	width: 120px;
	visibility: hidden;
	background: #181818;
	display: block;
	-webkit-box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.5);
	box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.5);
	z-index: 999;
}

.navbar li > ul a {
	padding: 7px 15px 7px;
	display: block;
	color: #fff !important;
	text-decoration: none;
	border-top: 1px solid #131313;
	text-transform: uppercase;
	font-size: 10px;
	-webkit-transition: 0.2s all;
	-moz-transition: 0.2s all;
	-o-transition: 0.2s all;
	-ms-transition: 0.2s all;
	transition: 0.2s all;
}

.navbar li > ul a:hover {
	background: #0088cc;
}



/************************************************
Main navigation button (for small displays)
************************************************/
.navbar .btn-navbar {
	background: #000;
	background: hsla(0, 0%, 0%, 0.5)
}

.navbar .btn-navbar:hover {
	background: #000;
	background: hsla(0, 0%, 0%, 0.7)
}

.navbar .btn-navbar .icon-bar {
	background-color: #A2A2A2;
}



/************************************************
Staked nav
************************************************/
/*Navs from bootstrap framework more information here -> http://twitter.github.com/bootstrap/components.html#navs*/
.nav-tabs.nav-stacked {
	margin-right: 40px;
}

.nav-tabs.nav-stacked small {
	opacity: 0.5;
}

.nav-tabs.nav-stacked > li > a {
	border-radius: 0 !important;
	background: #090909;
	border: 1px solid #000;
	position: relative;
	z-index: 3;
	-webkit-transition: 0.3s all;
}

.nav-tabs.nav-stacked > li > a:hover {
	border: 1px solid #000;
	background: #000;
}

.nav-tabs.nav-stacked > li.active > a {
	background: #0088cc;
	color: #fff;
	border-right: 1px solid #0088cc;
	text-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.5);
}

.nav-tabs.nav-stacked > li.active > a:before {
	position: absolute;
	content: '';
	height: 25px;
	width: 26px;
	background: #0088cc;
	right: -16px;
	top: 5px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	z-index: 2;
}



/************************************************
Buttons
************************************************/
/*Buttons from bootstrap framework more information here -> http://twitter.github.com/bootstrap/base-css.html#buttons*/
.btn {
	background: #fff;
	border-radius: 0;
	color: #1F1F1F !important;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 10px;
	font-family: 'Droid Sans',Tahoma,'Open Sans', sans-serif;
	text-shadow:none;
	-webkit-box-shadow: 0 1px 2px #000;
	box-shadow: 0 1px 2px #000;
}

.btn-primary {
	background: #0088cc;
	color: #fff !important;
	text-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.5);
}

.btn-primary:hover {
	background: #016fa6;

}






/************************************************
Playlist
************************************************/

.playlist {
	list-style: none;
	margin: 0;
}

.playlist li {
	margin-bottom: 20px;
}

.playlist li p {
	margin-bottom: 0;
	font-size: 9px;
	text-transform: uppercase;
	color: #9C9C9C;
}

/************************************************
Audio player customization
************************************************/
/*I am using mediaelement plugin for playing music. Plugin website -> http://mediaelementjs.com/*/
.mejs-container .mejs-controls  {
	background: #0F0F0F;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #0088cc;
}

.mejs-controls .mejs-time-rail .mejs-time-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background: #000;
}

.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	border-radius: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: #F5F5F5;
}



/************************************************
Responsive styles
************************************************/
@media (max-width: 979px) {

	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
		border-radius: 0;
	}

	.navbar li > ul {
		opacity: 1;
		visibility: visible;
		position: relative;
		margin-left: 20px;
		box-shadow: none;
		width: 100%;
	}

	.navbar li > ul a {
		border-top:none;
	}

	.nav-collapse .nav {
		padding-top: 20px;
	}
	#mc_embed_signup {display:none;}
}


@media (max-width: 768px) {
	.top_twitter span.tweet {
		margin-bottom: 49px;
	}

	.top_twitter .icon-twitter {
		bottom: 34px;
	}
	
}




/************************************************
*************************************************
Color schemes
*************************************************



/************************************************
Red
************************************************/
 
body.red a:hover {
	color: #c41f0e;
}

body.red .btn-primary {
	background: #b30101;
}

body.red .btn-primary:hover {
	background: #bf3b3b;
}

body.red .carousel-control {
	background: #b30101;
}

body.red .navbar .brand {
	background: url(/assets/img/logo_red.png) no-repeat;
}

body.red .top_twitter .icon-twitter {
	text-shadow: 0 0 8px hsla(0, 70%, 50%, 1), 0 1px 2px hsla(0, 0%, 0%, 0.7);
}

body.red .navbar .nav > li > a:hover, body.red .navbar li > ul a:hover {
	background: #b30101;
}

body.red .nav-tabs.nav-stacked > li.active > a:before {
	background: #b30101;
}

body.red .booking {
	box-shadow: 0 1px 1px #000 , 0 2px 2px hsla(0, 0%, 0%, 0.6), 0 0 35px hsla(0, 70%, 50%, 0.15), inset 0 0 1px hsla(0, 0%, 100%, 0.35);
}

body.red a.hover_image .mask {
	background: url(/assets/img/dig_bg.png) repeat #F1F1F1;
}

body.red .event .box_mini {
	border-top: 1px solid #b30101;
	color: #333;
}
body.red .event .box_mini a { 
	color: #b30101;
}
body.red .event .box_mini:before {
	border-top: 1px solid #b30101;
	border-left: 1px solid #b30101;
}

body.red textarea:focus,
body.red input[type="text"]:focus,
body.red input[type="password"]:focus,
body.red input[type="datetime"]:focus,
body.red input[type="datetime-local"]:focus,
body.red input[type="date"]:focus,
body.red input[type="month"]:focus,
body.red input[type="time"]:focus,
body.red input[type="week"]:focus,
body.red input[type="number"]:focus,
body.red input[type="email"]:focus,
body.red input[type="url"]:focus,
body.red input[type="search"]:focus,
body.red input[type="tel"]:focus,
body.red input[type="color"]:focus,
body.red.uneditable-input:focus {
	border-color: hsla(0, 71%, 63%, 0.8);
	box-shadow: inset 0 1px 1px hsla(0, 0%, 0%, 0.75), 0 0 8px hsla(0, 71%, 63%, 0.6);
}

body.red .nav-tabs.nav-stacked > li.active > a {
	background: #b30101;
	border-right: 1px solid #b30101;
}

body.red .mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: hsl(0, 70%, 40%);
}




#content_load {
	display: none;
}

/*!note! I have created mystyle.css stylesheet file for you.
If you want to add some more styling better way to do it there.*/

/*Have a nice day :)*/