body {
background-color: #000;
font-family: 'Open Sans', sans-serif;
margin: 0;
í padding: 0
}
a {
color: #009BD5;
text-decoration: none
}
@font-face {
font-family: 'ivp';
src: url('../../fonts/player/ivp.eot?4lamc0');
src: url('../../fonts/player/ivp.eot?4lamc0#iefix') format('embedded-opentype'), url('../../fonts/player/ivp.ttf?4lamc0') format('truetype'), url('../../fonts/player/ivp.woff?4lamc0') format('woff'), url('../../fonts/player/ivp.svg?4lamc0#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
.transition {
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}
btn, logo, big_play, [class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'ivp' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
color: #fff;
font-size: 1.5em;
position: relative;    /* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none;
cursor: pointer;
}
.icon-share {
top: 9px;
float: right;
margin-right: 23px;
opacity: 0.8;
text-shadow: 1px 1px 4px #888888;
}
.icon-share:before {
content: "\e910";
}
.icon-schedule {
display: none;
top: 9px;
float: right;
margin-right: 9px;
}
.icon-schedule:before {
content: "\e90f";
}
btn.icon-play_arrow {
}
.icon-play_arrow:before {
content: "\e90c";
}
.icon-pause {
}
.icon-pause:before {
content: "\e90b";
}
.icon-x {
top: 9px;
float: right;
margin-right: 23px;
}
.icon-x:before {
content: "\e902";
}
.icon-cw:before {
content: "\e90d";
}
.icon-fb:before {
content: "\e907";
}
.icon-gplus:before {
content: "\e904";
}
.icon-heart:before {
content: "\e90e";
}
.icon-iv:before {
content: "\e908";
}
.icon-pipa:before {
content: "\e909";
}
.icon-settings:before {
content: "\e90a";
}
.icon-skip {
//position: absolute;
//right: 12px;
//top: 11px;
float: right;
}
.icon-skip:before {
font-size: 21px;
content: "\e903";
}
.icon-tumblr:before {
content: "\e905";
}
.icon-twitter:before {
content: "\e906";
}
.icon-volume_down:before {
content: "\e911";
}
.icon-volume_mute:before {
content: "\e912";
}
.icon-volume_off:before {
content: "\e913";
}
.icon-volume_up:before {
content: "\e914";
}
video:-webkit-full-screen {
width: 100%;
}
video::-webkit-full-screen {
width: 100%;
}
video::-webkit-appearance {
display: none;
}
video::-webkit-full-page-media {
display: none;
}

video::-webkit-media-controls-panel {
display: none;
}
video::-webkit-media-controls-enclosure {
display: none;
}
video::-webkit-media-controls-fullscreen-button {
display: none;
}

video::-webkit-media-controls-play-button {
background: none;
}
video::-webkit-media-controls-play-button {
}
video::-webkit-media-controls-timeline {
}
video::-webkit-media-controls-current-time-display {
}
video::-webkit-media-controls-time-remaining-display {
}
video::-webkit-media-controls-time-remaining-display {
}
video::-webkit-media-controls-mute-button {
}
video::-webkit-media-controls-toggle-closed-captions-button {
}
video::-webkit-media-controls-volume-slider {
}


progress {
  /* style rules */

  -webkit-appearance: none;
   appearance: none;
}

progress::-webkit-progress-bar {
  /* style rules */
}
progress::-webkit-progress-value {
  /* style rules */
}
progress::-moz-progress-bar {
  /* style rules */
}

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}
*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}
*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}


