/*! project specific CSS goes here. */

/* Overriding Bootstrap box CSS */
/** {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
*:before,
*:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

.navbar-right { z-index: 2;}*/


/*
"/static/css/AvenirNextLTPro-Regular.otf"
"/img/spiffygif_68x68.png"
"/img/play_player.png"
"/img/pause.png"
"/img/ico_fullsc_player.png"
"/img/event_interaction.png"
"/img/event_audio.png"
*/

.form-signin{margin: 0 auto; max-width:330px;}
.form-signin-heading {color: white; }

/*@font-face{
	font-family : 'PlayFilm';
	src: url("AvenirNextLTPro-Regular.otf") format('truetype');
}*/

html {
	width: 100%;
	height: 100%;
}

.overfl_hidden {
	background-color: #000;
	color:rgb(103,103,103); 
	font-family: 'Raleway', 'Arial';
	font-size: 11px;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

a {
	border: 0;
}

img {
	border: 0;
}

* {
	box-sizing: border-box;
}

#player_preload {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 10000;
}

#builder-prev-content #player_preload {
	position: relative;
}

#player_preload.project_loaded {
	background-color: rgba(0,0,0,0.4);
	background-image: none;
}

#player_preload_circular {
	position: absolute;
	width: 100%;
	top: 50%;
}

#player_preload_circular.player_preload_circular_custom {
	height: 68px;
	margin-top: -34px;
}

.player_preload_text {
	position: relative;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 20px;
	display: none;
}

.player_preload_circular {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

.player_preload_circular_custom .player_preload_circular {
	width: 68px;
	height: 68px;
	background: url('../img/spiffygif_68x68.png') top center;
	animation: play .8s steps(19) infinite;
}

@keyframes play {
    100% { background-position: 0 -1292px; }
}

.player_preload_circular img {
	position: relative;
}

#player_preload_second {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 10000;
	text-align: center;
	display: none;
}

#player_preload_numeric {
	position: absolute;
	width: 100%;
	height: 100px;
	font-size: 100px;
	margin-top: -50px;
	color: #FFF;
	line-height: 100%;
	font-family: 'Raleway', sans-serif;
	top: 50%;
	text-align: center;
}

#player_preload_int_image {
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
}

#player_preload_int_image img {
	position: absolute;
}

#player_preload_progressbar {
	position: relative;
	display: inline-block;
	top: 50%;
	margin-top: -10px;
}

#player_preload_progressbar_loaded {
	position: relative;
	width: 0;
	height: 100%;
}


.overfl_hidden {
	overflow: hidden;
}

#player_Block1 { 
	width:100%;
	height:100%;
	position: relative;
	display: none;
	overflow: hidden;
}

#builder-prev-content #player_Block1 {
	position: absolute;
}

.player_Block1_mobile {
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */

	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
}

.player_Block1_mobile > * {
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */

	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
}

.player_video,.player_hide_element{position:absolute; width: 100%; height: 100%; top:0px; margin-left:auto;margin-right:auto; left:0; right:0;}

.player_hide_element{z-index:-1}

#player_videos {
	position: relative;
	clear: both;
	width: 100%;
	height: 100%;
}

#player_audios {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}

#player_sobre_videos {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 200;
	display: none;



    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
}

#player_sobre_videos.pause {
	/*background-color: rgba(0,0,0,0.7);*/
}

.player_video_player {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
}

.player_video_player_mobile {
	display: block;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

.player_video {
	position: relative;
	width: 100%;
	height: 100%;
}

#player_thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 800;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

#player_controlador {
	position: fixed;
	left: 50%;
	top: 50%;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px;
	display: none;
	z-index: 801;
}

#player_controlador_progreso {
	position: absolute;
	width: 70%;
	left:10%;
	top: 10px;
	height: 4px;
	background-color: rgba(255,255,255,0.2);
	margin-left:auto;
	margin-right:auto;
	cursor: pointer;
}

.player_controlador_progreso {
	position: absolute;
	background-color:rgb(213,182,96);
	width: 0%;
	height: 4px;
}

.player_play-button { 
	position: absolute;
	width: 100%;
	height: 100%;
    background: url(../img/play_player.png) center center no-repeat;
    background-size: cover;
    cursor: pointer;
    opacity: 0.5;



    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}


