.pg-video-view .header:not(.opaque){
background-color:#222;
border-bottom:1px solid transparent;
}
.pg-video-view .content{
max-width:none;
padding:0;
}
.pg-video-view .content_wrapper{
padding-top:0;
}
.pg-video-view .main{
padding-top:50px;
}
#video_view{
position:relative;
padding:20px 40px 0 40px;
max-width:1650px;
margin:0 auto;
}
#video_view .alert{
border-radius:0px;
margin-bottom:0;
max-width:1200px;
margin:20px auto;
}
#video_view{
position:relative;
}
#video_view .gutter{
position:absolute;
width:350px;
top:20px;
right:40px;
}
#video_view > .inner{
position:relative;
overflow:visible !important;
margin:0 auto;
padding-right:370px;
}
#video_view .progress_wrapper{
padding:200px;
background-color:#222;
margin-top:0;
}
#video_view .downloading{
margin:1em 0 0 0;
text-align:center;
}
#video_view .downloading i{
margin:0 .5em 0 0;
}
#video_view .progress{
border-radius:5px;
margin:1em auto 0 auto;
background-color:#333;
height:5px;
max-width:500px;
}
#video_view .progress-bar{
background-color:#fff;
box-shadow:none;
border-radius:5px;
}
#video_view .progress_wrapper .note{
display:block;
text-align:center;
color:#fff;
font-weight:bold;
font-size:1em;
}
#video_view .progress_wrapper .downloading-footer.note{
font-weight:normal;
color:#777;
}
#video_view .notify-by-email{
margin-top:10px;
}
#video_view .notify-by-email .input-group{
width:350px;
}
#video_view .notify-by-email .input-group input[type="text"]{
background-color:#fff;
border:1px solid #ccc;
}
#video_view .video_youtube{
display:inline-block;
vertical-align:middle;
font-size:0;
}
#video_view .video_links{
display:none;
margin-bottom:20px;
}
#video_view .video_author + .video_links{
margin-top:10px;
}
#video_view .video_links ul{
margin-bottom:2px;
}
#video_view .video_links li{
display:inline-block;
vertical-align:middle;
margin-right:10px;
}
#video_view .video_links li a{
color:#ccc;
font-size:.85em;
}
#video_view .video_links li.active a{
color:#555;
text-decoration:none;
-webkit-user-select:none;
-moz-user-select:none;
}
#video_view .video_links .video_link_wrapper{
display:none;
background-color:#fff;
padding:5px 10px;
overflow:hidden;
}
#video_view .video_links #video_link{
display:block;
}
#video_view .video_links .video_link_wrapper span{
cursor:pointer;
margin-right:4px;
color:#aaa;
-webkit-user-select:none;
-moz-user-select:none;
}
#video_view .video_links input{
width:200px;
border:none;
background:none;
padding:0;
font-size:.9em;
}
#video_view .video_apps{
margin-top:20px;
padding-top:20px;
border-top:2px solid rgba(0,0,0,.05);
text-align:center;
}
#video_view .inner .video_apps{
display:none;
}
#video_view .video_share_prompt{
position:relative;
display:inline-block;
background-color:#52CFFF;
margin:15px 0;
border-radius:3px;
}
#video_view .video_share_prompt .text{
display:inline-block;
padding:.5em 1em;
color:#fff;
font-style:italic;
}
#video_view .video_share_prompt .dismiss{
display:inline-block;
padding:.5em .75em;
color:#fff;
font-weight:bold;
border-left:1px solid rgba(255,255,255,.5);
text-decoration:none;
}
#video_view .video_share_prompt .dismiss:hover{
background-color:#86DDFF;
border-top-right-radius:3px;
border-bottom-right-radius:3px;
}
#video_view .video_share_prompt:after{
bottom:100%;
left:50%;
left:60px;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-bottom-color:#52CFFF;
border-width:7px;
margin-left:-7px;
}
#video_view .video_apps a{
display:inline-block;
text-decoration:none;
background-size:100%;
background-repeat:no-repeat;
width:200px;
height:68px;
}
.device-ios #video_view .video_apps a.android{
display:none;
}
.device-android #video_view .video_apps a.ios{
display:none;
}
#video_view .video_apps .headline{
margin-bottom:1em;
color:#999;
}
#video_view #video_player{
max-width:1200px;
margin:0 auto;
}
#video_view #video_player_scrub_preview{
border:1px solid #111;
padding:2px;
border-radius:4px;
background-color:#222;
background-size:cover;
}
#video_view .player{
background-color:#000;
}
#video_view .player .vjs-control-bar{
max-width:1220px;
margin-left:auto;
margin-right:auto;
}
#video_view .player .postroll{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:9999;
display:none;
padding:3%;
background-color:rgba(0,0,0,.8);
text-align:center;
color:#fff;
opacity:0;
-webkit-transition:opacity .25s ease-in-out;
-moz-transition:opacity .25s ease-in-out;
-ms-transition:opacity .25s ease-in-out;
-o-transition:opacity .25s ease-in-out;
transition:opacity .25s ease-in-out;
margin-top:0;
}
#video_view .video_title{
margin-top:0;
font-size:1.5em;
font-weight:bold;
line-height:1.2em;
color:#222;
word-wrap:break-word;
margin-bottom:10px;
}
#video_view.anon .video_title{
float:left;
margin-bottom:0;
max-width:80%;
}
#video_view .video_description{
font-weight:normal;
font-size:.95em;
color:#777;
white-space:pre-line;
word-wrap:break-word;
unicode-bidi:embed;
}
#video_view .video_description_wrapper{
margin-top:1px;
padding:15px;
background-color:#fff;
}
#video_view .video_info2{
display:block;
font-weight:normal;
font-size:1.1em;
padding:15px;
background-color:#fff;
overflow:hidden;
position:relative;
z-index:222;
}
#video_view .video_nsfw{
background-color:#f5f5f5;
line-height:1.5em;
color:#FF5151;
font-weight:bold;
padding:.15em .5em;
border-radius:2px;
font-size:11px;
letter-spacing:0.03em;
display:inline-block;
margin-right:5px;
}
#video_view .video_category{
color:#999;
border-radius:2px;
font-size:13px;
letter-spacing:0.03em;
display:inline-block;
text-decoration:none;
}
#video_view .video_category:hover .text{
text-decoration:underline;
}
#video_view .video_info .video_platform a{
color:inherit;
border-bottom:1px solid #ddd;
}
#video_view .video_info .video_platform a:hover{
color:#999;
text-decoration:none;
border-color:#999;
}
#video_view .video_info2 .video_author_username{
display:inline-block;
vertical-align:middle;
margin-left:5px;
color:#333;
}
#video_view .video_stats > li{
display:inline-block;
vertical-align:middle;
color:#999;
margin-left:10px;
}
#video_view .video_author_wrapper{
float:left;
overflow:hidden;
}
#video_view .video_author_wrapper .video_author_photo{
display:inline-block;
vertical-align:middle;
width:24px;
height:24px;
border-radius:50px;
background-size:cover;
background-position:center center;
background-color:#f5f5f5;
}
#video_view .video_author{
margin-right:.5em;
}
#video_view .video_author:hover .video_author_username{
text-decoration:underline;
}
#video_view .video_author_wrapper .video_author_username{
display:inline-block;
vertical-align:middle;
font-weight:normal;
color:#999;
font-size:.9em;
display:inline-block;
vertical-align:middle;
}
#video_view .video_author_wrapper .btn{
display:inline-block;
vertical-align:middle;
margin-bottom:0;
color:#fff;
background-color:#673AB7;
border:none;
border-radius:50px;
margin-right:.5em;
padding:5px 10px;
font-weight:bold;
text-transform:uppercase;
font-size:.6em;
letter-spacing:0.06em;
border:1px solid #673AB7;
}
#video_view .video_author_wrapper .btn.following{
background-color:transparent;
color:#673AB7;
border-color:rgba(103,58,183,.3);
}
#video_view .video_author_wrapper .btn.following:hover{
border-color:#673AB7;
}
#video_view .video_info3{
display:table;
width:100%;
padding:0 15px;
background-color:#fff;
}
#video_view .video_actions{
display:table-cell;
white-space:nowrap;
}
#video_view .video_actions > li{
display:inline-block;
vertical-align:middle;
}
#video_view .video_actions a.action{
float:left;
text-align:center;
padding:15px 10px 15px 0;
font-weight:bold;
text-decoration:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}
#video_view .video_actions a.action:hover .text{
text-decoration:underline;
}
#video_view .video_actions a.action .text{
display:inline-block;
vertical-align:middle;
}
#video_view .video_actions a.action .num{
display:inline-block;
vertical-align:middle;
font-weight:bold;
background-color:rgba(103,58,183,0.11);
color:#673ab7;
padding:0 5px 1px;
border-radius:3px;
font-size:12px;
margin-left:2px;
}
#video_view .video_actions a.action img{
display:inline-block;
vertical-align:middle;
width:20px;
opacity:.5;
margin-right:3px;
}
#video_view .video_actions a.action .boost{
font-weight:normal;
color:#aaa;
font-size:.9em;
}
#video_view .video_actions_upvote > a .past-tense{
display:none;
}
#video_view .video_actions_upvote > a.active .past-tense{
display:inline;
}
#video_view .video_actions_upvote .score[data-score="0"]{
display:none;
}
#video_view .video_actions_sharebutton > a.zero .num{
display:none;
}
#video_view .video_actions_more .dropdown-menu{
margin-top:-2px;
}
#video_view .video_actions_more > a:after{
content:'';
position:absolute;
width:0;
height:0;
right:-2px;
top:50%;
margin-top:-1px;
border:4px solid #b8b5c0;
border-left-color:transparent;
border-right-color:transparent;
border-bottom-color:transparent;
transition:all .2s;
}
#video_view .video_actions_more.open > a:after{
border-top-color:#673AB7;
}
#video_view .addthis_toolbox.addthis_32x32_style span{
border-radius:4px;
}
#video_view .addthis_32x32_style .addthis_counter.addthis_bubble_style{
box-sizing:content-box;
-moz-box-sizing:content-box;
}
#video_view .addthis_32x32_style .at15t_reddit{
background-position:0 -608px!important;
}
#video_view .addthis_32x32_style .at15t_facebook{
background-position:0 -160px!important;
}
#video_view .addthis_32x32_style .at15t_twitter{
background-position:0 -704px!important;
}
#video_view .addthis_32x32_style .at15t_tumblr{
background-position:0 -672px!important;
}
#video_view .addthis_32x32_style .at15t_compact{
background-position:0 -416px!important;
}
#video_view .addthis_32x32_style .dummy .at300bs,.addthis_32x32_style .at300bs,.addthis_32x32_style .at15t{
background:url("/images/widget015_32x32_top.png") no-repeat left;
}
#video_view .at_a11y{
display:none;
}
#video_view .video_actions_embed .popover{
max-width:400px;
}
#video_view .video_actions_embed .popover-content{
padding:0;
width:300px;
}
#video_view .video_actions_embed .video_embed_code{
padding:0.25em;
color:#888;
clear:both;
overflow:hidden;
width:98%;
}
#video_view .video_stats{
display:table-cell;
text-align:right;
font-size:.9em;
}
#video_view .video_stats > li.video_watching{
color:rgb(162,183,58);
cursor:default;
}
#video_view .video_share{
padding:10px 15px;
background-color:#fff;
margin-top:1px;
}
#video_view .video_share > ul{
font-size:0;
display:inline-block;
vertical-align:middle;
}
#video_view .video_share > ul > li{
display:inline-block;
margin-right:5px;
}
#video_view .video_share > ul > li.video_share_whatsapp{
display:none;
}
#video_view .video_share > ul .video_share > .btn{
font-size:.8em;
border:none;
display:block;
text-align:left;
}
#video_view .video_share > ul > li i{
font-size:1.1em;
margin-right:3px;
}
#video_view .video_share > ul > li a{
display:block;
border-radius:50px;
opacity:.7;
}
#video_view .video_share > ul a:hover{
opacity:1;
}
#video_view .video_share > ul a,
#video_view .video_share > ul a:active,
#video_view .video_share > ul a:hover,
#video_view .video_share > ul a:focus{
outline:none;
color:inherit;
text-decoration:none;
padding:15px 20px;
border:none;
}
#video_view .video_share > ul > li.video_share_reddit{
display:none;
}
#video_view .video_share_reddit_widget{
display:inline-block;
vertical-align:middle;
margin:1px 4px 0 0;
}
#video_view .video_share_reddit_widget iframe{
display:inline-block;
vertical-align:middle;
}
#video_view .video_reddit_source{
display:inline-block;
vertical-align:middle;
font-size:.8em;
color:#999;
margin-top:-1px;
margin-left:5px;
}
#video_view .video_likes,
#video_view .video_tips{
padding:15px;
background-color:#fff;
margin-top:1px;
}
#video_view .comments{
padding:15px;
margin-top:1px;
background-color:#fff;
}
#video_view .video_embeds{
font-size:1.1em;
padding:15px;
margin-top:10px;
background-color:#fff;
}
#video_view .video_headline{
margin-bottom:1em;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
letter-spacing:1px;
color:#ccc;
}
#video_view .video_embeds a{
color:#ccc;
}
#video_view .video_embeds a:hover{
color:#999;
}
#video_view .video_embeds .num{
float:right;
width:100px;
font-size:.8em;
color:#ccc;
}
#video_view .video_embeds .text{
display:inline-block;
font-size:.8em;
color:#aaa;
max-width:375px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
#video_view .video_embeds_headline span{
font-weight:normal;
color:#999;
}
#video_view .video_embeds .video_headline{
margin-bottom:.5em;
}
#video_view .video_embed_referrers{
max-width:300px;
}
#video_view .video_deletelink{
padding:2em;
margin-top:2px;
background-color:#25E3FB;
}
#video_view .video_deletelink_help{
margin-top:1em;
}
#video_view .video_deletelink_info span{
padding:.25em .4em;
background-color:rgba(255,255,255,.5);
word-wrap:break-word;
}
#video_view .video_footer{
padding:2em 0 4em 0;
}
#video_view #video_player.vjs-fullscreen{
max-width:100%;
}
#video_view .video_nav{
display:table;
border-spacing:10px;
padding:5px;
border-collapse:separate;
background-color:#fff;
width:100%;
}
#video_view .video_nav > li{
display:table-cell;
}
#video_view .video_nav > li > a{
display:block;
padding:10px;
text-align:center;
font-weight:bold;
border:1px solid rgba(103,58,183,.3);
border-radius:4px;
text-decoration:none;
-webkit-user-select:none;
-moz-user-select:none;
}
#video_view .video_nav > li > a:hover{
border-color:#673AB7;
}
#video_view .video_nav > li.next{
width:50%;
}
#video_view .video_nav > li.share{
width:50%;
}
#video_view .gutter_label{
font-weight:bold;
text-transform:uppercase;
font-size:11px;
letter-spacing:1px;
color:#ccc;
}
#video_view .gutter_label a{
font-weight:bold;
}
#video_view .video_suggestions{
background-color:#fff;
padding:15px;
padding-top:0;
}
#video_view .video_suggestions li{
display:block;
overflow:hidden;
margin-top:10px;
}
#video_view .video_suggestions li + li{
}
#video_view .video_suggestions li > a{
display:block;
overflow:hidden;
color:#777;
text-decoration:none;
}
#video_view .video_suggestions li > a:hover{
color:#555;
}
#video_view .video_suggestions .thumb{
background-color:#eee;
width:160px;
height:90px;
float:left;
margin-right:10px;
position:relative;
}
#video_view .video_suggestions .thumb img,
#video_view .video_suggestions .thumb .img{
width:100%;
height:90px;
background-size:cover;
}
#video_view .video_suggestions .nsfw{
position:absolute;
top:0;
left:0;
color:#FF5151;
font-size:.9em;
background-color:rgba(0,0,0,0.8);
padding:.25em .5em;
width:100%;
height:100%;
line-height:85px;
text-align:center;
font-weight:bold;
}
#video_view .video_suggestions .duration{
display:none;
position:absolute;
background-color:rgba(0,0,0,.7);
color:rgba(255,255,255,.8);
bottom:0;
right:0;
padding:2px 5px;
font-size:11px;
}
#video_view .video_suggestions .thumb_info{
overflow:hidden;
line-height:1em;
}
#video_view .video_suggestions .title > a{
color:#333;
font-size:.9em;
line-height:1.2em;
font-weight:bold;
}
#video_view .video_suggestions .owner > a{
display:inline-block;
margin-top:2px;
color:#999;
font-size:.85em;
}
#video_view .video_suggestions .views{
margin-top:2px;
color:#ccc;
font-size:.8em;
}
.device-ios #video_view .appstore li.android{
display:none;
}
.device-android #video_view .appstore li.ios{
display:none;
}
.device-ios #video_view .video_actions_download{
display:none;
}
@media (max-width:1400px){
body.gutter-active #video_view .gutter{
width:100%;
position:relative;
top:0;
right:0;
left:0;
margin:0;
}
body.gutter-active #video_view > .inner{
padding-right:0;
float:none;
width:auto;
}
}
@media (max-width:1200px){
#video_view .gutter .video_share{
background-color:transparent;
padding:0;
}
#video_view .video_info .video_apps a{
display:inline-block;
width:200px;
height:70px;
}
}
@media (max-width:979px){
#video_view{
padding:10px 0 0 0;
}
#video_view .gutter{
width:100%;
position:relative;
top:0;
right:0;
left:0;
margin:0;
}
#video_view .gutter .video_nav,
#video_view .gutter .gutter_label{
display:none;
}
#video_view .gutter .video_suggestions{
padding-top:15px;
}
#video_view > .inner{
padding-right:0;
float:none;
width:auto;
}
#video_view .player{
width:100%;
float:none;
}
#video_view .video_info3{
display:block;
padding:0 15px;
background-color:#fff;
}
#video_view .video_actions{
display:inline-block;
vertical-align:middle;
margin-right:15px;
}
#video_view .video_stats{
display:inline-block;
vertical-align:middle;
text-align:left;
white-space:nowrap;
}
#video_view .video_stats > li{
margin-left:0;
margin-right:10px;
padding:10px 0;
}
#video_view .video_share{
padding-top:0;
margin-top:0;
}
#video_view .video_actions a.action:not(.btn){
padding:10px 10px 10px 0;
}
#video_view .video_actions li.video_actions_embed{
display:none;
}
#video_view .video_info .video_modinfo{
display:none;
}
#video_view .video_apps{
background-color:transparent;
}
#video_view .inner .video_apps{
display:block;
text-align:center;
border:none;
margin-top:0;
padding-bottom:20px;
}
#video_view .video_apps img{
width:170px;
}
}
@media (max-width:767px){
.pg-video-view .content,.pg-video-view .main,#video_view{
padding:0;
}
body.pg-video-view > .main,
body.pg-video-view > .main > .container,
body.pg-video-view .content_wrapper{
padding:0;
}
.pg-video-view .content_wrapper{
margin-top:0;
padding-top:3em;
}
#video_view > .inner{
float:none;
width:auto;
}
#video_view .progress_wrapper{
margin-top:0em;
padding:50px;
background-color:#444;
border-top:2px solid #333;
}
#video_view .progress{
margin:1em 0 0 0;
background-color:#333;
}
#video_view .video_share_prompt{
display:block;
border-radius:0;
font-size:.9em;
margin-top:0;
}
#video_view .video_share_prompt:after{
left:65px;
}
#video_view .video_share_prompt .dismiss{
display:none;
}
#video_view .video_share > ul{
display:table;
width:100%;
}
#video_view .video_share > ul > li{
display:table-cell;
width:16.66666%;
padding:0 3px;
}
#video_view .video_share > ul > li:first-child{
padding-left:0;
}
#video_view .video_share > ul > li:last-child{
padding-right:0;
}
#video_view .video_share > ul > li.video_share_whatsapp{
display:table-cell;
}
#video_view .video_share > ul > li.video_share_reddit{
display:table-cell;
}
#video_view .video_share_reddit_widget{
display:none;
}
#video_view .video_youtube{
margin-top:10px;
}
#video_view .video_title{
text-align:left;
font-size:1.1em;
float:none;
margin-bottom:5px;
}
#video_view .video_author > a{
color:#777;
}
#video_view .video_stats > li{
}
#video_view .video_description{
unicode-bidi:embed;
font-size:.9em;
}
#video_view .video_description_wrapper{
padding-top:10px;
}
#video_view .player{
margin-top:0;
}
#video_view .video_actions .video_actions_share{
display:none;
}
}
@media (max-width:481px){
#video_view .video_reddit_source{
display:none;
}
}
.video_likes > ul{
font-size:0;
}
.video_likes > ul > li{
display:inline-block;
vertical-align:middle;
margin:0 2px 2px 0;
}
.video_likes > ul a{
display:block;
color:#ccc;
}
.video_likes > ul img,
.video_likes > ul .img{
width:24px;
height:24px;
border-radius:20px;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}
.video_likes > ul .more{
margin-left:4px;
font-size:9pt;
color:#ccc;
}
.video_likes > ul .more a{
cursor:pointer;
}
#video_view .video_tips{
margin-bottom:-1px;
padding-bottom:0;
}
.video_tips > ul{
font-size:0;
}
.video_tips > ul > li{
display:inline-block;
vertical-align:middle;
margin:0 4px 6px 0;
}
.video_tips > ul a{
display:block;
border-radius:50px;
background-color:#e5f7eb;
line-height:30px;
}
.video_tips > ul img,
.video_tips > ul .img{
display:inline-block;
vertical-align:middle;
width:32px;
height:32px;
border-radius:30px;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}
.video_tips .amount{
display:inline-block;
vertical-align:middle;
color:#35b110;
font-size:10pt;
padding:0 8px 0 5px;
}
.video_tips .become-supporter{
color:#fff;
font-weight:bold;
font-size:9pt;
}
.video_tips .become-supporter > a{
padding:0 15px;
border:1px solid rgba(103,58,183,0.3);
background-color:transparent;
text-decoration:none;
}
.video_tips .become-supporter > a:hover{
border:1px solid rgba(103,58,183,1);
}
.tip-modal .tip-amounts{
overflow:hidden;
margin-bottom:10px;
}
.tip-modal .tip-amounts a{
float:left;
width:20%;
font-size:1.2em;
border:1px solid rgba(103,58,183,0.3);
font-weight:bold;
text-align:center;
margin:0 5px 5px 0;
padding:.5em 0;
}
.tip-modal .tip-amounts a.btn:hover{
border-color:#673AB7;
color:#673AB7;
}
.tip-modal .input-prefix{
display:inline-block;
vertical-align:middle;
font-size:1.1em;
}
.tip-modal input[type="number"]{
display:inline-block;
vertical-align:middle;
width:200px;
}
.tip-modal .modal-help{
margin-bottom:1em;
}
.gutter > .das-desktop-square{
height:auto;
margin:15px auto;
display:none;
width:auto;
background-color:#fff;
text-align:center;
}
@media (max-width:767px){
.gutter > .das-desktop-square{
background-color:transparent;
}
.footer > .das-mobile-rect{
width:100%;
display:none;
text-align:center;
bottom:0px;
}
}