#imagevideo {
position: absolute;
z-index: 0;
}
/* ????? */
#moment {
color: #fff;
width: 100%;
text-align: center;
position: absolute;
top: 50%;
z-index: 1000;
}
#ad {
position: absolute;
top: 0;
left: 0;
}
#player {
position: absolute;
top: 0;
left: 0;
z-index: 0;
overflow: hidden;
}
#html5video {
position: relative;
background-color: #000;
z-index: 10;
}
.big_play_button {
z-index: 10;
background-color: rgba(0, 0, 0, 0.1);
height: 100%;
width: 100%;
top: 0px;
left: 0px;
opacity: 1;
position: absolute;
cursor: pointer;
}
big_play icon {
/* top: 0px; */
opacity: 0.8;
margin-top: -88px;
height: 166px;
width: 166px;
top: 50%;
display: block;
overflow: hidden;
position: relative;
left: 50%;
margin-left: -88px;    /* top: 100px; */
/* background: #fff; */
/* left: 200px; */
font-family: 'ivp' !important;
font-size: 173px;
color: #fff;    /* left: 0px; */
}
big_play icon:hover {
opacity: 1;
}
.big_play_button icon:before {
content: "\e90c";
}
big_play icon inner.style {
/* top: 0px; */
position: relative;
left: -159px;
top: -18px;    /* top: 100px; */
/* background: #fff; */
/* left: 200px; */
font-family: 'ivp' !important;
font-size: 22px;
color: #ffffff;
z-index: 100;    /* left: 0px; */
}
/* index : #ffa319  */
big_play icon inner.style icon {
/* top: 0px; */
position: relative;
top: -56px;
left: 257px;    /* top: 100px; */
/* background: #fff; */
/* left: 200px; */
font-family: 'ivp' !important;
font-size: 151px;
color: #ffffff;
z-index: 100;    /* left: 0px; */
}
.big_play_button icon inner.style icon:before {
content: "\e90c";
}
.video-box {
height: 100%;
width: 100%;
background-color: #000;
position: relative;
text-align: left;
vertical-align: bottom;
margin: 0;
padding: 0
}
video {
display: block;
/*cursor: pointer*/
}
videoinfo {
position: absolute;
min-height: 60px;
height: auto;
width: 100%;
cursor: pointer;
padding: 12px 0 0 12px;
margin: 0 0;
z-index: 120;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
videoinfo .share {
position: absolute;
min-height: 60px;
height: auto;
width: 100%;
cursor: pointer;
padding: 12px 0 0 12px;
margin: 0 0;
z-index: 20;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}
videoinfo avatar {
width: 38px;
height: 38px;
float: left;
}
videoinfo avatar img {
width: 38px;
height: 38px;
}
videoinfo videotitle {

width: 65%;
font-size: 18px;
font-weight: 600;
color: #fff;
margin: 0;
padding: 0;    /* position: absolute; */
/* left: 20px; */
/* top: 18px; */
margin-left: 10px;
float: left;
margin-top: 6px;
text-shadow: 1px 1px 4px #888888;
}
videoinfo div.seppa {
display: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);    /* width: 100%; */
/* margin-left: 10px; */
margin-right: 10px;
height: 10px;
position: relative;
top: 40px;
}
nav.player_controls {
width: auto;
height: 40px;
position: absolute;
left: 0;
right: 0;
bottom: 0px;
display: none;
border: none;
color: #fff;
background: rgba(0, 0, 0, 0.6);
margin: 0 0;
padding: 0px 12px 0px 16px;
z-index: 10000000000;
}
nav.player_controls.minimal {
width: auto;
height: 40px;
position: absolute;
left: 0;
right: 0;
bottom: 0px;
display: none;
border: none;
color: #fff;
background: none;
margin: 0 0;
padding: 0px 12px 0px 16px;
z-index: 10000000000;
}
nav.player_controls.minimal progress_cont, nav.player_controls.minimal btn.fulls_button, nav.player_controls.minimal btn.settings_button, nav.player_controls.minimal btn.settings_button_hqon, nav.player_controls.minimal volume_controller, nav.player_controls.minimal times, nav.player_controls.minimal logo {
display: none;
}
nav .play_button, nav .replay_button, nav .pause_button {
text-decoration: none;
cursor: pointer;
opacity: 0.8;
}
nav .play_button {
top: 1px;
}
nav .play_button icon {
top: 6px;
font-size: 36px;
}
nav .play_button icon:before {
content: "\e90c";
}
nav .replay_button {
left: 5px;
top: 7px;
}
nav .replay_button icon {
top: 6px;
font-size: 26px;
}
nav .replay_button icon:before {
content: "\e90d";
}
nav .pause_button {
top: 1px;
}
nav .pause_button icon {
top: 10px;
font-size: 36px;
}
nav .pause_button icon:before {
content: "\e90b";
}
nav .mute_button {
left: 60px;
opacity: 0.8;
top: 7px;
position: absolute;
}
nav .mute_button icon {
font-size: 26px;
}
nav .mute_button icon:before {
content: "\e914";
}
nav .half_muted_button {
left: 60px;
opacity: 0.8;
top: 7px;
position: absolute;
}
nav .half_muted_button icon {
font-size: 26px;
}
nav .half_muted_button icon:before {
content: "\e911";
}
nav .muted_button {
left: 60px;
opacity: 0.8;
top: 7px;
position: absolute;
}
nav .muted_button icon {
font-size: 26px;
}
nav .muted_button icon:before {
content: "\e913";
}
nav times {
position: absolute;
left: 90px;
top: 11px;
font-size: 12px;
}
nav time {
color: #fff;
float: left
}
nav time_total {
margin-left: 0;
float: left;
}
nav time, nav time_total {
color: #fff;
margin-left: 6px;
margin-right: 0px
}
nav .settings_button {
width: 28px;
height: 24px;
float: right;
display: block;
cursor: pointer;
position: absolute;
top: 9px;
right: 140px;
opacity: 0.8
}
nav .settings_button icon {
top: -5px;
font-size: 24px;
}
nav .settings_button icon:before {
content: "\e90a";
}
nav .settings_button index {
display: none;
}

nav .settings_button index {
width: 18px;
display: block;
font-size: 8px;
font-family: sans-serif;
height: 8px;
background: #cf2727;

z-index: 100;
position: relative;
left: 15px;
padding: 2px 0px 0px 2px;
top: -26px;
color: rgb(255, 255, 255);
    display: block;
    font-weight: bold;
}


nav .like_button {
width: 28px;
height: 27px;
float: left;
background: url(../../images/player/btn_like_default.png) no-repeat;
display: block;
opacity: 1;
cursor: pointer;
position: absolute;
top: 0px;
left: 49px
}
nav .share_button {
width: 28px;
height: 27px;
float: left;
background: url(../../images/player/btn_share_default.png) no-repeat;
display: block;
opacity: 1;
cursor: pointer;
position: absolute;
top: 0px;
left: 49px
}
nav .fulls_button {
width: 28px;
height: 27px;
float: right;
display: block;
opacity: 0.8;
cursor: pointer;
position: absolute;
top: 9px;
right: 7px
}
nav .fulls_button:before {
content: "\e901";
}
nav .fulls_button_active {
width: 28px;
height: 27px;
float: right;
display: block;
opacity: 0.8;
cursor: pointer;
position: absolute;
top: 9px;
right: 7px
}
nav .fulls_button_active:before {
content: "\e900";
}
videoinfo .icon-share:hover, nav .replay_button:hover, nav .settings_button:hover, nav .settings_button_hqon:hover, nav .play_button:hover, nav .pause_button:hover, nav .mute_button:hover, nav .muted_button:hover, nav .half_muted_button:hover, nav .fulls_button:hover, nav .fulls_button_active:hover, nav .hq_button:hover, nav .like_button:hover, nav logo:hover, nav .share_button:hover {
opacity: 1
}

