@font-face {
	    font-family: 'firasans_light';
	    src: url('../fonts/firasans-light-webfont.eot');
	    src: url('../fonts/firasans-light-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/firasans-light-webfont.woff2') format('woff2'),
	         url('../fonts/firasans-light-webfont.woff') format('woff'),
	         url('../fonts/firasans-light-webfont.ttf') format('truetype'),
	         url('../fonts/firasans-light-webfont.svg#firasans-light-webfont') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	 @font-face {
	    font-family: 'firasans_regular';
	    src: url('../fonts/firasans-regular-webfont.eot');
	    src: url('../fonts/firasans-regular-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/firasans-regular-webfont.woff2') format('woff2'),
	         url('../fonts/firasans-regular-webfont.woff') format('woff'),
	         url('../fonts/firasans-regular-webfont.ttf') format('truetype'),
	         url('../fonts/firasans-regular-webfont.svg#firasans-regular-webfont') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	 @font-face {
	    font-family: 'firasans_bold';
	    src: url('../fonts/firasans-semibold-webfont.eot');
	    src: url('../fonts/firasans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
	         url('../fonts/firasans-semibold-webfont.woff2') format('woff2'),
	         url('../fonts/firasans-semibold-webfont.woff') format('woff'),
	         url('../fonts/firasans-semibold-webfont.ttf') format('truetype'),
	         url('../fonts/firasans-semibold-webfont.svg#firasans-semibold-webfont') format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

/*! 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;
	outline: none;
}

img {
	border: 0;
}

a img, a:active img, a:focus img, a:visited img {
	border: 0;
	outline: none;
}

* {
	box-sizing: border-box;
}

.player_warning {
	position: absolute;
	z-index: 1000;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	display: none;
	background-color: rgba(0,0,0,0.8);
}

#player_safari_warning_content {
	position: relative;
	width: 100%;
	margin: 0 auto;
	max-width: 380px;
	top: 50%;
	margin-top: -105px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	font-size: 12px;
	/*padding-top: 2%;*/
}


#player_safari_warning_message1 {
	margin-bottom: 20px;
}

#player_safari_warning_message2 {
	margin-top: 20px;
}

#player_safari_warning_message3 {
	font-weight: bold;
}

#player_ios9_warning_content {
	position: absolute;
	width: 100%;
	height: 20px;
	top: 50%;
	left: 0;
	margin-top: -10px;
	color: #FFF;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}

#not_supported_link_text{
    background-color: #D1D5D6;
    color: #767D7F;
    width: 100%;
    border: none;
    height: 40px;
    padding: 0 15px;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px;
    line-height: 40px;
    overflow: hidden;
}

#player_copy_url_button {
    background-color: #3E9ECE;
    color: #fff;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px;
    margin: 10px auto 0;	
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0;
}

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

#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-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 10000;
	text-align: center;
	display: none;
}

.player_preload_second_content {
	position: absolute;
	width: 100%;
	top: 50%;
}

#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;
	width: auto;
	height: auto;
	max-width: none;
}

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

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

#player_spinner {
	position: absolute;
	width: 40px;
	height: 40px;
	z-index: 10000;
	display: none;
}

#player_spinner.top_right {
	top: 10px;
	right: 10px;
}

#player_spinner.top_left {
	top: 10px;
	left: 10px;
}

#player_spinner.bottom_right {
	bottom: 10px;
	right: 10px;
}

#player_spinner.bottom_left {
	bottom: 10px;
	left: 10px;
}

#player_spinner.center {
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
}

.circle-bg {
	position: absolute;
	stroke: rgba(255,255,255,0.4);
	fill: transparent;
	stroke-width: 5;
}

.circle-loader {
	fill: transparent;
	stroke: #FFF;
	stroke-width: 5;
	animation: dash 2s ease infinite,rotate 2s linear infinite;
}

@keyframes dash {
	0% {
		stroke-dasharray: 1,95;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 85,95;
		stroke-dashoffset: -25;
	}
	100% {
		stroke-dasharray: 85,95;
		stroke-dashoffset: -93;
	}
}

@keyframes rotate {
	0% {transform: rotate(0deg); }
	100% {transform: rotate(360deg); }
}



.overfl_hidden {
	overflow: hidden;
}

#player_Block1 { 
	width:100%;
	height:100%;
	position: relative;
	display: none;
	overflow: hidden;
	font-family: 'Raleway', 'Arial';
}

