body.pg-video-view{
background-color:#f5f5f5;}
.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: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{
max-width:1200px;
margin:0px auto;
padding:1em;}
#video_view .gutter{
position:absolute;
width:350px;
top:20px;
right:40px;}
#video_view > .inner{
overflow:visible !important;
margin:0 auto;
padding-right:370px;}
#video_view .progress_wrapper{
position:relative;
padding:200px;
background-color:#222;
margin-top:0;
text-align:center;}
#video_view .loading{
position:absolute;
left:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);}
#video_view .dot{
width:10px;
height:10px;
border:2px solid white;
border-radius:50%;
float:left;
margin:0 5px;
-webkit-transform:scale(0);
transform:scale(0);
-webkit-animation:fx 1000ms ease infinite 0ms;
animation:fx 1000ms ease infinite 0ms;}
#video_view .dot:nth-child(2){
-webkit-animation:fx 1000ms ease infinite 300ms;
animation:fx 1000ms ease infinite 300ms;}
#video_view .dot:nth-child(3){
-webkit-animation:fx 1000ms ease infinite 600ms;
animation:fx 1000ms ease infinite 600ms;}
@-webkit-keyframes fx{
50%{
-webkit-transform:scale(1);
transform:scale(1);
opacity:1;}
100%{
opacity:0;}}
@keyframes fx{
50%{
-webkit-transform:scale(1);
transform:scale(1);
opacity:1;}
100%{
opacity: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;
padding:25px;}
#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_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,0.05);
text-align:center;}
#video_view .inner .video_apps{
display:none;}
#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 .player-container{
width:100%;
height:100%;
max-height:72vh;
overflow:hidden;}
#video_view #video_player{
width:100%;
height:100%;
max-height:72vh;
margin:0 auto;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;}
#video_view #video_player_scrub_preview{
border:1px solid #111;
padding:2px;
border-radius:4px;
background-color:#222;
background-size:cover;}
#video_view .player{
overflow:hidden;
width:100%;
height:100%;
max-height:70vh;
background-color:#000;
position:relative;}
#video_view .collapsed{
overflow:hidden;
width:100%;
height:0px;}
#video_view .yt_embed #video_player{
height:100%;
max-height:72vh;}
#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,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.3em;
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 .description-toggle{
display:none;
position:absolute;
width:27px;
height:27px;
right:18px;
top:16px;
opacity:.5;
user-select:none;}
#video_view .description-toggle > a{
padding:10px;}
#video_view .description-toggle svg{
margin-right:5px;
fill:#aaa;}
#video_view .description-toggle.expanded svg{
margin-right:5px;
transform:none;
transform:rotate(180deg);}
#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;
overflow:hidden;
position:relative;}
#video_view .video_description_wrapper_truncated{
max-height:250px;}
#video_view .video_description_wrapper_expanded .video_description_more{
height:25px;
margin-top:5px;
position:static;
top:0px;
border-top:1px solid #efefef;}
#video_view .video_description_more{
width:100%;
height:50px;
padding-top:5px;
background:white;
text-align:center;
color:#ccc;
font-size:.9em;
cursor:pointer;
position:absolute;
top:200px;
left:0;}
#video_view .video_description_more:hover{
color:#888;}
.video_description_more_border_top_truncated{
position:absolute;
top:-60px;
left:15px;
right:15px;
padding:30px 0;
background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,white 100%);}
#video_view .video_description_more_text{
display:inline-block;
vertical-align:middle;
margin-right:5px;}
#video_view .video_description_more_text + i{
display:inline-block;
vertical-align:middle;
color:#ddd;}
#video_view .video_description_more:hover i{
display:inline-block;
vertical-align:middle;
color:#bbb;}
#video_view .video_description a{
color:inherit;
text-decoration:underline;}
#video_view .video_info2{
display:block;
font-weight:normal;
font-size:1.1em;
padding:15px;
background-color:#fff;
overflow:hidden;
position:relative;
margin-top:1px;
z-index:1;}
#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:#bbb;
border-radius:2px;
font-size:.8em;
margin-right:.4em;
display:inline-block;
text-decoration:none;}
#video_view .video_sub_only{
color:#bbb;
border-radius:2px;
font-size:.8em;
margin-right:.25em;
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_info .video_platform .timestamp{
cursor:pointer;}
#video_view .video_info2 .video_author_username{
display:inline-block;
vertical-align:middle;
margin-left:5px;
color:#333;}
#video_view .video_info2 .video_stats{
display:none;
text-align:left;}
#video_view .video_info2 .video_stats > li{
display:inline-block;
vertical-align:middle;
font-size:.85em;
color:#aaa;
margin-right:.5em;}
#video_view .video_info3 .video_stats > li{
display:inline-block;
vertical-align:middle;
color:#999;
margin-left:10px;}
#video_view .video_author_wrapper > *{
display:inline-block;
vertical-align:middle;}
#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:.3em;}
#video_view .video_author:hover .video_author_username{
text-decoration:underline;}
#video_view .video_author .video_author_badge{
display:inline-block;
width:12px;
height:12px;
background-size:cover;
margin:0 0 -2px 0;}
#video_view .video_author .video_author_badge.featured{
background-image:url("/images/badges/featured.svg");}
#video_view .video_author .video_author_badge.verified{
background-image:url("/images/badges/verified.svg");}
#video_view .video_author_wrapper .video_author_username{
display:inline-block;
vertical-align:middle;
font-weight:500;
color:#555;
font-size:.85em;
display:inline-block;
vertical-align:middle;}
#video_view .video_author_wrapper .btn{
display:inline-block;
vertical-align:middle;
margin:1px 0 0 0;
border:none;
border-radius:50px;
padding:.25em 1em;
font-weight:500;
font-size:.7em;
line-height:16px;}
#video_view .video_subscribe .btn{
color:#fff;
background:linear-gradient(to left,#9f2af8,#f82a53);
border:none;
line-height:20px;}
#video_view .video_follow{
margin-right:.25em;}
#video_view .video_follow .btn{
background:transparent;
border:1px solid rgba(248,42,83,0.3);
color:#f82a53;}
#video_view .video_author_wrapper .btn.user_notify{
border-color:#ddd;
color:#777;
border-radius:50px;
background-color:#fff;}
#video_view .video_author_wrapper .btn.user_notify i{
font-size:1.1em;}
#video_view .video_author_wrapper .btn.user_notify i.fa-bell{
display:none;}
#video_view .video_author_wrapper .btn.user_notify.notified i.fa-bell-o{
display:none;}
#video_view .video_author_wrapper .btn.user_notify.notified i.fa-bell{
display:inline;}
#video_view .video_author_wrapper .btn.user_notify:hover{
background-color:#e6e6e6;}
#video_view .video_author_wrapper .btn.following,
#video_view .video_author_wrapper .btn.notified{
background-color:transparent;
color:#f82a53;
border:1px solid rgba(248,42,83,0.3);}
#video_view .video_author_wrapper .btn.subscribed{
border:1px solid rgba(248,42,83,0.3);
background:none;
color:#f82a53;}
#video_view .video_author_wrapper .btn.notified:hover,
#video_view .video_author_wrapper .btn.following:hover{
border-color:#f82a53;}
#video_view .video_info3{
display:table;
width:100%;
padding:0 15px;
background-color:#fff;}
#video_view .video_actions{
display:table-cell;
white-space:nowrap;
font-size:.9em;}
#video_view .video_actions > li{
display:inline-block;
vertical-align:middle;
margin-right:10px;}
#video_view .video_actions a.action{
float:left;
text-align:center;
padding:15px 0;
font-weight:500;
color:#f82a53;
text-decoration:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;}
#video_view .video_actions a.action .text{
display:inline-block;
vertical-align:middle;
color:#aaa;}
#video_view .video_actions a.action:hover .text{
color:#555;}
#video_view .video_actions a.action .num{
display:inline-block;
vertical-align:middle;
font-weight:bold;
background-color:rgba(75,183,167,0.09);
color:#4bb7a7;
padding:0 5px 1px;
border-radius:3px;
margin-top:-1px;}
#video_view .video_actions a.action svg{
display:inline-block;
vertical-align:middle;
height:auto;
fill:#999;
width:13px;}
#video_view .video_actions a.action:hover svg{
fill:#555;}
#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_upvote a.action svg{
width:15px;}
#video_view .video_actions_tip a.action svg{
width:14px;}
#video_view .video_actions_sharebutton a.action svg{
width:14px;}
#video_view .video_actions_addto a.action svg{
width:10px;}
#video_view .video_actions_more a.action svg{
width:13px;}
#video_view .video_actions_more.open > a:after{
border-top-color:#333;}
#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:#a2b73a;
cursor:default;}
#video_view .video_share{
padding:15px;
background-color:#fff;
margin-top:1px;
display:none;}
#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;}
#video_view .video_share > ul a:hover{
opacity:.8;}
#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,
#video_view .comments{
padding:0 15px 15px 15px;
background-color:#fff;}
#video_view .comments{
padding-bottom:15px;}
#video_view .comments-disabled{
display:none;}
#video_view .video_headline{
margin-bottom:1em;
font-weight:500;
font-size:11pt;
color:#555;
cursor:pointer;}
#video_view .video_headline .caret{
display:none;
opacity:.5;}
#video_view .video_headline:hover .caret{
opacity:1;}
#video_view .comment_parent{
display:none;}
#video_view .video_deletelink{
padding:15px;
background-color:#25E3FB;
margin-top:0;}
#video_view .video_deletelink a{
color:inherit;
font-weight:bold;
text-decoration:underline;}
#video_view .video_deletelink_help{
margin-top:1em;}
#video_view .video_deletelink_info span{
padding:.25em .4em;
background-color:#97f3ff;
word-wrap:break-word;}
#video_view .video_footer{
padding:2em 0 4em 0;}
#video_view #video_player.vjs-fullscreen{
max-width:100%;
max-height:100%;}
#video_view #video_player.vjs-fullscreen .vjs-control-bar{
max-width:100%;}
#video_view .gutter_label{
font-weight:bold;
text-transform:uppercase;
font-size:11px;
letter-spacing:1px;
color:#777;}
#video_view .gutter_label a{
font-weight:bold;}
#video_view .video_suggestions{
background-color:#fff;
padding:15px;}
#video_view .video_suggestions li{
display:block;
overflow:hidden;
margin-top:10px;}
#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:#f5f5f5;
width:120px;
height:67px;
float:left;
margin-right:10px;
position:relative;
overflow:hidden;}
#video_view .video_suggestions .thumb img,
#video_view .video_suggestions .thumb .img{
min-height:100%;
min-width:100%;
max-width:100%;
background-size:cover;}
#video_view .video_suggestions .thumb > a{
display:block;
background-color:#f5f5f5;}
#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,0.7);
color:rgba(255,255,255,0.8);
bottom:0;
right:0;
padding:2px 5px;
font-size:9px;}
#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;
display:none;}
#video_view .dfp-unit-wrapper{
padding:0;
background-color:#fff;
margin-top:2px;
overflow:hidden;}
#video_view .dfp-unit > div{
margin:15px;}
#video_view .fb-audience-wrapper > div{
border:none;}
#video_view .sort_comments{
display:block;
margin-top:-.5em;
margin-bottom:1em;}
#video_view .sort_comments > *{
display:inline-block;
vertical-align:middle;}
#video_view .sort_comments_button .btn-xs{
color:#999;
background-color:transparent;
border:none;
padding-left:0px;}
#video_view .sort_comments_button .btn-xs:hover{
border:none;
color:#555;}
#video_view .js-gutter-empty{
display:none;}
.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:static;
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){
body.pg-video-view{
background-color:#fff;}
#video_view{
position:static;
padding:0;}
#video_view .video_info{
border-bottom:1px solid #eee;}
#video_view .gutter{
width:100%;
position:static;
top:0;
right:0;
left:0;
margin:0;}
#video_view .gutter .gutter_label{
display:none;}
#video_view .gutter .video_suggestions{
border:none;
padding:0;}
#video_view .gutter .video_suggestions li:first-child{
margin-top:15px;}
#video_view .video_suggestions li{
margin:10px 15px 15px 15px;}
#video_view .gutter + div{
border-top:1px solid #eee;
padding-top:15px;}
#video_view > .inner{
padding-right:0;
float:none;
width:auto;}
#video_view .player{
width:100%;
float:none;}
#video_view .video_share{
padding-top:0;
margin-top:0;}
#video_view .video_actions li.video_actions_embed,
#video_view .video_actions li.video_actions_addto{
display:none;}
#video_view .fb-audience-wrapper{
border-top:1px solid #eee;}
#video_view .fb-audience-wrapper > div{
background-color:#f5f5f5;}
#video_view .fb-audience .adnwBanner{
margin:10px auto;}
#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;
background-color:#f5f5f5;}
#video_view .video_apps img{
width:170px;}}
@media (min-width:768px){
.navbar-header .video_header_next{
display:none;}}
@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 .header .navbar-toggle-search{
display:none !important;}
.pg-video-view .content_wrapper{
margin-top:0;
padding-top:3em;}
.navbar-header .video_header_next{
position:absolute;
top:18px;
right:12px;
font-weight:bold;
font-size:12px;
z-index:9999999;}
.navbar-header .video_header_next > a{
color:#999;}
.navbar-header .video_header_next > a:hover{
color:#fff;}
.navbar-header .video_header_next .js-next-video{
display:inline !important;}
.navbar-header .video_header_next > a > i{
margin-left:8px;}
#video_view > .inner{
float:none;
width:auto;}
#video_view .progress_wrapper{
margin-top:0em;
padding:50px;
border-top:2px solid #333;}
#video_view .progress{
margin:1em 0 0 0;
background-color:#333;}
#video_view .video_deletelink_info span{
padding:2px 0;}
#video_view .video_info2 .video_stats{
display:none;
margin-top:.5em;}
#video_view .video_info2 .video_stats.expanded{
display:block;}
#video_view .video_author_wrapper .video_author_username{
font-size:.8em;}
#video_view .video_info3{
display:block;
padding:0;}
#video_view .video_info3 .video_stats{
display:none;}
#video_view .video_actions{
display:table;
width:100%;
border-bottom:1px solid #eee;}
#video_view .video_actions > li{
display:table-cell;
position:relative;
width:25%;
height:35px;
margin:0;}
#video_view .video_actions a.action{
display:block;
position:absolute;
top:0;
width:100%;
height:100%;
text-align:center;
float:none;
padding:.6em 5px;
border-right:1px solid #eee;
text-decoration:none;}
#video_view .video_actions a.action .text{
display:none;}
#video_view .video_actions a.action svg{
width:20px;}
#video_view .video_actions > li:last-child a.action{
border-right:none;}
#video_view .video_actions a.action:hover,
#video_view .video_actions a.action:active{
background-color:#eee;}
#video_view .video_actions_more a.action svg{
margin-top:3px;}
#video_view .video_actions_more > a.action .text{
display:none;}
#video_view .video_actions a.action .num{
margin:1px 0 0 0;}
#video_view .video_actions_more > a:after{
position:static;
display:inline-block;
margin:0 0 -6px 1px;
border-width:6px;}
#video_view .video_share > ul{
width:100%;}
#video_view .video_share > ul > li{
width:40px;
margin-bottom:5px;}
#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:inline-block;}
#video_view .video_share > ul > li.video_share_reddit{
display:inline-block;}
#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;
padding-right:20px;
cursor:pointer;}
#video_view .description-toggle{
display:block;}
#video_view .video_author > a{
color:#777;}
#video_view .video_category{
display:none;}
#video_view .dfp-unit-wrapper{
background-color:#f5f5f5;
padding:0;}
#video_view .ga-unit-wrapper > div,
#video_view .fb-audience-wrapper > div{
border-top:1px solid #eee;}
#video_view .dfp-unit-wrapper + div,
#video_view .fb-audience-wrapper + div{
padding-top:15px;}
#video_view .fb-audience .adnwBanner{
margin:10px auto 5px auto;}
#video_view .dfp-unit{
width:320px;
margin:0 auto;
display:none;}
#video_view .video_description{
unicode-bidi:embed;
font-size:.9em;}
#video_view .video_description_wrapper{
display:none;
padding-top:0;
margin-top:0;}
#video_view .fb-audience-wrapper + .video_description_wrapper{
padding-top:0;}
#video_view .video_description_wrapper.expanded{
display:block;}
#video_view .player{
margin-top:0;}
#video_view .video_actions .video_actions_share{
display:none;}
#video_view .video_actions_more .dropdown-menu{
float:right;
right:0;
left:auto;}
#video_view .video_headline{
margin-bottom:.5em;}
#video_view .video_headline .caret{
display:inline-block;}
#video_view .video_headline:not(.expanded){
margin-bottom:0;}
#video_view .video_headline.expanded .caret{
transform:rotate(180deg);}
#video_view .contents{
display:none;}
#video_view .contents.expanded{
display:block;}
#video_view .video_suggestions .thumb{
width:120px;
height:67px;}
#video_view .video_suggestions .owner > a{
font-size:.8em;}}
@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{
position:relative;
display:block;
color:#ccc;
background-color:#f5f5f5;
border-radius:20px;
width:24px;
height:24px;
border:none;}
.video_likes > ul > li > .like-subscriber:after{
display:block;
content:'';
line-height:9px;
width:12px;
height:12px;
background-image:url("/images/emojis/heart.svg?c=2017-04-13");
background-repeat:no-repeat;
background-size:12px 12px;
background-position:center;
background-color:transparent;
position:absolute;
bottom:0;
right:-4px;}
.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;
border-radius:0;
background-color:transparent;
width:auto;
height:auto;}
.video_tips > ul{
font-size:0;}
.video_tips > ul > li{
display:inline-block;
vertical-align:middle;
margin:0 4px 6px 0;
overflow:hidden;}
.video_tips > ul > li > .tip-subscriber > img:after,
.video_tips > ul > li > .tip-subscriber > .img:after{
display:block;
content:'';
line-height:9px;
width:17px;
height:17px;
background-image:url("/images/emojis/heart.svg");
background-repeat:no-repeat;
background-size:17px 17px;
background-position:center;
background-color:transparent;
position:absolute;
bottom:0;
right:-4px;}
.video_tips > ul a{
display:block;
border-radius:50px;
background-color:#e5f7eb;
line-height:30px;
position:relative;}
.video_tips > ul img,
.video_tips > ul .img{
position:relative;
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:#4bb7a7;
font-size:10pt;
padding:0 8px 0 5px;}
.video_tips .amount.shimmer{
color:rgba(53,177,16,0.3);}
.video_tips .become-tipper > a{
padding:0 15px;
background-color:transparent;
border:1px solid rgba(248,42,83,0.3);
color:#f82a53;
font-size:9pt;}
.video_tips .become-tipper > a:hover{
border-color:#f82a53;}
.video_tips.video_tips_description_long{
padding-top:15px !important;}
.shimmer{
background:-webkit-gradient(linear,left top,right top,from(#35b110),to(#35b110),color-stop(0.5,#fff));
background:-moz-gradient(linear,left top,right top,from(#35b110),to(#35b110),color-stop(0.5,#fff));
background:gradient(linear,left top,right top,from(#35b110),to(#35b110),color-stop(0.5,#fff));
-webkit-background-size:125px 100%;
-moz-background-size:125px 100%;
background-size:125px 100%;
-webkit-background-clip:text;
-moz-background-clip:text;
background-clip:text;
-webkit-animation-name:shimmer;
-moz-animation-name:shimmer;
-webkit-animation-name:shimmer;
animation-name:shimmer;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-webkit-animation-duration:2s;
animation-duration:2s;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
background-repeat:no-repeat;
background-position:0 0;
background-color:#222;}
@-moz-keyframes shimmer{
0%{
background-position:top left;}
100%{
background-position:top right;}}
@-webkit-keyframes shimmer{
0%{
background-position:top left;}
100%{
background-position:top right;}}
@-o-keyframes shimmer{
0%{
background-position:top left;}
100%{
background-position:top right;}}
@-ms-keyframes shimmer{
0%{
background-position:top left;}
100%{
background-position:top right;}}
@keyframes shimmer{
0%{
background-position:top left;}
100%{
background-position:top right;}}
.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(248,42,83,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:#f82a53;
color:#f82a53;}
.tip-modal .input-prefix{
display:inline-block;
vertical-align:middle;
font-size:1.1em;}
.tip-modal #custom_input_field{
margin-bottom:20px;
margin-top:10px;}
.tip-modal input[type="number"]{
display:inline-block;
vertical-align:middle;
width:170px;
font-size:1.8rem;
height:4rem;}
.tip-modal #custom_input_field .input-prefix{
font-size:1.8rem;
height:4rem;
vertical-align:middle;
line-height:4rem;}
.tip-modal .modal-help{
margin-bottom:1em;}
.tip-modal .powered-stripe{
position:fixed;
bottom:15px;
right:15px;}
.tip-modal .tips-button{
margin-bottom:1em;
width:100%;}
.tip-modal .price-breakdown{
display:table;
width:260px;
margin-top:10px;
margin-bottom:10px;}
.tip-modal .price-breakdown .row{
display:table-row;}
.tip-modal .price-breakdown .row .username{
text-overflow:ellipsis;
font-weight:bold;}
.tip-modal .price-breakdown .row .col{
display:table-cell;}
.tip-modal .price-breakdown .row .amount{
text-align:right;}
.tip-modal .price-breakdown i{
cursor:pointer;}
.gutter > .das-desktop-square{
height:auto;
margin:15px auto;
display:none;
width:auto;
background-color:#fff;
text-align:center;}
@media (min-width:768px){
.device-desktop .das-desktop-square{
height:auto;
margin-top:15px;
padding-top:15px;
padding:0px !important;}}
@media (max-width:767px){
.gutter > .das-desktop-square{
background-color:transparent;}
.footer > .das-mobile-rect{
width:100%;
display:none;
text-align:center;
bottom:0px;}
.tip-modal .powered-stripe{
display:none;}}
canvas{
display:block;
position:fixed;
width:100%;
height:100%;
z-index:9999;
pointer-events:none;
background:transparent;}