nav settings_controller {
    display: block;
    width: 52px;
    height: 70px;
    position: absolute;
    bottom: 40px;
    z-index: 1000;
    float: right;
    right: 124px;
    border: 1px solid rgba(255,255,255, 0.3);
}

nav settings_controller.hd {
    height: 50px;
}

nav settings_controller.uhd {
    height: 70px;
}

nav settings_controller controllbg {
    width: 100%;
    background-color: rgba(0,0,0,0.8);
    height: 100%;
    float: right;
}
nav settings_controller btn {
    opacity: 0.8;
    /* border: 1px solid green; */
    width: 40px;
    height: 13px;
    /* display: inline-block; */
    padding: 6px 5px 4px 5px;
    font-weight: bold;
    font-size: 12px;
    position: relative;
    top: -70px;
    font-family: arial !important;
    color: #cccc;
    float: left;
}

nav settings_controller.hd btn {
    top: -48px;
}

nav settings_controller.uhd btn {
    top: -70px;
}


nav settings_controller btn:hover {
    opacity: 1;
}

nav settings_controller btn.selected {
    color: #cf2727;
}

nav volume_controller {
width: 80px;
height: 26px;
position: absolute;
top: 8px;
left: 90px;
}
nav volume_controller controllbg {
width: 80px;
height: 26px;
display: block;
}
nav volume_controller volbarholder {
position: absolute;
top: 10px
}
nav volume_controller volbar.bg, nav volume_controller volbar.volume {
width: 65px;
height: 4px;
position: absolute;
top: 0px;
left: 8px;
display: block;
background-color: rgba(255, 255, 255, 0.2);
cursor: pointer
}
nav volume_controller volbar.volume {
background-color: #cf2727
}
nav volume_controller nub.volume {
width: 14px;
height: 14px;
background-color: #cf2727;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
position: absolute;
top: -5px;
left: 6px;
cursor: pointer;
z-index: 200
}
nav volume_controller nub.volume dot.inner {
width: 6px;
height: 6px;
background-color: #9b1d1d;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
position: absolute;
top: 4px;
left: 4px;
cursor: pointer;
z-index: 200
}
logo {
opacity: 0.8;
width: 85px;
height: 17px;
position: absolute;
top: 12px;
right: 48px;
cursor: pointer;
overflow:hidden;
}
logo:before {
content: "\e908";
    top: -35px;
    position: absolute;
    overflow: hidden;
    font-size: 85px;
    line-height: 1;
}
nav progress_cont {
width: auto;
min-width: 40px;
height: 6px;
position: inherit;
bottom: 40px;
left: 0;
float: left;
display: inherit;
background-color: rgba(255, 255, 255, 0.2);
cursor: pointer;
}
nav progress_cont progress_inner.play_progress, nav progress_cont progress_inner.load_progress, nav progress_cont progress_inner.select_progress {
height: 6px;
position: absolute;
top: 0;
left: 0;
background: transparent;
border: none;    /* Needed for Firefox */
color: #fff;    /* For IE10 */
-webkit-appearance: none;    /* Needed for WebKit/Blink */
}
nav progress_cont progress_inner.play_progress, nav progress_cont progress_inner.select_progress, nav progress_cont progress_inner.load_progress::-moz-progress-bar {
background: transparent;
}
nav progress_cont progress_inner.play_progress, nav progress_cont progress_inner.select_progress, nav progress_cont progress_inner.load_progress::-webkit-progress-value {
background: transparent;
}
nav progress_cont progress_inner.play_progress, nav progress_cont progress_inner.select_progress, nav progress_cont progress_inner.load_progress::-webkit-progress-bar {
background: transparent;
}
nav progress_cont progress_inner.play_progress {
width: 0;
border: 3px solid #cf2727;
background-color: #cf2727;
cursor: pointer;
height: 0px;
z-index: 100
}
nav progress_cont progress_inner.load_progress {
background-color: rgba(255, 255, 255, 0.4);
width: 0;
cursor: pointer;
z-index: 10
}
nav progress_cont progress_inner.select_progress {
/*border: 3px solid rgba(0, 0, 0, 0.25);*/
background-color: rgba(0, 0, 0, 0.25);
width: 0;
cursor: pointer;
z-index: 120;
}
nav progress_cont nub.progressNub {
width: 14px;
height: 14px;
background-color: #cf2727;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
position: absolute;
top: -4px;
left: 0px;
cursor: pointer;
z-index: 200;
margin-left: -7px;
}
nav progress_cont nub.progressNub dot.inner {
width: 6px;
height: 6px;
background-color: #9b1d1d;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
position: absolute;
top: 4px;
left: 4px;
cursor: pointer;
z-index: 200
}
related {
background-color: rgba(0, 0, 0, 0.85);
position: absolute;
top: 0;
left: 0;
z-index: 10;
padding-top: 10px;
}
related pager {
position: relative;
width: 16px;
height: 30px;
display: block;
opacity: 0.8;
margin: 0 10px;
padding: 10px 4px
}
related pager.left {
float: left;
background: url(../../images/default/player/assets.png) -93px 0 no-repeat
}
related pager.left_dummy {
float: left
}
related pager.right {
float: right;
background: url(../../images/default/player/assets.png) -120px 0 no-repeat
}
related related_holder {
position: relative;
overflow: hidden;
display: block width:100%;
height: 100%;
}
related ritem {
left: 0;
text-align: left;
position: relative;
display: block;
float: left;
overflow: hidden;
cursor: pointer;
border: 0px;
margin-right: 2px;
margin-bottom: 2px;
}
related ritem img {
left: 0;
z-index: 999;
width: 160px;
height: 120px;
position: absolute;
margin: 0
}
related ritem vtitle.videotitle {
height: 100%;
padding: 10px;
color: #fff;
position: relative;
left: 0px;
z-index: 1000;
display: none;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.2));
}
related ritem videoowner {
display: none;
font-size: 12px;
display: block;
position: absolute;
top: 35px;
left: 10px;
z-index: 1002;
color: rgba(255, 255, 255, 0.5);
}
related ritem vtitle.videotitle:hover {
display: block;
}
related ritem:hover vtitle.videotitle {
display: block;
}
related ritem vtitle a {
color: #fff;
text-decoration: none float:left;
}
related ritem vtitle div {
font-size: 14px;
line-height: 20px;
}
alert {
background-color: #000;
opacity: 0.8;
color: #fff;
font-size: 13px;
position: absolute;
top: 0;
text-align: center;
left: 0;
z-index: 10;
padding: 0
}
alert.plus18 message.alertmsg {
position: absolute;
top: 10%;
left: 0%;
margin: 0px auto;
width: 100%;
}
alert.plus18 message.alertmsg btn.continue {
padding: 15px 0px;
width: 200px;    /* border: 1px solid red; */
height: 46px;
font-size: 15px;
font-weight: 600;
background-color: rgba(207, 39, 39, 0.8);
}
alert.plus18 message.alertmsg btn.continue:hover {
background-color: rgba(207, 39, 39, 1);
}
alert.plus18 message.alertmsg btn.continue span {
margin-left: 30px;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
}
alert.plus18 message.alertmsg btn.continue icon {
font-size: 35px;
font-family: 'ivp' !important;
position: relative;
top: 10px;
left: 22px;
}
alert.plus18 message.alertmsg btn.continue icon:before {
content: "\e90c";
}
alert message {
position: relative;
font-size: 0.8rem
}
message p {
}
message input#videopassword {
padding: 10px;
border: 0px;
font-size: 15px;
height: 20px;
}
message input.btn {
background-color: rgba(207, 39, 39, 0.8);
border: 0px;
width: 100px;
height: 40px;
top: -1px;
position: relative;
color: #fff;
font-weight: 600;
}
message input.btn:hover {
background-color: rgba(207, 39, 39, 1);
}
/* AD stuff */
#ad {
overflow: hidden;
width: 100%;
height: 100%;
position: absolute;
z-index: 100;
display: none;
background: #000;
}
#ad #container {
position: relative;
top: 0;
left: 0
}
#ad #container #preroll, #ad #container #overlay, #ad #container #postroll {
display: none;
}
#ad #container #preroll img, #ad #container #overlay img, #ad #container #postroll img {
display: none;
}

