/*
 * Adaptacion del Eric Meyer's CSS Reset de:
 * http://meyerweb.com/eric/tools/css/reset/
 */

.act-video-player {
    min-height: 100px;
}

.act-video-player div, .act-video-player span, .act-video-player applet, .act-video-player object, .act-video-player iframe,
.act-video-player h1, .act-video-player h2, .act-video-player h3, .act-video-player h4, .act-video-player h5, .act-video-player h6, .act-video-player p, .act-video-player blockquote, .act-video-player pre,
.act-video-player a, .act-video-player abbr, .act-video-player acronym, .act-video-player address, .act-video-player big, .act-video-player cite, .act-video-player code,
.act-video-player del, .act-video-player dfn, .act-video-player em, .act-video-player font, .act-video-player img, .act-video-player ins, .act-video-player kbd, .act-video-player q, .act-video-player s, .act-video-player samp,
.act-video-player small, .act-video-player strike, .act-video-player strong, .act-video-player sub, .act-video-player sup, .act-video-player tt, .act-video-player var,
.act-video-player dl, .act-video-player dt, .act-video-player dd, .act-video-player ol, .act-video-player ul, .act-video-player li,
.act-video-player fieldset, .act-video-player form, .act-video-player label, .act-video-player legend,
.act-video-player table, .act-video-player caption, .act-video-player tbody, .act-video-player tfoot, .act-video-player thead, .act-video-player tr, .act-video-player th, .act-video-player td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    line-height: inherit;
    vertical-align: baseline;
}

/* remember to define focus styles! */
.act-video-player :focus {
    outline: 0;
}

.act-video-player body {
    line-height: 1;
    color: black;
    background: white;
}