/*#player_controlador {
	position: fixed;
	left: 50%;
	top: 50%;
    width: 180px;
    height: 60px;
    margin-left: -90px;
    margin-top: -30px;
	display: none;
	z-index: 801;
}

#player_controlador_progreso {
	position: absolute;
	width: 70%;
	left:10%;
	top: 10px;
	height: 4px;
	background-color: rgba(255,255,255,0.2);
	margin-left:auto;
	margin-right:auto;
	cursor: pointer;
}

.player_controlador_progreso {
	position: absolute;
	background-color:rgb(213,182,96);
	width: 0%;
	height: 4px;
}

.player_play-button { 
	position: absolute;
	width: 100%;
	height: 100%;
    background: url(../img/boton_play_elvive.png) center center no-repeat;
    background-size: cover;
    cursor: pointer;
    opacity: 0.8;



    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}*/

.player_play-button:hover {
	opacity: 1;
}

.player_pause-button {
	position: absolute;
	width: 100%;
	height: 100%;
    background: url(../img/pause.png) center center no-repeat;
    background-size: cover;
    display: none;
    cursor: pointer;
    opacity: 0.5;



    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

.player_pause-button:hover {
	opacity: 1;
}

#player_footer {
	position: absolute;
	width: 100%;
	height: 48px;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.2);
	display: none;
	z-index: 802;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

.player_footer_icon {
	position: absolute;
	top: 16px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	opacity: 0.8;
	cursor: pointer;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

.player_footer_icon:hover {
	opacity: 1;
}

#player_mute {
	right: 45px;
	background-image: url(../img/ico_mute_unmute_player.png);
}

#player_mute.muted {
	background-position: 0 -16px;
}

#player_fs {
	right: 20px;
	background-image: url(../img/ico_fullsc_player.png);
}

#player_fs.full {
	background-position:  0 -16px;
}

#footer_subtitles {
	background-image: url(../img/ico_subt_player.png);
	right: 70px;
	display: none;
	background-position: center center;
}

#footer_playpause {
	left: 20px;
	background-position:  0 -16px;
	background-image: url(../img/ico_playpause_player.png);
}

#footer_playpause.pause {
	background-position: 0 0;
}

#footer_playpause.ended {
	opacity: 0.2;
	cursor: default;
}

#footer_playpause.ended:hover {
	opacity: 0.2;
}

#footer_playbackrate {
	left: 45px;
	color: #FFF;
	width: auto;
	line-height: 16px;
}

#player_footer_mobile {
	position: absolute;
	display: none;
	width: 40px;
	height: 40px;
	right: 0;
	top: 0;
	/*background-color: rgba(255,255,255,0.5);*/
	opacity: 0.5;
	z-index: 802;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

#player_mobile_cardboard {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(../img/CardboardIcon.png);
	overflow: hidden;
	cursor: pointer;
}

.player_trans_opacity {
	opacity: 0.7;

    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

.player_trans_opacity:hover {
	opacity: 1;
}

#player_subtitles {
	position: absolute;
	bottom: 50px;
	left: 50%;
	max-width: 80%;
	padding: 10px;
	color: #FFF;
	display: none;
	z-index: 1000;
	font-size: 24px;
	background-color: rgba(0,0,0,0.5);
	text-align: center;
	pointer-events: none;
}


#player_playbackrate {
	position: absolute;
	left: 45px;
	bottom: 48px;
	width: 40px;
	height: auto;
	text-align: center;
	z-index: 802;
	display: none;
}

#player_footer_subtitles {
	position: absolute;
	right: 70px;
	bottom: 48px;
	width: 70px;
	height: auto;
	text-align: center;
	z-index: 802;
	display: none;
}

.player_playbackrate {
	position: relative;
	width: 100%;
	height: 20px;
	line-height: 20px;
	color: #D4D4D4;
	background-color: rgba(0,0,0,0.4);
	cursor: pointer;
	margin-bottom: 1px;

    -webkit-transition: color .5s, background-color .5s;
    -moz-transition: color .5s, background-color .5s;
    -o-transition: color .5s, background-color .5s;
    transition: color .5s, background-color .5s;
}

.player_playbackrate:hover {
	color: #FFF;
	background-color: rgba(0,0,0,0.8);
}

#player_footer_subtitles .player_playbackrate {
	text-transform: uppercase;
}

#player_footer_button {
	position: fixed;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	z-index: 99999999;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/ic-desplegar-mas.png);
}

#player_footer_button.player_footer_button_pf {
	background-image: url('../img/Player-IC-logo.png');
}

/*	FOOTER MOBILE	*/

/*	END FOOTER MOBILE	*/

#player_load_div {
	display: none;
	top: 10000;
	left: 0;
}

/*	Media	*/

.player_media_element {
	position: absolute;
	display: none;
}