#adskip {
opacity: 0.75;
width: auto;
height: 28px;
color: #fff;
background: rgba(0, 0, 0, 0.7);
font-size: 16px;
position: absolute;
bottom: 70px;
right: 0px;
padding-right: 4px;
display: none;
cursor: pointer;
z-index: 1000;
padding: 5px
}
#adskip.wborder {
opacity: 0.75;
border-left: 1px solid #888;
border-bottom: 1px solid #888;
border-top: 1px solid #888;
}
#adskip #phase1 #cntdown {
font-size: 13px;
float: left;
padding-right: 6px;
padding-left: 6px;
width: auto;
text-align: right;
line-height: 24px;
display: inline-block
}
#adskip #phase1 #cnttext {
display: inline-block;
padding-top: 4px;
padding-right: 4px;
font-size: 13px;
line-height: 13px;
}
#adskip #phase1 img {
width: 74px;
height: 41px;
float: right;
top: -3px;
right: -3px;
position: relative;
}
#adskip #phase2 {
display: none;
padding: 3px 0 6px 8px;
}
#adskip:hover {
background: rgba(0, 0, 0, 0.9);
}
#videoAdText_preroll, #videoAdText_midroll, #videoAdText_postroll {
width: 100%;
height: 60px;
color: #fff;
font-size: 12px;
padding-top: 8px;
padding-left: 12px;
position: absolute;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.goAdverticum {
width: 640px;
background: #000
}

#ghost {}
#ghost .close {
   width: 50px;
   height: 50px; 
   background: red;
   position: absolute;
   background: url(../../images/player/closeghost.png) no-repeat;
   background-position: -20px;   
}

#ghost .close.top {
   bottom: 0px;
   left: 50%;
   transform: rotate(180deg);
}