.act-video-player ol, .act-video-player ul {
    list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
.act-video-player table {
    border-collapse: separate;
    border-spacing: 0;
}

.act-video-player caption, .act-video-player th, .act-video-player td {
    text-align: left;
    font-weight: normal;
}

.act-video-player blockquote:before, .act-video-player blockquote:after,
.act-video-player q:before, .act-video-player q:after {
    content: "";
}

.act-video-player blockquote, .act-video-player q {
    quotes: "" "";
}

@font-face {
    font-family: 'playerIcons';
    src: url('../fonts/playerIcons.eot');
    src: url('../fonts/playerIcons.eot') format('embedded-opentype'),
    url('../fonts/playerIcons.ttf') format('truetype'),
    url('../fonts/playerIcons.woff') format('woff'),
    url('../fonts/playerIcons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.act-video-player [class^="icon-"], .act-video-player [class*=" icon-"],
.act-video-player [class^="icon-"]:before, .act-video-player [class*=" icon-"]:before {
    font-family: 'playerIcons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.act-video-player .icon-images:before, .act-video-player .icon-slides:before {
    content: "\e900";
}

.act-video-player .icon-bubble:before {
    content: "\e901";
}

.act-video-player .icon-transcription:before, .act-video-player .icon-bubbles:before {
    content: "\e902";
}

.act-video-player .icon-bubble2:before {
    content: "\e903";
}

.act-video-player .icon-bubbles4:before {
    content: "\e904";
}

.act-video-player .icon-user:before {
    content: "\e90b";
}

.act-video-player .icon-enlarge:before {
    content: "\e800";
}

.act-video-player .icon-shrink:before {
    content: "\e801";
}

.act-video-player .icon-cog:before {
    content: "\e802";
}

.act-video-player .icon-switch:before {
    content: "\e803";
}

.act-video-player .icon-list-numbered:before, .act-video-player .icon-topics:before {
    content: "\e905";
}

.act-video-player .icon-link:before {
    content: "\e804";
}

.act-video-player .icon-cross:before {
    content: "\e812";
}

.act-video-player .icon-checkmark:before {
    content: "\e813";
    margin-right: 6px;
}

.act-video-player .icon-checkmark2:before {
    content: "\e814";
}

.act-video-player .icon-play:before {
    content: "\e805";
}

.act-video-player .icon-pause:before {
    content: "\e806";
}

.act-video-player .icon-stop:before {
    content: "\e807";
}

.act-video-player .icon-backward2:before {
    content: "\e808";
}

.act-video-player .icon-forward3:before {
    content: "\e809";
}

.act-video-player .icon-first:before {
    content: "\e80a";
}

.act-video-player .icon-last:before {
    content: "\e80b";
}

.act-video-player .icon-volume-high:before {
    content: "\e80c";
}

.act-video-player .icon-volume-medium:before {
    content: "\e80d";
}

.act-video-player .icon-volume-low:before {
    content: "\e80e";
}

.act-video-player .icon-volume-mute:before {
    content: "\e80f";
}

.act-video-player .icon-volume-mute2:before {
    content: "\e810";
}

.act-video-player .icon-loop2:before {
    content: "\e811";
}

.act-video-player .icon-embed2:before {
    content: "\e906";
}

.act-video-player .icon-share2:before {
    content: "\e907";
}

.act-video-player .icon-mail:before {
    content: "\e908";
}

.act-video-player .icon-facebook:before {
    content: "\e909";
}

.act-video-player .icon-twitter:before {
    content: "\e90a";
}

.act-video-player .icon-redo2:before {
    content: "\e90c";
}

.act-video-player .icon-share:before {
    content: "\e90d";
}

.act-video-player .icon-lock:before {
    content: "\e98f";
}

.act-video-player .icon-info:before {
    content: "\ea0c";
}

.act-video-player .icon-cancel-circle:before {
    content: "\ea0d";
}

.act-video-player .icon-play[disabled]:before,
.act-video-player .icon-blocked:before {
    content: "\ea0e";
}

.act-video-player .icon-arrow-down:before {
    content: "\ea36";
}

.act-video-player .icon-act-logo:before {
    content: url('../img/agile-logo.svg');
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    background-color: transparent;
    font-variant: normal;
    -webkit-font-feature-settings: "liga";
}

.act-video-player.simpledark {

    position: relative;
    top: 0;
    font-family: Roboto, Helvetica, Arial, sans-serif, playericons;
    color: #07141E;
    background-color: black;
    text-align: left;
}

.act-video-player.simpledark .fullscreen {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    max-width: 100% !important;
}

.act-video-player.simpledark video {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.act-video-player.simpledark .act-video-title {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.7);
    font-weight: bold;
    padding-left: 2%;
}

.act-video-player.simpledark .act-video-title a:link,
.act-video-player.simpledark .act-video-title a:visited,
.act-video-player.simpledark .act-video-title a:active,
.act-video-player.simpledark .act-video-title a:hover {
    color: #DDD;
    text-decoration: none;
}

.act-video-player.simpledark .act-video-poster {
    position: absolute;
    height: 100%;
    width: 100%;
    color: #FFF;
    z-index: 1;
    display: flex;
    justify-content: center;
}

.act-video-player.simpledark .act-video-poster div {
    width: 100%;
    height: 100%;
    background-size: contain;
}

.act-video-player .act-video-rightclick {
    display: none;
}

.act-video-player .act-video-rightclick.open {
    z-index: 100;
    width: 200px;
    font-size: 12px;
    position: absolute;
    display: block;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.7);
}

.act-video-player .act-video-rightclick .act-video-rightclick-list {
    list-style: none;
    font-weight: bold;
    border-radius: .15em;
    margin: 0;
    border: 1px solid #444;
    padding-left: 0;
}

.act-video-player .act-video-rightclick .act-video-rightclick-item {
    line-height: 3;
    width: 65px;
    vertical-align: middle;
}

.act-video-player .act-video-rightclick .act-video-rightclick-item .icon-act-logo {
    font-size: 2em;
    vertical-align: middle;
    margin-right: .3em;
    border-right: 1px solid #444;
}

.act-video-player .act-video-rightclick.open a:link,
.act-video-player .act-video-rightclick.open a:visited,
.act-video-player .act-video-rightclick.open a:active,
.act-video-player .act-video-rightclick.open a:hover {
    color: #DDD;
    text-decoration: none;
}

.act-video-player.simpledark .act-video-poster img {
    max-height: 100%;
    max-width: 100%;
    height: 100%;
    width: 100%;
}

.act-video-player.simpledark.fullscreen .act-video-poster {
    height: auto;
    width: 100%;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.act-video-player.simpledark .act-video-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 16;
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;

    /* Safari and Chrome */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;

    /* W3C */
    display: block;
    box-pack: center;
    box-align: center;
}

.act-video-player.simpledark .act-video-controls.actived {
    bottom: 10px;
    opacity: 1;
}

.act-video-player.simpledark .act-video-controls {
    position: absolute;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;

    height: 40px;
    width: 100%;
    padding: 0px 10px;
    z-index: 20;
    overflow: hidden;
    bottom: 0px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 10px;
}

.act-video-player.simpledark .act-video-overlay .act-button-play:hover,
.act-video-player.simpledark .act-skip-adv,
.act-video-player.simpledark .share-element > button,
.act-video-player.simpledark .act-video-controls > * {
    background: rgba(0, 0, 0, 0.7);
}

.act-video-player.simpledark .act-video-controls > * {
    /* margin-top: 5px; // si align-items funciona, no debería ser necesario */
    /*margin-right: 5px;*/
	margin-left: 5px;
    height: 30px;
    width: 35px;
}
.act-video-player.simpledark .act-video-controls > *:first-child {
	margin-left: 0px;
}

.act-video-player.simpledark .act-video-controls .act-video-play {
    /* margin-top: 0px; // si align-items funciona, no debería ser necesario */
    font-size: 30px;
    height: 40px;
    width: 80px;
    flex: none;
}

.act-video-player.simpledark .act-video-title {
    height: 15%;
    font-size: 15px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 25%, rgba(0, 0, 0, 0.01) 99%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(0, 0, 0, 0.65)), color-stop(99%, rgba(0, 0, 0, 0.01)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 25%, rgba(0, 0, 0, 0.01) 99%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 25%, rgba(0, 0, 0, 0.01) 99%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.65) 25%, rgba(0, 0, 0, 0.01) 99%, rgba(0, 0, 0, 0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 25%, rgba(0, 0, 0, 0.01) 99%, rgba(0, 0, 0, 0) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); !* IE6-9 *!*/
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
}

.act-video-player.simpledark .act-video-title .title-text {
    color: #FFF;
    font-size: 0.9em;
    margin-top: 20px;
}

.act-video-player.simpledark .act-video-title.actived {
    opacity: 1;
    margin-top: 0;
    box-sizing: border-box;
}

.act-video-player.simpledark .act-video-center {
	flex: 1 auto;
    display: flex;
    /* margin-top: 5px;// si align-items funciona, no debería ser necesario */
    border: 1px solid #222;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

/*HACK FOR act-video-center IN IE10*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .act-video-player.simpledark .act-video-center {
        width: calc(100% - 220px);
        position: relative;
        overflow: hidden;
    }
}

.act-video-player.simpledark .act-video-center div {
    line-height: 12px;
}

.act-video-player.simpledark .act-video-controls .inactiveButton {
    opacity: .3;
}

.act-video-player.simpledark .act-video-controls .act-volume-container {
 	width: auto;
 	display: flex;
 	position: relative;
}

.act-video-player.simpledark .act-video-controls .act-volume-container .act-volume-button {
    display: inline-block;
    height: 30px;
    background: none;
    border: none;
    flex: none;
}

.act-video-player.simpledark .act-video-controls .act-video-hd {
}

.act-video-player.simpledark .act-video-controls .act-video-share {
}

.act-video-player.simpledark .act-video-controls .act-video-fullscreen {
}

.act-video-player.simpledark .act-video-controls > * {
    border-radius: 0px;
    padding: 0px 6px;
    font-size: 16px;
    border: 1px solid #222;
}
.act-video-player.simpledark .act-video-controls button {
    color: #DDD;
    cursor: pointer;
}
.act-video-player.simpledark .act-video-controls button:hover {
    color: #64bb5d;
}

.act-video-player.simpledark .act-skip-adv {
    position: absolute;
    color: #fff;
    cursor: pointer !important;
    font-size: 16px;
    z-index: 20;
    bottom: 70px;
    right: 0px;
    width: 40%;
    min-width: 150px;
    max-width: 250px;
}

.act-video-player.simpledark div.act-skip-adv div {
    display: inline-block;
    vertical-align: middle;
}

.act-video-player.simpledark div.act-skip-adv div.single-text-box {
    width: 100%;
    padding: 4px 8px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.act-video-player.simpledark div.act-skip-adv div.countdown-text {
    width: 55%;
    font-size: 0.7em;
    text-align: center;
}

.act-video-player.simpledark div.act-skip-adv div.skip-thumbnail {
    width: 45%;
}

.act-video-player.simpledark div.act-skip-adv div.skip-thumbnail img {
    width: 100%;
    display: block; /* Para evitar espacio debajo de la imagen de 2-3 p�xeles: */
}

.act-video-player.simpledark .act-skip-adv div.vertical-center-container {
    display: table;
    height: 100%;
    width: 100%;
    overflow: hidden;
    text-align: center;
}

.act-video-player.simpledark .act-skip-adv div.vertical-center-container .vertical-center-contained {
    display: table-cell;
    vertical-align: middle;
}

.act-video-player.simpledark .act-skip-adv .skipable {
    visibility: hidden;
}

.act-video-player.simpledark .act-skip-adv .skipable .vertical-center-container .vertical-center-contained div:after {
    content: "\00a0 \00a0 \e90c"
}

.act-video-player.simpledark .act-video-controls .left {
    float: left;
}

.act-video-player.simpledark .act-video-controls .right {
    float: right;
}

.act-video-player.simpledark .act-video-controls .fillSpace {
    height: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #555;
    flex-grow: 2;
    margin: 0px 5px;
    /* margin-top: 8px; // si justify-content funciona, no debería ser necesario */
}

.act-video-player.simpledark .act-video-controls .act-video-seekbar {
    width: 100%;
    position: relative;
}
.act-video-player.simpledark .act-video-controls .act-video-seekbar > * {
	height: 10px;
}

.act-video-player.simpledark .act-video-controls .act-video-seek-loaded {
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 0;
    width: 0%;
}

.act-video-player.simpledark .act-video-controls .act-video-seek-total {
    background: rgba(255, 255, 255, 0.1);
    width: 100%;
}

.act-video-player.simpledark .act-video-controls .act-video-seek-progress {
    background: rgba(255, 255, 255, 1);
    position: absolute;
    top: 0;
    width: 0%;
}

.act-video-player.simpledark .act-video-popup {
    position: absolute;
    overflow: hidden;
    border-radius: 4px;
    background: rgba(28, 28, 28, 0.8);
    text-shadow: 0 0 2px rgba(0, 0, 0, .5);
    -moz-transition: opacity .1s cubic-bezier(0.0, 0.0, 0.2, 1);
    -webkit-transition: opacity .1s cubic-bezier(0.0, 0.0, 0.2, 1);
    transition: opacity .1s cubic-bezier(0.0, 0.0, 0.2, 1);
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    right: 12px;
    bottom: 49px;
    z-index: 20;
    color: #bbb;
    will-change: width, height;
    width: 108px;
    height: auto;
}

.act-video-player.simpledark .act-video-hd-selector {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
}

.act-video-player.simpledark .act-video-hd-selector.actived {
    opacity: 1;
}

.act-video-player.simpledark .act-video-presset {
    cursor: pointer;
    color: #CCC;
    text-align: center;
    outline: none;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px solid #FFF;
    font-size: 10px;
}

.act-video-player.simpledark .act-video-controls .disabled {
    background-color: rgba(255, 150, 150, .7);
    pointer-events: none;

}

[disabled] {
    pointer-events: none;
}

.act-video-player.simpledark .act-video-controls .act-video-timer {
	width: auto;
	flex: none;

    color: #CCC;
    text-align: center;
    font-size: 12px;
}

.act-video-player.simpledark .act-video-controls .act-video-seek {
	flex: 1 auto;
}


.act-video-player.simpledark .act-video-controls .act-video-timer.elapsed {
    /* margin-top: 9px;// si justify-content funciona, no debería ser necesario */
    /*margin-left: 5px;*/
}

.act-video-player.simpledark .act-video-controls .act-video-timer.total {
    /* margin-top: 9px; // si justify-content funciona, no debería ser necesario */
    /*margin-left: 5px;
    margin-right: 5px;*/
}

.act-video-player.simpledark .act-video-controls .act-volume-slider-box {

    text-shadow: 0 0 2px rgba(0, 0, 0, .7);
    cursor: pointer;
    -webkit-animation: display-none-transition 0.5s;
    animation: display-none-transition 0.5s;

    overflow: hidden;
    transition: width 0.2s ease-in-out;
    display: inline-block;
    width: 0px;
    flex: none;
    overflow: hidden;
    position: relative;
    /*
    width: auto;
    display: none;
    */
}

/* Para el nuevo control de volumen */
.act-video-player .act-video-controls .act-volume-slider-box .act-volume-slider {
	fill: #DDD;
	stroke: #DDD;
	height: 30px;
}
.act-video-player .act-video-controls .act-volume-slider-box .act-volume-slider svg {
	padding: 4px 0px;
}

.act-video-player .act-video-controls .act-volume-slider-box .act-volume-slider .volume-total {
	opacity: 0.2;
}

.act-video-player .act-video-controls .act-volume-slider-box .act-volume-slider .volume-touchpad {
	position: relative;
}
.act-video-player .act-video-controls .act-volume-slider-box .act-volume-slider .volume-highlighted,
.act-video-player .act-video-controls .act-volume-slider-box .act-volume-slider .volume-total {
	position: absolute;
}
.act-video-player .act-video-controls .act-volume-slider-box .volume-touchpad,
.act-video-player .act-video-controls .act-volume-slider-box .volume-highlighted,
.act-video-player .act-video-controls .act-volume-slider-box .volume-total {
	top: 0;
	left: 0;
	z-index: 1;
	padding: 0px !important; /* peligroso cambiarlo porque puede afectar a la funcionalidad del volumen */
	margin-left: auto;
	margin-right: auto;
}
.act-video-player .act-video-controls .act-volume-slider-box .volume-highlighted {
	z-index: 5;
	overflow: hidden;
}
.act-video-player .act-video-controls .act-volume-slider-box .volume-touchpad {
	z-index: 10;
	opacity: 0;
}
/* end nuevo control volumen */

/* WEBKIT  - Chrome & Safari */

.act-video-player.simpledark .act-video-controls .act-volume-slider {
    height: 30px;
    display: flex;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    line-height: 10px;
}

/* Firefox */
@-moz-document url-prefix() {
    .act-video-player.simpledark .act-video-controls .act-volume-slider {
        width: 50px;
        padding: 8px 10px 0px 0px;
        cursor: pointer;
    }
}

/*Internet Explorer */
@media screen and (min-width: 0\0
) {

    input[type=range] {
        -webkit-appearance: none;
        width: 100%; /* Specific width is required for Firefox. */
        position: absolute;
        cursor: pointer;
        top: -8px;
    }
}

@-webkit-keyframes display-none-transition {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
    }
    100% {
        opacity: 1;
        display: block;
    }
}

