.pulse-play-button {
    opacity: 0.01 !important;
}

div.VideoPlayer {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    position: relative;
    /*min-width: 240px;
	min-height: 135px;*/
    background-color: #000000;
    vertical-align: middle;
    display: table;
    cursor: default;
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 12px;
}

    div.VideoPlayer * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        color: #ffffff;
        -webkit-user-select: none; /* Chrome all / Safari all */
        -moz-user-select: none; /* Firefox all */
        -ms-user-select: none; /* IE 10+ */
        user-select: none;
    }

div.vpl_inline {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    background-color: #000000;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

div.VideoPlayer video {
    background-color: #000000;
}

div.VideoPlayer video,
div.VideoPlayer img.Poster,
div.vpl_interface,
div.vpl_error,
div.vpl_next,
div.vpl_export,
div.vpl_controls {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: unset;
}

div.vpl_interface {
    width: 800px;
    height: 450px;
    z-index: 9;
}

div.vpl_infos {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
}

div.vpl_error {
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.6);
    color: #e0e0e0;
    font-size: 32px;
    line-height: 35px;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    top: 0;
    vertical-align: middle;
}

    div.vpl_error h2 {
        margin: auto auto;
        color: #ffffff;
        text-align: center;
        font-family: sans-serif;
        font-weight: normal;
        position: absolute;
        top: 40%;
        width: 100%;
        line-height: 20px;
        font-size: 20px;
        text-shadow: 1px 1px 3px #000000;
        text-transform: uppercase;
        z-index: 1;
        line-height: 24px !important;
    }

    div.vpl_error p a {
        color: inherit;
        text-decoration: none;
    }

        div.vpl_error p a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

video.vpl_video {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

div.vpl_Ad {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
}

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

div.Overlay {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    max-height: 0px;
    text-align: center;
    cursor: pointer;
    transition: all ease-in 0.5s;
    z-index: 10;
}

    div.Overlay.Shown {
        bottom: 40px;
        max-height: 400px;
        transition: all ease-in 0.5s;
    }

    div.Overlay img {
        width: 600px;
        height: auto;
    }

    div.butClose,
    div.Overlay a {
        display: block;
        width: 16px;
        height: 16px;
        border-radius: 8px;
        background-color: rgba(0, 0, 0, 0.6);
        line-height: 16px;
        font-size: 10px;
        color: #ffffff;
        text-align: center;
        position: absolute;
        right: 105px;
        top: 5px;
    }

div.butClose {
    position: absolute;
    z-index: 100;
    right: -10px;
    top: -10px;
    cursor: pointer;
    z-index: 100;
    pointer-events: all;
}

div.vpl_AdCountdown {
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.75);
    height: 26px;
    line-height: 16px;
    color: #e0e0e0;
    font-size: 15px;
    padding: 5px 10px;
    z-index: 100;
}

a.vpl_PrevStartBut,
a.vpl_Prev30But,
a.vpl_PlayBut,
a.vpl_PauseBut,
a.vpl_RestartBut,
a.vpl_Next30But {
    background-image: url(./img/vpl4.png) !important;
    background-repeat: repeat-y !important;
    background-position: -279px -12px !important;
    width: 20px;
    height: 40px;
    display: block;
    position: absolute;
    left: 70px;
    bottom: 0;
    color: transparent;
    line-height: 0;
    font-size: 0;
    text-decoration: none;
}

a.vpl_PrevStartBut {
    left: 10px;
    background-position: -465px -75px !important;
}

a.vpl_Prev30But {
    left: 40px;
    background-position: -212px -74px !important;
}


a.vpl_Prev30But.live {
    background-position: -341px -74px !important;
}

a.vpl_Next30But {
    left: 98px;
    background-position: -277px -74px !important;
}

a.vpl_Next30But.live {
    background-position: -405px -74px !important;
}

a.vpl_PlayBut {
    background-position: -279px -12px !important;
}

a.vpl_PauseBut {
    background-position: -341px -12px !important;
}

a.vpl_RestartBut {
    background-position: -405px -12px !important;
}


a.vpl_SharingBut {
    background-image: url(./img/vpl4.png);
    background-repeat: no-repeat;
    background-position: -526px -16px;
    background-color: rgba(0, 0, 0, 0.6);
    width: 115px;
    height: 32px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    float: right;
    margin: 10px 10px 0 0;
    padding: 0 0 0 27px;
    color: #ffffff;
    line-height: 32px;
    font-size: 14px;
    text-decoration: none;
    clear: both;
    text-align: center;
}

    a.vpl_SharingBut:hover {
        background-color: rgba(0, 0, 0, 1.0);
    }