#ghost .close.bottom {
   top: 0px;
   left: 50%;
   transform: rotate(0deg);
}

#ghost .close.left {
   top: 50%;
   right: 0px;
   transform: rotate(90deg);
   
}

#ghost .close.right {
   top: 50%;
   left: 0px;
   transform: rotate(270deg);
   
}

#ghost .close.top_small {
   bottom: -13px;
   left: 50%;
   transform: rotate(180deg)  scale(0.5);
}

#ghost .close.bottom_small {
   top: -13px;
   left: 50%;
   transform: rotate(0deg)  scale(0.5);
}

#ghost .close.left_small {
   top: 50%;
   right: -13px;
   transform: rotate(90deg)  scale(0.5);
   
}

#ghost .close.right_small {
   top: 50%;
   left: -13px;
   transform: rotate(270deg) scale(0.5);
   
}


#overlay {
position: relative;
padding: 0px 0;
cursor: pointer;
}
#overlay .close, #adContainer .close {
display: none;
font-size: 12px;
font-family: 'ivp' !important;
background-color: #fff;
position: absolute;
right: 1px;
top: 1px;    /* width: 14px; */
/* height: 14px; */
/* display: none; */
color: #000;
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0.6);
}
#overlay .close:before {
content: "\e902";
}
#overlay .cempsh {
position: absolute;
left: 0;
top: 5px;
background: url(../../images/player/logo_cempsh.png) no-repeat;
width: 60px;
height: 15px;
display: none;
color: red;
cursor: pointer
}
.etargetad {
width: 460px;
height: 60px;
background: #050505;
border: 1px solid #9e9e9e;
padding: 5px;
position: relative;
}
.etargetad h3 {
color: #f8d173;
font-size: 15px;
cursor: pointer;
margin: 0
}
.etargetad span {
color: #fff;
font-size: 12px;
cursor: pointer
}
.etargetad #logocemp {
background: url(../../images/player/logo_cempsh.png) no-repeat;
width: 50px;
height: 12px;
cursor: pointer
}

.etargetinner {
    overflow: hidden;
    height: 60px;
}

.etargetinner .etarget_click {
  height: 60px;
  position: relative;
  top: -40px;
  width: 420px;
}
/*
.etargetad #logoetarget {
background: url(../../images/player/etarget/logo_etarget.png) no-repeat;
width: 52px;
height: 6px;
float: right;
top: 56px;
right: 45px;
position: absolute;
cursor: pointer
}
.etargetad #closeAd {
background: url(../../images/player/etarget/btn_closeX2.png) no-repeat;
width: 20px;
height: 20px;
float: right;
top: -15px;
right: -15px;
position: relative;
cursor: pointer
}*/
.etargetad #closeAd {
font-size: 12px;
font-family: 'ivp' !important;
background-color: #fff;
position: absolute;
right: 1px;
top: 1px;    /* width: 14px; */
/* height: 14px; */
/* display: none; */
color: #000;
cursor: pointer;
border: 1px solid rgba(0, 0, 0, 0.6);
}
.etargetad #closeAd:before {
content: "\e902";
}
.etargetad #nextAd {
background: url(../../images/player/etarget/hirdetes_next.png) no-repeat;
width: 13px;
height: 14px;
position: absolute;
right: 5px;
top: 52px;
float: right;
cursor: pointer
}
.etargetad #prevAd {
background: url(../../images/player/etarget/hirdetes_prev.png) no-repeat;
width: 13px;
height: 14px;
position: absolute;
right: 24px;
top: 52px;
float: right;
cursor: pointer
}
/* SHARE stuff */
/*
layer {
opacity: 0.9;
background-color: #000;
position: absolute;
top: 0;
left: 0
}
content {
position: absolute;
top: 50%;
left: 50%;
color: #fff;
font-size: 24px;
width: auto;
margin: 0 auto
}
layer close {
width: 20px;
height: 20px;
float: right;
background: url(../../images/default/player/assets.png) -18px -20px no-repeat;
cursor: pointer;
opacity: 0.7;
margin: 4px 0 0
}
layer content h1 {
font-size: 24px
}
layer content url,
layer content embedcode {
float: left;
clear: both;
margin-top: 6px
}
layer content label {
font-size: 18px;
color: #fff;
margin-right: 5px
}
layer content field {
font-size: 16px;
-moz-border-radius: 6px;
clear: both;
background-color: #fff;
border-radius: 10px;
border: solid 0 #4b4b4b;
color: #333;
height: auto;
width: 60%;
padding: 6px
}
layer content field a {
text-decoration: none;
color: #333;
font-weight: 700
}
*/
#sharingContainer {
display: none;
width: 100%;
height: 100%;
background-color: rgba(50, 50, 50, 0.9);
font-size: 12px;
font-weight: 700;
font-family: 'Open Sans', sans-serif;
position: absolute;
z-index: 12;
color: #EDEDED;
}
#sharingContainer .sharingInner {
width: 430px;
height: 190px;
margin: 0px auto;
margin-top: 100px;
}
#sharingContainer input, #sharingContainer textarea {
font-size: 12px;
font-family: 'Open Sans', sans-serif;
color: #ededed;
background-color: rgba(0, 0, 0, 0);
border: 0px;
padding: 5px;
overflow: hidden;
}
#sharingTitle {
position: relative;
width: 100%;
height: 23px;
font-size: 16px;
font-weight: 600;
overflow: hidden;
padding-top: 4px;
color: rgba(255, 255, 255, 0.7);
background-image: 0 14% #2c2c2c 79%
}
#sharingTitle .icon-share {
float: left;
margin: 0;
top: 0;
color: rgba(255, 255, 255, 0.7);
}
#sharingTitle icon:before {
}
#sharingTitle span {
margin-bottom: 20px;
padding: 0 0 0 10px
}
#sharingBody {
width: 100%
}
.shareBox {
display: none;
margin: 10px 0px 0
}
.share_embed {
display: block
}
.div-table {
display: table;
width: 100%;
table-layout: fixed
}
.div-table-row {
display: table-row;
width: 100%
}
.div-table-col {
display: table-cell;
width: auto;
text-align: center;
margin: 0;
padding: 0
}
.col-vtop {
vertical-align: top
}
#sharingOptions {
display: block;
height: 35px;
width: 330px;
margin: -5px auto 18px;
}