#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_project_cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	z-index: 701;
	pointer-events: none;
}

#player_controlador {
	position: absolute;
	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_left {
	position: relative;
	float: left;
	height: 48px;
	width: auto;
	margin-left: 5px;
}

#player_footer_right {
	position: relative;
	float: right;
	height: 48px;
	width: auto;
	margin-right: 10px;
}

.player_footer_icon {
	position: relative;
	float: left;
	width: 28px;
	height: 48px;
	line-height: 48px;
	margin-top: 0;
	background-repeat: no-repeat;
	background-position: center 0;
	background-size: 48px 96px;
	overflow: hidden;
	opacity: 0.8;
	cursor: pointer;
	text-align: center;
	font-size: 12px;

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

.player_footer_icon:hover {
	opacity: 1;
}

#player_safari {
	background-image: url(../img/ic-safari.svg);
	background-position: center center;
}

#player_mute {
	background-image: url(../img/ico_mute_unmute_player.svg);
}

#player_mute.muted {
	background-position: center -48px;
}

#player_fs {
	background-image: url(../img/ico_fullsc_player.svg);
}

#player_fs.full {
	background-position:  center -48px;
}


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

#footer_share_embed {
	background-image: url(../img/icon-share-embed.svg);
	background-position: center center;
}

#footer_share_social {
	background-image: url(../img/icon-share-social.svg);
	background-position: center center;
	background-size: 18px 18px;
}

#footer_playpause {
	background-position:  center -48px;
	background-image: url(../img/ico_playpause_player.svg);
}

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

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

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

#footer_playbackrate {
	color: #FFF;
}

#player_floating_fullscreen {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.6);
	display: none;
	z-index: 1002;

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

#player_floating {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.6);
	display: none;
	z-index: 1000;

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

#player_floating_resume {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.8);
	display: none;
	z-index: 1000;

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

#player_floating_clicable {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#player_floating_resume_clicable {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#player_floating_buttons {
	position: absolute;
	height: 50px;
}

#player_floating_social_buttons {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	margin: -25px auto;
	z-index: 1000;
	display: none;
}

#player_floating_social_buttons.bar {
	position: absolute;
	bottom: 48px;
	right: 70px;
	left: auto;
	top: auto;
	width: 70px;
	height: auto;
	text-align: center;
	z-index: 1002;
	margin: 0;
}

#player_floating #player_floating_social_buttons {
	display: block;
}

.player_floating_icon_full_screen {
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center -2px;
	background-size: 50px 100px;
	overflow: hidden;
	opacity: 0.8;
	cursor: pointer;
	border: 2px solid #FFF;
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;
	margin: 0 4px;

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

.player_floating_icon {
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center -2px;
	background-size: 50px 100px;
	overflow: hidden;
	opacity: 0.8;
	cursor: pointer;
	border: 2px solid #FFF;
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;
	margin: 0 4px;

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

.player_floating_icon:hover {
	opacity: 1;
}

#player_floating_social_buttons .player_floating_icon {
	background-size: 50px 50px;
}

#player_floating_social_buttons.bar .player_floating_icon {
	background-size: 30px 30px;
}

#player_floating_playpause {
	position: absolute;
}

#player_floating .top_right, #player_floating_button.top_right {
	top: 40px;
	right: 36px;
}

#player_floating .top_left, #player_floating_button.top_left {
	top: 40px;
	left: 36px;
}

#player_floating .bottom_right, #player_floating_button.bottom_right {
	bottom: 40px;
	right: 36px;
}

#player_floating .bottom_left, #player_floating_button.bottom_left {
	bottom: 40px;
	left: 36px;
}

#floating_playpause {
	background-position: center center;
	background-size: 50px 50px;
	background-image: url(../img/ico_floating_playpause.svg);
	border: 0;
}

#floating_resumeplay {
	background-position: center center;
	background-size: 50px 50px;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	background-image: url(../img/ico_floating_playpause.svg);
	border: 0;
}

#floating_share_embed {
	background-position: center center;
	background-size: 50px 50px;
	background-image: url(../img/ico_floating_embed.svg);
}

#floating_playbackrate {
	background-position: -52px center;
	background-size: 200px 50px;
	background-image: url(../img/ico_speed_rate.svg);
}

#floating_subtitles {
	background-position: center center;
	background-size: 50px 50px;
	background-image: url(../img/ico_floating_subtitles.svg);
	display: none;
}