.player_media_image {
	position: relative;
	width: 100%;
	height: 100%;
	overflow:hidden;
}

.player_media_image img {
	width: 100%;
	height: 100%;
}



/*	Button	*/

.player_button_interaction {
	position: absolute;
	cursor: pointer;
	display: none;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*pointer-events: none;*/
    user-drag: none; 
	-moz-user-select: none;
	-webkit-user-drag: none;
}

.player_button_image {
	position: relative;
	width: 100%;
	height: 100%;
	overflow:hidden;
	draggable:false;
}

.player_button_image img {
	width: 100%;
	height: 100%;
}

.player_button_image_hover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
}

.player_button_action_image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.player_button_visited_image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.player_button_pressed_image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.player_button_audio {
	display: none;
}

.second_hover_ima {
	position: absolute;
	display: none;
	overflow:hidden;
}

.second_hover_ima img {
	position: relative;
	width: 100%;
	height: 100%;
}


/*	Drag	*/

.player_drag_interaction {
	position: absolute;
	display: none;
	
}

.player_drag_container {
	position: absolute;
	transform-origin: 15px 15px;
	background-position: center center;
	background-repeat: repeat-x;
}

.player_drag_container_content {
	position: relative;
	width: 100%;
	height: 100%;
}

.player_draggable {
	border-radius: 50%;
	cursor: pointer;
	border: 0;
	position: absolute;
}

.player_draggable img {
	width: 100%;
	height: 100%;
}

.player_fondo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.player_fondo img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.player_big_ima {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.player_canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.player_big_ima img {
	display: none;
}

.player_drag_video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

.player_drag_video_vid {
	position: relative;
	width: 100%;
	height: 100%;
}


/*	Infobox	*/

#player_infobox_interactions {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.player_infobox_pointer {
	position: absolute;
	cursor: pointer;
	opacity: 0;
	overflow:hidden;
}

.player_infobox_pointer a {
	border: 0;
	outline: none;
}

.player_infobox_pointer img {
	border: 0;
	width: 100%;
	height: 100%;
}

.player_infobox_hover {
	position: absolute;
	display: none;
	pointer-events: none;
	z-index: 600;
}

.player_infobox_ima_hover {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.player_infobox_iframe {
	position: absolute;
	display: none;
	z-index: 1000;
}

.player_infobox_iframe_mobile {
	overflow: scroll !important;
	-webkit-overflow-scrolling:touch !important;
}

.player_infobox_iframe iframe {
	position: relative;
	border: 0;
}


.player_infobox_iframe_close {
	position: absolute;
	cursor: pointer;
	z-index: 1000;
}

.player_infobox_iframe_close img {
	position: relative;
	width: 100%;
	height: 100%;
}



/*	Social share	*/

.player_social_share {
	position: absolute;
	display: none;
}

.player_social_element {
	position: relative;
}

.player_social_element img {
	position: relative;
	width: 100%;
	height: auto;
}



/*	Counter	*/

.player_counter_interaction {
	position: absolute;
	overflow: hidden;
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; 
	display: none;
}

.player_counter_interaction.image {
	border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; 
}

.player_counter_images {
	position: relative;
	margin: 2px;
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; 
	overflow: hidden;
}

.player_counter_interaction.image .player_counter_images {
	margin: 0;
	border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; 
}

.player_counter_image {
	position: relative;
	width: 100%;
	height: 100%;
}

.player_counter_image img {
	width: 100%;
	height: 100%;
}

.player_counter_image_hover {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.player_counter_success_image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}


.player_counter_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.player_counter_progress {
	position: relative;
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.1);
}

.player_pietimer {
    position: relative;
    font-size: 100%;
}

.player_pietimer > .player_slice {
    position:absolute;
    width:1em;
    height:1em;
    clip:rect(0px,1em,1em,0.5em);
}

.player_pietimer > .player_slice.player_gt50 {
    clip:rect(auto, auto, auto, auto);
}

.player_pietimer > .player_slice > .player_pie {
    position:absolute;
    width:1em; /* 1 - (2 * border width) */
    height:1em; /* 1 - (2 * border width) */
    clip:rect(0em,0.5em,1em,0em);
    -moz-border-radius:0.5em;
    -webkit-border-radius:0.5em;
    border-radius:0.5em;
}

.player_pietimer > .player_slice > .player_pie.player_fill {
    -moz-transform:rotate(180deg) !important;
    -webkit-transform:rotate(180deg) !important;
    -o-transform:rotate(180deg) !important;
    transform:rotate(180deg) !important;
}