#sharingOptions a {
color :#fff;
}
#sharingOptions .btnShare {
width: 100px;
height: 42px;
background-color: rgba(255, 255, 255, 0.8);
margin-right: 10px;
display: inline;
cursor: pointer;
float: left;
font-weight: normal;
font-family: 'ivp' !important;
}
#videourlArea input.copyLink {
float: left;
padding: 10px 10px;
width: 130px;    /* border: 1px solid red; */
font-size: 15px;
font-weight: 600;    /* left: 0px; */
cursor: pointer;
position: relative;
background-color: rgba(207, 39, 39, 0.8);
}
#videourlArea input.copyLink:hover {
background-color: rgba(207, 39, 39, 1);
}
#sharingBody #others {
margin-top: 10px;
}
#sharingBody input.embed {
font-size: 15px;
display: inline;
font-weight: 600;
padding: 10px 55px;
border: 2px solid rgba(255, 255, 255, 0.8);
color: rgba(255, 255, 255, 0.8);
float: left;
margin: 0;
cursor: pointer;
}
#sharingBody input.embed:hover {
background-color: rgba(255, 255, 255, 0.2);
border: 2px solid rgba(255, 255, 255, 1);
}
#sharingBody div.loopr {
font-size: 15px;
display: inline;
float: right;
font-weight: 600;
padding: 10px 49px;
border: 2px solid rgba(255, 255, 255, 0.8);
color: rgba(255, 255, 255, 0.8);
cursor: pointer;
background-color: rgba(0, 0, 0, 0);
}
#sharingBody div.loopr a {
color: rgba(255, 255, 255, 0.8);
}
#sharingBody div.loopr:hover {
border: 2px solid rgba(255, 255, 255, 1);
background-color: rgba(255, 255, 255, 0.2);
}
#sharingOptions .btnShare.email {
}
#sharingOptions .btnShare.email:hover {
}
#sharingOptions .btnShare.facebook {
background-color: rgba(58, 88, 151, 0.8);
padding-left: 36px;
padding-top: 7px;
width: 64px;
height: 35px;
}
#sharingOptions .btnShare.facebook:before {
content: "\e907";
font-size: 28px;
}
#sharingOptions .btnShare.facebook:hover {
background-color: rgba(58, 88, 151, 1);
}
#sharingOptions .btnShare.googleplus {
background-color: rgba(220, 78, 64, 0.8);
padding-left: 36px;
padding-top: 7px;
width: 64px;
height: 35px;
}
#sharingOptions .btnShare.googleplus:before {
content: "\e904";
font-size: 28px;
}
#sharingOptions .btnShare.googleplus:hover {
background-color: rgba(220, 78, 64, 1);
}
#sharingOptions .btnShare.tumblr {
background-color: rgba(53, 69, 91, 0.8);
padding-left: 36px;
padding-top: 7px;
width: 64px;
height: 35px;
}
#sharingOptions .btnShare.tumblr:before {
font-size: 28px;
content: "\e905";
}
#sharingOptions .btnShare.tumblr:hover {
background-color: rgba(53, 69, 91, 1);
}
#sharingOptions .btnShare.twitter {
background-color: rgba(84, 172, 237, 0.8);
padding-left: 36px;
padding-top: 7px;
width: 64px;
height: 35px;
}
#sharingOptions .btnShare.twitter:before {
font-size: 28px;
content: "\e906";
}
#sharingOptions .btnShare.twitter:hover {
background-color: rgba(84, 172, 237, 1);
}
#sharingContainer input#videoURL {
font-size: 15px;
color: #5a5a5a;
background-color: #ffffff;
border: 0px;
padding: 10px;
width: 280px;
float: left;
}
#sharingContainer input#embedCode {
opacity: 0px;
padding: 0px;
height: 0px;
font-size: 1px;
line-height: 0px;
margin: 0px;
}
.inputVideoURL {
}
.inputEmbed {
xwidth: 463px;
width: 100%;
height: 76px
}
.inputMessage {
xwidth: 463px;
width: 100%;
height: 56px
}
.inputCustomSize {
width: 38px;
height: 18px
}
.videoURL {
width: 80px;
float: left;
height: 22px
}
#videowidth-col-textwidth {
text-align: left;
width: 70px;
padding: 3px 0 0
}
#videowidth-col-selector {
text-align: left;
width: 80px;
padding: 3px 0 0
}
#videowidth-col-textunique {
text-align: right;
width: 55px;
vertical-align: middle;
padding: 0 0 3px
}
#videowidth-col-inputunique {
text-align: left;
padding: 0 0 0 10px
}
#sizeChanger {
cursor: pointer
}
#sharingClose {
cursor: pointer;
position: absolute;
width: 13px;
height: 13px;
right: 8px;
top: 8px;
xxbackground: url(../../images/player/btn_close.png) no-repeat
}
#inputAddress {
xwidth: 463px;
width: 100%
}
#btnSend {
background-image: 0;
font-size: 13px;
font-weight: 700;
border-radius: 3px;
border-top: 1px solid #626262;
cursor: pointer;
padding: 2px 10px
}
#btnMessage {
background-image: 0;
border: 1px solid #333;
border-radius: 3px;
color: #EDEDED;
font-size: 13px;
font-weight: 700;
border-top: 1px solid #626262;
width: 110px;
height: 19px;
cursor: pointer;
white-space: nowrap;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
padding: 3px 10px 0
}
#sizechangerArea {
margin-top: 10px
}
#addressesArea > div:first-child + div {
font-weight: 400;
text-align: right;
color: #8f8f8f;
margin: 0;
padding: 0
}
#messageArea {
display: none;
margin: 10px 0
}
#embedcodeArea {
margin-top: 20px;
}
#shareaddressArea {
margin: 10px 0
}
#btnmessageArea {
margin: 0 0 10px
}
timepreview {
display: none;
}
timepreview {
background: #272727;
position: absolute;
bottom: 15px;
}
timepreview.big {
height: 62px;
width: 106px;
}
timepreview.small {
height: 20px;
width: 60px;
}
timepreview canvas {
left: 3px;
top: 3px;
position: absolute;
}
timepreview timePos {
margin-bottom: 0px;
width: auto;    /* margin: 0px auto; */
position: absolute;
bottom: 0px;    /* right: 30%; */
/* left: 28%; */
background: #272727;
text-align: center;
color: white;
font-size: 11px;
padding: 0px 0px 2px 0px;
}
timepreview.big timePos {
padding: 0px 2px 2px 2px;
}
timepreview span.arrow {
width: 50px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -32px;
bottom: -16px;
}
timepreview .arrow:after {
/* opacity: 0.8; */
background: #272727;
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 23px;
-webkit-box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
-moz-box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
::cue {
color: #FFF;
background: transparent;
text-shadow: black 0 0 0.2em;
font: 2em sans-serif;
}


video::-webkit-media-text-track-container {
bottom: 60px;
}

video::-webkit-media-text-track-background {
background-color: black;
border-radius: 2px;
box-shadow: 0 0px 5px 0px #000;
opacity: 0.5;
padding: 4px 8px 6px 10px;
}

video::-webkit-media-text-track-display {
color: white;
font-family: Open Sans, Georgia;
font-size: 20px;
padding: 1px 1px 10px 1px;
text-align: center;
}	


#sorry_no_ad_no_video {
background: rgba(255,255,255,1);
    width: 90%;
    height: 90%;
    margin: 0x auto;
    /* display: flex; */
    justify-content: center;
    /* margin: 24px 24px 24px 24px; */
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: sans-serif;
    font-size: 20px;
    text-align: center;
    color: #323232;
    transform: translate(-50%, -50%);}