#floating_mute {
	background-image: url(../img/ico_floating_mute.svg);
}

#floating_mute.muted {
	background-position: center -52px;
}

#floating_fs {
	background-image: url(../img/ico_floating_fullscreen.svg);
}

#floating_fs_full {
	background-image: url(../img/ico_floating_fullscreen.svg);
	background-size: 50px 100px;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
}

#floating_fs.full {
	background-position: center -52px;
}

.floating_social {
    float: none;
    position: relative;
    display: inline-block;
    background-position: center;
}

#player_floating_social_buttons.bar .floating_social {
	width: 100%;
	height: 20px;
	background-color: rgba(0,0,0,0.4);
	cursor: pointer;
	opacity: 1;
	border: none;
	margin: 0 0 1px 0;
	border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; 


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

#player_floating_social_buttons.bar .floating_social:hover {
	background-color: rgba(0,0,0,0.8);
}

.player_playbackrate.selected {
	color: #FFF;
	font-weight: bold;
}

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

#floating_whatsapp {
	background-image: url(../img/whatsapp.svg);
}

#floating_facebook {
	background-image: url(../img/facebook.svg);
}

#floating_twitter {
	background-image: url(../img/twitter.svg);
}

#floating_linkedin {
	background-image: url(../img/linkedin.svg);
}

#floating_googleplus {
	background-image: url(../img/googleplus.svg);
}

#floating_tumblr {
	background-image: url(../img/tumblr.svg);
}


#player_floating_open_safari {
	position: absolute;
	width: 133px;
	height: 50px;
	background-position: center center;
	background-size: 133px 50px;
	background-repeat: no-repeat;
	background-image: url(../img/ico_floating_open_safari.svg);
	cursor: pointer;
	opacity: 0.8;



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

#player_floating_open_safari:hover {
	opacity: 1;
}

#player_floating_ios9 {
	position: absolute;
	width: 190px;
	height: 50px;
	background-position: center center;
	background-size: 190px 50px;
	background-repeat: no-repeat;
	background-image: url(../img/ico_ios9.svg);
	cursor: pointer;
	opacity: 0.8;



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

#player_floating_open_safari:hover {
	opacity: 1;
}

#player_floating_button {
	position: absolute;
	background-position: center center;
	background-size: 50px 50px;
	background-image: url(../img/ico_floating_button.svg);
	z-index: 1000;
	border: 0;
	background-color: rgba(0,0,0,0.4);
}

#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_js-copytextarea {
	opacity: 0;
	position: fixed;
	top: -100px;
	left: -500px;
}

#embed_copied {
	position: fixed;
	width: 250px;
	height: 40px;
	line-height: 40px;
	color: #000;
	background-color: #FFF;
	border: 1px solid #000;
	display: none;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -125px;
	z-index: 100000099;
	text-align: center;
}

.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: 1002;
	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: 1002;
	display: none;
}

#player_playbackrate.centered {
	position: absolute;
	left: 0;
	bottom: auto;
	top: 50%;
	margin-top: -10px;
	width: 100%;
	height: 20px;
	text-align: center;
}

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

#player_footer_subtitles.centered {
	position: absolute;
	left: 0;
	bottom: auto;
	right: auto;
	top: 50%;
	margin-top: -10px;
	width: 100%;
	height: 20px;
	text-align: center;
}

.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.selected {
	color: #FFF;
	font-weight: bold;
}

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

#player_playbackrate.centered .player_playbackrate, #player_footer_subtitles.centered .player_playbackrate {
	position: relative;
	display: inline-block;
	width: auto;
	background-color: transparent;
	margin: 0;
	padding: 0 15px;
	border-right: 2px solid #d4d4d4;
	font-size: 16px;
}

#player_playbackrate.centered .player_playbackrate:last-child, #player_footer_subtitles.centered .player_playbackrate:last-child {
	border: 0;
}

#player_playbackrate.centered .player_playbackrate:hover, #player_footer_subtitles.centered .player_playbackrate:hover {
	background-color: transparent;
}

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

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

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

#player_footer_button.open {
	background-image: url('../img/icon-close-footer.svg') !important;
}