.act-video-player input[type=range] {
    -webkit-appearance: none;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    border: none;
    width: 100%; /* Specific width is required for Firefox. */
}

.act-video-player input[type=range]:focus {
    outline: none;
}

/* WEBKIT  - Chrome & Safari */

.act-video-player input[type=range]::-webkit-slider-runnable-track {
    width: 300px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

.act-video-player input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 8px;
    border-radius: 0;
    background: #64bb5d;
    margin-top: -6px;
}

/* FF */

.act-video-player input[type="range"]::-moz-range-thumb {
    -moz-appearance: none;
    border-radius: 0;
    border: none;
    background: #64bb5d;
    height: 16px;
    width: 8px;
}

.act-video-player input[type=range]::-moz-range-track {
    width: 300px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

/*hide the outline behind the border*/
.act-video-player input[type=range]:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.act-video-player input[type=range]:focus::-moz-range-track {
    background: #ccc;
}

/* IExplorer */

.act-video-player input[type="range"]::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent; /* Hides the slider so custom styles can be added */
    border-color: transparent;
    color: transparent;
    border-width: 3px 0;
}

.act-video-player input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 0px;
}

.act-video-player input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 8px;
    border-radius: 0px;
    background: #64bb5d;
}

.act-video-player input[type=range]:focus::-ms-fill-lower {
    background: #888;
}