#sorry_no_ad_no_video span.stop {
        position: absolute;
    top: 15px;
    left: 15px;
    margin: 0px auto;
    width: 49px;
    height: 56px;
    background: 0px 0px url(../../images/player/hand.svg) no-repeat;
    display: block;
    margin-top: 25px;
}

#sorry_no_ad_no_video h1 {
  width: 100%;
  height: 17px;
  font-family: Open Sans;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: left;
  margin-left: 50px;
  margin-top: 20px;
  color: #bc1010;
}

#sorry_no_ad_no_video p {
    width: 65%;
    margin-left: 50px;
    font-size: 14px;
    text-align: left;
}

#sorry_no_ad_no_video p.blokk {
    font-weight: bold;
}
#sorry_no_ad_no_video div.done {
width: auto;
  height: 42px;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin: 0px auto;
  margin-top: 30px;
}
#sorry_no_ad_no_video div.done a {
  color: #fff;
  background-color: #b5161c;
  padding: 12px 18px;
  
}


#sorry_no_ad_no_video .bottomblockers {
    display: none;
}

#sorry_no_ad_no_video span.stop {

    width: 28px;
    height: 32px;
    background: 0px 0px url(../../images/player/hand.svg) no-repeat;
    display: block;
    margin-top: 5px;


}


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

#sorry_no_ad_no_video {
background: rgba(255,255,255,1);
    width: 90%;
    height: 90%;
    margin: 0x auto;
    /* display: flex; */
    justify-content: center;
    /* margin: 24px 24px 24px 24px; */
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: sans-serif;
    font-size: 20px;
    text-align: center;
    color: #323232;
    transform: translate(-50%, -50%);}

#sorry_no_ad_no_video span.stop {
    position: unset;
    margin: 0px auto;
    width: 49px;
    height: 56px;
    background: 0px 0px url(../../images/player/hand.svg) no-repeat;
    display: block;
    margin-top: 25px;
}

#sorry_no_ad_no_video h1 {
  width: 100%;
  height: 17px;
  font-family: Open Sans;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #bc1010;
  margin-left: 0px;
  margin-top: 0px;
}

