/*==============================================
[Red color stylesheet red.css]

Author:	SINDEVO.COM - Smart Internet Development
Template:	Mobix - Mobile Web APP Template
================================================*/

/*===============================================*/
/* MAIN COLOR */
/*===============================================*/	
a, blockquote span {
color: #811308;
}
a.button_full, a.button_small, .call_button a{
background-color:#811308; 
}
.button {
border: 1px solid #811308;
color: #811308;
}
.button.active {
background: #811308;
}
#pages_maincontent h3{
color:#811308;
}
.photo-categories a.active{
background-color:#811308;
}
.post_date{
color:#811308;
}
.list-block .swipeout-actions-left a,
.list-block .swipeout-actions-right a {
background: #811308;
}
.contactform input.form_submit, .loginform input.form_submit, .commentform input.form_submit{ 
background-color:#811308;
}
ul.responsive_table li:first-child{
background-color:#811308;
color:#FFFFFF;
}
li.table_row{
background-color:#e6e6e6;
}


* { box-sizing: border-box; }
.video-background {
  background: #000;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}

.page-login{
  top: 0px !important;
}

.hero {
	position: relative;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}

.hero--video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 56.25vw;
	transform: translate(-50%, -50%);
}

.content {
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  color: #f1f1f1;
  width: 100%;
  height: 100%;
}

.popup {
  position: fixed;
  background: rgba(0, 0, 0, 0.4);
  color: #f1f1f1;
  width: 100%;
  height: 100%;
}

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: 100%;
}

.feat_small_details i{
  font-size: 25px;
}

.menu{
  text-align: right;
}

.lista{
  margin-left: 20px;
}
.lista li{
  list-style: circle;
}

/*===============================================*/
/* HOME BG AND PAGES HEADER BG */
/*===============================================*/	
.homepage{
background: url('../../images/background-video.mp4') no-repeat center center;
background-attachment:fixed;
-webkit-background-size: 100%; 
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover; 
background-size: cover;
}
.navbarpages{
background:url(../../images/colors/red/header.jpg) no-repeat center center;
background-size: 100%;
}

/*===============================================*/
/* MAIN NAV LINKS */
/*===============================================*/	
.main-nav ul li{
background: #8a2015;
border-bottom:1px #b83a2d solid;
}
.main-nav ul li a{
color:#e7a7a0;
}
/*===============================================*/
/* POPUPS AND TOOLBAR */
/*===============================================*/	
.popup, .page_content_menu{
background: #72150b;
}
.popup-login, .popup-signup, .popup-forgot{
background-color:#263239;
}
.toolbar:before {
background-color: #2e0c0b;
}
.navbar,
.toolbar,
.subnavbar {
  background: #2e0c0b;
}
/*===============================================*/
/* LEFT AND RIGHT SLIDE PANEL */
/*===============================================*/	
.panel {
background:#731b11;
}
.user-nav ul li, ul.popular_posts li{
border-bottom:1px #8d291d solid;
}
/* MENU OPENER ICON */
ul.toolbar_icons li.menuicon{
background-color:#ca1c0b;
}

/* PANEL CLOSE BUTTON */
.close_popup_button a{
background-color:#ca1c0b;
}