a.vpl_TwitterBut,
a.vpl_FacebookBut,
a.vpl_ExportBut,
a.vpl_FavoriteBut {
    background-image: url(./img/vpl4.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: rgba(0, 0, 0, 0.2);
    width: 70px;
    height: 70px;
    display: inline-block;
    position: relative;
    margin: 12px;
    color: #ffffff;
    line-height: 0;
    font-size: 0;
    text-decoration: none;
    border-radius: 35px;
    border: solid 3px rgba(255, 255, 255, 0.3);
}

a.vpl_FavoriteBut {
    display: none;
}

a.vpl_FacebookBut {
    background-position: -0px 0;
}

a.vpl_TwitterBut {
    background-position: -64px 0;
}

a.vpl_ExportBut {
    background-position: -192px 0;
}

    a.vpl_TwitterBut:hover,
    a.vpl_FacebookBut:hover,
    a.vpl_ExportBut:hover,
    a.vpl_FavoriteBut:hover {
        background-color: rgba(0, 0, 0, 1.0);
        border: solid 3px rgba(255, 255, 255, 0.6);
    }

* h2.vpl_title,
* h3.vpl_description {
    position: relative;
    background-color: rgba(0, 0, 0, 0.6);
    background-repeat: repeat;
    background-position: 0 0;
    padding: 5px 12px;
    margin-bottom: 12px;
    font-size: inherit;
    line-height: inherit;
    font-weight: normal;
    color: #ffffff;
    float: left;
    clear: both;
    max-width: 600px;
    font-family: Arial,sans-serif !important;
    text-align: left;
}

* h3.vpl_description {
    font-size: 16px;
}

div.vpl_controlsBottom {
    position: absolute;
    bottom: 0px;
    left: 0;
    text-align: center;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

div.vpl_controlsbar {
    position: relative;
    margin: 0 auto 0 auto;
    width: 800px;
    height: 40px;
}

span.vpl_played,
span.vpl_duration {
    position: absolute;
    bottom: 0px;
    left: 120px;
    display: block;
    width: 60px;
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    text-align: right;
    cursor: pointer;
}

div.vpl_timebox {
    position: absolute;
    left: 185px;
    display: block;
    width: 3px;
    height: 100%;
    bottom: 18px;
    background-color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
}

span.vpl_duration {
    left: 605px;
    text-align: left;
}

div.vpl_playedbar,
div.vpl_loadedbar {
    display: block;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #ffffff;
}

div.vpl_loadedbar {
    background-color: rgba(255, 255, 255, 0.5);
}

a.vpl_MuteBut,
a.vpl_MutedBut {
    background-image: url(./img/vpl4.png);
    background-repeat: no-repeat;
    background-position: -643px -23px;
    width: 14px;
    height: 17px;
    display: block;
    position: absolute;
    left: 664px;
    bottom: 10px;
    color: transparent;
    line-height: 0;
    font-size: 0;
    text-decoration: none;
}

a.vpl_MutedBut {
    background-position: -643px -87px;
}

div.vpl_VolumeSlider,
div.vpl_Volume {
    background-image: url(./img/vpl4.png);
    background-repeat: no-repeat;
    background-position: -662px -88px;
    width: 33px;
    height: 15px;
    display: block;
    position: absolute;
    left: 680px;
    bottom: 11px;
    cursor: pointer;
}

div.vpl_Volume {
    background-position: -662px -24px;
    width: 33px;
    left: 0px;
    bottom: 0px;
}

a.vpl_FSBut {
    background-image: url(./img/vpl4.png);
    background-repeat: no-repeat;
    background-position: -467px -12px;
    width: 26px;
    height: 40px;
    display: block;
    position: absolute;
    right: 20px;
    top: 0px;
    color: transparent;
    line-height: 0;
    font-size: 0;
    text-decoration: none;
}

a.vpl_StartBut,
a.vpl_PauseBut2 {
    background-image: url(./img/vpl4.png);
    background-repeat: no-repeat;
    background-position: -256px 0px;
    border-radius: 32px;
    background-color: rgba(0, 0, 0, 0.6);
    width: 64px;
    height: 64px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    left: calc(50% - 32px);
    top: calc(50% - 32px);
    color: transparent;
    line-height: 0;
    font-size: 0;
    text-decoration: none;
    z-index: 100;
}

a.vpl_PauseBut2 {
    background-position: -320px 0px;
}

a .vpl_StartBut:hover {
    background-color: rgba(0, 0, 0, 1.0);
}

div.vpl_next {
    border: solid 1px #cccccc;
    background-color: #ffffff;
    padding: 9px;
    width: 334px;
    height: 194px;
    left: 133px;
    top: 72px;
    border-radius: 16px;
    display: none;
}

    div.vpl_next img {
        width: 334px;
        height: 194px;
    }

    div.vpl_next h3 {
        background-color: rgba(0, 0, 0, 0.75);
        background-repeat: repeat;
        background-position: 0 0;
        position: absolute;
        bottom: 10px;
        width: 314px;
        font-size: 16px;
        font-weight: normal;
        color: #d0d0d0;
        padding: 8px;
    }

    div.vpl_next a {
        background-image: url(./img/vpl4.png);
        background-repeat: no-repeat;
        background-position: -482px 0;
        width: 86px;
        height: 50px;
        display: block;
        position: absolute;
        left: 124px;
        top: 56px;
        color: transparent;
        line-height: 0;
        font-size: 0;
        text-decoration: none;
    }

div.VPL_SeekPreview {
    display: none;
    position: absolute;
    bottom: 14px;
    width: 214px;
    height: 120px;
}

div.noThumbnails {
    height: 0px;
    border: none;
    box-shadow: none;
}

div.vpl_timebox:hover div.VPL_SeekPreview {
    display: block;
}

div.VPL_SeekPreview img {
    display: none;
    position: relative;
    width: 100%;
    height: 100%;
    border: solid 1px #000000;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    background-color: #a0a0a0;
}

div.VPL_SeekPreview span {
    background-image: url(./img/vpl4.png);
    background-repeat: no-repeat;
    background-position: -541px -73px;
    color: #ffffff;
    display: block;
    padding: 0;
    position: absolute;
    bottom: -12px;
    left: 107px;
    width: 70px;
    height: 33px;
    margin-left: -35px;
    text-align: center;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 23px;
}

div.vpl_EndScreen {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    padding: 10px;
    text-align: left;
}

div.vpl_SharingScreen,
div.vpl_export {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    width: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

    div.vpl_SharingScreen h2,
    div.vpl_export h2 {
        font-size: 40px;
        line-height: 40px;
        margin-top: 20%;
    }

    div.vpl_export h2 {
        width: 90%;
        margin: 10% auto 0 auto;
        text-align: left;
    }

    div.vpl_SharingScreen span {
        display: block;
        cursor: text;
    }

div.vpl_exportBox {
    width: 90%;
    margin: auto;
}

    div.vpl_exportBox span {
        display: block;
        border: solid 3px rgba(255, 255, 255, 0.2);
        background-color: rgba(0, 0, 0, 0.3);
        padding: 20px;
        border-radius: 12px;
        margin-top: 10px;
        text-align: left;
        cursor: text;
        user-select: text;
    }

a.vpl_sizeBut {
    background-color: transparent;
    border: solid 1px transparent;
    text-align: center;
    color: #ffffff;
    display: inline-block;
    margin: 10px;
    width: 92px;
    height: 72px;
    vertical-align: bottom;
    cursor: pointer;
}

    a.vpl_sizeBut + a.vpl_sizeBut {
        margin-left: 10px;
    }

    a.vpl_sizeBut span {
        border: none;
        border-radius: 0;
        background-color: rgba(255, 255, 255, 0.3);
        display: inline-block;
        cursor: pointer;
    }

        a.vpl_sizeBut span.s1 {
            width: 50px;
            height: 26px;
        }

        a.vpl_sizeBut span.s2 {
            width: 58px;
            height: 31px;
        }

        a.vpl_sizeBut span.s3 {
            width: 66px;
            height: 36px;
        }

        a.vpl_sizeBut span.s4 {
            width: 74px;
            height: 41px;
        }

    a.vpl_sizeButSelected span,
    a.vpl_sizeBut:hover span {
        background-color: rgba(255, 255, 255, 1.0);
    }

div.vpl_EndScreen li {
    position: relative;
    display: inline-block;
    width: 258px;
    height: 140px;
    margin: 1px;
    /*border: solid 1px #000000;*/
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

    div.vpl_EndScreen li:hover h4.next {
        display: none;
    }

    div.vpl_EndScreen li h4.next {
        display: none;
    }

    div.vpl_EndScreen li img {
        width: 100%;
        height: 100%;
    }

    div.vpl_EndScreen li h4 {
        position: absolute;
        left: 0;
        top: 0;
        color: #ffffff;
        font-size: 16px;
        display: none;
        padding: 6px;
        background-color: rgba(0, 0, 0, 0.6);
        font-weight: normal;
        height: 100%;
        width: 100%;
    }

    div.vpl_EndScreen li:hover h4 {
        display: block;
    }

    div.vpl_EndScreen li span {
        position: absolute;
        padding: 4px;
        bottom: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.5);
    }

        div.vpl_EndScreen li span.countdown {
            position: absolute;
            width: 66px;
            height: 56px;
            line-height: 40px;
            font-size: 40px;
            text-align: center;
            color: rgba(255,255,255,0.9);
            text-shadow: 0 0 2px rgba(0,0,0,0.8);
            background-color: rgba(0,0,0,0.8);
            padding: 8px;
            border-radius: 8px;
            bottom: 50px;
            right: 107px;
        }

        div.vpl_EndScreen li span.replay {
            background-image: url(./img/vpl4.png);
            background-repeat: repeat-y;
            background-position: -396px -12px;
            border-radius: 20px;
            background-color: rgba(0, 0, 0, 0.6);
            width: 40px;
            height: 40px;
            display: block;
            position: absolute;
            left: 50%;
            top: 50%;
            left: calc(50% - 20px);
            top: calc(50% - 20px);
            color: transparent;
            line-height: 0;
            font-size: 0;
            text-decoration: none;
            padding: 0;
        }

    div.vpl_EndScreen li:hover span.replay {
        display: none;
    }

.fadeout {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

.fadein {
    opacity: 1;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.5s ease-out;
}

div.vpl_error p input {
    line-height: 20px;
    font-size: 20px;
    border-radius: 16px;
    padding: 8px;
    border: none;
}

div.VP_GigyaForm {
    z-index: 100;
    display: table;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
}

    div.VP_GigyaForm > div {
        display: table-cell;
        vertical-align: middle;
        background-color: rgba(0, 0, 0, 0.66);
    }

        div.VP_GigyaForm > div > div {
            display: table;
            width: 100%;
            max-width: 800px;
            margin: auto;
        }

            div.VP_GigyaForm > div > div > div {
                display: table-cell;
                vertical-align: top;
                width: 50%;
                padding: 1% 4%;
            }

    div.VP_GigyaForm h2 {
        padding: 10px 20px 0 20px;
        font-weight: normal;
        font-size: 24px;
        margin-bottom: 10px;
        width: 100%;
        text-align: center;
    }

    div.VP_GigyaForm a {
        color: #ffffff;
        font-size: 16px;
        width: 100%;
        text-align: center;
        display: block;
    }

    div.VP_GigyaForm span a {
        font-size: inherit;
        display: inline;
    }

a.FB {
    display: block;
    margin: 0 auto 20px auto;
    background-color: #3b57a0;
    border-radius: 24px;
    font-size: 20px;
    color: #ffffff;
    text-decoration: none;
    height: 48px;
    background-image: url(./img/facebook.png);
    background-repeat: no-repeat;
    background-position: 32px center;
    padding: 0 0px 0 0px;
    line-height: 44px;
    width: 100%;
    max-width: 400px;
    text-align: center;
}

a.Connect {
    display: block;
    margin: 0 auto 10px auto;
    background-color: #db3e45;
    border-radius: 24px;
    font-size: 20px;
    color: #ffffff;
    text-decoration: none;
    height: 48px;
    padding: 0 0px 0 0px;
    line-height: 44px;
    width: 100%;
    max-width: 400px;
    text-align: center;
}

div.VP_GigyaForm span {
    width: calc(100% - 20px);
    max-width: 400px;
    display: block;
    margin: 0 auto 5px auto;
    text-align: left;
}

div.VP_GigyaForm div > div > div + div span {
    width: 100%;
}

div.VP_GigyaForm input[type="text"],
div.VP_GigyaForm input[type="password"] {
    display: block;
    border: solid 8px #fff;
    border-radius: 6px;
    line-height: 16px;
    width: 100%;
    max-width: 400px;
    margin: 0 auto 20px auto;
    padding: 0;
    color: #000;
    -webkit-user-select: initial; /* Chrome all / Safari all */
    -moz-user-select: initial; /* Firefox all */
    -ms-user-select: initial; /* IE 10+ */
    user-select: initial;
}

div.VP_GigyaForm input[type="radio"] {
    margin-right: 8px;
    vertical-align: text-bottom;
}

div.VP_GigyaForm select {
    border-radius: 8px;
    padding: 4px;
    width: 30%;
    margin-bottom: 20px;
    display: inline-block;
    margin-right: 8px;
    color: #000000;
}

div.VP_GigyaForm p {
    text-align: center;
    margin-bottom: 10px;
}

div .VP_GigyaForm label {
    width: 100%;
    max-width: 400px;
    margin: 0px auto 10px auto;
    text-align: left;
    display: block;
    cursor: pointer;
}

    div.VP_GigyaForm label.gender {
        width: 50%;
        display: inline-block;
        margin-top: 8px;
        margin-bottom: 20px;
    }

div .VP_GigyaForm > div > div > div > label {
    width: 100%;
}

    div.VP_GigyaForm > div > div > div > label span {
        display: inline-block;
        width: calc(100% - 20px);
        margin-top: 0px;
    }

    div.VP_GigyaForm > div > div > div > label.multi {
        margin: 5px 0 0px 10px;
        text-align: left;
        display: inline-block;
    }

        div.VP_GigyaForm > div > div > div > label.multi span {
            width: auto;
        }

div.VP_GigyaForm input[type="checkbox"] {
    margin: 1px 5px 0 0;
    vertical-align: top;
}

div.VP_GigyaForm span.Error {
    display: block;
    background-image: url(./img/warning.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    color: #ffffff;
    font-size: 14px;
    padding: 0px 20px 0px 60px;
    line-height: 40px;
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    background-color: #ff8000;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    overflow: hidden;
    max-height: 150px;
    transition: max-height 0.5s;
}

    div.VP_GigyaForm span.Error.Hidden {
        max-height: 0px;
        transition: max-height 0.5s;
    }

div.VP_GigyaForm hr {
    margin: 10px 0 30px 0;
}

div.VP_GigyaForm a.PswdForgotten {
    text-align: right;
    width: calc(100% - 20px);
    max-width: 400px;
    display: block;
    margin: -10px auto 15px auto;
    font-size: 11px;
}

div.vpl_Wait {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    background-image: url(./img/spin.svg);
    /*	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAXNSR0IArs4c6QAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAILWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICAgICAgICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjEwMjQ8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjY1NTM1PC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xMDI0PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9wbmc8L2RjOmZvcm1hdD4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOjI1Y2RhOTZmLWJiNDctNDVjNi1iMDgyLTNmMDNiZjJmNTU2NDwveG1wTU06T3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06SGlzdG9yeT4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoTWFjaW50b3NoKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNi0wNC0yNlQxMDoyNzowOCswMjowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDoyNWNkYTk2Zi1iYjQ3LTQ1YzYtYjA4Mi0zZjAzYmYyZjU1NjQ8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+Y3JlYXRlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgPC9yZGY6U2VxPgogICAgICAgICA8L3htcE1NOkhpc3Rvcnk+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6MjVjZGE5NmYtYmI0Ny00NWM2LWIwODItM2YwM2JmMmY1NTY0PC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD54bXAuZGlkOjI1Y2RhOTZmLWJiNDctNDVjNi1iMDgyLTNmMDNiZjJmNTU2NDwv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);*/
    /*	background-size: 8%;*/
    background-position: center center;
    background-repeat: no-repeat;
}

noscript {
    display: block;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    margin-top: 20px;
}

div.vpl_CountDown {
    display: none;
    position: absolute;
    left: 0px;
    top: 40%;
    background-color: rgba(80, 80, 224, 0.8);
    width: 100%;
    height: 40%;
    padding: 29px 10px 29px 10px;
    text-align: center;
    color: #ffffff;
    font-size: 50px;
    font-weight: normal;
    line-height: 100px;
}

@media screen and (min-width : 0px) {

    div.VP_GigyaForm > div > div > div {
        padding: 1% 1%;
    }

    div.VP_GigyaForm h2 {
        padding: 5px 10px 0 10px;
        margin-bottom: 5px;
        font-size: 18px;
    }

    div.VP_GigyaForm a.FB {
        font-size: 13px;
    }


    div.VP_GigyaForm input[type="text"],
    div.VP_GigyaForm input[type="password"] {
        border: solid 4px #ffffff;
    }

    a.Connect {
        line-height: 32px;
        /*max-width: 220px;*/
        height: 32px;
        border-radius: 12px;
    }
}

@media screen and (min-width : 0px) {
    a.vpl_StartBut,
    a.vpl_SharingBut,
    div.vpl_SharingScreen span {
        /*zoom: 150%;*/
    }

    div.vpl_infos {
        /*zoom: 150%;*/
        max-width: 75%;
    }

    div.vpl_exportBox span {
        font-size: 30px;
    }

    div.vpl_controlsbar {
        height: 40px;
    }

        div.vpl_controlsbar * {
            /*zoom: 150%;*/
        }

    div.vpl_timebox {
        width: 500px;
        height: 100%;
        bottom: 0px;
    }

    span.vpl_played,
    span.vpl_duration {
        font-size: 16px;
    }

    span.vpl_duration {
        left: 605px;
    }
}

@media screen and (min-width : 520px) {

    div.VP_GigyaForm > div > div > div {
        padding: 1% 4%;
    }

    div.VP_GigyaForm h2 {
        padding: 10px 10px 0 10px;
        margin-bottom: 10px;
    }

    div.VP_GigyaForm a.FB {
        font-size: 16px;
    }

    div.VP_GigyaForm input[type="text"],
    div.VP_GigyaForm input[type="password"] {
        border: solid 8px #ffffff;
    }

    a.Connect {
        line-height: 44px;
        max-width: 400px;
        height: 44px;
        border-radius: 16px;
    }

    a.vpl_StartBut,
    a.vpl_SharingBut,
    div.vpl_SharingScreen span {
        zoom: 100%;
    }

    div.vpl_infos {
        zoom: 100%;
        max-width: 100%;
    }

    div.vpl_exportBox span {
        font-size: 14px;
    }

    div.vpl_controlsbar {
        height: 40px;
    }

        div.vpl_controlsbar * {
            zoom: 100%;
        }

    div.vpl_timebox {
        width: 415px;
        height: 18px;
        bottom: 13px;
    }

    span.vpl_played,
    span.vpl_duration {
        font-size: 14px;
    }

    span.vpl_duration {
        left: 605px;
    }
}

/* Bel */

div.bel div.vpl_EndScreen li span,
div.bel div.vpl_EndScreen li h4,
div.bel a.vpl_TwitterBut:hover,
div.bel a.vpl_FacebookBut:hover,
div.bel a.vpl_ExportBut:hover,
div.bel a.vpl_FavoriteBut:hover,
div.bel a.vpl_SharingBut:hover,
div.bel div.vpl_Countdown,
div.bel a.vpl_StartBut {
    background-color: rgba(192, 11, 4, 0.8);
}


    div.bel a.vpl_StartBut:hover {
        background-color: rgba(192, 11, 4, 1.0);
    }

/* Contact */

div.contact div.vpl_EndScreen li span,
div.contact div.vpl_EndScreen li h4,
div.contact a.vpl_TwitterBut:hover,
div.contact a.vpl_FacebookBut:hover,
div.contact a.vpl_ExportBut:hover,
div.contact a.vpl_FavoriteBut:hover,
div.contact a.vpl_SharingBut:hover,
div.contact div.vpl_Countdown,
div.contact a.vpl_StartBut {
    background-color: rgba(2, 138, 212, 0.8);
}


    div.contact a.vpl_StartBut:hover {
        background-color: rgba(2, 138, 212, 1.0);
    }

/* Info */

div.info div.vpl_EndScreen li span,
div.info div.vpl_EndScreen li h4,
div.info a.vpl_TwitterBut:hover,
div.info a.vpl_FacebookBut:hover,
div.info a.vpl_ExportBut:hover,
div.info a.vpl_FavoriteBut:hover,
div.info a.vpl_SharingBut:hover,
div.info div.vpl_Countdown,
div.info a.vpl_StartBut {
    background-color: rgba(54, 128, 177, 0.8);
}


    div.info a.vpl_StartBut:hover {
        background-color: rgba(54, 128, 177, 1.0);
    }

/* TV */

div.tv div.vpl_EndScreen li span,
div.tv div.vpl_EndScreen li h4,
div.tv a.vpl_TwitterBut:hover,
div.tv a.vpl_FacebookBut:hover,
div.tv a.vpl_ExportBut:hover,
div.tv a.vpl_FavoriteBut:hover,
div.tv a.vpl_SharingBut:hover,
div.tv div.vpl_Countdown,
div.tv a.vpl_StartBut {
    background-color: rgba(30, 40, 125, 0.8);
}


    div.tv a.vpl_StartBut:hover {
        background-color: rgba(30, 40, 125, 1.0);
    }

div.Loader {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0.0;
    z-index: 10;
    /*	background-image: url(./img/spin.svg);*/
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAXNSR0IArs4c6QAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAILWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICAgICAgICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICAgICAgICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIj4KICAgICAgICAgPHRpZmY6UmVzb2x1dGlvblVuaXQ+MjwvdGlmZjpSZXNvbHV0aW9uVW5pdD4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjEwMjQ8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpDb2xvclNwYWNlPjY1NTM1PC9leGlmOkNvbG9yU3BhY2U+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xMDI0PC9leGlmOlBpeGVsWURpbWVuc2lvbj4KICAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9wbmc8L2RjOmZvcm1hdD4KICAgICAgICAgPHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD54bXAuZGlkOjI1Y2RhOTZmLWJiNDctNDVjNi1iMDgyLTNmMDNiZjJmNTU2NDwveG1wTU06T3JpZ2luYWxEb2N1bWVudElEPgogICAgICAgICA8eG1wTU06SGlzdG9yeT4KICAgICAgICAgICAgPHJkZjpTZXE+CiAgICAgICAgICAgICAgIDxyZGY6bGkgcmRmOnBhcnNlVHlwZT0iUmVzb3VyY2UiPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoTWFjaW50b3NoKTwvc3RFdnQ6c29mdHdhcmVBZ2VudD4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OndoZW4+MjAxNi0wNC0yNlQxMDoyNzowOCswMjowMDwvc3RFdnQ6d2hlbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDoyNWNkYTk2Zi1iYjQ3LTQ1YzYtYjA4Mi0zZjAzYmYyZjU1NjQ8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+Y3JlYXRlZDwvc3RFdnQ6YWN0aW9uPgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgPC9yZGY6U2VxPgogICAgICAgICA8L3htcE1NOkhpc3Rvcnk+CiAgICAgICAgIDx4bXBNTTpJbnN0YW5jZUlEPnhtcC5paWQ6MjVjZGE5NmYtYmI0Ny00NWM2LWIwODItM2YwM2JmMmY1NTY0PC94bXBNTTpJbnN0YW5jZUlEPgogICAgICAgICA8eG1wTU06RG9jdW1lbnRJRD54bXAuZGlkOjI1Y2RhOTZmLWJiNDctNDVjNi1iMDgyLTNmMDNiZjJmNTU2NDwv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);
    background-position: center center;
    background-repeat: no-repeat;
    transition: opacity linear 0.5s;
}

    div.Loader.Shown {
        opacity: 1.0;
        transition: opacity linear 0.5s;
    }

div.AR {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    width: auto;
    height: 15px;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
    text-align: right;
    padding: 0 10px;
}

    div.AR span {
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 10px;
        line-height: 15px;
        color: #ffffff;
        display: table-cell;
        vertical-align: middle;
    }

a.OndemandARBut {
    background-color: #000000;
    border: solid 10px #000000;
    border-radius: 10px;
    position: absolute;
    left: 45%;
    top: 40%;
    cursor: pointer;
    z-index: 10;
}

div.FloatingContainer {
    position: fixed;
    bottom: 0;
    right: 0;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.75);
    z-index: 10000;
    /*zoom: 0.4;*/
}

    div.FloatingContainer div.VideoPlayer {
        width: 400px !important;
        height: 225px !important;
        overflow: hidden;
    }

div.VPL_LoaderErrorMsg img {
    opacity: 0.5;
    height: 100%;
    width: 100%;
}

div.VPL_LoaderErrorMsg h2 {
    text-shadow: 1px 1px 3px #000000;
    text-transform: uppercase;
    z-index: 1;
    line-height: 24px !important;
}

div.VPL_LoaderErrorMsg h3 {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    color: #ffffff;
    font-weight: normal;
    background-color: #000000;
}

div.VPL_GlobalConsent {
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
    width: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    z-index: 10000;
    outline: none;
}

    div.VPL_GlobalConsent h2 {
        max-width: 80%;
        margin: 10% auto 20px auto;
        font-weight: 100;
        font-size: 30px;
        line-height: 40px;
        font-family: Arial,sans-serif !important;
    }

        div.VPL_GlobalConsent h2 > a {
            font-size: 20px;
            line-height: 20px;
            outline: none;
        }

    div.VPL_GlobalConsent > a {
        background-color: #ffffff;
        color: #000000;
        padding: 10px 20px;
        border-radius: 20px;
        text-decoration: none;
        cursor: pointer;
        margin-top: 20px;
        display: inline-block;
    }

a.Muted {
    font-family: Arial, sans-serif;
    padding: 0px 15px 0 30px;
    display: block;
    background-color: rgba(0, 0, 0, 0.7);
    color: rgb(255, 255, 255);
    width: auto;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 5%;
    top: calc(20px + 5%);
    z-index: 1000;
    background-image: url(./img/muted.png);
    background-size: auto;
    background-position: 5px center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 640px) {
    div.VPL_GlobalConsent h2 {
        font-size: 16px;
    }

        div.VPL_GlobalConsent h2 > a {
            font-size: 16px;
        }

    .pulse-ad-counter {
        font-size: 12px !important;
    }
}


@media screen and (max-width: 756px) {

    a.vpl_PrevStartBut,
    a.vpl_Prev30But,
    a.vpl_PlayBut,
    a.vpl_PauseBut,
    a.vpl_RestartBut,
    a.vpl_Next30But {
        left: 10px;
    }

    a.vpl_PrevStartBut,
    a.vpl_Prev30But,
    a.vpl_Next30But {
        display: none;
    }

    span.vpl_played {
        left: 35px;
    }

    div.vpl_timebox {
        left: 120px;
        width: 450px;
    }
}


/*
	CONSOLE LOG - START
*/
.console-wrapper {
    position: absolute;
    height: 100%;
    max-height: 100%;
    right: 0;
    top: 0;
    background: rgba(255,255,255,0.75);
    padding: 0;
    z-index: 101;
}

.player-console-controls {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 15px;
    width: calc(100% - 30px);
    background: rgba(94, 94, 94, 0.80);
    color: #fff;
    text-align: right;
    box-sizing: content-box;
}

    .player-console-controls .console-control {
        display: none;
        padding: 2px 4px;
        border-radius: 4px;
        margin-left: 4px;
        font-size: 12px;
        text-decoration: none;
        color: #fff;
    }

        .player-console-controls .console-control:not(.active) {
            background: #aeaeae !important;
            opacity: 0.5;
        }

        .player-console-controls .console-control.round {
            width: 22px !important;
            height: 22px;
            line-height: 22px;
            padding: 0;
            text-align: center;
            border-radius: 50%;
        }

.console-wrapper .bg-black {
    background: #000 !important;
}

.console-wrapper .color-black {
    color: #000 !important;
}

.console-wrapper .log-tag.trace,
.console-wrapper .bg-grey {
    background: #606060 !important;
}

.console-wrapper .player-console:not(.active-title) .log-message.trace,
.console-wrapper .color-grey {
    color: #606060 !important;
}

.console-wrapper .log-tag.debug,
.console-wrapper .bg-blue {
    background: #308df0 !important;
}

.console-wrapper .player-console:not(.active-title) .log-message.debug,
.console-wrapper .color-blue {
    color: #308df0 !important;
}

.console-wrapper .log-tag.info,
.console-wrapper .bg-green {
    background: #14aa10 !important;
}

.console-wrapper .player-console:not(.active-title) .log-message.info,
.console-wrapper .color-green {
    color: #14aa10 !important;
}

.console-wrapper .log-tag.warning,
.console-wrapper .bg-orange {
    background: #db7305 !important;
}

.console-wrapper .player-console:not(.active-title) .log-message.warning,
.console-wrapper .color-orange {
    color: #db7305 !important;
}

.console-wrapper .log-tag.error,
.console-wrapper .bg-red {
    background: #F00 !important;
}

.console-wrapper .log-message.error,
.console-wrapper .color-red {
    color: #F00 !important;
}

.console-wrapper:not(.active) .player-console-controls {
    width: auto;
    background: none;
}

.console-wrapper .player-console-controls .console-control.show,
.console-wrapper.active .player-console-controls .console-control {
    display: inline-block;
    width: auto;
}

    .console-wrapper.active .player-console-controls .console-control.show {
        display: none;
    }

.console-wrapper .player-console {
    display: none;
    padding-top: 30px;
    width: 28vw;
    height: calc(100% - 30px);
    overflow-x: hidden;
}

.console-wrapper.active .player-console {
    display: block;
    box-sizing: content-box;
}

.console-wrapper .player-console .player-console-log {
    padding: 4px 8px;
    border-bottom: 1px dotted #797979;
    width: 100%;
    display: none;
}


.console-wrapper .player-console.active-trace .player-console-log.log-trace {
    display: block;
}

.console-wrapper .player-console.active-debug .player-console-log.log-debug {
    display: block;
}

.console-wrapper .player-console.active-info .player-console-log.log-info {
    display: block;
}

.console-wrapper .player-console.active-warning .player-console-log.log-warning {
    display: block;
}

.console-wrapper .player-console.active-error .player-console-log.log-error {
    display: block;
}

.console-wrapper .player-console .player-console-log.log-fancy {
    display: block;
}

    .console-wrapper .player-console .player-console-log.log-fancy .fancy-message {
        margin: 8px;
        width: calc(100% - 50px);
        padding: 6px 8px;
        font-size: 14px;
        text-align: center;
    }


.console-wrapper .player-console .player-console-log .log-tag {
    padding: 3px;
    border-radius: 4px;
    background: #aeaeae;
    margin-right: 5px;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    display: none;
}

.console-wrapper .player-console .player-console-log .log-origin {
    font-size: 10px;
    font-weight: bold;
    color: #717171;
    display: none;
}

.console-wrapper .player-console.active-title .player-console-log .log-tag,
.console-wrapper .player-console.active-title .player-console-log .log-origin {
    display: inline;
}


.console-wrapper .player-console .player-console-log .log-message {
    font-size: 12px;
    padding: 4px;
}

    .console-wrapper .player-console .player-console-log .log-message code {
        overflow: auto;
    }


@media screen and (max-width : 720px) {

    .console-wrapper.active {
        position: relative;
        max-height: 100vh;
        height: calc(100vh - 300px);
    }

        .console-wrapper .player-console {
            width: 100%;
        }
}

/*
	CONSOLE LOG - END
*/