.act-video-player input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}

.act-video-player.simpledark .act-subtitles {
    font-size: 17px;
    color: #FFF;
    text-shadow: -2px -2px 0px black, 2px 2px 0px black, -2px 2px 0px black, 2px -2px 0px black;
    bottom: 40px;
    position: absolute;
    font-family: Arial;
    width: 100%;
    text-align: center;
    white-space: pre-wrap;
    line-height: 1.5;
    z-index: 15;
    background: rgba(0, 0, 0, 0.7);
}

video:-webkit-full-screen {
    max-height: 100%;
}

video:-moz-full-screen {
    max-height: 100%;
}

.act-video-player.simpledark .live .act-video-seek, .act-video-player.simpledark .live .act-video-divider-seek, .act-video-player.simpledark .live .act-video-timer, .act-video-player.simpledark .live .act-video-fullscreen, .act-video-player.simpledark .live .act-video-divider-fullscreen, .act-video-player.simpledark .live .act-more-button, .act-video-player.simpledark .live .act-video-divider-embed {
    display: none;
}

.act-video-player.simpledark button {
    outline: none;
}

.no-color {
    -webkit-filter: saturate(0) !important;
}

/* SHARE */

.act-video-player.simpledark .act-share {
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    visibility: hidden;
    border: 1px solid #222;
    width: 50%;
    height: 70%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    max-width: 700px;
    max-height: 400px;
    min-width: 300px;
    min-height: 150px;
    z-index: 150;
    color: #FFF;
    display: block;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: block;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: block;
    box-pack: center;
    box-align: center;
}