/*	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%;
	max-width: inherit;
	display: block;
}

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



/*	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;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

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

.player_button_image img {
	width: 100%;
	height: 100%;
	max-width: inherit;
	display: block;
}

.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;
	pointer-events:none;
}

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


/*	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_drag_image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.player_drag_image_hover, .player_drag_image_pressed {
	display: none;
}

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

.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%;
	display: block;
}

.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_image {
	position: relative;
	width: 100%;
	height: 100%;
	overflow:hidden;
	draggable:false;
}

.player_infobox_image img {
	width: 100%;
	height: 100%;
	max-width: inherit;
	display: block;
}

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

.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_form {
	background-color: #FFF;
}

.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%;
	display: block;
}

	/*	form 	*/

	.formContainer {
	    position: relative;
    	width: 340px;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 0px;
	}

	.formContainer .formBlock {
		position: relative;
		margin: 0;
		padding: 0;
	    color: #3c8dc4;
	    text-align: center;
	    font-size: 12px;
	    font-family: 'firasans_regular', sans-serif;
	}

	.formContainer .formBlockResponse {
		display: none;
	}

	.formContainer .thank-you {
	    position: relative;
	    width: 100%;
	    margin: 0;
	    padding: 30px 0;
	    background-color: #FFF;
	    color: #3c8dc4;
	    text-align: center;
	    font-size: 12px;
	    font-family: 'firasans_regular', sans-serif;
	    font-weight: 400;
	}

	.formContainer .pf-form-title {
	    position: relative;
	    width: 100%;
	    font-size: 20px;
	    color: #3c8dc4;
	    line-height: 30px;
	    font-family: 'firasans_regular', sans-serif;
	    text-align: center;
	    margin-bottom: 30px;
	    letter-spacing: 1px;
	    font-weight: 500;
	}

	.formContainer .pfForm {
	    position: relative;
	    width: 100%;
	}

	.formContainer .pf-form-error {
        position: relative;
        margin-bottom: 0px;
        color: #c00;
        font-family: 'firasans_regular', sans-serif;
        font-weight: 400;
        letter-spacing: 1px;
        font-size: 9px;
        text-transform: uppercase;
        text-align: left;
        display: none;
	}

	.formContainer .pf-form-block {
        position: relative;
        clear: both;
        width: 100%;
        margin-bottom: 30px;
        font-family: 'firasans_regular', sans-serif;
        font-weight: 400;
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 30px;
	}

	.formContainer .pf-form-block:last-child {
	    margin-bottom: 0;
	}

	.formContainer .formBlock .pf-form-block {
		text-align: left;
	}

	.formContainer .pf-form-block a {
        position: relative;
        color: #999;
        text-decoration: none;
        font-size: 11px;
        border-bottom: 1px solid #ccc;
        letter-spacing: 1px;
	}

	.formContainer .pf-form-input {
        position: relative;
        clear: both;
        width: 100%;
        height: 30px;
        border: 0;
        background-color: transparent;
        font-size: 12px;
        color: #999;
        font-family: 'firasans_regular', sans-serif;
        font-weight: 400;
        line-height: 30px;
        border-bottom: 1px solid #CCC;
        letter-spacing: 1px;
	}

	.formContainer .pf-form-input:focus {
	    border-color: #3c8dc4;
	}

	.formContainer .pf-form-input.error {
	    border-color: #C00;
	}

	.formContainer input[type=checkbox] {
	    margin: 0 8px 0 0;
	}

	.formContainer input[type=submit] {
        position: relative;
        clear: both;
        width: 100%;
        height: 54px;
        line-height: 54px;
        margin: 3px 0 3px 0;
        color: #FFF;
        letter-spacing: 1px;
        font-size:  11px;
        font-family: 'firasans_regular', sans-serif;
        font-weight: 500;
        text-transform: uppercase;
        cursor: pointer;
        background-color: #3c8dc4;
        border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px;
        border: 0;
        appearance: none; -webkit-appearance: none;
	}

	.formContainer input[type=submit].submit-disabled {
	    background-color: #CCC;
	    cursor: default;
	}

	.formContainer .pf-form-sending {
		position: relative;
		width: 100%;
		height: 30px;
		line-height: 30px;
		font-size: 24px;
		color: #3c8dc4;
		text-align: center;
		display: none;
	}


	/*	Poll	*/

	.pollContainer {
		position: relative;
		display: flex;
		width: 100%;
		height: 100%;
		padding: 30px;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		align-content: center;
		font-family: 'Raleway', sans-serif;
		color: #313131;
	}

	.pollHeader {
		position: relative;
		width: 100%;
		height: 15%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		align-content: center;
		font-weight: bold;
	}

	.pollLeft {
		position: relative;
		width: 23%;
		height: 100%;
		display: flex;
		align-items: center;
	}

	.pollRight {
		position: relative;
		width: 73%;
		height: 100%;
		display: flex;
		align-items: center;
	}

	.pollContainer h3 {
		margin: 0;
		font-size: 3vh;
	}

	.pollButtons {
		position: absolute;
		right: 0;
		height: 50%;
		top: 25%;
	}

	.pollButton {
		position: relative;
		display: inline-block;
		height: 100%;
		margin-left: 5px;
	}

	.pollButton img {
		width: auto;
		height: 100%;
	}

	.pollContent {
		position: relative;
		width: 100%;
		height: 70%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.pollItem {
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		align-content: center;
		font-size: 3vh;
		margin: 5px 0;
	}

	.pollGraph {
		position: relative;
		width: 100%;
		height: 100%;
		background-color: #999;
	}

	.pollGraph.green {
		background-color: #38B685;
	}

	.pollRes {
		position: absolute;
		width: auto;
		height: 100%;
		display: flex;
		align-items: center;
		align-content: center;
		color: #FFF;
		font-size: 3vh;
		z-index: 1;
	}

	.pollRes.pollRes_left {
		left: 2%;
	}

	.pollRes.pollRes_right {
		right: 2%;
	}

	.pollGraphResults {
		position: relative;
		height: 100%;
	}

	.pollGraphResultsFill {
		position: absolute;
		height: 100%;
		top: 0;
		left: 0;
		background-color: #C1272D;
		animation: progressBar 3s ease-in-out;
		animation-fill-mode: both;
	}

	@keyframes progressBar {
  		0% {
    		width: 0; 
    	}
  		100% {
    		width: 100%; 
    	} 
    }

	.pollFooter {
		position: relative;
		width: 100%;
		height: 15%;
		display: flex;
		align-items: flex-end;
		font-size: 2.5vh;
	}



/*	Social share	*/

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

.player_social_element {
	position: relative;
}

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



/*	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%;
	display: block;
}

.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%;
	display: block;
}

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

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

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

.player_prize_image_visited {
	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%;
	display: block;
}





/*	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%;
	display: block;
}



/*	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;
}

#vast_close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	background-image: url(../img/b_close_ad.svg);
	z-index: 10000;
	cursor: pointer;
}

#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);
}

body.test-screen {
	background-color: #313131;
}

#test-screen {
	position: absolute;
	width: 340px;
	height: 130px;
	font-size: 14px;
	color: #FFF;
	font-family: 'Arial', sans-serif;
	top: 50%;
	left: 50%;
	margin-top: -100px;
	margin-left: -170px;
	padding: 20px 20px;
	line-height: 30px;
}

#test-screen input[type="password"] {
	position: relative;
	clear: both;
	border: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #FFF;
	background-color: rgba(255,255,255,0.1);
	padding: 0 10px;
	font-size: 16px;
	letter-spacing: 1px;
	text-align: center;
}

#test-screen input[type="submit"] {
	position: relative;
	clear: both;
	margin-top: 10px;
	border: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #e5cb45;
	color: #313131;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
}






/*	PREPUBLISH	*/

#trial_version {
	position: absolute; 
	width: 134px; 
    height: 32px;
    background-repeat: no-repeat; 
    background-position: center 0; 
	background-size: contain;
    overflow: hidden;background-image: url('../img/logo_playerbasic.png');
	opacity: 0.7;
	cursor: pointer;



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

#trial_version:hover {
	opacity: 1;
}