#sorry_no_ad_no_video p {
    width: 100%;
    margin: 5px;
    font-size: 14px;
    text-align: center;
}

#sorry_no_ad_no_video p.blokk {
    font-weight: bold;
}
#sorry_no_ad_no_video div.done {
width: auto;
  height: 42px;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin: 0px auto;
  margin-top: 30px;
}
#sorry_no_ad_no_video div.done a {
  color: #fff;
  background-color: #b5161c;
  padding: 12px 18px;
  
}


#sorry_no_ad_no_video .bottomblockers {
    width: 100%;
    background-image: linear-gradient(to top, rgba(195, 167, 167, 0.2), rgba(195, 167, 167, 0.2)), linear-gradient(to bottom, rgba(250,250,250,0.2), rgba(250,250,250,0.2));
    position: absolute;
    bottom: 0px;
    padding-top: 10px;
    padding-bottom: 25px;
    display: block;
}

#sorry_no_ad_no_video .bottomblockers p {
    margin: 9px;
}
#sorry_no_ad_no_video .abtn {
width: 85px;
    height: 22px;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #323232;
    display: inline-flex;
    background: 1px 0px url(../../images/player/a_b_ikon.png) no-repeat;
    background-size: 24px 24px;
    resize: auto;
    padding-left: 30px;
    padding-top: 4px;
}

#sorry_no_ad_no_video .abtn2 {
  width: 110px;
  height: 22px;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: #323232;
  display: inline-flex;
    background: 1px 0px url(../../images/player/a_b_p_ikon.png) no-repeat;
    background-size: 24px 24px;
    resize: auto;
    padding-left: 30px;
    padding-top: 4px;
}

#sorry_no_ad_no_video span.stop @media (max-width:400px) {
{
    width: 20px;
    height: 20px;
    background: 0px 0px url(../../images/player/hand.svg) no-repeat;
    display: block;
    margin-top: 5px;


}
}




#sorry_no_ad_no_video {
background: rgba(255,255,255,1);
    width: 90%;
    height: 90%;
    margin: 0x auto;
    /* display: flex; */
    justify-content: center;
    /* margin: 24px 24px 24px 24px; */
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: sans-serif;
    font-size: 20px;
    text-align: center;
    color: #323232;
    transform: translate(-50%, -50%);}

#sorry_no_ad_no_video span.stop {
    margin: 0px auto;
    width: 49px;
    height: 56px;
    background: 0px 0px url(../../images/player/hand.svg) no-repeat;
    display: block;
    margin-top: 25px;
}

#sorry_no_ad_no_video h1 {
  width: 100%;
  height: 17px;
  font-family: Open Sans;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #bc1010;
}

#sorry_no_ad_no_video p {
    width: 100%;
    margin: 5px;
    font-size: 14px;
    text-align: center;
}

#sorry_no_ad_no_video p.blokk {
    font-weight: bold;
}
#sorry_no_ad_no_video div.done {
width: auto;
  height: 42px;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  margin: 0px auto;
  margin-top: 30px;
}
#sorry_no_ad_no_video div.done a {
  color: #fff;
  background-color: #b5161c;
  padding: 12px 18px;
  
}


#sorry_no_ad_no_video .bottomblockers {
    width: 100%;
    background-image: linear-gradient(to top, rgba(195, 167, 167, 0.2), rgba(195, 167, 167, 0.2)), linear-gradient(to bottom, rgba(250,250,250,0.2), rgba(250,250,250,0.2));
    position: absolute;
    bottom: 0px;
    padding-top: 10px;
    padding-bottom: 25px;
}

#sorry_no_ad_no_video .bottomblockers p {
    margin: 9px;
}
#sorry_no_ad_no_video .abtn {
width: 85px;
    height: 22px;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: left;
    color: #323232;
    display: inline-flex;
    background: 1px 0px url(../../images/player/a_b_ikon.png) no-repeat;
    background-size: 24px 24px;
    resize: auto;
    padding-left: 30px;
    padding-top: 4px;
}

#sorry_no_ad_no_video .abtn2 {
  width: 110px;
  height: 22px;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: #323232;
  display: inline-flex;
    background: 1px 0px url(../../images/player/a_b_p_ikon.png) no-repeat;
    background-size: 24px 24px;
    resize: auto;
    padding-left: 30px;
    padding-top: 4px;
}

#sorry_no_ad_no_video span.stop @media (max-width:400px) {
    width: 20px;
    height: 20px;
    background: 0px 0px url(../../images/player/hand.svg) no-repeat;
    display: block;
    margin-top: 5px;
}

    .hasads {
        color: #fff;
        text-align: center;
        position: absolute;
        top: 0px;
        z-index: 1000;
        /* background: red; */
        padding: 6px 10px;
        width: 100%;
        font-size: 14px;
        opacity: 0;
	 text-shadow: 1px 1px #000000;
        animation: fadein-fadeout 9s forwards;
    }

    @keyframes fadein-fadeout {
        0% {opacity: 0}
        44.4% {opacity: 1} /* 4s / 9s ~ 44.4…% */
        55.6% {opacity: 1} /* (4 + 1) 5s / 9s ~ 55.6…% */
        88.9% {opacity: 1} /* (5 + 3) 8s / 9s ~ 88.9…% */
        100% {opacity: 0} /* (8 + 1) 9s / 9s = 100%  */
    }