.act-video-player div, .act-video-player span, .act-video-player applet, .act-video-player object, .act-video-player iframe, .act-video-player h1,
.act-video-player h2, .act-video-player h3, .act-video-player h4, .act-video-player h5, .act-video-player h6, .act-video-player p,
.act-video-player blockquote, .act-video-player pre, .act-video-player a, .act-video-player abbr, .act-video-player acronym,
.act-video-player address, .act-video-player big, .act-video-player cite, .act-video-player code, .act-video-player del,
.act-video-player dfn, .act-video-player em, .act-video-player font, .act-video-player img, .act-video-player ins, .act-video-player kbd,
.act-video-player q, .act-video-player s, .act-video-player samp, .act-video-player small, .act-video-player strike, .act-video-player strong,
.act-video-player sub, .act-video-player sup, .act-video-player tt, .act-video-player var, .act-video-player dl, .act-video-player dt,
.act-video-player dd, .act-video-player ol, .act-video-player ul, .act-video-player li, .act-video-player fieldset, .act-video-player form,
.act-video-player label, .act-video-player legend, .act-video-player table, .act-video-player caption, .act-video-player tbody,
.act-video-player tfoot, .act-video-player thead, .act-video-player tr, .act-video-player th, .act-video-player td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    line-height: inherit;
    vertical-align: baseline;
}

