/*LOADING*/
#loader-wrapper
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#loader-wrapper .loader-section
{
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #000;
        z-index: 1000;
        -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(0);  /* IE 9 */
        transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section.section-left
{
	left: 0;
}

#loader-wrapper .loader-section.section-right
{
	right: 0;
}

/*Cuadro blanco*/
#loader-wrapper .loader-section.section-mid
{
	width:100%;
	background: #fff;
}
    
/* JavaScript Turned Off */
.no-js #loader-wrapper {
	display: none;
}
.no-js h1 {
	color: #000;
}

#load_leftbar
{
	z-index: 1001;
	display: inline-block;
	width: 8px;
	height:76px;
	background: white;
	position: absolute;
	left: 49%;
	top: 50%;
	margin-top:-38px;
	transition:all 0.5s ease;
	
	-webkit-animation: mymove 0.5s; /* Safari 4.0 - 8.0 */
	animation: mymove 0.5s;
}

/*BARRA MEDIA*/
#load_midbar
{
	z-index: 1001;
	display: inline-block;
	width: 8px;
	height: 160px;
	background: white;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top:-80px;
	transition:all 0.5s ease;
	
	-webkit-animation: mymove2 0.5s; /* Safari 4.0 - 8.0 */
	animation: mymove2 0.5s;
}

#load_rightbar
{
	z-index: 1001;
	display: inline-block;
	width: 8px;
	height: 76px;
	background: white;
	position: absolute;
	left: 51%;
	top: 50%;
	margin-top:-38px;
	transition:all 0.5s ease;
	
	-webkit-animation: mymove 0.5s; /* Safari 4.0 - 8.0 */
	animation: mymove 0.5s;
}
@media screen and (max-width: 768px)
{
	/*LOADER*/
	#load_leftbar{left:45%;}

	#load_rightbar{left:55%;}
}
.videocontainer
{
	position:relative;
	overflow:hidden;
	background: #000;
	max-height:720px;
	max-width: 100%;
	width: 100%;
	box-sizing: border-box;
}

.video-content
{
	padding: 60px 40px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

#bannerVideo
{
	margin: 0 auto;
	opacity:0.75;
	width:100%;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left
{
	-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: translateX(-100%);  /* IE 9 */
			transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

	-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
			transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right
{
	-webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(100%);  /* IE 9 */
	transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

	-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
	transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-mid
{
	opacity:0;
	-webkit-transition: all 0.5s 0.3s ease;
	transition: all 0.5s 0.3s ease;
}

.loaded #loader-wrapper
{
	visibility: hidden;
}

.loaded #load_midbar, .loaded #load_leftbar, .loaded #load_rightbar
{
	transition:all 0.5s ease;
	transform: scale(10);
	opacity:0;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove
{
	from {height:0px;margin-top:0px;}
  	to {height:76px;margin-top:-38px;}
}

@keyframes mymove
{
	from {height:0px;margin-top:0px;}
  	to {height:76px;margin-top:-38px;}
}

@-webkit-keyframes mymove2
{
	from {height:0px;margin-top:0px;}
  	to {height:160px;margin-top:-80px;}
}

@keyframes mymove2
{
	from {height:0px;margin-top:0px;}
  	to {height:160px;margin-top:-80px;}
}