#send_problem {
	position: fixed;
	bottom: 20px; 
	right: 20px;
	width: 40px;
	height: 40px;
	border-radius: 50%; -webkitborder-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; 
	background-color: #666;
	color: #313131;
	cursor: pointer;
	line-height: 40px;
	text-align: center;
	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;
}

#send_problem:hover {
	background-color: #CCC;
}



/********************************************************************************************/
/*																							*/
/*										PREPUBLISH											*/
/*																							*/	
/********************************************************************************************/

	body.prepublish {
		background-color: #333;
	}

 	.modal-container {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		display: none;
		z-index:999;
 	}

 	.modal-close {
 		position: absolute;
 		width: 20px;
 		height: 20px;
 		text-align: center;
 		background-color: #313131;
 		color: #D4D4D4;
 		cursor: pointer;
 		top: 50%;
 		left: 50%;
 		margin-left: 250px;
 		margin-top: -260px;
 		z-index: 10;
 		background-position: center top;
 		background-repeat: no-repeat;
 		background-image: url(../img/icon-close.png);



	    -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;
 	}

 	#popup_close:hover {
 		background-color: #262626;
 		color: #FFF;
 		background-position: center bottom;
 	}

	.popup {
		position: relative;
		width: 100%;
		height: 100%;
		font-family: 'firasans_regular';
		letter-spacing: 1px;
	}

	.popup-bg {
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.8);
	}

	.popup-box {
		position: absolute;
		width: 480px;
		height: 540px;
		top: 50%;
		left: 50%;
		margin-top: -270px;
		margin-left: -240px;
		color: #313131;
		padding: 30px 0 20px;
		background-color: #D4D4D4;
	}

	.popup-title {
		position: relative;
		font-size: 16px;
		letter-spacing: 1px;
		border-bottom: 1px solid #313131;
		font-weight: normal;
		line-height: 16px;
		height: 30px;
		margin: 0 40px 30px;
		text-transform: capitalize;
		font-family: 'firasans_bold';
	}

	.popup-cont {
		position: relative;
		width: 100%;
		height: 350px;
		margin-bottom: 20px;
		overflow: hidden;	
	}

	.popup-content {
		position: relative;
		width: 100%;
		padding: 0 40px;
		overflow: hidden;
	}

	.popup-block {
		position: relative;
		margin-top: 20px;
		overflow: hidden;
	}

	.popup-header {
		position: relative;
		height: 20px;
		line-height: 20px;
		font-size: 11px;
		text-transform: uppercase;
	}

	.popup-text {
		position: relative;
		margin-bottom: 5px;
	}

	.popup-input {
		position: relative;
		margin-bottom: 10px;
		width: 100%;
		color: #373737;
		border: 0;
		background-color: #E2E2E2;
		height: 30px;
		font-size: 11px;
		padding: 9px 30px 8px 10px;
		font-family: 'firasans_regular';
		background-position: right center;
		background-image: url(../img/icon-pencil.png);
		background-repeat: no-repeat;
		letter-spacing: 1px;



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

	.popup-input-select {
		padding: 4px 10px;
		background-image: none;
	}

	.popup-input:focus {
		background-color: #FFF;
		outline: 0;
	}

	.popup-input:last-child {
		margin-bottom: 0;
	}

	.popup-area {
		position: relative;
		width: 100%;
		color: #373737;
		border: 0;
		background-color: #E2E2E2;
		height: 110px;
		font-size: 11px;
		padding: 9px 10px;
		font-family: 'firasans_regular';
		background-position: right 7px;
		background-repeat: no-repeat;
		letter-spacing: 1px;



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

	.popup-area:focus {
		background-color: #FFF;
		outline: 0;
	}

	.popup-buttons {
		position: relative;
		clear: both;
		overflow: hidden;
		margin: 0 40px;
		padding-top: 20px;
		height: 60px;
		border-top: 1px solid #313131;
	}

	.popup-button {
		position: relative;
		float: right;
		width: 105px;
		height: 40px;
		line-height: 40px;
		font-size: 10px;
		letter-spacing: 2px;
		text-transform: uppercase;
		color: #D4D4D4;
		background-color: #313131;
		cursor: pointer;
		text-align: center;
		margin-left: 2px;
		border: 0;
		text-decoration: none;
		padding: 0;
		opacity: 1;


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

	.popup-button:hover {
		color: #FFF;
		background-color: #262626;
	}

	.popup-button-light {
		background-color: #e2e2e2;
		color: #373737;
	}

	.popup-button-light:hover {
		background-color: #FFF;
		color: #313131;
	}

	.popup-nextobutton {
		position: absolute;
		bottom: 4px;
		left: 0;
		color: #313131;
		border-bottom: 1px solid;
		cursor: pointer;
	}

	#popup-answer {
		display: none;
	}




/*	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;
	}

	.modal-container {
		position: relative;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.popup-box {
		position: relative;
		top: 0;
		left: 0;
		margin-top: 0;
		margin-left: 0;
		width: 100%;
	}

	.popup-nextobutton {
		display: none;
	}
}

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

/* Dynamic Text */
.dynamic-text {
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
	color:rgb(200,200,200); 
	font-family: 'firasans_regular';
	font-size: 1.64vw;
	width: 100%;
	height: 100%;
	letter-spacing: 1px;
	display: flex;
	flex-direction: row;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: left;
}