/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
@font-face {
    /*font-family: 'TheRedlightFree'; /*a name to be used later*/
    /*src: url('fonts/TheRedlightLineFree.ttf'); /*URL to font*/
}
body{
	background-image: url("../assets/bg_negro_web.png");
	/*font-family: 'TheRedlightFree';
	font-weight: 500;*/
}

body.aboutBody{
	background-image: url("../assets/bg_amarillo_web.png");
}

#index-banner{
	/*background: url("../assets/video/fondoDesktop.gif") no-repeat center center fixed; */
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
 	background-size: cover;
}

@media (max-width: 600px) {
	#index-banner{
		/*background: url("../assets/video/fondoMobile.gif") no-repeat center center fixed; */
	  	-webkit-background-size: cover;
	  	-moz-background-size: cover;
	  	-o-background-size: cover;
	 	background-size: cover;
	}
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}
.navBarStyle{
	background-color: white;
	color: black;
}
.navBarStyle ul a {
	color:black;
	font-weight: bold;
}
/*nav.navbar-material {

  border: none;
  box-shadow: none;
}
.navbar-material .nav-wrapper {
  background: white;
  margin-top: 20px;
  margin-bottom: 20px;
}
.navbar-material .nav-wrapper > ul > li > a {
  color: black;
}
.navbar-material .nav-wrapper .brand-logo img {
  height: 64px;
}
.navbar-material .nav-wrapper .button-collapse i {
  color: black;
}
@media (max-width: 600px) {
  .navbar-material .nav-wrapper .brand-logo img {
    height: 56px;
  }
}*/

#index-banner{
	/*background-image: url("../assets/bg_negro_web.png");*/
	padding-top: 0;
}
#showreelContainer{
	/*background-image: url("../assets/bg_negro_web.png");*/
	padding-top: 0;
}

#logo-container{
	height: 64px;
    width: 125px;
    margin-top: 5px;
}
#imgInit{
	position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 400px;
}
.show-on-small{
	display: none;
}

/* Show On Small */
@media only screen and (max-width: 600px) {
  	#logo-container {
    	width: 82px;
  	}
  	#showreelContainer{
		background-image: url("../assets/bg_amarillo_web.png");
		padding-top: 0;
	}
	body{
		background-color: #f7c46b;
	}
	#imgInit{
    	max-width: 250px;
	}
}

nav a {
    color: #000;
}

.showReelCard{
	padding-bottom: 25px;
}

footer{
	background-color:#313233 !important;
}

.page-footer .footer-copyright {
	background-color: #1f1f1f !important;
}

.imgShowreelMobile{
	margin:0 auto;
}

.modal .modal-content.showreelModalContent {
	padding-top: 24px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

.modal{
	overflow: hidden;
	box-shadow: none !important;
}
.modal, .modal-content{
	background: none !important;
	border: none !important;

}
.modal .modal-content{
	padding: 0 auto;
}
.modal-content:focus{
	outline: none !important;
}
.modal:focus{
	outline: none !important;
}
.modal-content .row{
	margin-bottom: 0px !important;
}

footer{
	/*position: fixed;
   	left: 0;
   	bottom: 0;
   	width: 100%;*/
}

footer li{
	margin: 5px;
    padding: 5px 10px;
    background-color: #4a4a4a;
    border-radius: 4px;
    text-align: center;
    font-size: 18px;
    display: inline-block;
}

footer li a{
	color: #fff;
    text-decoration: none;
}

.imgDesktopReel {
	/*background-image: url("../assets/bg_amarillo_web.png");*/
   	/*background: rgba(0, 0, 0, 0.5);*/
  	/*filter: alpha(opacity=50); /* For IE8 and earlier */
  	/*opacity: 0.7;*/
}

.imgDesktopReel:hover {
  	/*opacity: 1;*/
}

.preloader-background {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #000;
	
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;	
}

.active {
    color: #ffcc80 !important;
}
.spinner-layer{
	color: #ffcc80 !important;
}

#aboutText{
	color:#000;
	font-size: 14px;
	font-weight: 500;
	overflow-y: auto;
	text-align: justify
}
#contactContainer{
	color:#FFF;
	text-align: center;
}
#contactContainer a{
	color:#FFF !important;
}
.contactRedes{
	font-size: 2.28rem;
	letter-spacing: 0.5rem;
}

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

#videocover {
    margin: 0 auto;
    position: absolute;
    z-index: 1;
    top: 35%;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 30%;
    max-height: 30%;
    cursor: pointer;
}