.act-video-player.simpledark .share-container {
    vertical-align: middle;
    position: relative;
}

.act-video-player.simpledark .share-close {
    text-align: right;
    cursor: pointer;
    right: 0px;
    top: 0px;
    padding: 10px;
}

.act-video-player.simpledark .share-container > h1 {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.act-video-player.simpledark .share-element {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
}

.act-video-player.simpledark .share-element > label {
    padding-right: 10px;
    display: inline-block;
    text-align: right;
}

.act-video-player.simpledark .share-element > input {
    width: 50%;
    border-radius: 4px;
    padding: 3px;
    color: #07141E;
    font-family: arial;
    font-size: 12px;
}

.act-video-player.simpledark .share-element > button {
    width: 66px;
    border-radius: 0px;
    border: 0;
    border: 1px solid #222;
    padding: 0;
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;
    height: 34px;
    cursor: pointer;
    color: #DDD;
}

.act-video-player.simpledark .share-element .social {
    display: inline-block;
    position: relative;
    color: #bdbdbd;
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 1.47em;
    line-height: 2em;
    padding-top: 3px;
}

.act-video-player.simpledark .share-element .social:hover {
    color: #fff;
}

.act-video-player.simpledark .share-element .social:active {
    box-shadow: inset 0px 1px 4px #3d3d3d, 0px 0px 0px #bdbdbd;
    top: 3px;
}

.act-video-player.simpledark .share-element .icon-facebook:hover {
    background-color: #3b5998;
}

.act-video-player.simpledark .share-element .icon-twitter:hover {
    background-color: #55acee;
}

.act-video-player.simpledark .share-element .icon-gplus:hover {
    background-color: #dc4e41;
}

.act-video-player.simpledark .share-element .icon-whatsapp:hover {
    background-color: #43d854;
}

.act-video-player.simpledark .share-element .icon-mail:hover {
    background-color: #d5b120;
}

/* RELATEDS */
.act-video-player.simpledark .act-related-holder {
    float: left;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    background-color: #000;
    z-index: 18;
    padding-left: 10px;
}

.act-video-player.simpledark .act-related-item {
    color: #fff;
    display: block;
    float: left;
    font-size: 13px;
    height: 50%;
    overflow: hidden;
    padding-right: 10px;
    padding-top: 10px;
    width: 33.33%;
}

.act-video-player.simpledark .act-related-item-text {
    position: absolute;
    width: 33%;
    padding-top: 10px;
    padding-right: 7px;
}

.act-video-player.simpledark .act-related-item-img {
    height: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 58%;
    position: relative;
    width: 100%;
}

.act-video-player.simpledark .act-related-item-img img {
    /*width: 100%;*/

}

.act-video-player.simpledark .unlink {
    color: inherit;
    text-decoration: none;
}

.act-video-player *, .act-video-player *::before, .act-video-player. *::after {
    box-sizing: border-box;
}

/*/GOOGLE IMA AD CONTAINER */
.act-ima-overlay {
    top: 0px;
    position: absolute;
    display: block;
    z-index: 19;
}

/*/PRELOADER */
#loader-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    border: 3px solid transparent;
    border-top-color: #3498db;
    z-index: 15;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    border-radius: 50%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;

}