.player_pietimer.player_fill > .player_percent {
    display: none;
}

.player_pietimer.player_fill > .player_slice > .player_pie {
    border: transparent;
    width:1em;
    height:1em;
}






/*	Prize	*/

.player_prize_interaction {
	position: absolute;
	cursor: pointer;
	display: none;
}

.player_prize_image {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.player_prize_image img {
	width: 100%;
	height: 100%;
}

.player_prize_image_hover {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

/* PiP */ 
.player_pip_interaction {
	position: absolute;
	cursor: pointer;
	display: none;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*pointer-events: none;*/
    user-drag: none; 
	-moz-user-select: none;
	-webkit-user-drag: none;
}

.player_pip_image {
	position: relative;
	width: 100%;
	height: 100%;
	overflow:hidden;
	draggable:false;
}

.player_pip_image img {
	width: 100%;
	height: 100%;
}





/*	Multivideo	*/

.player_multivideo_interaction {
	position: absolute;
	overflow: hidden;
	display: none;
	top: 0;
	left: 0;
}

.player_multivideo_video {
	position: absolute;
}

.player_multivideo_image {
	position: absolute;
	cursor: pointer;
	display: none;
}

.player_multivideo_image img {
	position: relative;
	width: 100%;
	height: 100%;
}



/*	Shake	*/

.player_shake_interaction {
	position: absolute;
	overflow: hidden;
	display: none;
}

.player_shake_area {
	position: absolute;
	cursor: crosshair;
}

.player_shake_interaction .player_fondo {
	display: none;
}






/*	Addons	*/

/*	Progress Bar 	*/


.player_addon_progressbar {
	position: absolute;
	display: none;
}

.player_addon_progressbar_container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.player_addon_progressbar_progress {
	position: relative;
	width: 0;
	height: 100%;
}

.player_addon_progressbar_events {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.player_addon_progressbar_event {
	position: absolute;
	width: 11px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.player_event_interaction {
	background-image: url(../img/event_interaction.png);
}

.player_event_audio {
	background-image: url(../img/event_audio.png);
}



/*	Play/Pause 	*/


.player_addon_playpause {
	position: absolute;
	display: none;
	cursor: pointer;



    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

.player_addon_playpause img {
	width: 100%;
	height: 100%;
}

.player_addon_playpause .player_playpause_pause {
	position: absolute;
	top: 0;
	left: 0;
}

.player_addon_playpause .player_playpause_play {
	display: none;
}

/*	WebCam 	*/


.player_addon_webcam {
	position: absolute;
	display: block;
	cursor: pointer;



    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

.player_addon_webcam img {
	width: 100%;
	height: 100%;
}

.player_addon_webcam video {
	position: absolute;
	top: 0;
	left: 0;
	display:block;
	width: 100%;
	height: 100%;
}

.player_addon_webcam .player_addon_webcam_ima {
	position: absolute;
	top: 0;
	left: 0;
}


/*	VPAID	*/

#player_vpaid_countdown {
	position: absolute;
	right: 0;
	bottom: 35px;
	background-color: rgba(0,0,0,0.5);
	color: #d4d4d4;
	padding: 5px 10px;
	z-index: 99999;
}

#player_vpaid_countdown.skippable {
	padding: 10px 25px;
	cursor: pointer;
	font-size: 16px;



    -webkit-transition: color .5s, background-color .5s;
    -moz-transition: color .5s, background-color .5s;
    -o-transition: color .5s, background-color .5s;
    transition: color .5s, background-color .5s;
}

#player_vpaid_countdown.skippable:hover {
	color: #FFF;
	background-color: #000;
}

#player_mosca {
	position: fixed;
	top: 25px;
	right: 25px;
	width: 48px;
	height: 48px;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; 
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/Player-IC-logo-48.png);
	background-color: rgba(0,0,0,0.2);
	z-index: 999999999;



    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    -o-transition: background-color .5s;
    transition: background-color .5s;
}

#player_mosca:hover {
	background-color: rgba(0,0,0,1);
}


/*	Media Query	*/

@media (max-width: 1024px) {
	#player_subtitles {
		left: 50%;
		max-width: 90%;
		font-size: 18px;
		padding: 10px;
	}
}

@media (max-width: 640px) {
	#player_subtitles {
		left: 50%;
		max-width: 90%;
		font-size: 14px;
		padding: 10px;
		bottom: 10px;
	}
}

@media (max-width: 320px) {
	#player_subtitles {
		left: 50%;
		max-width: 90%;
		font-size: 12px;
		padding: 10px;
		bottom: 10px;
	}
}