.video-js{
font-size:10px;
color:#fff;}
.vjs-sublime-skin .vjs-big-play-button{
font-size:8em;
line-height:1.5em;
height:1.5em;
width:3em;
border:0;
border-radius:0.3em;
left:50%;
top:50%;
margin-left:-1.5em;
margin-top:-0.75em;}
.video-js .vjs-control-bar,
.video-js .vjs-big-play-button,
.video-js .vjs-menu-button .vjs-menu-content{
background-color:#2B333F;
background-color:rgba(43,51,63,0.7);
background-color:transparent;}
.video-js .vjs-slider{
background-color:#73859f;
background-color:rgba(115,133,159,0.5);
background-color:rgba(255,255,255,0.3);
border-radius:2px;}
.video-js .vjs-volume-level,
.video-js .vjs-play-progress,
.video-js .vjs-slider-bar{
background:#fff;}
.video-js .vjs-load-progress{
background:#bfc7d3;
background:rgba(115,133,159,0.5);}
.video-js .vjs-load-progress div{
background:white;
background:rgba(115,133,159,0.75);}
.vjs-sublime-skin .vjs-poster{
outline:none;
outline:0;}
.vjs-sublime-skin:hover .vjs-big-play-button{
background-color:transparent;}
.vjs-sublime-skin .vjs-fullscreen-control:before,.vjs-sublime-skin.vjs-fullscreen .vjs-fullscreen-control:before{
content:'';}
.vjs-sublime-skin .vjs-fullscreen-control{
border:3px solid #fff;
box-sizing:border-box;
cursor:pointer;
margin-top:-7px;
top:50%;
height:14px;
width:22px;
margin-right:10px;}
.vjs-sublime-skin.vjs-fullscreen .vjs-fullscreen-control:after{
background:#000;
content:"";
display:block;
position:absolute;
bottom:0;
left:0;
height:5px;
width:5px;}
.vjs-sublime-skin .vjs-progress-holder{
margin:0;}
.vjs-sublime-skin .vjs-progress-control .vjs-progress-holder:after{
border-radius:2px;
display:block;
height:4px;}
.vjs-sublime-skin .vjs-progress-control .vjs-load-progress,.vjs-sublime-skin .vjs-progress-control .vjs-play-progress{
border-radius:2px;
height:4px;}
.vjs-sublime-skin .vjs-playback-rate{
display:none;}
.vjs-sublime-skin .vjs-menu-button .vjs-menu-content,
.vjs-sublime-skin .vjs-menu-button-inline:hover,
.vjs-sublime-skin .vjs-menu-button-inline:focus,
.vjs-sublime-skin .vjs-menu-button-inline.vjs-slider-active{
width:3em;}
.vjs-sublime-skin .vjs-mouse-display:before,
.vjs-sublime-skin .vjs-play-progress:before{
content:'';}
.video-js{
width:100% !important;
font-size:9pt;
}
.video-js:not(.vjs-fullscreen):hover .vjs-control-bar{
opacity:1 !important;
}
.video-js.vjs-user-active{
transition:none !important;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{
transition:visibility .2s,opacity .2s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing.vjs-fullscreen .vjs-control-bar{
transition:visibility .2s,opacity .2s;
-webkit-transition-delay:1.5s;
transition-delay:1.5s;
}
.video-js .vjs-tech{
position:static;
}
.video-js.vjs-fullscreen .vjs-control-bar{
z-index:11111;
}
.video-js.vjs-fullscreen video.vjs-tech{
height:100% !important;
max-height:100% !important;
}
.video-js .vjs-progress-control .vjs-mouse-display{
background-color:transparent;
z-index:100000;
margin-left:-5px;
}
.video-js .vjs-progress-control .vjs-mouse-display:after{
top:-2em;
padding:3px 6px 3px 6px;
transform:none;
font-size:9pt !important;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display,
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after{
opacity:1;
visibility:visible;
}
.video-js .vjs-control-bar{
margin-bottom:5px;
bottom:0;
}
.vjs-sublime-skin .vjs-volume-control{
width:3em;
margin-left:10px;
}
.vjs-sublime-skin .vjs-progress-holder{
height:20px;
background-color:transparent;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-tooltip-progress-bar,
.video-js .vjs-progress-holder .vjs-load-progress div{
margin-top:8px;
}
.video-js .vjs-progress-holder .vjs-play-progress{
background-color:#f72652;
}
.video-js .vjs-progress-holder .vjs-load-progress{
height:4px !important;
background-color:rgba(255,255,255,.5);
}
.video-js .vjs-progress-control:hover .vjs-play-progress:after{
display:none;
}
.video-js .vjs-progress-holder .vjs-load-progress div{
display:none !important;
}
.video-js .vjs-control-bar .vjs-current-time-display{
display:none;
}
.pg-clip .video-js .vjs-control-bar .vjs-current-time{
display:inline-block;
}
.pg-clip .video-js .vjs-control-bar .vjs-current-time-display{
display:inline-block;
}
.video-js .vm-progress-bg{
background-color:rgba(255,255,255,.3);
height:4px;
margin-top:8px;
border-radius:10px;
box-shadow:0px 0px 3px rgba(0,0,0,.2);
}
.vjs-icon-volume-mute{
margin-top:4px;
}
.video-js .vjs-volume-menu-button .vjs-menu{
z-index:1000;
left:-9px;
}
.video-js .vjs-remaining-time{
padding-right:0;
}
.video-js .vjs-volume-menu-button-vertical{
width:17px;
margin-left:1em;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus{
text-shadow:none;
}
.video-js .vjs-slider-bar{
background-color:rgba(255,255,255,.5);
box-shadow:0px 0px 3px rgba(0,0,0,.2);
}
.video-js .vjs-volume-bar.vjs-slider-vertical{
width:.335em;
}
.video-js .vjs-volume-level{
background-color:#fff;
border-radius:5px;
}
.vjs-slider-vertical .vjs-volume-level:before{
color:#fff !important;
left:-0.35em;
}
.vjs-sublime-skin .vjs-fullscreen-control{
border-color:#fff;
box-shadow:0px 0px 3px rgba(0,0,0,.2);
margin-left:20px;
margin-right:17px;
}
.vjs-sublime-skin .vjs-fullscreen-control:hover{
border-color:#fff;
}
.vjs-sublime-skin.vjs-fullscreen .vjs-fullscreen-control:after{
display:none;
}
.video-js .vjs-play-control{
text-shadow:0px 0px 3px rgba(0,0,0,.3);
}
.video-js .vjs-menu-button,
.vjs-remaining-time-display,
.vjs-current-time-display{
color:#fff;
text-shadow:0px 0px 3px rgba(0,0,0,.2);
}
.video-js .vjs-menu-button:hover{
color:#fff;
}
.vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content,
.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content{
height:6.7em;
}
.vjs-volume-menu-button-vertical:focus .vjs-menu-content{
height:0;
}
.vjs-volume-menu-button-vertical:hover .vjs-menu-content{
height:6.7em !important;
}
.video-js .vjs-control.vjs-resolution-button{
width:17px;
margin-left:16px;
}
.vjs-resolution-button .vjs-menu .vjs-menu-content{
margin-left:-13px;
}
.vjs-resolution-button .vjs-menu li{
color:#999;
background-color:rgba(0,0,0,.8);
}
.vjs-resolution-button .vjs-menu li:first-child{
padding-top:5px;
}
.vjs-resolution-button .vjs-menu li:last-child{
padding-bottom:5px;
}
.vjs-resolution-button .vjs-menu li:hover{
color:#fff;
}
.vjs-resolution-button .vjs-menu li:active{
color:#fff;
background-color:rgba(0,0,0,.8);
}
.vjs-resolution-button .vjs-menu li.vjs-menu-item.vjs-selected{
color:#fff;
}
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover{
background-color:rgba(0,0,0,.8);
}
.vjs-youtube .vjs-control-bar{
display:none;
}
.vjs-youtube > div:first-child{
padding-bottom:56.25%;
}
#video_player{
z-index:101;
-webkit-transform-style:preserve-3d;
text-align:center;
width:100%;
height:auto;
min-height:350px;
}
video#video_player{
object-fit:cover;
}
video#video_player,
#video_player video{
display:block;
max-width:100%;
max-height:70vh;
min-height:260px;
}
@media (max-width:767px){
#video_player{
min-height:0;
}
video#video_player,
#video_player video{
min-height:0;
}
}
@media (max-width:767px){
#video_view #video_player,
#video_view #video_player video,
#video_view video#video_player{
min-height:275px;
}
}
#embed_video_player{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:9999;
}
.videos_list .thumb_img .no-big-button .vjs-big-play-button{
display:none;
}
.videos_list .thumb_img .vjs-user-inactive.vjs-paused .vjs-loading-spinner{
display:none;
}
.videos_list .thumb_img > .video-js.vjs-fullscreen{
height:100%;
max-height:100%;
width:100%;
max-width:100%;
}
.video-js .vm-player-stats-display{
width:auto;
padding-left:12px;
}
.video-js .vm-player-stats-display a{
padding:4px 4px;
font-size:1em;
line-height:3em;
color:#aaa;
text-decoration:none;
white-space:nowrap
}
.video-js .vm-player-stats-display a[data-stat="Watching Now"]{
}
@-webkit-keyframes spinme{
0%{
-webkit-transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
}
}
@-moz-keyframes spinme{
0%{
-moz-transform:rotate(0deg);
}
100%{
-moz-transform:rotate(360deg);
}
}
@-o-keyframes spinme{
0%{
-o-transform:rotate(0deg);
}
100%{
-o-transform:rotate(360deg);
}
}
@keyframes spinme{
0%{
transform:rotate(0deg);
}
100%{
transform:rotate(360deg);
}
}
.loading-indicator,
.vjs-loading-spinner{
position:absolute;
top:50%;
left:50%;
width:64px;
height:64px;
margin-left:-32px;
margin-top:-32px;
background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNjQgNjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDY0IDY0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02MS4zLDMwLjdDNjAtNi42LDQtNi42LDIuNywzMC43YzAsMC43LTAuNiwxLjMtMS40LDEuM2wwLDBDMC42LDMyLDAsMzEuNCwwLDMwLjZjMS40LTQwLjgsNjIuNi00MC44LDY0LDANCgljMCwwLjgtMC42LDEuNC0xLjQsMS40bDAsMEM2MS45LDMyLDYxLjMsMzEuNCw2MS4zLDMwLjd6Ii8+DQo8L3N2Zz4NCg==");
-webkit-animation:spinme linear 0.2s infinite !important;
-moz-animation:spinme linear 0.2s infinite !important;
animation:spinme linear 0.2s infinite !important;
border:none;
}
.vjs-default-skin .vjs-loading-spinner:before{
content:none;
}
.video-js .vjs-control-bar{
z-index:2222;
}
.video_info2{
position:relative;
z-index:2222;
}
#ima-ad-container{
top:-35px;
}
#ima-ad-container video{
left:0;
top:0;
}
@media (max-width:767px){
.vjs-big-play-button{
z-index:9000;
}
#ima-ad-container{
top:0px;
}
}
.device-ios div.player > div.video-js > video{
position:absolute;
left:-5000px;
}
.device-ios .mobile-play-button{
display:none;
}
.device-ios .mobile-play-button .play-button{
width:100%;
height:100%;
}
.device-ios .mobile-play-button .play-button > .contents:before{
content:"\f101";
text-shadow:none;
font-family:VideoJS;
position:absolute;
top:50%;
left:50%;
display:block;
margin-left:-48px;
margin-top:-48px;
font-size:96px;
}
.device-ios .mobile-play-button{
display:block;
width:100%;
height:auto;
min-height:275px;
max-height:100%;
position:relative;
text-align:center;
background-repeat:no-repeat;
background-position:center;
}
.device-ios .mobile-play-button .loading-indicator{
background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNjQgNjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDY0IDY0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02MS4zLDMwLjdDNjAtNi42LDQtNi42LDIuNywzMC43YzAsMC43LTAuNiwxLjMtMS40LDEuM2wwLDBDMC42LDMyLDAsMzEuNCwwLDMwLjZjMS40LTQwLjgsNjIuNi00MC44LDY0LDANCgljMCwwLjgtMC42LDEuNC0xLjQsMS40bDAsMEM2MS45LDMyLDYxLjMsMzEuNCw2MS4zLDMwLjd6Ii8+DQo8L3N2Zz4NCg==");
display:none;
}
.device-ios .mobile-play-button img{
display:none;
}
.device-ios .mobile-play-button,
.device-android .vjs-poster{
background-size:cover;
}
.overlay-msg{
position:absolute;
bottom:0;
right:0;
margin-bottom:50px;
margin-right:20px;
font-size:.9em;
z-index:999;
font-size:1.2em;
display:none;
}
.device-ios .overlay-msg{
display:none !important;
}
.postroll-overlay-msg a,
.postroll-overlay-msg a:active,
.overlay-msg:hover{
background-color:#fff;
border-radius:5px;
}
.postroll-overlay-msg > a,
.postroll-overlay-msg > a:active,
.overlay-msg:hover > a{
color:#000;
}
.overlay-msg:hover > .overlay-dismiss{
color:#aaa;
}
.overlay-msg > .overlay-dismiss:hover{
color:#000;
}
.postroll-overlay-msg > a,
.overlay-msg > a{
display:inline-block;
font-size:1em;
line-height:1.3em;
font-weight:bold;
padding:5px 30px 5px 10px;
border-radius:5px;
border:2px dashed rgba(255,255,255,.3);
background-color:transparent;
color:#fff;
text-decoration:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
}
.postroll-overlay-msg > a{
font-size:1.7em;
padding:.4em .8em;
text-align:center;
font-weight:normal;
opacity:1;
text-decoration:none;
margin-top:5px;
}
.overlay-msg > a:hover{
opacity:1;
text-decoration:none;
background-color:#fff;
color:#000;
}
.overlay-msg .overlay-dismiss{
position:absolute;
font-size:16px;
padding:4px;
color:rgba(255,255,255,.8);
top:1px;
right:4px;
cursor:pointer;
z-index:9;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
}
.overlay-msg .overlay-dismiss i{
display:block;
}
@media (max-width:480px){
.embed-share-modal .timewidget-settings{
display:none;
}
#embed_menu > li > a{
font-size:15px;
width:30px;
height:30px;
line-height:30px;
}
#embed_menu li.nonzero .num{
display:none;
}
}
.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;
}
.postroll .inner{
display:table;
width:100%;
height:100%;
}
.postroll .inner > .inner2{
display:table-cell;
text-align:center;
vertical-align:middle;
}
.postroll .inner.has-upnext{
}
.postroll .postroll-actions > li{
display:inline-block;
margin-right:15px;
margin-left:15px;
}
.postroll .btn{
margin:10px 5px;
padding:.5em .5em;
background-color:transparent;
color:#fff;
font-size:2em;
}
.postroll .btn i{
display:inline-block;
vertical-align:middle;
font-size:1.3em;
margin-left:0;
margin-right:.2em;
}
.postroll .btn span{
display:inline-block;
vertical-align:middle;
}
.postroll .btn:hover{
opacity:1;
background-color:#fff;
color:#222;
}
.postroll .postroll-actions > li.postroll-get-app{
display:none;
}
.postroll button.nohover{
background-color:transparent !important;
color:#fff !important;
}
.postroll .postroll_logo{
cursor:pointer;
margin:20px auto 0 auto;
display:none;
}
.postroll .postroll_logo span:first-child{
display:block;
color:#fff;
font-weight:bold;
font-size:1.68em;
cursor:pointer;
background-image:url("../images/logo_white_2014-07-03.png");
background-repeat:no-repeat;
background-size:contain;
background-position:center top;
height:40px;
margin-bottom:5px;
}
.postroll .postroll_upnext_label{
margin:1em 0 .25em 0;
font-size:1.2em;
font-weight:bold;
letter-spacing:0.05em;
color:#888;
text-transform:uppercase;
}
.postroll .postroll_upnext_container{
position:relative;
display:inline-block;
text-decoration:none;
}
.postroll .postroll_upnext_title{
display:block;
color:#fff;
font-size:1.8em;
padding:.3em .5em;
text-align:left;
line-height:1.2em;
text-align:center;
unicode-bidi:embed;
}
.postroll .postroll_upnext_title:hover{
text-decoration:underline;
}
.postroll .postroll_upnext_play{
display:block;
position:relative;
width:80px;
height:80px;
margin:20px auto 0 auto;
border-radius:100px;
background-color:#222;
color:#fff;
font-size:4em;
font-weight:bold;
box-shadow:0px 0px 2px rgba(0,0,0,.5);
cursor:pointer;
}
.postroll .postroll_upnext_play:after{
position:absolute;
display:block;
margin:16px 0 0 19px;
font-size:50px;
content:"\25BA";
}
.postroll .postroll_upnext_cancel{
display:block;
max-width:100px;
font-size:1.2em;
text-align:center;
margin:1em auto 0 auto;
color:#777;
cursor:pointer;
}
.postroll .postroll_upnext_cancel:hover{
text-decoration:underline;
color:#fff;
}
.postroll .postroll_upnext_countdown{
position:absolute;
width:80px;
height:80px;
top:0;
left:0;
}
.postroll .countdown{
width:80px;
height:80px;
position:relative;
}
.postroll .wrapper{
width:100%;
height:100%;
position:absolute;
clip:rect(0px,100px,100px,40px);
}
.postroll .circle{
width:80px;
height:80px;
border:3px solid #fff;
border-radius:50%;
position:absolute;
clip:rect(0px,40px,80px,0px);
}
.postroll .shared{
-webkit-animation-iteration-count:1;
-webkit-animation-fill-mode:forwards;
-webkit-animation-timing-function:linear;
-moz-animation-iteration-count:1;
-moz-animation-fill-mode:forwards;
-moz-animation-timing-function:linear;
-ms-animation-iteration-count:1;
-ms-animation-fill-mode:forwards;
-ms-animation-timing-function:linear;
}
.postroll .wrapper{
-webkit-animation-duration:0.01s;
-webkit-animation-delay:5.01s;
-webkit-animation-name:close-wrapper;
-moz-animation-duration:0.01s;
-moz-animation-delay:5.01s;
-moz-animation-name:close-wrapper;
-ms-animation-duration:0.01s;
-ms-animation-delay:5.01s;
-ms-animation-name:close-wrapper;
}
.postroll .wrapper .left{
-webkit-animation-duration:10s;
-webkit-animation-name:left-spin;
-moz-animation-duration:10s;
-moz-animation-name:left-spin;
-ms-animation-duration:10s;
-ms-animation-name:left-spin;
}
.postroll .wrapper .right{
-webkit-animation-duration:5s;
-webkit-animation-name:right-spin;
-moz-animation-duration:5s;
-moz-animation-name:right-spin;
-ms-animation-duration:5s;
-ms-animation-name:right-spin;
}
@keyframes right-spin{
from{
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg);
}
to{
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);
}
}
@keyframes left-spin{
from{
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg);
}
to{
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@keyframes close-wrapper{
to{
clip:rect(0,80px,80px,0);
}
}
.modal .postroll-share-buttons{
margin-top:15px;
overflow:hidden;
font-size:0;
}
.modal .postroll-share-buttons > ul{
display:table;
width:100%;
}
.modal .postroll-share-buttons li{
display:table-cell;
padding:0 2px;
}
.modal .postroll-share-buttons li:first-child{
padding-left:0;
}
.modal .postroll-share-buttons li:last-child{
padding-right:0;
}
.modal .postroll-share-buttons a{
display:block;
padding:18px;
border-radius:4px;
}
.modal .postroll-share-buttons{
margin-top:0;
}
.device-ios .postroll .postroll-actions > li.postroll-get-app.ios{
display:inline-block;
}
.device-android .postroll .postroll-actions > li.postroll-get-app.android{
display:inline-block;
}
@media (max-width:480px){
.postroll .postroll_upnext,
.postroll .postroll_upnext{
display:none;
}
}
@media (max-width:767px){
.modal .postroll-share-buttons > ul{
display:inline-block;
margin-left:-2px;
}
.modal .postroll-share-buttons li{
display:inline-block;
padding:0;
width:18%;
margin:2px;
}
.device-ios .postroll .postroll_upnext,
.device-android .postroll .postroll_upnext{
display:none;
}
.postroll .postroll-actions > li{
display:inline-block;
margin-right:15px;
margin-left:15px;
}
.postroll .btn{
font-size:1.7em;
margin:1px 5px;
}
.postroll .postroll_upnext_label{
font-size:1em;
}
.postroll .postroll_upnext_title{
font-size:1.5em;
}
.postroll .postroll_upnext_play{
width:60px;
height:60px;
font-size:3em;
margin-top:5px;
}
.postroll .postroll_upnext_play:after{
margin:13px 0 0 15px;
font-size:34px;
}
.postroll .postroll_upnext_cancel{
margin-top:.25em;
}
.postroll .postroll_upnext_countdown{
position:absolute;
width:60px;
height:60px;
top:0;
left:0;
}
.postroll .countdown{
width:60px;
height:60px;
position:relative;
}
.postroll .wrapper{
width:100%;
height:100%;
position:absolute;
clip:rect(0px,100px,100px,30px);
}
.postroll .circle{
width:60px;
height:60px;
border:2px solid #fff;
border-radius:50%;
position:absolute;
clip:rect(0px,30px,100px,0px);
}
}
.vjs-resolution-button{
color:#ccc;
font-family:VideoJS;
}
.vjs-resolution-button .vjs-resolution-button-staticlabel:before{
content:'\f110';
font-size:1.8em;
line-height:1.67;
}
.vjs-resolution-button .vjs-resolution-button-label{
font-size:1em;
line-height:3em;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-align:center;
box-sizing:inherit;
font-family:Arial,Helvetica,sans-serif;
}
.vjs-resolution-button ul.vjs-menu-content{
width:4em !important;
}
.vjs-resolution-button .vjs-menu{
left:0;
}
.vjs-resolution-button .vjs-menu li{
text-transform:none;
font-size:1em;
font-family:Arial,Helvetica,sans-serif;
}
select.bs-select-hidden,
select.selectpicker{
display:none !important;
}
.bootstrap-select{
width:220px \0;
}
.bootstrap-select > .dropdown-toggle{
width:100%;
padding-right:25px;
z-index:1;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active{
color:#999;
}
.bootstrap-select > select{
position:absolute !important;
bottom:0;
left:50%;
display:block !important;
width:0.5px !important;
height:100% !important;
padding:0 !important;
opacity:0 !important;
border:none;
}
.bootstrap-select > select.mobile-device{
top:0;
left:0;
display:block !important;
width:100% !important;
z-index:2;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle{
border-color:#b94a48;
}
.bootstrap-select.fit-width{
width:auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
width:220px;
}
.bootstrap-select .dropdown-toggle:focus{
outline:thin dotted #333333 !important;
outline:5px auto -webkit-focus-ring-color !important;
outline-offset:-2px;
}
.bootstrap-select.form-control{
margin-bottom:0;
padding:0;
border:none;
}
.bootstrap-select.form-control:not([class*="col-"]){
width:100%;
}
.bootstrap-select.form-control.input-group-btn{
z-index:auto;
}
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn{
border-radius:0;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"]{
float:none;
display:inline-block;
margin-left:0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right{
float:right;
}
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group{
margin-bottom:0;
}
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control{
padding:0;
}
.form-inline .bootstrap-select.btn-group .form-control{
width:100%;
}
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled{
cursor:not-allowed;
}
.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus{
outline:none !important;
}
.bootstrap-select.btn-group.bs-container{
position:absolute;
height:0 !important;
padding:0 !important;
}
.bootstrap-select.btn-group.bs-container .dropdown-menu{
z-index:1060;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{
display:inline-block;
overflow:hidden;
width:100%;
text-align:left;
}
.bootstrap-select.btn-group .dropdown-toggle .caret{
position:absolute;
top:50%;
right:12px;
margin-top:-2px;
vertical-align:middle;
}
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle{
width:100%;
}
.bootstrap-select.btn-group .dropdown-menu{
min-width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner{
position:static;
float:none;
border:0;
padding:0;
margin:0;
border-radius:0;
-webkit-box-shadow:none;
box-shadow:none;
}
.bootstrap-select.btn-group .dropdown-menu li{
position:relative;
}
.bootstrap-select.btn-group .dropdown-menu li.active small{
color:#fff;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a{
cursor:not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a{
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt{
position:relative;
padding-left:2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{
display:none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text{
display:inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small{
padding-left:0.5em;
}
.bootstrap-select.btn-group .dropdown-menu .notify{
position:absolute;
bottom:5px;
width:96%;
margin:0 2%;
min-height:26px;
padding:3px 5px;
background:#f5f5f5;
border:1px solid #e3e3e3;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
pointer-events:none;
opacity:0.9;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.bootstrap-select.btn-group .no-results{
padding:3px;
background:#f5f5f5;
margin:0 5px;
white-space:nowrap;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{
position:static;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{
position:static;
top:auto;
margin-top:-1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{
position:absolute;
display:inline-block;
right:15px;
margin-top:5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{
margin-right:34px;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle{
z-index:1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before{
content:'';
border-left:7px solid transparent;
border-right:7px solid transparent;
border-bottom:7px solid rgba(204,204,204,0.2);
position:absolute;
bottom:-4px;
left:9px;
display:none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after{
content:'';
border-left:6px solid transparent;
border-right:6px solid transparent;
border-bottom:6px solid white;
position:absolute;
bottom:-4px;
left:10px;
display:none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{
bottom:auto;
top:-3px;
border-top:7px solid rgba(204,204,204,0.2);
border-bottom:0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{
bottom:auto;
top:-3px;
border-top:6px solid white;
border-bottom:0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{
right:12px;
left:auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{
right:13px;
left:auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after{
display:block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton{
padding:4px 8px;
}
.bs-actionsbox{
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.bs-actionsbox .btn-group button{
width:50%;
}
.bs-donebutton{
float:left;
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.bs-donebutton .btn-group button{
width:100%;
}
.bs-searchbox + .bs-actionsbox{
padding:0 8px 4px;
}
.bs-searchbox .form-control{
margin-bottom:0;
width:100%;
float:none;
}
ul{
list-style-type:none;
margin:0;
padding:0;
}
a{
cursor:pointer;
color:#673AB7;
}
a:hover{
color:#673AB7;
text-decoration:underline;
}
a:active,
a:focus{
color:#673AB7;
}
::-webkit-input-placeholder{
color:#bbb;
}
:-moz-placeholder{
color:#bbb;
}
::-moz-placeholder{
color:#bbb;
}
:-ms-input-placeholder{
color:#bbb;
}
input,button,select,textarea{
outline:none;
}
input[type=text]{
color:#555;
-moz-appearance:caret;
}
input[type=text]:focus{
border-color:rgba(0,0,0,.2);
outline:none;
}
.btn{
border-width:1px;
cursor:pointer;
}
.btn:active:not(.dropdown-toggle){
transform:scale(0.98);
-webkit-filter:brightness(90%);
}
input[type="radio"],
input[type="checkbox"]{
margin:4px 0 0;
}
input[type=text],
input[type=text]:focus,
input[type=text]:active,
.btn,
.btn:focus,
.btn:active,
.btn.active{
outline:none;
box-shadow:none;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open,
.open,
.dropdown-toggle.btn-danger{
box-shadow:none;
}
.form-control{
border:none;
box-shadow:none;
background-color:#f5f5f5;
border-radius:0;
padding:6px 10px;
}
.btn.alt{
background-color:#9E25FB;
}
.btn.alt:active{
background-color:#8020CA;
}
.btn-success,
.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-success.disabled{
background-color:#673AB7;
border-color:transparent;
}
.btn-info,
.btn-info:hover,
.btn-info:active,
.btn-info:focus{
background-color:#673AB7;
border-color:#673AB7;
}
.btn-info.disabled,
.btn-info[disabled],
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
.btn-info.disabled.active,
.btn-info[disabled].active{
background-color:#673AB7;
border-color:#673AB7;
}
.btn-default{
color:#999;
background-color:#fff;
border-color:#ddd;
}
.btn-default:hover{
border-color:#bbb;
color:#555;
}
h1,h2,h3,h4,h5,h6 .h1,.h2,.h3,.h4,.h5,.h6{
font-family:"Helvetica Neue","Roboto","Avenir Next","Avenir",arial,sans-serif;
}
h1{
margin-top:0;
font-size:2em;
margin-bottom:0;
color:#222;
}
h2{
color:#333;
}
h3{
font-size:1.3em;
}
.caret{
border-color:#aaa rgba(0,0,0,0) -moz-use-text-color;
}
.dropdown-menu{
box-shadow:none;
border-radius:0;
border-width:1px;
}
.dropdown-menu > li > a{
color:#555;
padding-left:10px;
font-size:.9em;
text-align:left;
}
.dropdown-menu > li > a:hover{
background-color:#673AB7;
color:#fff;
}
.dropdown-menu .divider{
margin:3px 0;
}
.dropdown-menu > li > a > i{
margin-right:2px;
width:1em;
font-size:1.1em;
}
.tooltip{
transition:none;
}
body .bootstrap-select .dropdown-toggle:focus{
outline:0 !important;
}
.btn-group.open .dropdown-toggle{
box-shadow:none;
}
.selectpicker:not(.bootstrap-select){
display:none !important;
}
body .bootstrap-select .dropdown-menu > .active > a{
background-color:#673AB7;
color:#fff;
}
body{
font-family:"Helvetica Neue","Roboto",arial,sans-serif;
color:#555;
padding:0;
padding-bottom:150px;
background-color:#f7f7f7;
}
body .header > .container{
width:1260px;
width:100%;
padding-left:0;
padding-right:0;
}
.main{
min-height:500px;
padding:2em 0 0 0;
border-bottom:none;
}
.main > .container{
min-height:300px;
width:100%;
padding:0;
}
.content_wrapper{
padding-top:3em;
}
.content{
max-width:1455px;
margin:0 auto;
padding-top:1em;
}
@media (max-width:979px){
body{
padding-bottom:0;
}
.content{
width:auto;
}
body > .row-fluid > .container,
body > .header > .container{
width:auto;
}
}
@media (max-width:767px){
.content,
.content_wrapper{
padding-top:0;
padding-left:0;
padding-right:0;
padding-bottom:30px;
}
.main{
}
.main > .container{
padding:0;
}
.device-ios .main{
min-height:inherit;
}
}
@media (min-width:768px){
body.gutter-active .header_gutter{
width:220px;
}
body.gutter-active .header_gutter > *{
visibility:visible;
}
body.gutter-active .header .menu-hamburger{
padding-left:220px;
}
body.gutter-active .main{
padding-left:220px;
}
body.gutter-active .footer{
display:none;
}
body.gutter-active .header a.logo > span.logo-black,
body.gutter-active .header a.logo > span.logo-white{
margin-left:60px;
}
body.gutter-active #index .splash{
padding-left:220px;
}
body .main,
body #index .splash,
body .header .menu-hamburger,
body .header a.logo > span.logo-black,
body .header a.logo > span.logo-white{
transition:all .2s ease-in-out;
}
}
.header_gutter{
position:fixed;
top:0;
left:0;
z-index:9999;
height:100%;
width:0;
background-color:#222;
padding-top:20px;
overflow-y:auto;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.header_gutter > *{
visibility:hidden;
}
.header_gutter_menu{
margin-bottom:20px;
}
.header_gutter_label{
display:block;
font-weight:bold;
letter-spacing:1px;
font-size:.7em;
color:#fff;
padding:5px 20px;
margin-bottom:.5em;
text-transform:uppercase;
}
.header_gutter_menu > li{
position:relative;
}
.header_gutter_menu > li > a{
display:block;
color:#999;
text-decoration:none;
font-size:0;
line-height:12pt;
padding:3px 0;
padding-left:20px;
}
.header_gutter_menu > li > a img{
display:inline-block;
vertical-align:middle;
width:16px;
height:16px;
border-radius:50px;
margin-right:5px;
}
.header_gutter_menu > li > a span{
display:inline-block;
vertical-align:middle;
font-size:9pt;
}
.header_gutter_menu > li > a:hover{
background-color:rgba(255,255,255,.1);
color:#fff;
}
.header_gutter_menu > li .unseen{
position:absolute;
display:inline-block;
background-color:#52318c;
color:#fff;
font-size:8pt;
font-weight:bold;
border-radius:4px;
line-height:18px;
padding:0 4px;
height:18px;
right:15px;
top:2px;
}
.header_gutter_bottom{
margin-top:2em;
border-top:1px solid #333;
padding-top:1em;
margin:20px;
}
.header_gutter_bottom > li{
display:inline-block;
width:46%;
}
.header_gutter_bottom > li > a{
font-size:.8em;
color:#555;
}
.header_gutter_bottom > li > a:hover{
color:#fff;
text-decoration:underline;
}
.header{
position:fixed;
width:100%;
z-index:999;
padding:0;
top:0;
background-color:#f5f5f5;
background-color:transparent;
background-color:rgba(0,0,0,.5);
transition:background .1s,border .1s,top 0.2s ease-in-out;
-webkit-transition:background .1s,top 0.2s ease-in-out;
-webkit-transform:translateZ(0);
}
.header.nav-up{
top:-50px;
transition:background .1s,border .1s,top 0.2s ease-in-out;
}
body.nomenu .header{
display:none;
}
.header .navbar{
height:45px;
}
.header .navbar-inverse{
background-color:transparent;
border:none;
margin-bottom:0;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus{
background-color:transparent;
color:#555;
}
.navbar-inverse .navbar-toggle{
border-color:transparent;
margin-right:8px;
}
.header .navbar-brand{
font-size:14px;
padding-left:0;
}
.header .navbar-header:hover .dropdown-menu{
display:block;
margin-top:-1px;
text-align:left;
}
.header .navbar-header .suggest a{
font-style:italic;
color:#aaa;
}
.header .navbar-nav > li{
float:none;
}
.header a.logo{
float:left;
display:block;
text-decoration:none;
outline:none;
padding:3px;
margin-left:-4px;
margin-top:3px;
margin-right:10px;
}
.header a.logo .logo-black{
display:none;
background-image:url("../images/logo-new.png");
}
.header a.logo .logo-white{
display:inline-block;
background-image:url("../images/logo-new-white.png");
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi){
.header a.logo .logo-black{
background-image:url("../images/logo-new-2x.png");
}
.header a.logo .logo-white{
background-image:url("../images/logo-new-2x.png");
}
}
.header a.logo:hover,
.header a.logo:focus,
.header a.logo:active{
color:#777;
}
.header a.logo > span.logo-black,
.header a.logo > span.logo-white{
vertical-align:middle;
text-decoration:none;
background-size:contain;
background-repeat:no-repeat;
background-position:center;
width:100px;
height:38px;
position:fixed;
left:50%;
margin-left:-50px;
}
.header a.logo:hover img{
opacity:.8;
}
.header a.logo:hover{
text-decoration:none;
}
.header a.logo i{
display:inline-block;
vertical-align:middle;
font-size:17px;
color:rgba(255,255,255,.8);
margin:3px 0 0 3px;
}
.header .menu{
float:right;
margin-top:4px;
margin-right:-15px;
}
.header .menu > li{
display:inline-block;
vertical-align:middle;
margin-top:1px;
}
.header .menu > li i{
font-size:1.2em;
display:inline-block;
vertical-align:middle;
margin-top:-2px
}
.header .menu > li > a{
padding:10px 8px 8px 8px;
display:block;
color:rgba(255,255,255,.8);
font-size:15px;
text-decoration:none;
outline:none;
}
.header .menu > li > a:active{
color:#fff;
}
.header .menu > li .dropdown-menu li > a:hover{
color:#fff;
}
.header .menu > li > a:active{
color:#555;
}
.header .menu > li.menu-notifications img.notifications-icon{
width:32px;
margin-top:-1px;
opacity:.6;
}
.header .menu > li.menu-notifications a:hover img{
opacity:1;
}
.header .menu img.notifications-black{
display:none;
}
.header .menu img.notifications-white{
display:inline;
}
.header .menu > li.menu-signup,
.header .menu > li.menu-login{
margin-top:2px;
}
.header .menu > li.menu-signup a,
.header .menu > li.menu-login a{
font-size:14px;
}
.header .menu .menu-upload{
margin:0 15px 0 13px;
font-size:0;
}
.header.signed-out .menu .menu-upload{
margin-top:0;
}
.header .menu > .menu-upload > a{
float:left;
display:inline-block;
background-color:#673AB7;
color:#fff;
border-radius:4px;
padding:6px 1.75em 6px;
margin-top:1px;
border-radius:50px;
-webkit-user-select:none;
-moz-user-select:none;
}
.header .menu > .menu-upload > a:hover{
background-color:#673AB7;
color:#fff;
}
.header .menu .menu-upload > a.menu-upload-more{
border-left:1px solid rgba(0,0,0,.2);
padding:6px .6em;
border-top-left-radius:0;
border-bottom-left-radius:0;
display:none;
}
.header .menu > li a > .caret{
display:none;
}
.header .menu img.header-avatar{
width:32px;
height:32px;
border-radius:20px;
}
.header .menu img.header-avatar,
.header .menu img.header-avatar + *{
display:inline-block;
vertical-align:middle;
}
.header .menu > li > a.avatar-link > span{
position:relative;
padding:0 4px;
display:none;
}
.header .menu > li > a.avatar-link,
.header .menu > li > a.notifications-link{
display:inline-block;
padding:0px;
}
.header .menu > li > a.avatar-link i{
color:rgba(255,255,255,.8);
margin-left:5px;
margin-top:0px;
}
.header .label-notifications,
.header .label-follow-unread{
display:inline-block;
background-color:#E83C65;
color:#fff;
line-height:1em;
font-size:.75em;
margin-left:-2px;
padding:3px 6px;
border-radius:20px;
}
.header .dropdown .notify-badge-anchor{
display:inline-block;
padding:0;
margin-right:4px;
}
.header .dropdown .menu-username{
display:inline-block;
vertical-align:middle;
}
.header .menu-notifications .notify-badge-anchor{
position:relative;
}
.header .menu-notifications .label-notifications{
position:absolute;
top:0;
right:0;
margin-right:-8px;
margin-top:-8px;
border-top:0;
border-right:0;
}
.header .menu .dropdown-menu a span{
margin-right:5px;
}
.header .label-follow-unread{
vertical-align:middle;
margin-left:4px;
}
.header .dropdown-menu .label-follow-unread,
.header .dropdown-menu .label-notifications{
position:absolute;
margin:0 0 0 4px;
vertical-align:text-top;
font-size:.9em;
padding-top:0;
padding-bottom:0;
}
.header .dropdown-menu .label-notifications{
margin-left:-1px;
}
@media (max-width:979px){
.header{
text-align:center;
}
.header .navbar-header{
width:auto;
margin:0;
}
.header .menu-main{
display:none;
}
}
@media (min-width:768px){
.header.opaque{
background-color:#fff;
}
.header.opaque .menu > li > a:active{
color:#333;
}
.header.opaque .menu > li > a{
color:#999;
}
.header.opaque .menu > li a:hover,
.header.opaque .menu > li a:focus{
color:#555;
text-decoration:none;
}
.header.opaque .menu > li.menu-more > a > img,
.header.opaque .menu > li.menu-notifications a img.notifications-icon{
opacity:.3;
}
.header.opaque .menu > li.menu-more > a:hover > img,
.header.opaque .menu > li.menu-notifications a:hover img.notifications-icon{
opacity:.6;
}
.header.opaque .menu img.notifications-black{
display:inline;
}
.header.opaque .menu img.notifications-white{
display:none;
}
.header .menu .menu-upload > a{
color:#fff;
font-weight:bold;
font-size:14px;
min-width:80px;
text-align:center;
}
.header.opaque .menu .menu-upload > a{
color:#fff;
}
.header.opaque .menu .menu-upload > a:hover{
color:#fff;
}
.header.opaque a.logo .logo-black{
display:inline-block;
}
.header.opaque a.logo .logo-white{
display:none;
}
.header.opaque a.logo i,
.header.opaque .search > i,
.header.opaque .menu > li > a.avatar-link i{
color:#aaa;
}
.header .menu-hamburger{
position:relative;
float:left;
margin:5px 8px 0 0;
}
.header .menu-hamburger > a{
width:30px;
height:40px;
display:inline-block;
background-image:url("../images/menu-hamburger-white.png");
background-repeat:no-repeat;
background-size:22px 21px;
background-position:center;
opacity:.6;
margin-left:5px;
}
.header.opaque .menu-hamburger > a{
background-image:url("../images/menu-hamburger.png");
opacity:.2;
}
.header .menu-hamburger > a:hover{
opacity:1;
}
.header .menu-hamburger ul.dropdown-menu{
margin-top:-5px;
}
.header .menu-search{
float:left;
margin:5px 15px 0 0;
}
.header .menu-search > a{
width:30px;
height:40px;
display:inline-block;
background-image:url("../images/menu-search-white.png");
background-repeat:no-repeat;
background-size:22px;
background-position:center;
opacity:.6;
margin-left:5px;
}
.header.opaque .menu-search > a{
background-image:url("../images/menu-search.png");
opacity:.2;
}
.header .menu-search > a:hover{
opacity:1;
}
}
@media (max-width:767px){
body > .header > .container{
padding-left:0;
padding-right:0;
}
.header{
text-align:left;
background-color:#222;
position:relative;
padding-top:0;
border-bottom:none;
}
.header .navbar{
height:auto;
}
.header .navbar-header{
text-align:center;
}
.header .navbar-header:hover .dropdown-menu{
display:none;
}
.header a.logo > span.logo-black,
.header a.logo > span.logo-white{
position:relative;
left:0;
margin-left:0;
width:80px;
height:34px;
margin-top:3px;
}
.header a.logo{
float:none;
display:inline-block;
width:122px;
margin:0;
padding:5px 13px;
color:#fff;
font-size:1.3em;
margin-top:1px;
}
.header a.logo .logo-white{
display:inline-block;
}
.header a.logo span{
display:inline-block;
vertical-align:middle;
opacity:1;
width:auto;
}
.header .menu-hambuger,
.header .menu-search{
display:none;
}
.header .navbar-toggle{
position:absolute;
left:4px;
margin-top:8px;
}
.navbar-inverse .navbar-toggle .icon-bar{
background-color:#888;
width:18px;
}
.header .navbar-inverse{
display:block;
}
.header .container > .navbar-collapse{
background-color:#222;
transition:none;
margin-top:-2px;
border:none;
margin:0;
max-height:400px;
}
.header .navbar-toggle-search{
position:absolute;
right:0;
top:0;
background-color:transparent;
border:none;
color:#888;
font-size:1.5em;
padding:.45em .6em;
}
.header .navbar-brand{
font-size:16px;
padding-left:15px;
}
.header .label-follow-unread{
display:none;
}
.header .menu{
float:none;
margin-bottom:0;
}
.header .menu > li{
display:block;
margin-left:0;
}
.header .menu > li + li{
margin:0;
}
.header .menu > li > a{
padding:6px 15px;
color:rgba(255,255,255,.8);
font-size:1.1em;
}
.header .menu > li > a:hover{
background-color:#333;
color:#fff;
}
.header .menu > li > a:active{
background-color:#333;
color:#fff;
}
.header .menu > li.menu-signup a,
.header .menu > li.menu-login a{
font-weight:normal;
font-size:1.1em;
letter-spacing:0;
text-transform:none;
}
.header .menu .menu-upload{
margin:0;
font-size:1em;
padding-bottom:4px;
}
.header .menu .menu-upload > a{
margin:0;
float:none;
display:block;
padding:6px 15px;
color:rgba(255,255,255,.8);
font-size:1.1em;
background-color:transparent;
border-radius:0;
font-weight:normal;
}
.header .menu .menu-upload > a:hover{
background-color:#333;
color:#fff;
}
.header .menu .menu-upload > a.menu-upload-more{
display:none;
}
}
.header > .android-install-banner{
width:100%;
display:table;
padding:10px;
text-decoration:none;
background:#136a8a;
background:-webkit-linear-gradient(to left,#136a8a ,#267871);
background:linear-gradient(to left,#136a8a ,#267871);
}
.header > .android-install-banner.alt-transition{
transition:margin-left 0.4s ease-in-out,margin-top 0.4s ease-in-out;
-webkit-transition:margin-left 0.4s ease-in-out,margin-top 0.4s ease-in-out;
}
.header > .android-install-banner > *{
display:table-cell;
}
.header > .android-install-banner > .banner-close{
width:35px;
text-align:right;
}
.header > .android-install-banner > .banner-close > span{
background-color:rgba(0,0,0,.2);
font-size:0;
border-radius:50px;
display:inline-block;
vertical-align:middle;
padding:7px;
}
.header > .android-install-banner > .banner-close > span > img{
width:10px;
display:inline-block;
opacity:.7;
}
.header > .android-install-banner > .thumb{
width:50px;
padding:5px;
background-color:rgba(0,0,0,.2);
border-radius:4px;
}
.header > .android-install-banner > .thumb > img{
width:50px;
}
.header > .android-install-banner > .text{
vertical-align:middle;
text-decoration:none;
color:white;
padding:5px 5px 5px 10px;
font-size:8pt;
line-height:1em;
}
.header > .android-install-banner > .text > div{
font-size:10pt;
line-height:1em;
color:rgba(255,255,255,.5);
}
.header > .android-install-banner > .text > div:first-child{
font-size:14pt;
font-weight:bold;
color:#fff;
margin-bottom:0.25em;
}
.header > .android-install-banner > .actions{
text-align:right;
}
.header > .android-install-banner > .actions > *{
text-align:center;
}
.header > .android-install-banner .btn{
color:#fff;
border:1px solid #fff;
}
.header .search{
display:inline-block;
display:none;
padding:0;
float:left;
position:relative;
overflow:visible;
margin-top:9px;
padding-left:.75em;
border-radius:2px;
border:1px solid rgba(255,255,255,.3);
margin-left:10px;
}
.header.opaque .search{
border:none;
border:1px solid #ddd;
}
.header .search > i{
font-size:1.1em;
position:absolute;
margin-top:8px;
color:rgba(255,255,255,.7);
}
.header .search input{
width:200px;
height:30px;
border:none;
outline:none;
border:none;
color:#fff;
padding-left:22px;
background-color:transparent;
}
.header.opaque .search input{
font-weight:bold;
color:#222;
}
.header .search .search-result-list{
margin-top:5px;
border-top:none;
background-color:#313131;
position:absolute;
left:0;
right:0;
top:27px;
min-height:20px;
max-height:400px;
display:none;
z-index:1000;
overflow:hidden;
overflow-y:auto;
}
.header .search .search-result-list li{
padding:.5em;
border-bottom:1px solid rgba(0,0,0,.2);
font-size:1em;
text-align:left;
cursor:pointer;
color:#aaa;
overflow:hidden;
font-size:.9em;
}
.header .search .search-result-list li.selected{
background-color:#222;
}
.header .search .search-result-list li:hover{
background-color:#222;
}
.header .search .search-result-list li:hover.selected{
background-color:#111;
}
.header .search .search-result-list li:last-child{
border-bottom:none;
}
.header .search .search-result-list li > *{
display:block;
vertical-align:top;
}
.header .search .search-result-list li .description{
font-size:8pt;
padding:5px;
}
.header .search .search-result-list li .thumb{
float:left;
width:50px;
height:30px;
background-color:#222;
text-align:center;
margin-right:.5em;
overflow:hidden;
}
.header .search .search-result-list img{
max-width:80px;
max-height:80px;
}
.header .search-result-list .fa-user{
float:right;
opacity:.3;
font-size:1.1em;
margin-top:4px;
}
@media (max-width:767px){
.header .search{
float:none;
margin:0;
background-color:rgba(255,255,255,.15);
border:none !important;
}
.header .search input,
.header.opaque .search input{
color:#fff;
font-weight:bold;
font-size:1.2em;
padding-left:30px;
height:40px;
}
.header .search > i{
margin-left:6px;
font-size:1.2em;
margin-top:12px;
}
}
.header .search .search-result-list{
display:none;
}
.header .search.focus.has-results{
border-bottom-left-radius:0;
border-bottom-right-radius:0;
border-bottom:none;
}
.header .search.focus.has-results input{
width:300px;
}
.header .search.not-empty input:focus + .search-result-list,
.header .search.focus.not-empty .search-result-list{
display:block;
color:#ccc;
}
.header .search .no-results-alert,
.header .search .loading-results-alert{
padding:5px;
}
.header .search .loading-results-alert,
.header .search.has-results .no-results-alert,
.header .search.loading .no-results-alert,
.header .search.has-results .loading-results-alert,
.header .search.loading ul{
display:none;
}
.header .search.loading .loading-results-alert{
display:block;
}
@media (max-width:950px){
.header .search{
display:none;
}
}
.footer{
position:fixed;
bottom:0;
left:0;
width:100%;
font-size:.8em;
text-align:center;
z-index:9999;
background-color:#fff;
transition:bottom 0.1s ease-in-out;
-webkit-transition:bottom 0.1s ease-in-out;
-webkit-transform:translateZ(0);
}
.footer.nav-up{
bottom:-30px;
}
body.nomenu .footer{
display:none;
}
.footer ul li{
display:inline-block;
vertical-align:middle;
}
.footer ul li a{
display:inline-block;
color:#bbb;
padding:.75em .5em;
}
.footer ul li a:hover{
color:#555;
text-decoration:none;
}
@media (max-width:767px){
.footer{
padding-left:0;
margin-top:100px;
}
.footer ul{
text-align:center;
}
.footer ul li a{
color:#999;
padding:.5em .5em;
}
.footer ul li a:hover{
color:#555;
}
.footer .menu_footer{
display:none;
}
.footer .menu_footer_privacy,
.footer .menu_footer_terms{
float:none;
}
}
.ribbon{
z-index:999999;
overflow:hidden;
top:0;
left:0;
position:fixed;
width:100%;
border:none;
padding:.6em 1em;
font-size:1.5em;
text-align:center;
font-weight:bold;
opacity:0;
color:rgba(0,0,0,.8);
-webkit-transition:opacity .2s;
-moz-transition:opacity .2s;
transition:opacity .2s;
}
.ribbon > a{
text-decoration:underline;
}
.ribbon-success{
background-color:#9CE83C;
}
.ribbon-warning{
background-color:#8a6d3b;
}
.ribbon-danger{
background-color:#a94442;
}
.alert{
border-radius:0;
border-width:2px;
padding:1em 1.25em;
}
.alert i{
font-size:1.4em;
margin-right:.3em;
display:inline-block;
vertical-align:middle;
}
.alert a{
color:inherit;
text-decoration:underline;
}
.alert-wrapper .alert{
display:inline-block;
margin-bottom:0;
}
body.modal-open > .pagewrapper{
-webkit-filter:blur(10px) grayscale(50%);
}
@supports (-ms-accelerator:true){
body.modal-open > .pagewrapper{
-webkit-filter:none;
}
}
.modal{
-webkit-transform-style:preserve-3d;
}
.modal .modal-content{
box-shadow:none;
border:none;
}
.modal .modal-header{
background-color:transparent;
border-top-left-radius:7px;
border-top-right-radius:7px;
padding:1em 1.5em .75em 1.5em;
}
.modal .modal-body{
padding:1.5em;
padding-bottom:1em;
}
.modal .modal-body:last-child{
padding-bottom:1.5em;
}
.modal .modal-footer{
margin-top:0;
text-align:left;
border-top:none;
padding-top:0;
}
.modal .modal-footer .btn + .btn{
margin-left:0;
margin-right:0;
}
.modal .modal-title{
font-weight:bold;
font-size:1.5em;
color:#222;
}
.modal .btn{
padding:.5em 1.25em;
}
.modal a:not(.btn){
}
.modal h3{
margin:0 0 1em 0;
font-size:1.2em;
}
.modal label{
font-weight:bold;
}
.modal .light{
color:#bbb;
font-weight:normal;
}
.modal .light a{
color:#bbb;
text-decoration:underline;
}
.modal-body .help{
font-size:.9em;
color:#aaa;
}
.modal-body .help a{
color:#aaa;
text-decoration:underline;
}
.modal-body .help a:hover{
color:#FB254F;
}
.modal .form-control{
box-shadow:none;
border:none;
background-color:#f5f5f5;
}
.modal .form-group .input-group-addon{
box-shadow:none;
border:none;
background-color:#f5f5f5;
}
.modal .form-control:focus{
outline:none;
box-shadow:none;
border-color:#aaa;
}
.modal .modal-desc{
margin-bottom:1em;
}
.modal .form-group{
margin-bottom:10px;
}
.modal button.close{
padding:18px;
margin-top:-20px;
margin-right:-23px;
font-size:30px;
outline:none;
box-shadow:none;
font-weight:normal;
}
.modal .btn.btn-cancel{
}
.modal .form-alternative{
display:inline-block;
vertical-align:middle;
margin-left:1em;
}
.modal .modal-submit-alt{
display:inline-block;
vertical-align:middle;
margin:7px 20px 0 20px;
}
.modal .modal-submit-alt a{
color:#aaa;
text-decoration:none;
}
.modal .modal-submit-alt a:hover{
color:#555;
text-decoration:none;
}
.modal-backdrop.in{
opacity:.75;
background-color:#222;
}
@media screen and (min-width:768px){
.modal-dialog{
margin-top:60px;
}
}
@media (max-width:767px){
.modal-dialog{
margin:0;
}
.modal.fade.in{
top:10px;
}
.modal button.close{
padding:20px;
margin-top:-24px;
margin-right:-25px;
z-index:999999999;
}
.modal .modal-header{
padding:1em 1.5em .75em 1.5em;
}
.modal .modal-body{
padding-top:1em;
padding-bottom:.5em;
}
.modal .modal-footer{
padding-top:0;
border-top:none;
}
.modal .modal-footer .btn{
float:none;
display:block;
width:100%;
font-weight:bold;
padding:.5em;
}
.modal-footer .btn + .btn{
margin:.5em 0 0 0;
}
.modal .form-alternative{
clear:both;
float:none;
display:block;
margin-left:0;
font-weight:bold;
text-align:center;
padding:.5em 0 0 0;
}
}
.pills{
background-color:#fff;
border-radius:50px;
}
.pills > li{
float:left;
text-align:center;
}
.pills > li:last-child{
margin-right:0;
}
.pills > li > a{
display:inline-block;
vertical-align:middle;
font-size:.9em;
padding:.5em 0;
color:#aaa;
text-decoration:none;
width:70px;
}
.pills > li > a:hover{
color:#555;
}
.pills > li.active > a{
color:#222;
font-weight:bold;
color:#fff;
background-color:#673AB7;
border-radius:20px;
width:80px;
}
.comments a{
color:#aaa;
}
.comments h3{
margin-top:0;
font-family:inherit;
color:#555;
}
.comments_composer_input{
padding:.5em .75em;
max-width:400px;
border:1px solid #ddd;
}
.comments_composer_input textarea{
border:none;
padding:0;
width:100%;
resize:none;
background-color:transparent;
height:1.3em;
font-size:.9em;
}
.comments_composer_input textarea:focus{
box-shadow:none;
outline:none;
}
.comments_composer > .comments_composer_error{
margin-bottom:8px !important;
}
.comments_composer_submit{
display:none;
margin-top:.5em;
}
.comments_composer_submit .btn{
border:none;
font-size:.9em;
}
.comments_list{
overflow:hidden;
font-size:.9em;
}
.comments_list > li{
overflow:hidden;
}
.comments_list > li + li{
margin-top:2px;
}
.comments_list > li:last-child{
margin-bottom:1em;
}
.comments_list .comment_vote{
float:left;
padding-top:4px;
}
.comments_list .comment_vote li{
margin-top:-1px;
width:25px;
text-align:center;
color:#ddd;
}
.comments_list .comment_vote li a{
color:#ccc;
display:block;
text-decoration:none;
}
.comments_list .comment_vote i,
.comments_list .comment_vote .comment_upvote{
display:block;
}
.comments_list .comment_vote:hover *{
color:#555;
}
.comments_list .comment_vote .comment_upvote.active *{
color:#222;
font-weight:bold;
}
.comments_list .comment_vote .comment_score{
display:none;
}
.comments_list .comment_vote .nonzero .comment_score{
display:inherit;
}
.comments_list .comment_vote li a{
font-size:15px;
padding-top:7px;
padding-bottom:6px;
}
.comments_list .comment_vote li.nonzero a{
padding:0px 0;
font-size:12px;
}
.comments_list > li > .inner{
overflow:hidden;
}
.comments_list > li + li{
margin-top:1em;
}
.comments_list .comment_author_photo{
float:left;
margin-right:5px;
}
.comments_list .comment_author_photo > a{
display:block;
position:relative;
width:32px;
height:32px;
background-color:#f7f7f3;
border-radius:30px;
}
.comments_list .comment_author_photo > a > .img{
max-width:100%;
max-height:100%;
width:32px;
height:32px;
border-radius:30px;
background-repeat:no-repeat;
}
.comments_list .comment-mod .comment_author_photo > a:after{
content:"M";
display:block;
position:absolute;
bottom:0;
right:0;
background-color:red;
color:white;
font-weight:bold;
border-radius:30px;
line-height:12px;
width:14px;
height:14px;
font-size:9px;
padding:2px 3px;
}
.comments_list .comment_inner{
overflow:hidden;
}
.comments_list .comment_body{
unicode-bidi:embed;
}
.comments_list .comment_author_username{
display:block;
}
.comments_list .comment_author_username > a{
color:#555;
font-weight:bold;
}
.comments_list .comment_inner .comment_date{
color:#ccc;
margin:0 2px;
font-weight:normal;
display:inline-block;
font-size:.85em;
}
.comments_list .comment_delete > a{
color:#ccc;
font-size:.85em;
}
.comments_list_child{
display:none;
}
.img{
display:inline-block;
background-size:contain;
}
#comment_view .alert{
display:inline-block;
font-size:.9em;
margin-bottom:2em;
}
.listing > .inner{
padding-bottom:250px;
}
.listing > .gutter{
}
.listing > .gutter h1{
color:#333;
font-size:2.6em;
word-wrap:break-word;
}
.listing > .gutter h1 > a{
color:#333;
}
.listing > .gutter h1 .beta:after{
content:'BETA';
position:absolute;
color:#fff;
background-color:#333;
border-radius:3px;
font-size:11px;
padding:.35em .5em;
font-weight:normal;
margin-top:-3px;
opacity:.3;
}
.listing > .gutter .desc{
margin-top:.5em;
font-size:1.1em;
color:#999;
}
@media (max-width:767px){
.listing > .gutter{
position:relative;
width:auto;
float:none;
padding:0;
text-align:center;
margin-bottom:2em;
}
.listing > .gutter h1{
margin-top:0;
font-size:2.2em;
}
.listing > .inner{
padding:0
}
}
.videos_list{
display:flex;
flex-wrap:wrap;
max-width:1455px;
margin:-5px auto 0 auto;
padding:0 30px;
}
.videos_list > li{
flex:1 0 auto;
-ms-flex:1 0 auto;
width:350px;
max-width:50%;
text-align:left;
padding:10px 10px 40px 10px;
}
.videos_list > li.placeholder{
background-color:transparent;
}
.videos_list > li.active{
margin-bottom:3em;
}
.videos_list > li > .inner{
background-color:#fff;
}
.videos_list .date-section{
margin-top:1em;
padding-top:3em;
font-size:10pt;
text-align:center;
color:#ccc;
letter-spacing:2px;
text-transform:uppercase;
display:none;
}
.videos_list .date-section:first-child{
margin-top:0;
}
.videos_list .date-section .date{
color:#ccc;
}
.videos_list > li .thumb_wrapper{
position:relative;
cursor:pointer;
background-color:#f2f2f2;
}
.videos_list > li .thumb_wrapper > a.thumb_img{
position:relative;
display:block;
width:100%;
overflow:hidden;
padding-bottom:56.25%;
background-size:contain;
background-position:center;
background-repeat:no-repeat;
background-color:#000 !important;
}
.videos_list > li .thumb_wrapper > a > .thumb_duration{
position:absolute;
bottom:0;
right:0;
font-size:11px;
padding:4px 7px;
line-height:1em;
background-color:rgba(0,0,0,.3);
color:rgba(255,255,255,.8);
}
.videos_list > li .thumb_wrapper > a > img,
.videos_list > li .thumb_wrapper > a > video{
min-width:100%;
min-height:100%
}
.videos_list > li .thumb_nsfw{
position:absolute;
width:100%;
height:100%;
color:#FF5151;
font-size:2.2em;
letter-spacing:0.06em;
background-color:rgba(0,0,0,0.8);
text-align:center;
padding-top:25%;
}
.videos_list > li .thumb_unlisted,
.videos_list > li .thumb_channel,
.videos_list > li .thumb_pinned{
display:inline-block;
font-size:11px;
font-weight:bold;
border-radius:3px;
padding:2px 4px;
line-height:1em;
color:rgba(0,0,0,.4);
background-color:#f7f7f7;
}
.videos_list > li .thumb_unlisted i,
.videos_list > li .thumb_channel i{
margin-right:2px;
}
.videos_list > li .thumb_channel{
background-color:rgba(103,58,183,0.11);
color:#673AB7
}
.videos_list > li .thumb_channel a{
color:#673AB7;
}
.videos_list > li .thumb_featured{
background-color:#eee;
border-color:#eee;
}
.videos_list > li .thumb_featured a{
color:#aaa;
}
.videos_list > li .thumb_title{
display:block;
padding:10px;
padding-bottom:0;
font-weight:normal;
unicode-bidi:embed;
text-decoration:none;
}
.videos_list > li .thumb_title_label{
display:block;
color:#222;
font-size:1.1em;
font-weight:bold;
text-decoration:none;
padding:0;
line-height:1.2em;
overflow:hidden;
text-overflow:ellipsis;
width:100%;
white-space:nowrap;
}
.videos_list > li .thumb_title_label:hover{
text-decoration:underline;
}
.videos_list > li .thumb_author_username > a{
line-height:1.6em;
color:#999;
font-size:.9em;
letter-spacing:0.03em;
}
.videos_list > li .thumb_author_photo{
display:inline-block;
width:18px;
height:18px;
border-radius:50px;
margin-right:10px;
margin-bottom:-1px;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
display:none;
}
.videos_list .thumb_info > span,
.videos_list .thumb_info > a{
display:inline-block;
vertical-align:middle;
margin-right:3px;
line-height:1.2em;
}
.videos_list .thumb_stats{
display:inline-block;
vertical-align:middle;
font-size:.95em;
}
.videos_list > li .thumb_stat{
display:inline-block;
vertical-align:middle;
font-size:.8em;
color:#aaa;
margin-right:8px;
}
.videos_list > li .thumb_stat > a{
color:#aaa;
text-decoration:none;
}
.videos_list > li .thumb_stat.thumb_watching{
color:rgb(162,183,58);
opacity:1;
cursor:default;
}
.videos_list .thumb_bottom{
padding:10px;
}
.videos_list .thumb_vote_wrapper{
font-size:0;
display:inline-block;
vertical-align:middle;
margin-right:6px;
}
.videos_list .thumb_share{
margin-left:5px;
}
.videos_list .thumb_vote,
.videos_list .thumb_share,
.videos_list .thumb_more{
display:inline-block;
vertical-align:middle;
-webkit-user-select:none;
-moz-user-select:none;
}
.videos_list .thumb_vote > a,
.videos_list .thumb_share > a{
display:block;
font-size:0;
padding:4px 9px;
color:#999;
text-align:center;
border:1px solid #ddd;
text-decoration:none;
border-radius:3px;
line-height:16px;
overflow:hidden;
}
.videos_list .thumb_vote > a:hover,
.videos_list .thumb_share > a:hover{
color:#333;
border:1px solid #bbb;
}
.videos_list .thumb_vote > a.active,
.videos_list .thumb_share > a.active{
border-color:#673AB7;
color:#673AB7;
}
.videos_list .thumb_vote > a i,
.videos_list .thumb_share > a i{
font-size:15px;
}
.videos_list .thumb_vote > a i{
font-size:17px;
margin-left:1px;
}
.videos_list .thumb_vote > a > span,
.videos_list .thumb_share > a > span{
}
.videos_list .thumb_vote > a > span .boost{
font-weight:normal;
color:#aaa;
font-size:.9em;
}
.videos_list .thumb_vote > a i,
.videos_list .thumb_vote > a > span,
.videos_list .thumb_share > a i,
.videos_list .thumb_share > a > span,
.videos_list .thumb_more > a i{
margin-top:-1px;
display:inline-block;
vertical-align:middle;
-webkit-user-select:none;
}
.videos_list .thumb_score{
font-size:12px;
font-weight:bold;
}
.videos_list .thumb_score .num:not(.zero){
margin-left:5px;
}
.videos_list .thumb_score .num.zero{
display:none;
}
.videos_list .thumb_more{
margin-top:1px;
margin-left:-1px;
}
.videos_list .thumb_more > a{
text-align:center;
color:#ccc;
-webkit-user-select:none;
text-decoration:none;
}
.videos_list .thumb_more > a:hover img{
opacity:.8;
}
.videos_list .thumb_more.open > a img{
opacity:.8;
}
.videos_list .thumb_more > a img{
width:15px;
opacity:.25;
margin-top:-5px;
}
.videos_list .video_list_embed_container{
background-color:#f7f7f7;
}
.videos_list .video_list_embed_container iframe{
display:block;
width:100%;
min-height:490px;
}
.videos_list .video_list_embed_container iframe.loading{
visibility:hidden;
}
.videos_list .thumb_img{
display:block;
}
.videos_list .thumb_img > video,
.videos_list .thumb_img > .video-js{
background-size:cover;
width:100%;
max-height:50vh;
display:block;
}
.videos_list .thumb_tags{
font-size:.9em;
display:none;
}
.videos_list .thumb_tags > a{
display:inline-block;
font-weight:bold;
border-radius:3px;
padding:4px 7px;
margin:0 4px 5px 0;
line-height:1em;
color:#4BB7A7;
background-color:rgba(75,183,167,0.09);
}
@media (max-width:767px){
.videos_list{
padding:0 10px;
}
.videos_list > li{
max-width:100%;
padding-bottom:20px;
}
.videos_list > li .thumb_wrapper > a.thumb_img{
width:150px;
height:106px;
width:100%;
height:230px;
}
.videos_list .thumb_tags{
font-size:.7em;
}
.videos_list > li .thumb_author_photo img{
width:42px;
height:42px;
}
.videos_list > li .thumb_author_username > a{
line-height:1.2em;
}
.videos_list > li .thumb_author_username.empty{
display:none;
}
.videos_list > li .thumb_title_label{
font-size:1.1em;
overflow:visible;
white-space:normal;
}
.videos_list > li .thumb_title{
padding:10px 10px 0 10px;
}
.videos_list > li .thumb_title > span{
font-size:.7em;
}
.videos_list .thumb_stats{
font-size:.9em;
}
.videos_list > li .thumb_stat > a{
color:#aaa;
}
.videos_list .thumb_more{
margin-top:5px;
}
.videos_list > li .thumb_author_username:before{
display:none;
}
}
.users_list{
margin-bottom:2em;
overflow:hidden;
margin:0 auto;
font-size:0;
text-align:center;
}
.users_list li{
background-color:#fff;
padding:0 10px;
display:inline-block;
font-size:10pt;
padding:10px;
background-color:#fff;
width:250px;
line-height:1.25em;
text-align:left;
margin:0 3px 3px 0;
overflow:hidden;
}
.users_list li:only-child{
margin:0;
}
.users_list li .inner{
display:table;
}
.users_list li > a:hover .user_username{
text-decoration:underline;
}
.users_list .user_photo{
display:table-cell;
vertical-align:middle;
padding-right:10px;
}
.users_list .user_photo > a{
display:block;
float:left;
}
.users_list .user_photo img{
width:48px;
height:48px;
border-radius:100px;
}
.users_list .inner2{
display:table-cell;
vertical-align:middle;
padding:0 .5em .25em 0;
text-align:left;
}
.users_list .user_username{
display:block;
font-weight:bold;
color:#222;
font-size:1.1em;
}
.users_list .user_videos,
.users_list .user_followers,
.users_list .user_views{
color:#bbb;
margin-right:.5em;
font-size:.8em;
}
.users_list .user_videos i,
.users_list .user_followers i,
.users_list .user_views i{
margin-right:.25em;
}
.users_list .inner3{
margin-top:5px;
}
.users_list .user_follow{
font-size:8pt;
padding:3px 7px;
}
.users_list .user_follow.following{
background-color:#673AB7;
border-color:#673AB7;
}
.users_list_more{
margin-top:1em;
text-align:center;
font-weight:bold;
font-size:.9em;
padding-bottom:10px;
}
@media (max-width:480px){
.users_list li{
width:100%;
margin-bottom:2px;
}
}
.tabs li{
display:inline-block;
margin-right:1em;
}
.tabs li a{
display:block;
color:#aaa;
outline:0;
padding:.3em 0;
text-decoration:none;
}
.tabs li a:hover{
color:#555;
background-color:transparent;
}
.tabs li a:active{
background-color:transparent;
}
.tabs li.active{
margin-bottom:-1px;
}
.tabs li.active a{
font-weight:bold;
color:#673AB7;
}
.tabs li i{
font-size:1.5em;
float:right;
font-weight:bold;
}
.tabs-big-wrapper h1{
font-size:2.2em;
color:#222;
clear:both;
line-height:1.4em;
text-align:left;
margin-bottom:1em;
font-weight:bold;
max-width:1435px;
padding:0 40px;
}
@media (max-width:767px){
.tabs-big{
font-size:1.4em;
font-weight:bold;
}
.tabs-big-wrapper h1{
font-size:1.6em;
text-align:center;
}
}
ul.about-tabs{
float:left;
padding:0;
margin:0 1em 2em 0;
}
ul.about-tabs li{
display:block;
width:150px;
margin-right:1.5em;
}
ul.about-tabs li a{
display:block;
color:#aaa;
outline:0;
padding:.3em 0;
}
ul.about-tabs li a:focus{
background-color:transparent;
}
ul.about-tabs li a:hover{
color:#555;
background-color:transparent;
text-decoration:none;
}
ul.about-tabs li a:active{
background-color:transparent;
}
ul.about-tabs li.active a{
color:#673AB7;
font-weight:bold;
}
ul.about-tabs li.tab i{
color:#999;
opacity:.3;
margin-left:4px;
}
.about-wrapper{
overflow:hidden;
padding:0 30px;
}
.about-wrapper h2{
color:#222;
font-size:2em;
margin-top:0;
margin-bottom:.5em;
font-weight:bold;
}
.about-wrapper h2.beta:after{
content:"BETA";
position:absolute;
margin-left:2px;
font-size:10px;
color:#aaa;
}
.about-body{
overflow:hidden;
background-color:#fff;
padding:30px;
}
.about-body p{
font-size:1em;
line-height:1.5em;
color:#888;
}
.about-body p:last-child{
margin:0;
}
.about-body p.question{
color:#333;
font-size:1.1em;
margin-top:1em;
font-weight:bold;
}
.about-body b{
color:#333;
}
.about-body ol{
font-size:1em;
color:#888;
padding-left:50px;
}
.about-body ol li + li{
margin-top:1em;
}
.about-body ol li strong{
color:#333;
font-weight:bold;
display:block;
}
.about-body ul.bulleted{
list-style:initial;
margin:0 3em 1em 3em;
font-size:1em;
color:#888;
line-height:1.5em;
}
.about-body .alert-info{
font-size:1.1em;
color:#888;
}
.about-body .table{
max-width:300px;
color:inherit;
color:#888;
margin-bottom:0;
}
@media screen and (max-width:767px){
.pg-help-about .content,
.pg-help-earn .content,
.pg-help-rules .content,
.pg-help-privacy .content,
.pg-help-dmca .content,
.pg-help-feedback .content,
.pg-help-apps .content,
.pg-help-api .content,
.pg-help-termsofuse .content{
padding:0;
}
.about-wrapper{
margin-top:0;
padding:0;
}
.about-wrapper h2{
font-size:2.3em;
margin-top:.25em;
}
.about-body{
padding:1em;
}
ul.about-tabs{
float:none;
width:auto;
margin:0;
padding:0 .5em;
padding-bottom:1em;
border-bottom:2px solid #eee;
}
ul.about-tabs li{
display:inline-block;
border:none;
}
ul.about-tabs li.tab{
margin:0;
}
ul.about-tabs li a{
padding:.25em .5em;
}
ul.about-tabs li.tab.active a{
font-weight:bold;
}
}
.apps{
margin-top:2em;
}
.apps > li{
overflow:hidden;
}
.apps > li + li{
margin-top:2em;
}
.apps .app_inner{
overflow:hidden;
font-size:1.1em;
}
.apps .app_title{
font-weight:bold;
font-size:1.1em;
}
.apps .app_author{
display:inline-block;
color:#888;
font-size:.8em;
}
.apps .app_desc{
color:#aaa;
font-size:.9em;
}
.apps .sep{
margin:1.5em 0 0;
font-weight:bold;
font-size:1.4em;
}
#earn .capture-email .input-wrapper{
display:inline-block;
background-color:#f5f5f5;
border-top-right-radius:50px;
border-bottom-right-radius:50px;
}
#earn .capture-email .inner{
display:inline-block;
padding:.4em 1em;
}
#earn .capture-email input{
background-color:transparent;
border:none;
width:200px;
}
#earn .alert-wrapper .alert{
display:inline-block;
padding:.5em 1em;
margin-bottom:0;
}
#earn .capture-email + .alert-wrapper{
margin-top:10px;
}
#about .alert-success{
background-color:rgba(75,183,167,0.09);
border:none;
color:#555;
}
#about .alert-success a{
color:#4BB7A7;
}
#feedback h2{
margin:0 0 .5em 0;
}
#feedback ul.feedback_contacts{
margin-top:2em;
overflow:hidden;
}
#feedback ul.feedback_contacts li{
float:left;
margin:3px;
}
#feedback ul.feedback_contacts li a{
display:inline-block;
text-decoration:none;
width:180px;
padding:0;
font-size:1em;
font-weight:bold;
background-color:rgba(103,58,183,.05);
border:none;
color:#673AB7;
border-radius:3px;
}
#feedback ul.feedback_contacts li img{
width:36px;
height:36px;
}
#feedback ul.feedback_contacts li span{
display:inline-block;
vertical-align:middle;
margin-left:5px;
}
#feedback ul.feedback_contacts li a:hover span{
text-decoration:underline;
}
@media (max-width:480px){
.pg-feedback .content
{
padding-top:0;
}
}
#delete .video_preview{
max-width:400px;
}
#following .nav{
margin:0 0 2em 0;
}
.user_follow .fa-check{
display:none;
}
.user_follow.following .fa-check{
display:inherit;
}
.video_follow .fa-check{
display:none;
}
.video_follow .following .fa-check{
display:inherit;
}
.notifications_list li{
padding:.5em 0;
color:#777;
font-size:.85em;
text-align:left;
clear:both;
overflow:hidden;
}
.notifications_list li a:not(.btn){
color:#111;
}
.notifications_list .notification_actor,
.notifications_list .notification_object{
font-weight:bold;
}
.notifications_list .notification_avatar_wrapper{
float:left;
margin-right:5px;
}
.notifications_list .notification_avatar{
width:22px;
height:22px;
border-radius:50px;
}
.notifications_list .notification_body{
overflow:hidden;
line-height:1.2em;
padding-top:3px;
}
.notifications_list time{
color:#ccc;
}
.notification-dropdown{
position:absolute;
top:36px;
right:0px;
max-height:50vh;
max-width:50vw;
width:400px;
overflow-y:auto;
background-color:#fff;
padding:12px;
border:1px solid #ddd;
border-radius:0;
left:inherit;
}
.notifications_list .collapse{
display:none;
}
.notifications_loading span{
display:inline-block;
vertical-align:middle;
font-size:.9em;
}
.notifications_loading img{
display:inline-block;
vertical-align:middle;
margin-right:5px;
}
.notification-dropdown .load-more,
#notifications .load-more{
font-size:.8em;
background-color:#f2f2f2;
color:#555;
}
.notification-dropdown .load-more:hover,
#notifications .load-more:hover{
background-color:#eee;
color:#222;
}
#reset h1{
margin:1em 0;
}
#reset .form-reset{
padding-left:0;
}
@media (max-width:767px){
#reset h1{
text-align:center;
}
#reset .form-reset{
padding-left:15px;
}
}
#sign-in-modal .col-md-6{
padding:0;
padding-right:30px;
}
#sign-in-modal .col-md-6 + .col-md-6{
padding-right:0;
}
#sign-in-modal label{
display:block;
}
#sign-in-modal .login-forgot{
font-weight:normal;
float:right;
}
#sign-in-modal .form-group,
#sign-up-modal .form-group{
margin-bottom:5px;
}
.social-auth{
margin-bottom:1em;
overflow:hidden;
}
.social-auth .social-auth-buttons{
overflow:hidden;
clear:both;
}
.social-auth .social-auth-buttons a{
float:left;
min-width:150px;
padding:7px 15px;
border-radius:4px;
margin-right:5px;
}
.social-auth .social-auth-buttons a span{
display:inline-block;
vertical-align:middle;
color:#fff;
font-size:13px;
}
.social-auth .social-auth-twitter{
background-color:#00acee;
}
.social-auth .social-auth-facebook{
background-color:#3b5998;
}
.social-auth i{
display:inline-block;
vertical-align:middle;
margin-right:9px;
font-size:1.3em;
color:#fff;
}
.social-auth .social-auth-or{
margin-top:1em;
color:#aaa;
}
#sign-up-modal label[for="signupInputUsername"]{
color:#aaa;
font-weight:normal;
}
@media (max-width:767px){
#sign-in-modal .col-md-6{
padding:0;
}
.social-auth i{
width:15px;
}
.social-auth i.fa.fa-facebook{
margin-left:2px;
margin-right:7px;
}
.social-auth .social-auth-buttons a{
min-width:200px;
text-align:left;
}
.social-auth .social-auth-buttons a + a{
margin-top:5px;
}
}
#grab_fail{
padding:1em;
font-size:20px;
text-align:center;
}
.suggest-list{
background-color:#fff;
border:1px solid #ccc;
z-index:10;
max-height:300px;
overflow-y:auto;
}
.suggest-list > li{
padding:5px;
color:#333333;
}
.suggest-list > li + li{
border-top:1px solid #eee;
}
.suggest-list > li.active,
.suggest-list > li:hover{
color:#ffffff;
background-color:#499BCD;
}
.suggest-list > li.active + li:hover,
.suggest-list > li:hover + li.active{
border-top-color:#499BCD;
}
.suggest-list > li:hover{
cursor:pointer;
}
.suggest-list > li.active:hover{
background-color:#499BCD;
}
.suggest-list .name{
padding-left:5px;
}
.avatar{
position:relative;
display:block;
overflow:hidden;
background-repeat:no-repeat;
background-size:cover;
}
.avatar a.edit-avatar-link{
position:absolute;
font-size:.85em;
color:rgba(255,255,255,.5);
padding:5px 10px;
text-decoration:none;
background-color:rgba(0,0,0,.5);
bottom:0;
left:0;
text-align:center;
}
.avatar .edit-avatar-link:hover{
color:#fff;
}
.avatar:hover .edit-avatar-link{
display:block;
}
#user-cover-upload-modal .cta,
#avatar-upload-modal .cta{
margin-bottom:1em;
}
#user-cover-upload-modal .cta .btn,
#avatar-upload-modal .cta .btn{
}
#user-cover-upload-modal .cta span,
#avatar-upload-modal .cta span{
display:inline-block;
font-size:1em;
margin:0 1em;
color:#bbb;
line-height:1.2em;
}
#user-cover-upload-modal .cta input[type="text"],
#avatar-upload-modal .cta input[type="text"]{
font-size:.85em;
padding:.5em 0;
background:none;
text-align:center;
width:95%;
}
#user-cover-upload-modal .cta.draganddrop,
#avatar-upload-modal .cta.draganddrop{
font-size:1.1em;
padding:2em;
border:5px dashed #eee;
border-radius:5px;
margin:0 auto .5em auto;
}
#user-cover-upload-modal
#avatar-upload-modal .cta.draganddrop.hover{
background:#FFFCEA;
border-color:transparent;
}
#user-cover-upload-modal .draganddrop span,
#avatar-upload-modal .draganddrop span{
margin:0;
line-height:1em;
padding:0.2em 0em;
border-bottom:1px solid transparent;
display:inline-block;
overflow:hidden;
margin-bottom:-0.2em;
}
#user-cover-upload-modal .draganddrop .choose,
#avatar-upload-modal .draganddrop .choose{
overflow:hidden;
cursor:pointer;
border-bottom:1px solid #eee;
position:relative;
}
#user-cover-upload-modal .draganddrop .choose i,
#avatar-upload-modal .draganddrop .choose i{
margin-right:5px;
}
#user-cover-upload-modal .draganddrop .choose input[type="file"],
#avatar-upload-modal .draganddrop .choose input[type="file"]{
cursor:pointer;
direction:ltr;
margin:0;
opacity:0;
position:absolute;
right:0;
top:0;
width:300%;
height:100%;
}
#avatar-upload-modal .crop-area{
max-width:250px;
}
#avatar-upload-modal .crop-area img{
max-width:100%;
}
#error_view{
text-align:center;
}
#error_view .error_image img{
width:300px;
margin-bottom:2em;
}
#error_view .error_contact{
font-size:1.2em;
color:#999;
margin-top:.5em;
}
@media (max-width:767px){
#error_view .error_image img{
width:150px;
margin-bottom:0;
}
}
.embed-modal textarea.embed-code{
background-color:transparent;
cursor:text;
font-size:.8em;
height:8em;
border:none;
box-shadow:none;
resize:none;
width:100%;
font-family:"Monaco","Lucida Console",sans-serif;
border:2px dashed #ddd;
padding:10px;
}
.embed-modal textarea.embed-code::selection{
background:#eee;
}
.embed-modal textarea.embed-code::-moz-selection{
background:#eee;
}
.embed-modal .embed-options{
margin-top:1em;
}
.embed-modal .embed-options li{
display:inline-block;
margin-right:1em;
font-size:.9em;
}
.embed-modal .embed-options input[type=checkbox]{
margin-right:2px;
}
.video-edit-modal .edit-thumbnail .help{
padding-left:.75em;
}
.video-edit-modal .thumbnail-container + span > span{
margin-left:4px;
color:#bbb;
}
.video-edit-modal .help{
color:#999;
}
.video-edit-modal .checkbox{
margin-bottom:1px;
}
.video-edit-modal .js-file-input-value{
background-color:rgba(0,0,0,.05);
border:none;
font-size:.9em;
font-weight:bold;
}
.video-edit-modal .js-file-input-clear{
display:inline-block;
vertical-align:middle;
font-size:1.5em;
margin-left:20px;
line-height:1em;
margin-top:-3px;
}
#video-thumbnail-editor .thumbnail-container{
position:relative;
overflow:hidden;
display:inline-block;
width:auto;
text-align:left;
cursor:pointer;
}
#video-thumbnail-editor input[type="file"]{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
cursor:pointer;
opacity:0;
z-index:1000;
}
#video-thumbnail-editor .options > *{
display:inline-block;
height:100%;
}
#video-thumbnail-editor .btn-upload{
border:2px solid #eee;
padding:5px 10px;
border-radius:5px;
color:#999;
text-decoration:none;
}
#video-thumbnail-editor .btn-upload:hover{
border-color:#ccc;
color:#777;
}
.thumb_stats .thumb_vote > a{
display:inline-block;
vertical-align:middle;
color:#aaa;
text-decoration:none;
-webkit-user-select:none;
}
.thumb_stats .thumb_vote > a:hover{
background-color:transparent;
color:#888;
}
.thumb_stats .thumb_vote > a.active{
color:#444;
}
.thumb_stats .thumb_vote > a.active span{
color:#444;
}
.thumb_stats .thumb_vote > a span.num{
margin-left:5px;
}
#oauth-apps .well,
#oauth-clients .well{
margin-top:1em;
}
#oauth-apps p,
#oauth-clients p{
margin-top:1em;
margin-bottom:0;
}
#oauth-app-detail span.heading,
#oauth-client-detail span.heading{
width:150px;
display:inline-block;
margin-bottom:0.3em;
}
#oauth-app-detail span.heading + span,
#oauth-client-detail span.heading + span{
display:inline-block;
margin-bottom:0.3em;
}
#oauth-app-detail ul,
#oauth-authorize .oauth-scopes ul{
list-style:disc;
padding-left:2em;
}
#oauth-app-detail .oauth-app-detail-permissions .actions{
margin-top:2em;
}
#oauth-client-detail .actions{
margin-top:2em;
display:none;
}
#oauth-authorize .well{
background-color:transparent;
}
#oauth-authorize .oauth-scopes{
margin-top:1em;
margin-bottom:1em;
}
#uploader-modal .step1 > .upload-option{
height:55px;
margin-bottom:5px;
border-radius:3px;
line-height:24px;
cursor:pointer;
border:none;
background-color:#f2f2f2;
font-weight:bold;
}
#uploader-modal .step1 > .upload-option{
background-color:#f5f5f5;
}
#uploader-modal .alert a{
color:#2a6496;
}
#uploader-modal .step1 > *:hover{
border-color:#ccc;
}
#uploader-modal .step1 > *:hover span{
color:#555;
}
#uploader-modal .step1 > * i{
font-size:1.7em;
display:inline-block;
vertical-align:middle;
margin-right:.25em;
width:22px;
}
#uploader-modal .step1 > * span{
display:inline-block;
vertical-align:middle;
color:#999;
font-weight:normal;
}
#uploader-modal .browse{
overflow:hidden;
cursor:pointer;
position:relative;
padding:15px;
width:100%;
}
#uploader-modal label.browse{
display:block;
}
#uploader-modal .browse input[type="file"]{
cursor:pointer;
direction:ltr;
margin:0;
opacity:0;
position:absolute;
right:0;
top:0;
width:300%;
height:100%;
}
#uploader-modal .drag-and-drop{
padding:15px;
border-style:dashed;
cursor:default;
border-color:#ddd;
}
#uploader-modal .step1 > .drag-and-drop:hover{
border-color:#ddd;
}
#uploader-modal .step1 > .drag-and-drop:hover span{
color:#999;
}
#uploader-modal .grab i{
position:absolute;
margin-top:17px;
margin-left:16px;
}
#uploader-modal .grab input{
display:inline-block;
vertical-align:middle;
padding:0;
padding-left:47px;
height:55px;
width:100%;
border:none;
background:none;
box-shadow:none;
background-image:none;
text-align:left;
}
#uploader-modal .uploader-modal-rules{
color:#aaa;
font-size:.9em;
margin-top:2px;
}
#uploader-modal .uploader-modal-rules a{
text-decoration:underline;
}
#uploader-modal .selected-channel a.pull-right{
text-decoration:none;
font-size:1.5em;
margin-top:-4px;
}
#uploader-modal .spinner span{
vertical-align:middle;
margin-left:3px;
}
#uploader-modal .grab input::-moz-placeholder{
color:#555;
}
#uploader-modal .video-public{
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
margin-bottom:2px;
}
#uploader-modal .public-description{
color:#aaa;
}
#uploader-modal .grab input.placeholder{
color:#999;
}
#uploader-modal .drag-and-drop.in{
background:#FFFCEA;
border-color:transparent;
}
#uploader-modal .drag-and-drop-overlay{
color:transparent;
}
#uploader-modal .progress{
width:99.8%;
margin-bottom:10px;
}
#uploader-modal .progress-bytes{
margin-bottom:.5em;
color:#aaa;
float:right;
}
#uploader-modal .progress-filename{
margin-bottom:.5em;
color:#aaa;
}
.draggin-n-droppin #uploader-modal{
overflow-y:hidden;
}
.draggin-n-droppin #uploader-modal > *{
display:none;
}
.draggin-n-droppin #uploader-modal .drag-and-drop-overlay{
z-index:1;
display:block;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
text-align:center;
font-weight:bold;
color:#fff;
background-color:rgba(0,0,0,0.7);
}
.draggin-n-droppin #uploader-modal .drag-and-drop-overlay-close{
cursor:pointer;
text-align:right;
padding-right:30px;
padding-top:30px;
font-size:30px;
line-height:30px;
}
.draggin-n-droppin #uploader-modal .drag-and-drop-overlay-inner{
font-size:100px;
z-index:0;
position:fixed;
top:50%;
height:8em;
margin-top:-100px;
display:inline-block;
left:0;
width:100%;
}
#uploader-modal.ie9orless .browse input{
left:-99999px;
opacity:1;
visibility:visible;
}
#uploader-modal .progress-link{
overflow:hidden;
font-size:1.1em;
}
#uploader-modal .progress-link span{
cursor:pointer;
margin-right:4px;
color:#aaa;
-webkit-user-select:none;
-moz-user-select:none;
}
#uploader-modal .progress-link input{
width:400px;
border:none;
background:none;
padding:0;
font-size:.9em;
color:#aaa;
}
#uploader-modal .terms.help{
font-size:.9em;
color:#ccc;
}
#uploader-modal .terms.help a{
color:#ccc;
text-decoration:underline;
}
#uploader-modal .terms.help a:hover{
color:#FB254F;
}
.sharing{
background-position:center center;
background-repeat:no-repeat;
}
.sharing.reddit{
background-color:#eee;
background-image:url("../images/sharing/reddit_c-2016-04-15.png");
}
.sharing.reddit:hover{
background-color:#cee2f8;
background-image:url("../images/sharing/reddit_c-2016-04-15.png");
}
.sharing.facebook{
background-color:#eee;
background-image:url("../images/sharing/facebook_c-2016-04-15.png");
}
.sharing.facebook:hover{
background-color:#3b5998;
background-image:url("../images/sharing/facebook_white_c-2016-04-15.png");
}
.sharing.twitter{
background-color:#eee;
background-image:url("../images/sharing/twitter_c-2016-04-15.png");
}
.sharing.twitter:hover{
background-color:#4099FF;
background-image:url("../images/sharing/twitter_white_c-2016-04-15.png");
}
.sharing.tumblr{
background-color:#eee;
background-image:url("../images/sharing/tumblr_c-2016-04-15.png");
}
.sharing.tumblr:hover{
background-color:#35465c;
background-image:url("../images/sharing/tumblr_white_c-2016-04-15.png");
}
.sharing.whatsapp{
background-color:#eee;
background-image:url("../images/sharing/whatsapp_c-2016-04-15.png");
}
.sharing.whatsapp:hover{
background-color:#25d366;
background-image:url("../images/sharing/whatsapp_white_c-2016-04-15.png");
}
.sharing.email{
background-color:#eee;
background-image:url("../images/sharing/email_c-2016-04-15.png");
}
.sharing.email:hover{
background-color:#03CD96;
background-image:url("../images/sharing/email_white_c-2016-04-15.png");
}
.sharing.stumbleupon{
background-color:#eee;
background-image:url("../images/sharing/stumbleupon_c-2016-04-15.png");
}
.sharing.stumbleupon:hover{
background-color:#da3300;
background-image:url("../images/sharing/stumbleupon_white_c-2016-04-15.png");
}
.sharing.gplus{
background-color:#eee;
background-image:url("../images/sharing/gplus_c-2016-04-15.png");
}
.sharing.gplus:hover{
background-color:#dc4e41;
background-image:url("../images/sharing/gplus_white_c-2016-04-15.png");
}
.sharing.pinterest{
background-color:#eee;
background-image:url("../images/sharing/pinterest_c-2016-04-15.png");
}
.sharing.pinterest:hover{
background-color:#bd081c;
background-image:url("../images/sharing/pinterest_white_c-2016-04-15.png");
}
@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi){
.sharing.reddit{
background-image:url("../images/sharing/reddit-2x_c-2016-04-15.png");
background-size:20px 17px;
}
.sharing.reddit:hover{
background-image:url("https://cdn.vid.me/images/sharing/reddit_white@2x.png?c=2016-04-15");
}
.sharing.facebook{
background-image:url("../images/sharing/facebook-2x_c-2016-04-15.png");
background-size:8px 17px;
}
.sharing.facebook:hover{
background-image:url("../images/sharing/facebook_white-2x_c-2016-04-15.png");
}
.sharing.twitter{
background-image:url("../images/sharing/twitter-2x_c-2016-04-15.png");
background-size:24px 18px;
}
.sharing.twitter:hover{
background-image:url("../images/sharing/twitter_white-2x_c-2016-04-15.png");
}
.sharing.tumblr{
background-image:url("../images/sharing/tumblr-2x_c-2016-04-15.png");
background-size:11px 17px;
}
.sharing.tumblr:hover{
background-image:url("../images/sharing/tumblr_white-2x_c-2016-04-15.png");
}
.sharing.email{
background-image:url("../images/sharing/email-2x_c-2016-04-15.png");
background-size:20px 20px;
}
.sharing.email:hover{
background-image:url("../images/sharing/email_white-2x_c-2016-04-15.png");
}
.sharing.stumbleupon{
background-image:url("../images/sharing/stumbleupon-2x_c-2016-04-15.png");
background-size:22px;
}
.sharing.stumbleupon:hover{
background-image:url("../images/sharing/stumbleupon_white-2x_c-2016-04-15.png");
}
.sharing.gplus{
background-image:url("../images/sharing/gplus-2x_c-2016-04-15.png");
background-size:24px 21px;
}
.sharing.gplus:hover{
background-image:url("../images/sharing/gplus_white-2x_c-2016-04-15.png");
}
.sharing.pinterest{
background-image:url("../images/sharing/pinterest-2x_c-2016-04-15.png");
background-size:22px;
}
.sharing.pinterest:hover{
background-image:url("../images/sharing/pinterest_white-2x_c-2016-04-15.png");
}
.sharing.whatsapp{
background-image:url("../images/sharing/whatsapp-2x_c-2016-04-15.png");
background-size:16px;
}
.sharing.whatsapp:hover{
background-image:url("../images/sharing/whatsapp_white-2x_c-2016-04-15.png");
}
}
@font-face{
font-family:'Montserrat';
font-weight:normal;
src:local('Montserrat'),local('Montserrat'),url("../fonts/Montserrat-Regular.ttf");
}
@font-face{
font-family:'Montserrat';
font-weight:bold;
src:local('Montserrat'),local('Montserrat'),url("../fonts/Montserrat-Bold.ttf");
}
@font-face{
font-family:'Roboto';
font-weight:normal;
src:local('Roboto'),local('Roboto'),url("../fonts/Roboto-Regular.ttf");
}
@font-face{
font-family:'Roboto';
font-weight:bold;
src:local('Roboto'),local('Roboto'),url("../fonts/Roboto-Bold.ttf");
}
.swatches{
display:none;
}
.swatches{margin-top:6px;}
.swatches .swatch{
width:24px;
height:24px;
display:inline-block;
margin-right:3px;
padding:0;
}
.reset-thumbnail{
margin-left:4px;
}
body.pg-video-embed{
padding:0;
}
.pg-video-embed .footer{
display:none;
}
.pg-video-embed .main > .container{
min-height:0px;
}
.loading-more{
margin-top:60px;
position:relative;
height:64px;
}
.loading-more .spinner{
position:absolute;
top:50%;
left:50%;
width:64px;
height:64px;
margin-left:-32px;
margin-top:-32px;
background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNjQgNjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDY0IDY0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNjY2NjY2MiIGQ9Ik02MS4zLDMwLjdDNjAtNi42LDQtNi42LDIuNywzMC43YzAsMC43LTAuNiwxLjMtMS40LDEuM2wwLDBDMC42LDMyLDAsMzEuNCwwLDMwLjZjMS40LTQwLjgsNjIuNi00MC44LDY0LDANCgljMCwwLjgtMC42LDEuNC0xLjQsMS40bDAsMEM2MS45LDMyLDYxLjMsMzEuNCw2MS4zLDMwLjd6Ii8+DQo8L3N2Zz4NCg==");
-webkit-animation:spinme linear 0.2s infinite !important;
-moz-animation:spinme linear 0.2s infinite !important;
animation:spinme linear 0.2s infinite !important;
}
.loading-more .spinner:before{
content:none;
}
.pg-video-view .youtube-player{
max-width:100%;
max-height:600px;
min-height:360px;
}
.pg-video-embed .youtube-player{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
.album-create-modal .album-link{
font-weight:bold;
}
.album-add-videos-modal .modal-body{
padding-top:.5em;
}
.album-add-videos-modal ul.album-add-video-list{
list-style:none;
overflow-y:auto;
max-height:500px;
border:1px solid #eee;
padding:5px;
}
.album-add-videos-modal ul.album-add-video-list li{
cursor:pointer;
text-align:center;
overflow:hidden;
margin:5px 0;
}
.album-add-videos-modal ul.album-add-video-list li:first-child{
margin-top:0;
}
.album-add-videos-modal ul.album-add-video-list li:last-child{
margin-bottom:0;
}
.album-add-videos-modal ul.album-add-video-list li:hover{
background-color:#f5f5f5;
}
.album-add-videos-modal .thumb{
width:100px;
float:left;
}
.album-add-videos-modal .thumb + div{
overflow:hidden;
text-align:left;
padding-left:.5em;
}
.album-add-videos-modal .thumb img{
max-width:100%;
}
.album-edit-videos-modal fieldset{
background-color:#fff;
border-radius:8px;
border:1px solid #fff;
padding:5px;
overflow:hidden;
}
.album-edit-videos-modal fieldset.ui-sortable-helper{
opacity:0.95;
}
.album-edit-videos-modal fieldset .handle{
font-size:17px;
color:#ccc;
cursor:move;
display:inline-block;
vertical-align:top;
line-height:1em;
margin-top:-1px;
padding-right:4px;
}
.album-edit-videos-modal fieldset .thumb{
display:inline-block;
vertical-align:top;
}
.album-edit-videos-modal fieldset .left{
float:left;
width:128px;
}
.album-edit-videos-modal fieldset .right{
overflow:hidden;
}
.album-edit-videos-modal fieldset .left img{
width:100px;
}
.album-edit-videos-modal fieldset .form-group input:first-child{
margin-bottom:5px;
}
.album-edit-videos-modal fieldset .form-group input,
.album-edit-videos-modal fieldset .form-group textarea{
font-size:.9em;
}
.album-edit-videos-modal fieldset .remove{
font-size:.9em;
text-align:right;
margin-top:.25em;
}
#clip .video-js,
#video-thumbnail-editor .video-js{
min-height:480px;
}
#clip .slider,
#video-thumbnail-editor .slider{
width:100%;
margin-top:10px;
position:relative;
}
#clip .slider .caret,
#video-thumbnail-editor .slider .caret{
position:absolute;
top:160%;
border-right:4px solid transparent;
border-left:4px solid transparent;
border-top:none;
border-bottom:4px solid;
}
#clip .slider .slider-track,
#video-thumbnail-editor .slider-track{
background-image:none;
box-shadow:none;
background-color:#eee;
}
#clip .slider .slider-handle,
#video-thumbnail-editor .slider .slider-handle{
border-radius:3px;
box-shadow:none;
width:10px;
margin-left:-5px;
background-image:none;
background-color:#673AB7;
}
#clip .slider .slider-selection{
background:#673AB7;
}
#video-thumbnail-editor .slider .slider-selection{
display:none;
}
#clip .options,
#video-thumbnail-editor .options{
text-align:center;
margin-top:20px;
}
#clip .options .btn,
#video-thumbnail-editor .options .btn{
background-color:#673AB7;
color:#fff;
font-size:1em;
}
#clip .errors{
text-align:center;
}
#clip .errors .alert{
margin-top:20px;
display:inline-block;
}
#clip .js-clipper{
text-align:center;
font-size:1.2em;
color:#999;
}
#clip .keep-url{
margin-top:1em;
font-weight:normal;
font-size:.9em;
}
#clip .keep-url input[type=checkbox]{
margin-right:5px;
}
.analytics{
height:500px;
}
.pg-help-widgets h1{
margin-bottom:10px;
font-weight:bold;
}
.pg-help-widgets .widget_follow_config li + li{
margin-top:1em;
}
.pg-help-widgets .widget_follow_config div > label{
font-weight:normal;
color:#777;
}
.pg-help-widgets .widget_follow_config .form-control{
max-width:250px;
}
.pg-help-widgets .widget_follow_test{
margin-top:2px;
}
.pg-help-widgets .widget_follow_code textarea{
font-family:"Monaco","Lucida Console",sans-serif;
border:2px dashed #ddd;
padding:10px;
font-size:.8em;
color:#333;
width:800px;
height:15em;
resize:none;
}
.embed-share-modal .timewidget{
margin:20px 0 0 0;
}
.embed-share-modal .timewidget-settings{
margin-top:10px;
}
.embed-share-modal .timewidget-url-wrapper{
border:1px solid #ddd;
}
.embed-share-modal .timewidget-url{
font-size:1.1em;
background-color:transparent;
}
.embed-share-modal .timewidget-settings label{
display:inline-block;
vertical-align:middle;
color:#999;
font-weight:normal;
margin:0 5px 0 0;
}
.embed-share-modal .timewidget-settings input[type=text]{
display:inline-block;
vertical-align:middle;
width:60px;
height:auto;
background-color:transparent;
border:1px solid #ddd;
}
.embed-share-modal .timewidget-settings input[type=checkbox],
.embed-share-modal .timewidget-settings label{
display:inline-block;
vertical-align:middle;
margin-top:0;
}
.embed-share-modal .timewidget-settings span{
display:inline-block;
vertical-align:middle;
margin-left:5px;
}
.pg-thank-you .content{
padding:0 20px;
}
.pg-thank-you #video_thank_you{
text-align:center;
}
.pg-thank-you .astro{
margin-top:20px;
width:200px;
}
.pg-thank-you h1{
font-size:5em;
font-weight:bold;
margin:.5em 0;
}
.pg-thank-you p,
.pg-thank-you .btn{
font-size:1.1em;
}
@media (max-width:767px){
.pg-thank-you h1{
font-size:3em;
}
}
.pg-messages .content{
padding-left:30px;
padding-right:30px;
}
#messages h1{
margin-bottom:1em;
}
#messages h1 span{
display:inline-block;
vertical-align:middle;
}
#messages h1 .btn{
display:inline-block;
vertical-align:middle;
font-size:10pt;
margin-left:20px;
}
.message{
vertical-align:top;
width:100%;
}
.message-participant{
display:inline-block;
border-radius:4px;
}
.message-participant .user_photo img{
width:48px;
height:48px;
border-radius:50px;
margin-right:10px;
}
.message-participant > *{
display:block;
text-align:center;
}
.message time{
color:#ccc;
float:right;
width:60px;
text-align:right;
white-space:nowrap;
font-size:.8em;
}
@media (max-width:767px){
.pg-messages .content{
padding-left:15px;
padding-right:15px;
}
}
ul.threads{
width:300px;
min-width:300px;
border:1px solid #eee;
display:table-cell;
vertical-align:top;
}
ul.threads > li > a{
padding:10px;
display:block;
text-decoration:none;
}
ul.threads > li.active-thread{
background-color:#fff;
}
ul.threads > li + li{
border-top:1px solid #eee;
}
ul.threads > li > a > *{
display:inline-block;
}
ul.threads > li i{
margin-right:5px;
color:#ccc;
}
ul.threads .message-participants{
display:table-cell;
vertical-align:top;
}
ul.threads .message{
display:table-cell;
text-decoration:none;
}
ul.threads .message-users{
display:block;
color:#333;
font-weight:bold;
margin-bottom:2px;
}
ul.threads .message .message-text{
display:block;
text-decoration:none;
color:#aaa;
font-size:.9em;
}
.messages-fragment{
width:100%;
display:table-cell;
padding:20px;
border:1px solid #eee;
background-color:#fff;
border-left:none;
}
.messages-fragment > .messages{
max-height:75vh;
overflow-y:auto;
}
ul.messages{
padding-right:7px;
}
ul.messages > li.message{
display:table;
}
ul.messages > li.message > *{
display:table-cell;
vertical-align:top;
}
ul.messages > li + li{
margin-top:1em;
}
ul.messages .message-more{
color:#aaa;
}
ul.messages .message-more i{
margin-right:4px;
}
li.message .message-author{
float:left;
}
li.message .message-author a{
font-weight:bold;
color:#555;
display:block;
}
li.message .message-head{
overflow:hidden;
}
li.message .message-text{
display:block;
clear:both;
color:#999;
white-space:pre-line;
}
li.message .message-participant .user_photo img{
width:32px;
height:32px;
}
li.message .message-failed{
padding-left:5px;
}
ul.messages .condensed.message{
margin-top:0;
padding-left:42px;
}
ul.messages .condensed .message-head{
display:none;
}
ul.messages .condensed .message-participant{
display:none;
height:0px;
}
ul.messages .condensed .message-author{
display:none;
}
ul.messages .condensed time{
color:transparent;
}
#messages .thread-header{
border-bottom:1px solid #eee;
padding-bottom:10px;
margin-bottom:20px;
overflow:hidden;
}
#messages .thread-headline{
float:left;
font-size:1.5em;
font-weight:bold;
color:#222;
}
#messages .thread-header a{
color:#aaa;
float:right;
margin-left:20px;
font-size:.9em;
}
#messages .thread-header i{
margin-right:5px;
}
@media (max-width:767px){
ul.threads{
width:auto;
display:block;
min-width:0;
}
.pg-messages .messages-fragment{
display:none;
}
.pg-messages-view ul.threads{
display:none;
}
.messages-fragment{
display:block;
border:none;
padding:0;
}
.thread-header{
border-top:1px solid #eee;
padding-top:10px;
}
#messages .thread-header{
text-align:center;
}
#messages .thread-header a{
float:none;
display:inline-block;
margin:0 5px;
font-size:.8em;
}
#messages .thread-header a i{
display:none;
}
.messages-fragment > .messages{
overflow-y:inherit;
display:block;
max-height:none;
height:auto;
}
}
.message-composer{
display:table;
width:100%;
border:1px solid #ddd;
border-radius:3px;
margin-top:20px;
}
.message-composer > textarea{
outline:none;
border:none;
padding:0;
resize:vertical;
margin-right:4px;
width:100%;
max-height:500px;
padding:10px;
color:#777;
background:none;
box-shadow:none;
}
.message-composer-submit{
border-top:1px solid #ddd;
padding:10px;
}
.message-composer-submit .btn{
width:100px;
}
#message-compose-modal .message-composer{
margin-top:0;
}
#message-compose-modal .message-to{
margin-bottom:1em;
border:1px solid #ccc;
border-radius:3px;
padding:5px 10px;
}
#message-compose-modal .message-to img{
width:24px;
height:24px;
border-radius:50px;
}
#message-compose-modal .message-to > *{
display:inline-block;
vertical-align:middle;
}
#message-compose-modal .message-to-label{
color:#999;
margin-right:5px;
}
#message-compose-modal .message-to > input[type=text]{
border:none;
}
#message-compose-modal .message-to .suggest-list{
display:block;
}