#loader:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border: 3px solid transparent;
    border-top-color: #f9c922;
}

/* copy and paste the animation inside all 3 elements */
/* #loader, #loader:before, #loader:after */

/* include this only once */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

.widgetPane button {
    background-color: #1c1c1c;
    background-image: -webkit-linear-gradient(to top, #333, #555);
    background-image: -moz-linear-gradient(to top, #333, #555);
    background-image: -o-linear-gradient(to top, #333, #555);
    background-image: -ms-linear-gradient(to top, #333, #555);
    /* background-image: linear-gradient(to top, #333, #555); */
    font-size: 19px;
    border-style: none;
    cursor: pointer;
    color: #4b4b4b;
    padding-top: 8px;
}

.widgetPane .active {
    color: #DDD;
}

/** MEDIA QUERIES */
@media only screen and (max-width: 480px) {
    /*.act-video-player.simpledark .act-video-controls .act-video-play { display: none; }
    .act-video-player.simpledark .act-video-controls .act-volume-container .act-volume-button { display: none; }*/
    .act-audio-player.simpledark .act-video-controls .act-video-play {
        display: block !important;
    }

    .act-audio-player.simpledark .act-video-controls .act-volume-container .act-volume-button {
        display: flex !important;
    }

    .act-video-player.simpledark .act-share {
        height: 100%;
    }

    .act-video-player.simpledark .share-close {
        padding: 5px;
    }

	.act-video-timer {
		display: none;
	}
}

@media only screen and (max-width: 1024px) {
    .act-video-player.simpledark .share-element > input {
        display: none;
    }

    .act-video-player.simpledark .share-container > h1 {
        display: none;
    }
}

.act-audio-player {
    min-height: 40px;
}

.act-audio-player .act-video-controls {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    opacity: 1 !important;
    padding: 0 !important;
}

.act-audio-player .act-video-controls.actived {
    bottom: 0 !important;
}

/* Reglas para evitar el problema que los botones se desplazan al hacer aparecer el control de volumen */
/* Este problema debería solucionarse de raíz, haciendo que los botones fijos no se comprimieran nunca, sin embargo, cuando
	se despliega el control de volúmen, éste hace que el resto de botones se compriman unos pocos píxeles, efecto que queda feo.
	Parece que el problema pueda estar en cómo está definida la estructura de la controlbar (flex?). En caso de solucionar el
	problema de raíz, deberían eliminarse las siguientes reglas.*/
.act-video-player .act-video-controls .act-volume-container .act-volume-button,
.act-video-player .act-video-controls .act-video-hd,
.act-video-player .act-video-controls .act-video-share,
.act-video-player .act-video-controls .act-video-fullscreen {
	/*min-width: 35px; *//* viendo que chrome renderiza 32.0626px originalmente, pongo 35px a ojo */
	/*max-width: 35px;*/
}
.act-video-player.simpledark .act-video-controls .act-video-play.icon-play,
.act-video-player.simpledark .act-video-controls .act-video-play.icon-pause {
	width: 60px;
/*	min-width: 60px;
	max-width: 60px;*/
}
/* fin reglas para evitar problema de desplazamiento */