.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{
margin-top:1px !important;
width:fit-content;}
.vjs-sublime-skin .vjs-playback-rate div.vjs-menu{
margin-left:0px;}
.vjs-sublime-skin .vjs-playback-rate .vjs-menu li{
font-size:1em;}
.vjs-sublime-skin .vjs-playback-rate .vjs-playback-rate-value{
font-size:1em;
line-height:2.6;
position:relative;
padding-left:1em;}
.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 #pip_menu{
display:none;}
.video-js:not(.vjs-fullscreen):hover .vjs-control-bar{
opacity:1 !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[data-autoplay="true"] .vjs-big-play-button{
display:none;}
.video-js .vjs-tech{
position:static;}
.video-js.vjs-fullscreen .vjs-control-bar{
z-index:11111;}
.video-js #player_menu,
.video-js #pip_menu{
opacity:0;
transition:visibility 0.1s,opacity 0.1s;}
.vjs-has-started #player_menu,
.vjs-has-started #pip_menu{
opacity:1;}
.vjs-has-started.vjs-user-inactive.vjs-playing #player_menu,
.vjs-has-started.vjs-user-inactive.vjs-playing #pip_menu{
opacity:0;}
.video-js:not(.vjs-fullscreen):hover #player_menu,
.video-js:not(.vjs-fullscreen):hover #pip_menu{
opacity:1 !important;}
.video-js.vjs-fullscreen video.vjs-tech{
height:100% !important;
max-height:100% !important;}
.video-js .vjs-progress-control .vjs-mouse-display,
.video-js .vjs-progress-control .vjs-mouse-display:after{
display:none;
background-color:transparent !important;
opacity:0 !important;}
.video-js .vjs-control-bar{
height:3.4em;
bottom:0;
padding-bottom:7px;
background:linear-gradient(to top,rgba(0,0,0,0.2) 0%,rgba(72,72,72,0) 100%,rgba(255,255,255,0) 100%);}
.video-js .vjs-time-tooltip,.video-js .vjs-mouse-display:after,.video-js .vjs-play-progress:after{
font-size:.85em;}
.vjs-sublime-skin .vjs-play-progress:before{
font-size:0;
border-radius:30px;
width:0;
height:0;
top:2px;
right:2px;
background-color:#fff;
box-shadow:0px 0px 5px rgba(0,0,0,0.3);
margin-left:5px;
transition:width .15s ease-in-out,height .15s ease-in-out,top .15s ease-in-out,right .15s ease-in-out,border .15s ease-in-out;}
.video-js .vjs-control-bar:hover .vjs-play-progress:before{
width:13px;
height:13px;
top:-5px;
right:-6px;
transition:none;}
.video-js .vjs-control-bar .vjs-sliding .vjs-play-progress:before{
width:18px;
height:18px;
top:-8px;
right:-8px;
background-color:#fb254f;
border:3px solid #fff;}
.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:7px;}
.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,0.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-current-time,.vjs-no-flex .vjs-current-time{
display:block;
padding-left:0;
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,0.3);
height:4px;
margin-top:7px;
border-radius:10px;
box-shadow:0px 0px 3px rgba(0,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,0.5);
box-shadow:0px 0px 3px rgba(0,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,0.2);
margin-left:12px;
margin-right:17px;
margin-top:-8px;}
.vjs-sublime-skin.in-twitter-card .vjs-fullscreen-control{
display:none;}
.vjs-sublime-skin.in-twitter-card .vjs-volume-menu-button-vertical{
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,0.3);
margin-top:-2px;}
.video-js .vjs-menu-button,
.vjs-remaining-time-display,
.vjs-current-time-display{
color:#fff;
text-shadow:0px 0px 3px rgba(0,0,0,0.2);
margin-top:-3px;}
.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:10px;
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-menu li{
text-transform:none;
font-size:1em;
font-family:Arial,Helvetica,sans-serif;}
.vjs-resolution-button .vjs-menu{
left:0;}
.vjs-resolution-button .vjs-menu .vjs-menu-content{
margin-left:-17px;
width:4em !important;}
.vjs-resolution-button .vjs-menu li{
color:#ddd;
background-color:rgba(0,0,0,0.5);}
.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,0.8);}
.vjs-resolution-button .vjs-menu li.vjs-menu-item.vjs-selected{
color:#fff;
background-color:rgba(0,0,0,0.9);}
.vjs-resolution-button .vjs-menu li.vjs-menu-item.vjs-resolutions-rendering{
color:#e5e5e5;}
.vjs-resolution-button .vjs-menu li.vjs-menu-item.vjs-selected:not(.vjs-resolutions-rendering){
animation:pulse 1.5s infinite;}
@keyframes pulse{
0%{
color:#ddd;
background-color:rgba(99,99,99,0.5);}
50%{
color:#fff;
background-color:rgba(0,0,0,0.8);}
100%{
color:#ddd;
background-color:rgba(99,99,99,0.5);}}
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover{
background-color:rgba(0,0,0,0.8);}
.vjs-youtube .vjs-control-bar{
display:none;}
.vjs-youtube > div:first-child{
padding-bottom:56.25%;
}
.vjs-menu-button-popup .vjs-menu{
margin-bottom:1.2em;
margin-left:2px;}
.vjs-captions-button{
display:none;}
.video-js[data-autoplay="true"] .vjs-big-play-button{
display:none;}
#video_player{
z-index:101;
-webkit-transform-style:preserve-3d;
text-align:center;
width:100%;
min-height:270px;}
video#video_player{
object-fit:cover;}
@media (max-width:767px){
#video_player{
min-height:0;}
.video-js:not(.vjs-fullscreen):hover .vjs-control-bar{
opacity:1 !important;}
video#video_player,
#video_player video{
min-height:0;}
#video_view #video_player,
#video_view #video_player video,
#video_view video#video_player{
min-height:200px;
height:auto;}}
#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:2.5em;
color:#fff;
text-decoration:none;
white-space:nowrap;}
@-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:50px;
height:50px;
margin-left:-25px;
margin-top:-25px;
-webkit-animation:fadein steps(1,end) 1s,spinme 1s linear infinite !important;
-moz-animation:fadein steps(1,end) 1s,spinme 1s linear infinite !important;
animation:fadein steps(1,end) 1s,spinme 1s linear infinite !important;
border:none;
opacity:1;
border-radius:100px;
border:3px solid rgba(255,255,255,0.4);
border-bottom:3px solid #fff;
box-shadow:0px 0px 5px rgba(0,0,0,0.3);}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after{
content:none;}
.video-js .vjs-control-bar{
z-index:2222;}
.video_info2{
position:relative;
z-index:222;}
#ima-ad-container{
top:-35px;}
#ima-ad-container video{
left:0;
top:0;}
.ima-play-pause-div,
.ima-mute-div,
.ima-fullscreen-div{
top:8px !important;}
.ima-fullscreen-div{
display:none !important;}
.ima-slider-div{
right:15px !important;}
.ima-mute-div{
right:62px !important;}
.ima-countdown-div{
color:#eee !important;
text-shadow:0 0 0.2em rgba(0,0,0,0.8) !important;}
#video_player_ima-ad-container video{
left:0;}
@media (max-width:767px){
.vjs-big-play-button{
display:none;}
.device-ios .loading-indicator,
.device-ios .vjs-loading-spinner{
display:none;
width:0px;
height:0px;}
.device-ios .mobile-play-button{
display:none;}
.device-ios .mobile-play-button .loading-indicator{
background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNjQgNjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDY0IDY0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02MS4zLDMwLjdDNjAtNi42LDQtNi42LDIuNywzMC43YzAsMC43LTAuNiwxLjMtMS40LDEuM2wwLDBDMC42LDMyLDAsMzEuNCwwLDMwLjZjMS40LTQwLjgsNjIuNi00MC44LDY0LDANCgljMCwwLjgtMC42LDEuNC0xLjQsMS40bDAsMEM2MS45LDMyLDYxLjMsMzEuNCw2MS4zLDMwLjd6Ii8+DQo8L3N2Zz4NCg==");
display:none;}
.device-ios .vjs-paused .vjs-big-play-button{
display:none;}}
.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,0.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,0.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;}
#player_menu{
display:none;}
#player_menu > li > a{
font-size:15px;
width:30px;
height:30px;
line-height:30px;}
#player_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,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:block;
margin-right:15px;
margin-left:15px;}
.postroll .btn{
margin:5px;
padding:.5em 1.5em;
border-radius:100px;
background-color:transparent;
color:#aaa;
font-size:1.4em;
outline:none !important;}
.postroll .btn i{
display:inline-block;
vertical-align:middle;
font-size:1.3em;
margin-left:0;
margin-right:.2em;
color:rgba(255,255,255,0.4);}
.postroll .btn span{
display:inline-block;
vertical-align:middle;}
.postroll .btn:hover{
color:#fff;
opacity:1;}
.postroll .btn:hover i{
color:#fff;}
.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("/cdn/images/logo_white.png?2014-07-03");
background-repeat:no-repeat;
background-size:contain;
background-position:center top;
height:40px;
margin-bottom:5px;}
.postroll .postroll_upnext{
display:none;}
.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,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;
border:none;}
.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;}
.postroll .postroll-actions a.more-videos{
border:none;
color:#fff;
background-color:#f82a53;
background:linear-gradient(to left,#9f2af8,#f82a53);}
.postroll .postroll-actions a.more-videos:hover{
color:#fff;}
@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:block;
margin-right:15px;
margin-left:15px;}
.postroll .btn{
font-size:1.4em;
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);}}
#player_branding{
display:none;}
#player_menu{
position:absolute;
top:15px;
right:15px;
width:100px;}
#player_menu ul > li{
display:block;
text-align:right;}
#player_menu ul > li + li{
margin:5px 0 0 0;}
#player_menu ul > li > a{
display:inline-block;
padding:0;
background-color:rgba(100,100,100,0.4);
color:#fff;
text-align:left;
font-size:18px;
outline:none;
text-decoration:none;
border-radius:50px;
width:60px;
height:35px;
line-height:37px;
text-align:center;
font-weight:bold;}
#player_menu ul > li > a:hover{
text-decoration:none;
background:linear-gradient(to left,#9f2af8,#f82a53);
color:#fff;}
#player_menu ul > li > a:active{
opacity:.8;}
#player_menu #embed_upvote > a.active{
color:#FB254F;}
#player_menu #embed_upvote > a.active:hover{
color:#000;}
#player_menu #embed_watch{
display:none;}
@media (min-width:980px){
.video-js.pip{
position:fixed;
z-index:10;
bottom:20px;
right:20px;
width:300px !important;
box-shadow:0px 0px 20px rgba(0,0,0,0.3);}
.vjs-fullscreen.video-js.pip{
width:100% !important;
bottom:0;
right:0;}
.video-js.pip #pip_menu{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
background:linear-gradient(to bottom,rgba(0,0,0,0.2) 0%,rgba(72,72,72,0) 100%,rgba(255,255,255,0) 100%);}
.video-js.pip .title{
margin:10px;
color:#fff;
font-size:1.2em;
display:inline-block;
max-width:80%;
line-height:1.2em;
font-weight:500;
text-shadow:1px 1px 1px rgba(0,0,0,0.5);}
.video-js.pip .close{
position:absolute;
right:10px;
top:8px;
font-weight:normal;
font-size:2em;
color:#FFF;
opacity:1;}
.video-js.pip .vjs-remaining-time{
display:none;}}
/*!
 * Copyright 2014 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.ima-ad-container {
  top: 0px;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}

/* Move overlay if user fast-clicks play button. */
.video-js.vjs-playing .bumpable-ima-ad-container {
  margin-top: -40px;
}

/* Move overlay when controls are active. */
.video-js.vjs-user-inactive.vjs-playing .bumpable-ima-ad-container {
  margin-top: 0px;
}

.video-js.vjs-paused .bumpable-ima-ad-container,
.video-js.vjs-playing:hover .bumpable-ima-ad-container,
.video-js.vjs-user-active.vjs-playing .bumpable-ima-ad-container {
  margin-top: -40px;
}

.ima-controls-div {
  bottom:0px;
  height: 37px;
  position: absolute;
  overflow: hidden;
  display: none;
  opacity: 1;
  background-color: rgba(7, 20, 30, .7);
  background: -moz-linear-gradient(
      bottom,
      rgba(7, 20, 30, .7) 0%,
      rgba(7, 20, 30, 0) 100%); /* FF3.6+ */
  background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0%,rgba(7, 20, 30, .7)),
      color-stop(100%,rgba(7, 20, 30, 0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
      bottom,
      rgba(7, 20, 30, .7) 0%,
      rgba(7, 20, 30, 0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom,
    rgba(7, 20, 30, .7) 0%,
    rgba(7, 20, 30, 0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom,
    rgba(7, 20, 30, .7) 0%,
    rgba(7, 20, 30, 0) 100%); /* IE10+ */
  background: linear-gradient(to top,
    rgba(7, 20, 30, .7) 0%,
    rgba(7, 20, 30, 0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr='#0007141E',
    endColorstr='#07141E',GradientType=0 ); /* IE6-9 */
}

.ima-countdown-div {
  height: 10px;
  color: #FFFFFF;
  text-shadow: 0 0 0.2em #000;
  cursor: default;
}

.ima-seek-bar-div {
  top: 12px;
  height: 3px;
  position: absolute;
  background: rgba(255, 255, 255, .4);
}

.ima-progress-div {
  width: 0px;
  height: 3px;
  background-color: #ECC546;
}

.ima-play-pause-div, .ima-mute-div, .ima-slider-div, .ima-fullscreen-div {
  width: 35px;
  height: 20px;
  top: 11px;
  left: 0px;
  position: absolute;
  color: #CCCCCC;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
  font-family: VideoJS;
  cursor: pointer;
}

.ima-mute-div {
  left: auto;
  right: 85px;
}

.ima-slider-div {
  left: auto;
  right: 35px;
  width: 50px;
  height: 10px;
  top: 20px;
  background-color: #555555;
}

.ima-slider-level-div {
  width: 100%;
  height: 10px;
  background-color: #ECC546;
}

.ima-fullscreen-div {
  left: auto;
  right: 0px;
}

.ima-playing:before {
  content: "\00f103";
}

.ima-paused:before {
  content: "\00f101";
}

.ima-playing:hover:before, .ima-paused:hover:before {
  text-shadow: 0 0 1em #fff;
}

.ima-non-muted:before {
  content: "\00f107";
}

.ima-muted:before {
  content: "\00f104";
}

.ima-non-muted:hover:before, .ima-muted:hover:before {
  text-shadow: 0 0 1em #fff;
}

.ima-non-fullscreen:before {
  content: "\00f108";
}

.ima-fullscreen:before {
  content: "\00f109";
}

.ima-non-fullscreen:hover:before, .ima-fullscreen:hover:before {
  text-shadow: 0 0 1em #fff;
}
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  width: 19em;
}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #cccccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ffffff;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/*# sourceMappingURL=build/css/bootstrap-datetimepicker.css.map */.clearfix{
*zoom:1;}
.clearfix:before,
.clearfix:after{
display:table;
line-height:0;
content:"";}
.clearfix:after{
clear:both;}
.hide-text{
font:0/0 a;
color:transparent;
text-shadow:none;
background-color:transparent;
border:0;}
.input-block-level{
display:block;
width:100%;
min-height:30px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;}
@-ms-viewport{
width:device-width;}
.hidden{
display:none;
visibility:hidden;}
.visible-phone{
display:none !important;}
.visible-tablet{
display:none !important;}
.hidden-desktop{
display:none !important;}
.visible-desktop{
display:inherit !important;}
@media (min-width:768px) and (max-width:979px){
.hidden-desktop{
display:inherit !important;}
.visible-desktop{
display:none !important;}
.visible-tablet{
display:inherit !important;}
.hidden-tablet{
display:none !important;}}
@media (max-width:767px){
.hidden-desktop{
display:inherit !important;}
.visible-desktop{
display:none !important;}
.visible-phone{
display:inherit !important;}
.hidden-phone{
display:none !important;}}
.visible-print{
display:none !important;}
@media print{
.visible-print{
display:inherit !important;}
.hidden-print{
display:none !important;}}
@media (min-width:1200px){
.row{
margin-left:-30px;
*zoom:1;}
.row:before,
.row:after{
display:table;
line-height:0;
content:"";}
.row:after{
clear:both;}
[class*="span"]{
float:left;
min-height:1px;
margin-left:30px;}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container{
width:1170px;}
.span12{
width:1170px;}
.span11{
width:1070px;}
.span10{
width:970px;}
.span9{
width:870px;}
.span8{
width:770px;}
.span7{
width:670px;}
.span6{
width:570px;}
.span5{
width:470px;}
.span4{
width:370px;}
.span3{
width:270px;}
.span2{
width:170px;}
.span1{
width:70px;}
.offset12{
margin-left:1230px;}
.offset11{
margin-left:1130px;}
.offset10{
margin-left:1030px;}
.offset9{
margin-left:930px;}
.offset8{
margin-left:830px;}
.offset7{
margin-left:730px;}
.offset6{
margin-left:630px;}
.offset5{
margin-left:530px;}
.offset4{
margin-left:430px;}
.offset3{
margin-left:330px;}
.offset2{
margin-left:230px;}
.offset1{
margin-left:130px;}
.row-fluid{
width:100%;
*zoom:1;}
.row-fluid:before,
.row-fluid:after{
display:table;
line-height:0;
content:"";}
.row-fluid:after{
clear:both;}
.row-fluid [class*="span"]{
display:block;
float:left;
width:100%;
min-height:30px;
margin-left:2.564102564102564%;
*margin-left:2.5109110747408616%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;}
.row-fluid [class*="span"]:first-child{
margin-left:0;}
.row-fluid .controls-row [class*="span"] + [class*="span"]{
margin-left:2.564102564102564%;}
.row-fluid .span12{
width:100%;
*width:99.94680851063829%;}
.row-fluid .span11{
width:91.45299145299145%;
*width:91.39979996362975%;}
.row-fluid .span10{
width:82.90598290598291%;
*width:82.8527914166212%;}
.row-fluid .span9{
width:74.35897435897436%;
*width:74.30578286961266%;}
.row-fluid .span8{
width:65.81196581196582%;
*width:65.75877432260411%;}
.row-fluid .span7{
width:57.26495726495726%;
*width:57.21176577559556%;}
.row-fluid .span6{
width:48.717948717948715%;
*width:48.664757228587014%;}
.row-fluid .span5{
width:40.17094017094017%;
*width:40.11774868157847%;}
.row-fluid .span4{
width:31.623931623931625%;
*width:31.570740134569924%;}
.row-fluid .span3{
width:23.076923076923077%;
*width:23.023731587561375%;}
.row-fluid .span2{
width:14.52991452991453%;
*width:14.476723040552828%;}
.row-fluid .span1{
width:5.982905982905983%;
*width:5.929714493544281%;}
.row-fluid .offset12{
margin-left:105.12820512820512%;
*margin-left:105.02182214948171%;}
.row-fluid .offset12:first-child{
margin-left:102.56410256410257%;
*margin-left:102.45771958537915%;}
.row-fluid .offset11{
margin-left:96.58119658119658%;
*margin-left:96.47481360247316%;}
.row-fluid .offset11:first-child{
margin-left:94.01709401709402%;
*margin-left:93.91071103837061%;}
.row-fluid .offset10{
margin-left:88.03418803418803%;
*margin-left:87.92780505546462%;}
.row-fluid .offset10:first-child{
margin-left:85.47008547008548%;
*margin-left:85.36370249136206%;}
.row-fluid .offset9{
margin-left:79.48717948717949%;
*margin-left:79.38079650845607%;}
.row-fluid .offset9:first-child{
margin-left:76.92307692307693%;
*margin-left:76.81669394435352%;}
.row-fluid .offset8{
margin-left:70.94017094017094%;
*margin-left:70.83378796144753%;}
.row-fluid .offset8:first-child{
margin-left:68.37606837606839%;
*margin-left:68.26968539734497%;}
.row-fluid .offset7{
margin-left:62.393162393162385%;
*margin-left:62.28677941443899%;}
.row-fluid .offset7:first-child{
margin-left:59.82905982905982%;
*margin-left:59.72267685033642%;}
.row-fluid .offset6{
margin-left:53.84615384615384%;
*margin-left:53.739770867430444%;}
.row-fluid .offset6:first-child{
margin-left:51.28205128205128%;
*margin-left:51.175668303327875%;}
.row-fluid .offset5{
margin-left:45.299145299145295%;
*margin-left:45.1927623204219%;}
.row-fluid .offset5:first-child{
margin-left:42.73504273504273%;
*margin-left:42.62865975631933%;}
.row-fluid .offset4{
margin-left:36.75213675213675%;
*margin-left:36.645753773413354%;}
.row-fluid .offset4:first-child{
margin-left:34.18803418803419%;
*margin-left:34.081651209310785%;}
.row-fluid .offset3{
margin-left:28.205128205128204%;
*margin-left:28.0987452264048%;}
.row-fluid .offset3:first-child{
margin-left:25.641025641025642%;
*margin-left:25.53464266230224%;}
.row-fluid .offset2{
margin-left:19.65811965811966%;
*margin-left:19.551736679396257%;}
.row-fluid .offset2:first-child{
margin-left:17.094017094017094%;
*margin-left:16.98763411529369%;}
.row-fluid .offset1{
margin-left:11.11111111111111%;
*margin-left:11.004728132387708%;}
.row-fluid .offset1:first-child{
margin-left:8.547008547008547%;
*margin-left:8.440625568285142%;}
input,
textarea,
.uneditable-input{
margin-left:0;}
.controls-row [class*="span"] + [class*="span"]{
margin-left:30px;}
input.span12,
textarea.span12,
.uneditable-input.span12{
width:1156px;}
input.span11,
textarea.span11,
.uneditable-input.span11{
width:1056px;}
input.span10,
textarea.span10,
.uneditable-input.span10{
width:956px;}
input.span9,
textarea.span9,
.uneditable-input.span9{
width:856px;}
input.span8,
textarea.span8,
.uneditable-input.span8{
width:756px;}
input.span7,
textarea.span7,
.uneditable-input.span7{
width:656px;}
input.span6,
textarea.span6,
.uneditable-input.span6{
width:556px;}
input.span5,
textarea.span5,
.uneditable-input.span5{
width:456px;}
input.span4,
textarea.span4,
.uneditable-input.span4{
width:356px;}
input.span3,
textarea.span3,
.uneditable-input.span3{
width:256px;}
input.span2,
textarea.span2,
.uneditable-input.span2{
width:156px;}
input.span1,
textarea.span1,
.uneditable-input.span1{
width:56px;}
.thumbnails{
margin-left:-30px;}
.thumbnails > li{
margin-left:30px;}
.row-fluid .thumbnails{
margin-left:0;}}
@media (min-width:768px) and (max-width:979px){
.row{
margin-left:-20px;
*zoom:1;}
.row:before,
.row:after{
display:table;
line-height:0;
content:"";}
.row:after{
clear:both;}
[class*="span"]{
float:left;
min-height:1px;
margin-left:20px;}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container{
width:724px;}
.span12{
width:724px;}
.span11{
width:662px;}
.span10{
width:600px;}
.span9{
width:538px;}
.span8{
width:476px;}
.span7{
width:414px;}
.span6{
width:352px;}
.span5{
width:290px;}
.span4{
width:228px;}
.span3{
width:166px;}
.span2{
width:104px;}
.span1{
width:42px;}
.offset12{
margin-left:764px;}
.offset11{
margin-left:702px;}
.offset10{
margin-left:640px;}
.offset9{
margin-left:578px;}
.offset8{
margin-left:516px;}
.offset7{
margin-left:454px;}
.offset6{
margin-left:392px;}
.offset5{
margin-left:330px;}
.offset4{
margin-left:268px;}
.offset3{
margin-left:206px;}
.offset2{
margin-left:144px;}
.offset1{
margin-left:82px;}
.row-fluid{
width:100%;
*zoom:1;}
.row-fluid:before,
.row-fluid:after{
display:table;
line-height:0;
content:"";}
.row-fluid:after{
clear:both;}
.row-fluid [class*="span"]{
display:block;
float:left;
width:100%;
min-height:30px;
margin-left:2.7624309392265194%;
*margin-left:2.709239449864817%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;}
.row-fluid [class*="span"]:first-child{
margin-left:0;}
.row-fluid .controls-row [class*="span"] + [class*="span"]{
margin-left:2.7624309392265194%;}
.row-fluid .span12{
width:100%;
*width:99.94680851063829%;}
.row-fluid .span11{
width:91.43646408839778%;
*width:91.38327259903608%;}
.row-fluid .span10{
width:82.87292817679558%;
*width:82.81973668743387%;}
.row-fluid .span9{
width:74.30939226519337%;
*width:74.25620077583166%;}
.row-fluid .span8{
width:65.74585635359117%;
*width:65.69266486422946%;}
.row-fluid .span7{
width:57.18232044198895%;
*width:57.12912895262725%;}
.row-fluid .span6{
width:48.61878453038674%;
*width:48.56559304102504%;}
.row-fluid .span5{
width:40.05524861878453%;
*width:40.00205712942283%;}
.row-fluid .span4{
width:31.491712707182323%;
*width:31.43852121782062%;}
.row-fluid .span3{
width:22.92817679558011%;
*width:22.87498530621841%;}
.row-fluid .span2{
width:14.3646408839779%;
*width:14.311449394616199%;}
.row-fluid .span1{
width:5.801104972375691%;
*width:5.747913483013988%;}
.row-fluid .offset12{
margin-left:105.52486187845304%;
*margin-left:105.41847889972962%;}
.row-fluid .offset12:first-child{
margin-left:102.76243093922652%;
*margin-left:102.6560479605031%;}
.row-fluid .offset11{
margin-left:96.96132596685082%;
*margin-left:96.8549429881274%;}
.row-fluid .offset11:first-child{
margin-left:94.1988950276243%;
*margin-left:94.09251204890089%;}
.row-fluid .offset10{
margin-left:88.39779005524862%;
*margin-left:88.2914070765252%;}
.row-fluid .offset10:first-child{
margin-left:85.6353591160221%;
*margin-left:85.52897613729868%;}
.row-fluid .offset9{
margin-left:79.8342541436464%;
*margin-left:79.72787116492299%;}
.row-fluid .offset9:first-child{
margin-left:77.07182320441989%;
*margin-left:76.96544022569647%;}
.row-fluid .offset8{
margin-left:71.2707182320442%;
*margin-left:71.16433525332079%;}
.row-fluid .offset8:first-child{
margin-left:68.50828729281768%;
*margin-left:68.40190431409427%;}
.row-fluid .offset7{
margin-left:62.70718232044199%;
*margin-left:62.600799341718584%;}
.row-fluid .offset7:first-child{
margin-left:59.94475138121547%;
*margin-left:59.838368402492065%;}
.row-fluid .offset6{
margin-left:54.14364640883978%;
*margin-left:54.037263430116376%;}
.row-fluid .offset6:first-child{
margin-left:51.38121546961326%;
*margin-left:51.27483249088986%;}
.row-fluid .offset5{
margin-left:45.58011049723757%;
*margin-left:45.47372751851417%;}
.row-fluid .offset5:first-child{
margin-left:42.81767955801105%;
*margin-left:42.71129657928765%;}
.row-fluid .offset4{
margin-left:37.01657458563536%;
*margin-left:36.91019160691196%;}
.row-fluid .offset4:first-child{
margin-left:34.25414364640884%;
*margin-left:34.14776066768544%;}
.row-fluid .offset3{
margin-left:28.45303867403315%;
*margin-left:28.346655695309746%;}
.row-fluid .offset3:first-child{
margin-left:25.69060773480663%;
*margin-left:25.584224756083227%;}
.row-fluid .offset2{
margin-left:19.88950276243094%;
*margin-left:19.783119783707537%;}
.row-fluid .offset2:first-child{
margin-left:17.12707182320442%;
*margin-left:17.02068884448102%;}
.row-fluid .offset1{
margin-left:11.32596685082873%;
*margin-left:11.219583872105325%;}
.row-fluid .offset1:first-child{
margin-left:8.56353591160221%;
*margin-left:8.457152932878806%;}
input,
textarea,
.uneditable-input{
margin-left:0;}
.controls-row [class*="span"] + [class*="span"]{
margin-left:20px;}
input.span12,
textarea.span12,
.uneditable-input.span12{
width:710px;}
input.span11,
textarea.span11,
.uneditable-input.span11{
width:648px;}
input.span10,
textarea.span10,
.uneditable-input.span10{
width:586px;}
input.span9,
textarea.span9,
.uneditable-input.span9{
width:524px;}
input.span8,
textarea.span8,
.uneditable-input.span8{
width:462px;}
input.span7,
textarea.span7,
.uneditable-input.span7{
width:400px;}
input.span6,
textarea.span6,
.uneditable-input.span6{
width:338px;}
input.span5,
textarea.span5,
.uneditable-input.span5{
width:276px;}
input.span4,
textarea.span4,
.uneditable-input.span4{
width:214px;}
input.span3,
textarea.span3,
.uneditable-input.span3{
width:152px;}
input.span2,
textarea.span2,
.uneditable-input.span2{
width:90px;}
input.span1,
textarea.span1,
.uneditable-input.span1{
width:28px;}}
@media (max-width:767px){
body{
padding-right:20px;
padding-left:20px;}
.navbar-fixed-top,
.navbar-fixed-bottom,
.navbar-static-top{
margin-right:-20px;
margin-left:-20px;}
.container-fluid{
padding:0;}
.dl-horizontal dt{
float:none;
width:auto;
clear:none;
text-align:left;}
.dl-horizontal dd{
margin-left:0;}
.container{
width:auto;}
.row-fluid{
width:100%;}
.row,
.thumbnails{
margin-left:0;}
.thumbnails > li{
float:none;
margin-left:0;}
[class*="span"],
.uneditable-input[class*="span"],
.row-fluid [class*="span"]{
display:block;
float:none;
width:100%;
margin-left:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;}
.span12,
.row-fluid .span12{
width:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;}
.row-fluid [class*="offset"]:first-child{
margin-left:0;}
.input-large,
.input-xlarge,
.input-xxlarge,
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input{
display:block;
width:100%;
min-height:30px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;}
.input-prepend input,
.input-append input,
.input-prepend input[class*="span"],
.input-append input[class*="span"]{
display:inline-block;
width:auto;}
.controls-row [class*="span"] + [class*="span"]{
margin-left:0;}
.modal{
position:fixed;
top:20px;
right:20px;
left:20px;
width:auto;
margin:0;}
.modal.fade{
top:-100px;}
.modal.fade.in{
top:20px;}}
@media (max-width:480px){
.nav-collapse{
-webkit-transform:translate3d(0,0,0);}
.page-header h1 small{
display:block;
line-height:20px;}
input[type="checkbox"],
input[type="radio"]{
border:1px solid #ccc;}
.form-horizontal .control-label{
float:none;
width:auto;
padding-top:0;
text-align:left;}
.form-horizontal .controls{
margin-left:0;}
.form-horizontal .control-list{
padding-top:0;}
.form-horizontal .form-actions{
padding-right:10px;
padding-left:10px;}
.media .pull-left,
.media .pull-right{
display:block;
float:none;
margin-bottom:10px;}
.media-object{
margin-right:0;
margin-left:0;}
.modal{
top:10px;
right:10px;
left:10px;}
.modal-header .close{
padding:10px;
margin:-10px;}
.carousel-caption{
position:static;}}
@media (max-width:979px){
body{
padding-top:0;}
.navbar-fixed-top,
.navbar-fixed-bottom{
position:static;}
.navbar-fixed-top{
margin-bottom:20px;}
.navbar-fixed-bottom{
margin-top:20px;}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner{
padding:5px;}
.navbar .container{
width:auto;
padding:0;}
.navbar .brand{
padding-right:10px;
padding-left:10px;
margin:0 0 0 -5px;}
.nav-collapse{
clear:both;}
.nav-collapse .nav{
float:none;
margin:0 0 10px;}
.nav-collapse .nav > li{
float:none;}
.nav-collapse .nav > li > a{
margin-bottom:2px;}
.nav-collapse .nav > .divider-vertical{
display:none;}
.nav-collapse .nav .nav-header{
color:#777777;
text-shadow:none;}
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a{
padding:9px 15px;
font-weight:bold;
color:#777777;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;}
.nav-collapse .btn{
padding:4px 10px 4px;
font-weight:normal;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;}
.nav-collapse .dropdown-menu li + li a{
margin-bottom:2px;}
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus{
background-color:#f2f2f2;}
.navbar-inverse .nav-collapse .nav > li > a,
.navbar-inverse .nav-collapse .dropdown-menu a{
color:#999999;}
.navbar-inverse .nav-collapse .nav > li > a:hover,
.navbar-inverse .nav-collapse .nav > li > a:focus,
.navbar-inverse .nav-collapse .dropdown-menu a:hover,
.navbar-inverse .nav-collapse .dropdown-menu a:focus{
background-color:#111111;}
.nav-collapse.in .btn-group{
padding:0;
margin-top:5px;}
.nav-collapse .dropdown-menu{
position:static;
top:auto;
left:auto;
display:none;
float:none;
max-width:none;
padding:0;
margin:0 15px;
background-color:transparent;
border:none;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;}
.nav-collapse .open > .dropdown-menu{
display:block;}
.nav-collapse .dropdown-menu:before,
.nav-collapse .dropdown-menu:after{
display:none;}
.nav-collapse .dropdown-menu .divider{
display:none;}
.nav-collapse .nav > li > .dropdown-menu:before,
.nav-collapse .nav > li > .dropdown-menu:after{
display:none;}
.nav-collapse .navbar-form,
.nav-collapse .navbar-search{
float:none;
padding:10px 15px;
margin:10px 0;
border-top:1px solid #f2f2f2;
border-bottom:1px solid #f2f2f2;
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);
-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);}
.navbar-inverse .nav-collapse .navbar-form,
.navbar-inverse .nav-collapse .navbar-search{
border-top-color:#111111;
border-bottom-color:#111111;}
.navbar .nav-collapse .nav.pull-right{
float:none;
margin-left:0;}
.nav-collapse,
.nav-collapse.collapse{
height:0;
overflow:hidden;}
.navbar .btn-navbar{
display:block;}
.navbar-static .navbar-inner{
padding-right:10px;
padding-left:10px;}}
@media (min-width:980px){
.nav-collapse.collapse{
height:auto !important;
overflow:visible !important;}}
@charset "UTF-8";
ul{
list-style-type:none;
margin:0;
padding:0;}
a{
cursor:pointer;
color:#f82a53;}
a:hover{
color:#f82a53;
text-decoration:underline;}
a:active,
a:focus{
color:#f82a53;}
::-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,0.2);
outline:none;}
.btn{
border-width:1px;
cursor:pointer;
outline:none;}
.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:#fff;
border-radius:0;
padding:6px 10px;}
.form-control:focus{
box-shadow:none;}
.btn-info,
.btn-info:hover,
.btn-info:active,
.btn-info:active:hover,
.btn-info:focus{
background-color:#f82a53;
border-color:#f82a53;
outline:none;}
.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:#f82a53 !important;
border-color:transparent !important;}
.modal .btn-info,
.modal .btn-info:hover,
.modal .btn-info:active,
.modal .btn-info:focus{
background-color:#f82a53 !important;
border-color:#f82a53 !important;}
.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:#f82a53;
border-color:#f82a53;}
.btn-default{
color:#999;
background-color:#fff;
border-color:#ccc;}
.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;}
.announcement-banner{
min-height:42px;
background-color:#aaa;
height:100%;
line-height:48px;
color:white;
text-align:center;
z-index:99999999;}
.announcement-banner a{
color:white;
text-decoration:underline;}
.caret{
border-color:#aaa transparent -moz-use-text-color;}
.dropdown-menu{
box-shadow:none;
border-radius:0;
border-width:1px;
z-index:10000;}
.dropdown-menu > li > a{
color:#555;
padding-left:10px;
font-size:.9em;
text-align:left;}
.dropdown-menu > li > a:hover{
color:#f82a53;}
.dropdown-menu .divider{
margin:3px 0;}
.dropdown-menu > li > a > i{
margin-right:2px;
width:1em;
font-size:1.1em;}
.tooltip{
transition:none;}
.radio,.checkbox{
margin-bottom:5px;}
label.form-switch{
padding-left:40px;}
.form-checkbox input[type=checkbox],
.form-radio input[type=radio],
.form-switch input[type=checkbox]{
clip:rect(0,0,0,0);
height:.1rem;
margin:-.1rem;
overflow:hidden;
position:absolute;
width:.1rem;}
.form-checkbox input[type=checkbox]:focus + .form-icon,
.form-radio input[type=radio]:focus + .form-icon,
.form-switch input[type=checkbox]:focus + .form-icon{
border-color:#555;
box-shadow:0 0 0 0.2rem rgba(87,100,198,0.15);}
.form-checkbox,
.form-radio{
cursor:pointer;
display:inline-block;
line-height:1.8rem;
padding:.3rem 2rem;
position:relative;}
.form-checkbox .form-icon,
.form-radio .form-icon{
border:.1rem solid #c5c5c5;
display:inline-block;
font-size:1.4rem;
height:1.4rem;
left:0;
line-height:2.4rem;
outline:none;
padding:0;
position:absolute;
top:.5rem;
transition:all .2s ease;
vertical-align:top;
width:1.4rem;}
.form-checkbox:hover .form-icon,
.form-radio:hover .form-icon{
border-color:#929292;}
.form-checkbox input:checked + .form-icon,
.form-radio input:checked + .form-icon{
background:#555;
border-color:#555;}
.form-checkbox input:active + .form-icon,
.form-radio input:active + .form-icon{
background:#efefef;}
.form-checkbox .form-icon{
border-radius:.2rem;}
.form-checkbox input:checked + .form-icon::after{
background-clip:padding-box;
border:.2rem solid #fff;
border-left-width:0;
border-top-width:0;
content:"";
height:1rem;
left:50%;
margin-left:-.3rem;
margin-top:-.6rem;
position:absolute;
top:50%;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
width:.6rem;}
.form-checkbox input:indeterminate + .form-icon{
background:#5764c6;
border-color:#5764c6;}
.form-checkbox input:indeterminate + .form-icon::after{
background:#fff;
content:"";
height:.2rem;
left:50%;
margin-left:-.4rem;
margin-top:-.1rem;
position:absolute;
top:50%;
width:.8rem;}
.form-radio .form-icon{
border-radius:.7rem;}
.form-radio input:checked + .form-icon::after{
background:#fff;
border-radius:.2rem;
content:"";
height:.4rem;
left:50%;
margin-left:-.2rem;
margin-top:-.2rem;
position:absolute;
top:50%;
width:.4rem;}
.form-switch{
cursor:pointer;
display:inline-block;
line-height:2rem;
padding:.2rem 2rem .2rem 3.6rem;
position:relative;}
.form-switch .form-icon{
background:#c5c5c5;
background-clip:padding-box;
border:.1rem solid #c5c5c5;
border-radius:.9rem;
display:inline-block;
height:1.8rem;
left:0;
line-height:2.6rem;
outline:none;
padding:0;
position:absolute;
top:.3rem;
vertical-align:top;
width:3rem;}
.form-switch .form-icon::after{
background:#fff;
border-radius:.8rem;
content:"";
display:block;
height:1.6rem;
left:0;
position:absolute;
top:0;
transition:left .2s ease;
width:1.6rem;}
.form-switch input[type=checkbox]:checked + .form-icon{
background:#555;
border-color:#555;}
.form-switch input[type=checkbox]:checked + .form-icon::after{
left:1.2rem;}
.form-switch input[type=checkbox]:active + .form-icon::after{
background:#efefef;}
.form-checkbox input[type=checkbox],.form-radio input[type=radio],.form-switch input[type=checkbox]{
clip:rect(0,0,0,0);
height:.1rem;
margin:-.1rem;
overflow:hidden;
position:absolute;
width:.1rem;}
[type=checkbox],[type=radio]{
box-sizing:border-box;
padding:0;}
.spectre-btn{
-webkit-appearance:none;
background:#fff;
border:.1rem solid #d6e9c6;
border-radius:.2rem;
color:#3c763d;
cursor:pointer;
display:inline-block;
font-size:1.4rem;
height:3.2rem;
line-height:2rem;
padding:.5rem 1.2rem;
text-align:center;
text-decoration:none;
transition:all .2s ease;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
vertical-align:middle;
white-space:nowrap;}
.spectre-btn:active,.spectre-btn.active{
background:#dff0d8;
border-color:#d6e9c6;
color:#3c763d;}
.spectre-btn.btn-lg{
font-size:1.8rem;
height:4rem;
padding:.9rem 1.5rem;}
.spectre-btn-group{
display:inline-flex;
display:-ms-inline-flexbox;
display:-webkit-inline-flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.spectre-btn-group .spectre-btn:first-of-type:not(:last-of-type){
border-bottom-right-radius:0;
border-top-right-radius:0;}
.spectre-btn-group .spectre-btn:last-of-type:not(:first-of-type){
border-bottom-left-radius:0;
border-top-left-radius:0;
margin-left:-.1rem;}
.spectre-btn-group .spectre-btn:not(:first-of-type):not(:last-of-type){
border-radius:0;
margin-left:-.1rem;}
.spectre-btn-group .spectre-btn{
-webkit-flex:1 0 auto;
-ms-flex:1 0 auto;
flex:1 0 auto;}
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-toggle .filter-option{
color:#555;}
body .bootstrap-select .dropdown-menu > .active > a{
background-color:#f82a53;
color:#fff;}
body .bootstrap-select .dropdown-menu > .active.selected > a{
font-weight:bold;
color:#000;
background-color:#f5f5f5;}
.bootstrap-select.btn-group .dropdown-menu li a{
outline:none;}
body{
font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
text-rendering:optimizeLegibility;
color:#555;
padding:0;
background-color:#fff;}
body .header > .container{
width:1260px;
width:100%;
padding-left:0;
padding-right:0;}
.main{
min-height:500px;
border-bottom:none;
padding:5em 0 100px 0;
background-color:#f9f9f9;}
.main > .container{
min-height:300px;
width:100%;
padding:0;}
.content_wrapper{
padding:40px;}
.content{
margin:0 auto;
max-width:100%;}
@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:0;
padding-bottom:30px;}
.main{
padding-top:0;}
.main > .container{
padding:0;}
.device-ios .main{
min-height:inherit;}}
@media (min-width:768px){
body.gutter-active .header_gutter{
width:220px;
overflow:hidden;}
body.gutter-active .header_gutter .header_gutter_internal{
overflow:auto;
max-height:100%;
margin-right:-50px;
padding-right:50px;}
body.gutter-active .header_gutter > *{
visibility:visible;}
body.gutter-active a.logo{
opacity:0;}
body.gutter-active .header .menu-hamburger{
margin-left:230px;}
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 .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;}
body .header a.logo{
transition:all .05s ease-in-out;}}
.header_gutter{
position:fixed;
top:0;
left:0;
z-index:9999;
height:100%;
width:0;
background-color:#111;
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 .logo-gutter{
display:inline-block;
width:100px;
height:38px;
background-image:url("/cdn/images/logo-new.png");
background-size:100px;
height:38px;
margin-left:15px;
background-repeat:no-repeat;
background-position:top left;}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.header_gutter .logo-gutter{
background-image:url("/cdn/images/logo-new@2x.png");}}
.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;}
.gutter_user_loading .dot{
display:inline-block;
width:10px;
height:10px;
border:2px solid #2d2d2d;
border-radius:50%;
margin:0 1px;
-webkit-transform:scale(0);
transform:scale(0);
-webkit-animation:fx 1000ms ease infinite 0ms;
animation:fx 1000ms ease infinite 0ms;}
.gutter_user_loading .dot:nth-child(2){
-webkit-animation:fx 1000ms ease infinite 300ms;
animation:fx 1000ms ease infinite 300ms;}
.gutter_user_loading .dot:nth-child(3){
-webkit-animation:fx 1000ms ease infinite 600ms;
animation:fx 1000ms ease infinite 600ms;}
@-webkit-keyframes fx{
50%{
-webkit-transform:scale(1);
transform:scale(1);
opacity:1;}
100%{
opacity:0;}}
@keyframes fx{
50%{
-webkit-transform:scale(1);
transform:scale(1);
opacity:1;}
100%{
opacity:0;}}
.gutter_user_loading{
padding:5px 20px;}
.gutter_user_loading span{
display:inline-block;
vertical-align:middle;
font-size:9pt;}
.gutter_user_loading img{
display:inline-block;
vertical-align:middle;
margin-right:5px;}
.header_gutter_menu > li{
position:relative;
white-space:nowrap;}
.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,0.1);
color:#fff;}
.header_gutter_menu > li .channel_title_trucated{
text-overflow:ellipsis;
overflow:hidden;
width:65%;}
.header_gutter_menu > li .badge{
position:absolute;
display:inline-block;
background-color:transparent;
color:#999;
font-size:8pt;
font-weight:bold;
line-height:18px;
padding:0;
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%;
white-space:nowrap;}
.header_gutter_bottom > li > a{
font-size:.8em;
color:#555;}
.header_gutter_bottom > li > a:hover{
color:#fff;
text-decoration:underline;}
.header .search{
display:inline-block;
padding:0;
float:left;
position:relative;
overflow:visible;
margin-top:9px;
padding-left:.75em;
border-radius:2px;
border:1px solid rgba(255,255,255,0.3);
margin-left:12px;}
.header.opaque .search{
border:none;
border:1px solid #ddd;}
.header .search > i{
font-size:1.1em;
position:absolute;
left:9px;
margin-top:8px;
color:rgba(255,255,255,0.7);}
.header .search input{
width:170px;
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,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{
border-top:none;
height:96px;}
.header .search{
float:none;
margin:0;
background-color:rgba(255,255,255,0.15);
border:none !important;
width:100%;
display:none;
margin-top:50px;}
.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;}
.header{
position:fixed;
width:100%;
z-index:999;
padding:0;
top:0;
border-top:1px solid rgba(0,0,0,0.1);
background-color:rgba(0,0,0,0.5);
box-shadow:0px 0px 4px rgba(0,0,0,0.15);
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:15px;
margin-top:0;
margin-right:10px;
position:absolute;
left:50%;
margin:0 0 0 -50px;}
.header a.logo .logo-black{
display:none;
background-image:url("/cdn/images/logo-new.png");
background-size:contain;}
.header a.logo .logo-white{
display:inline-block;
background-image:url("/cdn/images/logo-new-white@2x.png?201612191918");}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
.header a.logo .logo-black{
background-image:url("/cdn/images/logo-new@2x.png");}
.header a.logo .logo-white{
background-image:url("/cdn/images/logo-new-white@2x.png?201612191918");}}
.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;
left:50%;
margin-top:3px;}
.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,0.8);
margin:3px 0 0 3px;}
.header .main-links{
float:left;}
.header .main-links > li{
float:left;
position:relative;
min-width:40px;
text-align:center;}
.header .main-links > li > a{
display:block;
color:rgba(255,255,255,0.8);
font-weight:500;
line-height:50px;
padding:0 6px;
font-size:9.5pt;
text-decoration:none;
user-select:none;
min-width:0;}
.header .main-links > li > a:hover{
background-color:rgba(0,0,0,0.1);
color:#fff;}
.header .main-links .dropdown-menu{
margin-top:0;
margin-left:-1px;}
.header .menu{
float:right;
margin-top:3px;
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,0.8);
font-size:15px;
text-decoration:none;
outline:none;}
.header .menu > li > a:hover{
color:#fff;}
.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:#f82a53;
background:-webkit-linear-gradient(to left,#9f2af8,#f82a53);
background:linear-gradient(to left,#9f2af8,#f82a53);
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:#f82a53;
color:#fff;}
.header .menu .menu-upload > a.menu-upload-more{
border-left:1px solid rgba(0,0,0,0.2);
padding:6px 15px 6px 10px;
width:auto;
min-width:0;
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,0.8);
margin-left:5px;
margin-top:0px;}
.header .label-notifications,
.header .label-follow-unread{
display:inline-block;
background-color:#f82a53;
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:6px;
margin-right:4px;}
.header .dropdown .menu-username{
display:inline-block;
vertical-align:middle;}
.header .menu-notifications .notify-badge-anchor{
position:relative;
width:30px;
height:35px;
padding:0;}
.header .menu-notifications .notify-badge-anchor svg{
position:absolute;
top:8px;
left:5px;
width:18px;
height:25px;
opacity:.4;
fill:#fff;}
.header .menu-notifications .notify-badge-anchor:hover svg{
opacity:1;
fill:#fff;}
.header .menu-notifications .label-notifications{
position:absolute;
top:0;
right:0;
margin-right:0;
margin-top:3px;
border-top:0;
border-right:0;
font-size:.6em;}
.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 .search{
display:none;}
.header .navbar-header{
width:auto;
margin:0;}}
@media (min-width:768px){
.header.opaque{
background-color:#fff;
box-shadow:0 1px 1px rgba(0,0,0,0.1);}
.header.opaque .main-links > li{
float:left;}
.header.opaque .main-links > li > a{
color:#555;}
.header.opaque .main-links > li > a:hover{
background-color:#f5f5f5;}
.header.opaque .main-links .dropdown-menu{
margin-top:0;
margin-left:-1px;}
.header.opaque .menu > li > a{
color:#999;}
.header.opaque .menu > li a:hover,
.header.opaque .menu > li a:focus{
text-decoration:none;
color:#555;}
.header.opaque .menu > li.menu-more > a > img,
.header.opaque .menu > li.menu-notifications a img.notifications-icon{
opacity:.25;}
.header.opaque .menu > li.menu-more > a:hover > img,
.header.opaque .menu > li.menu-notifications a:hover img.notifications-icon{
opacity:1;}
.header.opaque .menu img.notifications-black{
display:inline;}
.header.opaque .menu img.notifications-white{
display:none;}
.header.opaque .menu-notifications .notify-badge-anchor svg{
fill:#aaa;
opacity:1;}
.header.opaque .menu-notifications .notify-badge-anchor:hover svg{
fill:#333;
opacity:1;}
.header .menu .menu-upload > a{
color:#fff;
font-weight:500;
min-width:80px;
text-align:center;
text-transform:uppercase;
font-weight:bold;
font-size:11px;
letter-spacing:0.05em;}
.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 0 0 10px;}
.header .menu-hamburger > a{
width:30px;
height:40px;
display:inline-block;
background-image:url("/cdn/images/menu-hamburger-white.png");
background-repeat:no-repeat;
background-size:17px 16px;
background-position:center;
opacity:.6;}
.header.opaque .menu-hamburger > a{
background-image:url("/cdn/images/menu-hamburger.png");
opacity:.2;}
.header .menu-hamburger > a:hover{
opacity:1;}
.header .menu-hamburger ul.dropdown-menu{
margin-top:-5px;}}
@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:left;
padding-left:35px;}
.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;
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;
position:absolute;
left:50%;
margin-left:-64px;}
.header a.logo .logo-black{
display:inline-block;}
.header a.logo .logo-white{
display:none;}
.header a.logo span{
display:inline-block;
vertical-align:middle;
opacity:1;
width:auto;}
.header .menu-hambuger{
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;
margin-top:50px;}
.header .navbar-toggle-search{
position:absolute;
right:0;
top:42px;
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 .main-links{
display:none;}
.header .menu{
float:none;
margin-bottom:0;
padding:10px;}
.header .menu > li{
float:left;
width:49%;
margin-left:0;}
.header .menu > li > a{
padding:6px 15px;
color:rgba(255,255,255,0.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;
width:100%;
padding:15px 10px;
text-align:center;}
.header .menu .menu-upload > a{
margin:0;
float:none;
display:block;
padding:6px 15px;
color:rgba(255,255,255,0.8);
color:#fff;
padding:10px;
font-size:1.1em;
background:transparent;
border-radius:0;
font-weight:normal;
border-radius:50px;
border:2px solid #fff;
font-weight:bold;}
.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{
display:none;}
@media (max-width:768px){
.header > .android-install-banner{
width:100%;
display:table;
padding:10px;
text-decoration:none;
background:#333;
background:linear-gradient(to left,#9f2af8,#f82a53);
margin-top:-1px;}
.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,0.2);
font-size:0;
border-radius:50px;
display:inline-block;
vertical-align:middle;
padding:11px;
margin-left:8px;}
.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,0.2);
border-radius:4px;
display:none;}
.header > .android-install-banner > .thumb > img{
width:25px;}
.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,0.5);}
.header > .android-install-banner > .text > div:first-child{
font-size:11pt;
font-weight:500;
color:#fff;
margin-top:2px;}
.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 rgba(255,255,255,0.5);
font-size:9pt;
font-weight:bold;
border-radius:50px;
padding:0.5em 1.5em;}}
.footer{
display:none;
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;}
body.nomenu .footer{
display:block;}}
.footer_static{
width:100%;
background-color:#fff;
border-top:1px solid #e8e8e8;
min-height:500px;
padding:50px 0;
transition:padding .2s ease-in-out;}
body.gutter-active .footer_static{
padding-left:220px;}
.footer_static .inner{
max-width:1400px;
margin:0 auto;
padding:0 30px;}
.footer_static .inner2{
display:table;
width:100%;}
.footer_static .left{
display:table-cell;}
.footer_static .right{
display:table-cell;
text-align:right;
width:400px;}
.footer_static .menu_footer{
display:inline-block;
vertical-align:top;
margin-right:70px;}
.footer_static .menu_footer a{
display:inline-block;
color:#aaa;
padding:.25em 0;
text-decoration:none;}
.footer_static .menu_footer a:hover{
color:#000;}
.footer_static .footer_applinks > a{
display:inline-block;
vertical-align:middle;}
.footer_static .footer_applinks svg{
width:150px;}
.footer_static .footer_copyright{
margin-top:10px;
color:#bbb;
font-size:.85em;}
@media (max-width:767px){
.footer_static .inner2,
.footer_static .left{
display:block;
width:auto;}
.footer_static .right{
display:block;
width:auto;
text-align:center;}
.footer_static .left{
margin-bottom:30px;
text-align:center;}
.footer-static .right{
text-align:center;}
.footer_static .menu_footer{
margin:0 10px;
text-align:center;}}
.ribbon{
z-index:999999;
overflow:hidden;
top:0;
left:0;
height:0;
position:fixed;
width:100%;
border:none;
font-size:0;
padding:0;
text-align:center;
font-weight:500;
opacity:0;
color:rgba(0,0,0,0.8);
transition:all .1s ease-in-out;
background-color:#fff;}
.ribbon.visible{
padding:.75em 1em;
font-size:1.2em;
min-height:60px;
opacity:1;}
.ribbon > a{
text-decoration:underline;}
.ribbon-success{
color:#12b54e;
border-bottom:2px solid #12b54e;}
.ribbon-warning{
color:#333;
border-bottom:2px solid #333;}
.ribbon-danger{
color:#d94340;
border-bottom:2px solid #d94340;}
.alert-wrapper .alert{
display:inline-block;
margin-bottom:0;}
.alert{
border-radius:0;
border-width:0;
padding:.5em .75em;}
.alert i{
font-size:1.4em;
margin-right:.3em;
display:inline-block;
vertical-align:middle;}
.alert a{
color:inherit;
text-decoration:underline;}
.alert-info{
background-color:rgba(75,183,167,0.09);
border:none;
color:#555;}
.alert-success{
background-color:rgba(75,183,167,0.09);
border:none;
color:#555;}
.alert-success a{
color:#4BB7A7;}
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-header:before,
.modal .modal-header:after{
display:none;
clear:none;}
.modal .modal-body{
padding:1.5em 1.5em 1em 1.5em;}
.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{
outline:none;}
.modal .modal-footer .btn + .btn{
margin-left:0;
margin-right:0;}
.modal .modal-footer a:not(.btn){
color:#777;
border-bottom:1px solid #ddd;
padding-bottom:3px;
text-decoration:none;}
.modal .modal-footer .btn[type=submit]{
background:linear-gradient(to left,#9f2af8,#f82a53);
border:none;}
.modal .modal-title{
font-weight:bold;
font-size:1.5em;
color:#222;}
.modal .modal-subtitle{
font-weight:bold;
font-size:1.2em;
color:#222;
margin:1em 0;}
.modal .modal-subtitle.modal-first-subtitle{
margin-top:0;}
.modal .btn:not(.dropdown-toggle){
padding:.6em 1.5em;
border-radius:50px;
font-weight:500;}
.modal a:not(.btn):hover{
border-bottom-color:#bbb;}
.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:.8em;
color:#ccc;}
.modal-body .help a{
color:#ccc;
text-decoration:underline;}
.modal-body .help a:hover{
color:#555;}
.modal-body-bordered{
border-top:1px solid #e5e5e5;}
.modal .form-control{
box-shadow:none;
border:1px solid #ccc;
background-color:#fff;
border-radius:4px;
height:2.8em;
-webkit-appearance:none;}
.modal.report-modal .form-control.reason{
-webkit-appearance:menulist;}
.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:#999;}
.modal .form-control.bootstrap-select{
border:none;}
.modal .modal-desc{
margin-bottom:1em;}
.modal .form-group{
margin-bottom:.5em;}
.modal button.close{
padding:18px;
margin-top:-20px;
margin-right:-23px;
font-size:30px;
outline:none;
box-shadow:none;
font-weight:normal;}
.modal textarea{
padding-top:.6em;}
.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:#000;}
.report-modal .report-detail{
background-color:transparent;
resize:none;
width:100%;
padding:10px;
font-size:.8em;
height:8em;
margin-top:10px;}
@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-subtitle.modal-first-subtitle{
margin-top:.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:1em 0 0 0;}
#thumbnail-upload-modal .modal-body{
padding:1em;}
#user-cover-upload-modal .draganddrop .choose,#avatar-upload-modal .draganddrop .choose,#thumbnail-upload-modal .draganddrop .choose{
width:100%;}
.modal .edit-thumbnail-js{
min-height:40vh;
max-height:50vh;}}
.dashboard{
position:relative;
max-width:1400px;
margin:0 auto;
display:flex;
justify-content:center;}
.dashboard_main{
flex:auto;
max-width:900px;}
.dashboard_left{
width:200px;
z-index:1;
margin-right:15px;
flex:0 0 200px;}
.dashboard_right{
width:300px;
z-index:2;
margin-left:15px;
flex:0 0 300px;}
.dashboard .section{
background-color:#fff;
padding:15px;}
.dashboard .section.house_ad{
padding:15px 0px;
background-color:transparent;}
.dashboard .section + .section{
border-top:1px solid #e8e8e8;}
.dashboard_title{
position:relative;
background-color:#fff;
padding:20px;
font-size:1.6em;
font-weight:bold;
color:#222;
border-bottom:1px solid #e8e8e8;}
.dashboard_title .dashboard_sort{
position:absolute;
top:16px;
right:5px;}
.dashboard_title .dashboard_sort .btn{
background-color:transparent;
color:#aaa;}
.dashboard .inner .alert-wrapper{
padding:15px;
background-color:#fff;}
.dashboard .dashboard-menu{
padding:15px;
background-color:#fff;}
.dashboard .dashboard-menu li a{
display:inline-block;
font-size:.9em;
color:#777;
text-decoration:none;}
.dashboard .dashboard-menu li a:hover{
color:#333;
font-weight:500;}
.dashboard .dashboard-menu li.active a{
color:#fb254f;
font-weight:bold;}
.dashboard .dashboard-menu li a .icon{
display:inline-block;
vertical-align:middle;
width:26px;
height:26px;
border-radius:3px;
margin-right:5px;
background-image:url("/cdn/images/dashboard/menu-icons.png?2017-08-09-23-53");
background-repeat:no-repeat;
background-size:150px;
transform:scale(0.8,0.8);}
.dashboard .dashboard-menu li a .icon:after{
font-size:20px;}
.dashboard .dashboard-menu li a .text{
display:inline-block;
vertical-align:middle;}
.dashboard .dashboard_headline{
font-weight:bold;
color:#222;
text-transform:uppercase;
font-size:.8em;
letter-spacing:0.03em;
margin:1.5em 0 .5em 0;}
.dashboard .dashboard_headline:first-child{
margin-top:0;}
.dashboard ul + .dashboard_headline{
margin-top:15px;}
.dashboard_right p,
.dashboard_right ol{
color:#777;
font-size:.95em;
line-height:1.5em;
margin:0;}
.dashboard_right p a,
.dashboard_right ol a{
color:#777;
padding:2px 0;
text-decoration:none;}
.dashboard_right p a:hover,
.dashboard_right ol a:hover{
color:#333;
font-weight:500;}
.dashboard_right ol{
list-style-position:inside;
padding:0;}
.dashboard_right ol > li{
line-height:1.7em;
font-size:.9em;}
.dashboard_right .users_list{
padding:15px;
background-color:#fff;}
.dashboard .prompt_upload .upload-button{
margin-top:1em;}
.dashboard .prompt_follow .discover-button,
.dashboard .prompt_upload .upload-button{
display:block;
text-align:center;
border:1px solid rgba(248,42,83,0.3);
color:#fb254f;
border-radius:50px;
text-transform:uppercase;
font-weight:bold;
font-size:11px;
padding:.75em;
letter-spacing:.03em;}
.dashboard .prompt_follow .discover-button:hover,
.dashboard .prompt_upload .upload-button:hover{
border-color:#fb254f;}
.dashboard .prompt_follow.social-auth .social-auth-facebook,
.dashboard .prompt_follow.social-auth .social-auth-twitter{
margin-top:10px;
width:100%;
padding:6px 12px;}
.dashboard .prompt_follow.social-auth i{
font-size:1.2em;}
.dashboard .prompt_follow.social-auth .js-user-follow{
display:none;}
.dashboard .prompt_follow ul{
margin-bottom:15px;}
.dashboard .prompt_follow ul li{
display:table;
width:100%;}
.dashboard .prompt_follow ul li + li{
margin-top:.5em;}
.dashboard .prompt_follow ul li > *{
display:table-cell;}
.dashboard .prompt_follow ul .suggestedusers_user > a{
text-decoration:none;}
.dashboard .prompt_follow ul .avatar{
display:inline-block;
vertical-align:middle;
margin-right:2px;
width:25px;
height:25px;
border-radius:100px;
background-color:#f5f5f5;
background-position:center center;}
.dashboard .prompt_follow ul .username{
display:inline-block;
vertical-align:middle;
margin-right:5px;
color:#777;
font-weight:500;
font-size:.9em;
max-width:150px;
overflow:hidden;
text-overflow:ellipsis;}
.dashboard .prompt_follow ul .follow{
width:60px;
font-size:.9em;
color:#aaa;
text-align:right;
border:none;
padding:0;}
.dashboard .prompt_follow ul .follow.following{
background-color:transparent;}
.dashboard .prompt_follow ul .follow:hover{
color:#555;
text-decoration:none;
background-color:transparent;}
body.gutter-active .dashboard_right{
display:none;}
@media (max-width:1200px){
.dashboard_left{
display:block;}
.dashboard_right{
display:none;}}
@media (max-width:979px){
.dashboard{
display:block;}
.dashboard_main{
margin:0;}
.dashboard_title{
font-size:1.4em;
padding:20px 15px;}
.dashboard_left{
flex:none;
width:auto;
margin:0;}
.dashboard_left .dashboard-menu{
font-size:1.2em;
padding:0;
border-radius:4px;
margin:20px 0;}
.dashboard_left .dashboard-menu.open{
border:1px solid #ccc;}
.dashboard_left .dashboard-menu .dashboard_headline,
.dashboard_left .dashboard-menu li:not(.active){
display:none;}
.dashboard_left .dashboard-menu.open li{
display:block;}
.dashboard_left .dashboard-menu.open .dashboard_headline{
padding:.5em .75em;
border-bottom:1px solid #eee;
margin:10px 0 0 0;}
.dashboard_left .dashboard-menu li{
position:relative;}
.dashboard_left .dashboard-menu li a{
padding:15px;
border-bottom:1px solid #eee;}
.dashboard_left .dashboard-menu.open li a{
display:block;
padding:.5em .75em;
font-size:.8em;}
.dashboard_left .dashboard-menu li.active a{
display:block;
color:#555;
pointer-events:none;
border:1px solid #ccc;}
.dashboard_left .dashboard-menu.open li.active a{
background-color:#eee;
font-weight:bold;
border:none;}
.dashboard_left .dashboard-menu li.active a::after{
content:"";
position:absolute;
width:0;
height:0;
border-left:7px solid transparent;
border-right:7px solid transparent;
border-top:7px solid #888;
right:15px;
top:50%;
margin-top:-3px;}
.dashboard_left .dashboard-menu.open li.active a::after{
display:none;}}
@media (max-width:767px){
.dashboard_left .dashboard-menu{
margin:20px;}}
.tabs_wrapper{
border-bottom:1px solid rgba(0,0,0,0.05);
margin-bottom:20px;}
.tabs{
margin:0 auto;
text-align:left;}
.tabs li{
margin-right:1em;
display:inline-block;
margin-right:1em;}
.tabs li a{
display:block;
color:#aaa;
outline:0;
padding:.3em 0;
text-decoration:none;}
.dashboard .featured_tags li{
display:table;}
.dashboard .featured_tags li a{
font-size:.9em;
color:#777;
text-decoration:none;}
.dashboard .featured_tags li a:hover,
.dashboard .dashboard-menu li a:hover{
color:#333;
font-weight:500;}
.tabs li a:hover{
color:#555;
background-color:transparent;}
.tabs li a:active{
background-color:transparent;}
.tabs li.active a{
font-weight:bold;
color:#555;
border-bottom:2px solid #f82a53;
padding:.75em 0 .5em 0;}
.tabs li.headline{
margin:1em 0 .5em 0;
font-size:.8em;
font-weight:bold;
letter-spacing:0.03em;
text-transform:uppercase;
border:none;}
.tabs li.headline:first-child{
margin-top:0;}
.tabs li i{
font-size:1.5em;
float:right;
font-weight:bold;}
.tabs-big-wrapper h1{
font-size:2em;
color:#222;
clear:both;
line-height:1.2em;
text-align:left;
margin-bottom:1em;
max-width:1435px;
padding-top:10px;}
@media (max-width:978px){
.tabs_wrapper{
border:none;}
.tabs li{
padding:0;
margin:0;
display:none;}
.tabs.open li{
display:block;}
.tabs li.active{
display:block;}
.tabs li + li{
border-top:1px solid rgba(0,0,0,0.1);}
.tabs:not(.open) li + li{
border:none;}
.tabs li a{
background-color:#f5f5f5;
padding:.5em .75em;
color:#999;}
.tabs li a:active{
background-color:#eee;
color:#777;}
.tabs li.active a{
position:relative;
border:none;
pointer-events:none;
padding:.5em .75em;
color:#333;}
.tabs li.active a::after{
content:"";
position:absolute;
width:0;
height:0;
border-left:7px solid transparent;
border-right:7px solid transparent;
border-top:7px solid #888;
right:10px;
top:50%;
margin-top:-3px;}
.tabs.open li.active a::after{
display:none;}
.tabs-big{
font-size:1.4em;
font-weight:bold;}
.tabs_wrapper{
border-bottom:none;
text-align:center;}
.tabs-big-wrapper h1{
font-size:1.6em;}}
.menu-home .icon{
background-position:-2.5px -62.5px;}
.menu-watch-later .icon{
background-position:-122.5px -92.5px;}
.menu-featured .icon{
background-position:-62.5px -32.5px;}
.menu-hot .icon{
background-position:-32.5px -62.5px;}
.menu-new .icon{
background-position:-32.5px -92.5px;}
.menu-cat-animation .icon{
background-position:-2.5px -2.5px;}
.menu-cat-anime .icon{
background-position:-32.5px -2.5px;}
.menu-cat-art .icon{
background-position:-62.5px -2.5px;}
.menu-cat-asmr .icon{
background-position:-92.5px -2.5px;}
.menu-cat-brainfood .icon{
background-position:-2.5px -32.5px;}
.menu-cat-comedy .icon{
background-position:-32.5px -32.5px;}
.menu-cat-creepy .icon{
background-position:-32.5px -122.5px;}
.menu-cat-gaming .icon{
background-position:-92.5px -32.5px;}
.menu-cat-lifestyle .icon{
background-position:-62.5px -62.5px;}
.menu-cat-movies-entertainment .icon{
background-position:-92.5px -62.5px;}
.menu-cat-music .icon{
background-position:-2.5px -92.5px;}
.menu-cat-podcasts .icon{
background-position:-62.5px -92.5px;}
.menu-cat-politics .icon{
background-position:-92.5px -92.5px;}
.menu-cat-tech .icon{
background-position:-122.5px -2.5px;}
.menu-cat-vidme .icon{
background-position:-122.5px -32.5px;}
.menu-cat-vlogs .icon{
background-position:-122.5px -62.5px;}
.menu-cat-www .icon{
background-position:-2.5px -122.5px;}
.comments{
font-size:.9em;}
.comments a{
color:#aaa;}
.comments h3{
margin-top:0;
font-family:inherit;
color:#555;}
.comments .comments_inner{
margin-bottom:1em;}
.comments_composer_input{
padding:.35em .6em .3em .6em;
max-width:400px;
border:1px solid #ddd;
border-radius:2px;}
.comments_composer_input textarea{
border:none;
padding:2px 1px;
width:100%;
resize:none;
background-color:transparent;
height:1.5em;}
.comments_composer_input.comments_composer_cant_comment textarea{
overflow:hidden;}
.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:.85em;
border-radius:50px;
font-weight:bold;
padding:.5em 1em;}
.comments_list{
overflow:hidden;}
.comments_list > li{
overflow:hidden;
text-align:left;}
.comments_list > li + li{
margin-top:2px;}
.comments_list > li:last-child{
margin-bottom:1em;}
.comments_list > li li + li{
margin-top:5px;}
.comments_list .comments_composer{
margin:5px 0 10px 30px;}
.comments_list .comment_video_title{
margin-bottom:.5em;}
.comments_list .comment_video_title a{
color:#555;
font-size:1.1em;
font-weight:500;}
.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;
margin-top:-2px;
font-size:10px;}
.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:7px;}
.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{
width:32px;
height:32px;
border-radius:50px;}
.comments_list .comment-mod .comment_author_photo > a:after,
.comments_list .comment-op .comment_author_photo > a:after,
.comments_list .comment-subscriber .comment_author_photo > a:after{
display:block;
position:absolute;
bottom:0;
right:0;
color:white;
font-weight:bold;
border-radius:30px;
line-height:9px;
width:14px;
height:12px;
font-size:8px;
padding:2px 3px;
text-align:center;}
.comments_list .comment-mod .comment_author_photo > a:after{
display:none;}
.comments_list .comment-op .comment_author_photo > a:after{
display:none;}
.comments_list .comment-mod > .self .comment_author_photo > a:after{
content:"M";
background-color:#fb254f;}
.comments_list .comment-op > .self > .inner > .comment_author_photo > a:after{
content:"OP";
background-color:#a639f8;
width:17px;}
.comments_list > .comment-subscriber .comment_author_photo > a:after{
content:"";}
.comments_list .comment-mod > .self .comment_author_photo > a:after{
display:block;}
.comments_list .comment_inner{
overflow:hidden;}
.comments_list .comment_body{
unicode-bidi:embed;
white-space:pre-wrap;
word-wrap:break-word;}
.comments_list .comment_meta{
display:block;}
.comments_list .comment_meta > *{
display:inline-block;
margin-right:2px;
color:#ccc;
font-size:.85em;}
.comments_list .comment_author_username{
color:#555;
font-weight:bold;
font-size:1em;}
.comments_list .comment-subscriber > .self > .inner > .comment_inner > .comment_meta > .comment_author_username:after{
display:inline-block;
content:'';
line-height:9px;
width:13px;
height:13px;
background-image:url("/cdn/images/emojis/heart.svg");
background-repeat:no-repeat;
background-size:13px 13px;
background-position:center;
background-color:transparent;
margin-left:4px;
margin-bottom:-2px;}
.comments_list .comment_author_verified{
display:none !important;
width:12px;
height:12px;
background-image:url("/cdn/images/badges/verified.svg");
background-size:cover;
margin:0 0 -1px -2px;}
.comments_list .comment_author_featured{
display:inline-block;
display:none !important;
width:12px;
height:12px;
background-image:url("/cdn/images/badges/featured.svg");
background-size:cover;
margin:0 0 -1px -2px;}
.comments_list .comment_toggle{
font-size:.7em;
cursor:pointer;
vertical-align:top;
padding-top:3px;
margin-right:0;
padding-right:2px;
user-select:none;}
.comments_list .comment_date{
display:inline-block;
color:#ccc;
font-weight:normal;
font-size:.85em;}
.comments_list .comment-subscriber > .self > .inner > .comment_inner > .comment_meta > .comment_date{
padding-left:0;}
.comments_list .comment_delete > a,
.comments_list .comment_parent > a,
.comments_list .comment_mark_not_spam > a,
.comments_list .comment_reply > a{
color:#ccc;}
.img{
display:inline-block;
background-size:contain;}
.comments_list > li > .children,
.comments_list_child > li > .children{
padding-top:10px;
padding-left:30px;}
.comments_list .comment_spam{
background-color:#f9f9f9;
opacity:.5;}
.comments_list .comment_spam_expand{
cursor:pointer;
font-style:italic;}
.comments_list .comment_spam_expand > span.comment_body{
display:none;}
@media (max-width:767px){
.comments_list > li > .children,
.comments_list_child > li > .children{
padding-left:20px;}}
.comments_list .comment_more{
cursor:pointer;
color:#ccc;
font-size:.85em;}
#comment_view .alert{
display:inline-block;
font-size:.9em;
margin-bottom:2em;}
.videos_list > li{
text-align:left;
position:relative;
background-color:#fff;
padding:20px;}
.videos_list > li + li{
border-top:1px solid #e8e8e8;}
.videos_list > li:not(.player-open):hover{
background-color:#f5f5f5;
cursor:pointer;}
.videos_list > li.player-open{
padding:0;}
.videos_list > li > .inner{
display:table;
table-layout:fixed;
width:100%;}
.videos_list > li.player-open > .inner{
padding:20px;}
.videos_list > li.placeholder{
background-color:transparent;
height:0;}
.videos_list > li.watched .thumb_wrapper:before{
content:'WATCHED';
position:absolute;
z-index:9;
color:#fff;
font-size:10px;
padding:3px 6px;
background-color:rgba(0,0,0,0.5);
font-weight:bold;}
.videos_list > li.active{
margin-bottom:3em;}
.videos_list > li .alert{
margin-top:10px;
margin-bottom:0px;}
.videos_list .thumb_author_photo{
float:left;}
.videos_list .thumb_meta{
display:table-cell;
vertical-align:top;
padding:0 15px;}
.videos_list > li.player-open .thumb_meta{
padding:0;}
.videos_list > li .thumb_author_photo{
margin-right:1em;
display:none;}
.videos_list > li .thumb_author_photo > a{
display:inline-block;
height:50px;
width:50px;
border-radius:50px;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
visibility:visible;
vertical-align:middle;}
.videos_list > li .thumb_wrapper{
display:table-cell;
vertical-align:middle;
width:200px;}
.videos_list > li.player-open .thumb_wrapper{
display:none;}
.videos_list > li .thumb_wrapper > a.thumb_img{
position:relative;
display:block;
width:100%;
overflow:hidden;
padding-bottom:56.25%;
background-color:#000;
background-size:100.7%;
background-position:center;
background-repeat:no-repeat;}
.videos_list > li .thumb_wrapper > a > .thumb_duration{
position:absolute;
bottom:0;
right:0;
font-size:10px;
padding:4px 7px;
line-height:1em;
background-color:rgba(0,0,0,0.5);
color:rgba(255,255,255,0.8);
display:block;
color:#fff;}
.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:20%;}
.videos_list > li .thumb_badges{
font-size:0;
margin-top:10px;}
.videos_list > li .thumb_badges > *{
font-size:7pt;
margin-bottom:.5em;
text-transform:uppercase;}
.videos_list > li .thumb_unlisted,
.videos_list > li .thumb_channel,
.videos_list > li .thumb_scheduled,
.videos_list > li .thumb_pinned,
.videos_list > li .thumb_subscribed_only,
.videos_list > li .thumb_featured{
display:inline-block;
border-radius:3px;
padding:.5em .75em;
line-height:1em;
color:#999;
background-color:#f8f8f8;
margin-right:5px;
letter-spacing:0.03em;}
.videos_list > li .thumb_scheduled{
background-color:#fff;
padding:2px 2px;}
.videos_list > li .thumb_unlisted i,
.videos_list > li .thumb_channel i{
margin-right:2px;}
.videos_list > li .thumb_subscribed_only i{
margin-right:4px;}
.videos_list > li .thumb_featured{
display:none;}
.videos_list > li .thumb_channel{
background-color:rgba(248,42,83,0.1);
color:#f82a53;}
.videos_list > li .thumb_channel a{
color:#f82a53;}
.videos_list > li .thumb_title{
display:block;
unicode-bidi:embed;
text-decoration:none;}
.videos_list > li .thumb_title_label{
display:inline;
color:#333;
font-size:1.2em;
text-decoration:none;
line-height:1.3em;
font-weight:500;
padding:0 5px 0 0;
overflow-x:hidden;
word-wrap:break-word;}
.videos_list > li.player-open .thumb_title_label{
font-size:1.6em;
color:#333;}
.videos_list > li .thumb_title_label:hover{
text-decoration:underline;}
.videos_list > li .thumb_author_username > a{
line-height:1.6em;
color:#777;
font-size:1em;}
.videos_list > li .thumb_author_username .repost-info-wrapper,
.videos_list > li .thumb_author_username .repost-info-wrapper > a{
color:#b4b4b4;}
.videos_list > li .thumb_author_username .repost-info-wrapper i{
margin:0 3px 0 5px;}
.videos_list > li .thumb_author_username.empty{
display:none;}
.videos_list .thumb_stats{
display:inline-block;
vertical-align:middle;}
.videos_list > li .thumb_stat{
vertical-align:middle;
font-size:.9em;
color:#999;
margin-right:8px;
line-height:26px;
margin-top:-1px;
display:none;}
.videos_list > li .thumb_stat.thumb_comments,
.videos_list > li .thumb_stat.thumb_date{
display:inline-block;}
.videos_list > li .thumb_stat > a{
color:#bbb;
text-decoration:none;}
.videos_list > li .thumb_stat.thumb_watching{
color:#a2b73a;
opacity:1;
cursor:default;}
.videos_list > li .thumb_stat.thumb_tips{
color:#35d4aa;
opacity:1;
cursor:default;}
.videos_list .thumb_actions{
font-size:0;
display:table-cell;
vertical-align:middle;
text-align:right;
width:180px;}
.videos_list .thumb_action,
.videos_list .thumb_more{
display:inline-block;
vertical-align:middle;
-webkit-user-select:none;
-moz-user-select:none;
margin-bottom:5px;}
.videos_list .thumb_action > a{
display:block;
font-size:0;
padding:4px 16px;
color:#999;
text-align:center;
text-decoration:none;
border-radius:50px;
overflow:hidden;
border:1px solid #ddd;
min-height:27px;
min-width:55px;
white-space:nowrap;}
.videos_list .thumb_repost > a.disabled{
cursor:not-allowed;
opacity:0.65;
filter:alpha(opacity=65);
-webkit-box-shadow:none;
box-shadow:none;}
.videos_list .thumb_action.thumb_repost{
margin-right:10px;
display:none;}
.videos_list .player-open .thumb_action.thumb_repost{
display:inline-block;}
.videos_list .thumb_action svg{
fill:#999;}
.videos_list > li:hover .thumb_action > a{
background-color:#fff;}
.videos_list .thumb_action > a:hover{
color:#555;
border-color:#999;}
.videos_list .thumb_action > a:active{
background-color:#eee;
transform:scale(0.95);}
.videos_list .thumb_action > a.active{
color:#4bb7a7;
background:rgba(75,183,167,0.09);
border-color:#4bb7a7;}
.videos_list .thumb_action > a.active:hover{
border-color:#4bb7a7;}
.videos_list .thumb_action > a i{
font-size:19px;
margin-left:1px;
margin-top:-1px;}
.videos_list .thumb_action > a i.fa-comment{
font-size:12px;
margin:0;}
.videos_list .thumb_action.thumb_album_delete{
margin-right:10px;}
.videos_list .thumb_action.thumb_album_delete:hover a{
color:#f82a53;
border-color:#f82a53;}
.videos_list .thumb_vote > a > span .boost{
font-weight:normal;
color:#aaa;
font-size:.9em;}
.videos_list .thumb_action > a i,
.videos_list .thumb_action > a > span{
display:inline-block;
vertical-align:middle;
-webkit-user-select:none;}
.videos_list .thumb_action > a > .num{
font-size:10pt;}
.videos_list .thumb_share,
.videos_list .thumb_tip{
display:none;}
.videos_list .thumb_action > a i.zero{
margin-top:2px;}
.videos_list .thumb_action .num:not(.zero){
margin-left:5px;
font-size:10pt;}
.videos_list .num.zero{
display:none;}
.videos_list .thumb_more{
margin-top:4px;}
.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:.15;
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;
-webkit-animation:fadein .5s;
-moz-animation:fadein .5s;
-ms-animation:fadein .5s;
-o-animation:fadein .5s;
animation:fadein .5s;}
.videos_list .thumb_img > video,
.videos_list .thumb_img > .video-js{
background-size:cover;
width:100%;
max-height:50vh;
display:block;}
@media (max-width:979px){
width:150px;
min-width:150px;}
@media (max-width:767px){
.videos_list .thumb_author_username{
font-size:.85em;}
.videos_list > li .thumb_author_username:before{
display:none;}
.videos_list .thumb_more{
margin-top:2px;}
.videos_list > li{
padding:10px;}
.videos_list .thumb_meta{
padding:0 0 0 10px;
vertical-align:top;}
.videos_list > li .thumb_wrapper{
width:120px;
min-width:120px;}
.videos_list > li .thumb_title_label{
width:100%;
margin-bottom:.2em;
font-weight:bold;
font-size:1em;
padding:0;
margin:0;}
.videos_list > li.player-open .thumb_title_label{
font-size:1.5em;}
.videos_list > li .thumb_wrapper > a > .thumb_duration{
font-size:8px;}}
@media (max-width:576px){
.videos_list .thumb_actions{
display:none;}
.videos_list > li.player-open .thumb_actions{
display:table-cell;}
.videos_list > li .thumb_stat.thumb_upvotes{
display:inline-block;}
.videos_list > li .thumb_stat.thumb_upvotes i{
font-size:1.2em;}}
.users_list{
margin-bottom:2em;
overflow:hidden;
margin:0 auto;
font-size:0;
background-color:#fff;
padding:15px;}
.users_list li{
display:inline-block;
font-size:10pt;
width:200px;
line-height:1.25em;
margin:0 15px 30px 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;
width:48px;
height:48px;
border-radius:100px;
background-color:#f5f5f5;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
-webkit-animation:fadein .5s;
-moz-animation:fadein .5s;
-ms-animation:fadein .5s;
-o-animation:fadein .5s;
animation:fadein .5s;}
.users_list .inner2{
display:table-cell;
vertical-align:top;
padding:0 .5em .25em 0;
text-align:left;}
.users_list .user_username{
display:block;
font-weight:500;
color:#555;
font-size:1em;}
.users_list .user_videos,
.users_list .user_followers,
.users_list .user_views,
.users_list .user_tips{
color:#bbb;
margin-right:.5em;
font-size:.8em;
white-space:nowrap;}
.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:7pt;
padding:3px 7px;
border-radius:20px;}
.users_list .user_notify{
font-size:7pt;
padding:3px 7px;
border-radius:20px;}
.users_list .user_follow.following,
.users_list .user_notify.notified{
background-color:transparent;
border-color:rgba(248,42,83,0.3);
color:#f82a53;}
.users_list .user_notify i.fa-bell{
display:none;}
.users_list .user_notify.notified i.fa-bell-o{
display:none;}
.users_list .user_notify.notified i.fa-bell{
display:inline;}
@media (max-width:767px){
.users_list li + li{
margin-top:10px;}
.users_list .inner2{
vertical-align:middle;}}
#users_view .empty_list{
margin-bottom:2em;
overflow:hidden;
margin:0 auto;
padding:15px;
background-color:#fff;}
#delete .video_preview{
max-width:400px;}
#following .nav{
margin:0 0 2em 0;}
.user_follow .fa-check,
.user_subscribe .fa-check{
display:none;}
.user_follow.following .fa-check,
.user_subscribe.subscribed .fa-check{
display:inherit;}
.video_follow .fa-check,
.video_subscribe .fa-check{
display:none;}
.video_follow .following .fa-check,
.video_subscribe .subscribed .fa-check{
display:inherit;}
.notifications_list li{
color:#777;
font-size:.8em;
text-align:left;
clear:both;
overflow:hidden;
padding:15px 15px 15px 40px;
position:relative;}
.notifications_list li + li{
border-top:1px solid #eee;}
.notifications_list li.unread{
background-color:rgba(75,183,167,0.09);}
.notifications_list li a:not(.btn){
color:#333;}
.notifications_list .notification_actor,
.notifications_list .notification_object{
font-weight:bold;}
.notifications_list .notification_avatar_wrapper{
float:left;
margin-right:5px;
position:absolute;
left:10px;
top:50%;
margin-top:-11px;}
.notifications_list li.user-welcome,
.notifications_list li.video-processed{
padding:15px 12px;}
.notifications_list .notification_avatar{
width:24px;
height:24px;
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:300px;
overflow-y:auto;
background-color:#fff;
padding:0;
border:1px solid #ddd;
border-radius:0;
left:inherit;}
.notifications_list .collapse{
display:none;}
.notifications_loading{
padding:1em;}
.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;}
.notifications_empty{
font-size:.9em;}
#reset h1{
margin:1em 0;}
#reset .form-reset{
padding-left:0;}
#reset .form-control{
border:1px solid #ccc;
border-radius:4px;
max-width:300px;}
@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;
line-height:35px;}
#sign-in-modal .form-group{
margin-bottom:.75em;}
.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:50px;
margin-right:5px;}
.social-auth .social-auth-buttons a span{
display:inline-block;
vertical-align:middle;
font-size:13px;}
.social-auth .social-auth-twitter{
border:1px solid rgba(0,172,238,0.5);
color:#00acee;}
.social-auth .social-auth-twitter:hover{
border:1px solid #00acee;
color:#00acee;}
.social-auth .social-auth-facebook{
border:1px solid rgba(59,89,152,0.5);
color:#3b5998;}
.social-auth .social-auth-facebook:hover{
border:1px solid #3b5998;}
.social-auth i{
display:inline-block;
vertical-align:middle;
margin-right:9px;
font-size:1.5em;}
.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{
margin-bottom:10px;}
.social-auth .social-auth-or{
margin-top:5px;}
#sign-in-modal .login-forgot{
float:none;
text-align:center;
font-size:.85em;}}
.tip-modal .modal-dialog{
width:400px;}
.tip-modal .modal-body{
padding:1.5em 1.5em 2.5em 1.5em;}
.tip-modal .tip-amounts{
overflow:hidden;
margin-bottom:10px;}
.tip-modal .tip-amounts a{
float:left;
width:20%;
font-size:1.2em;
border:1px solid rgba(248,42,83,0.3);
font-weight:bold;
text-align:center;
margin:0 5px 5px 0;
padding:.5em 0;}
.tip-modal .tip-amounts a.btn:hover{
border-color:#f82a53;
color:#f82a53;}
.tip-modal .input-prefix{
display:inline-block;
vertical-align:middle;
font-size:1.1em;}
.tip-modal #custom_input_field{
margin-bottom:20px;
margin-top:10px;
text-align:center;}
.tip-modal input[type="number"]{
display:inline-block;
vertical-align:middle;
width:170px;
font-size:1.8rem;
height:4rem;}
.tip-modal #custom_input_field .input-prefix{
font-size:1.8rem;
height:4rem;
vertical-align:middle;
line-height:4rem;}
.tip-modal .modal-help{
margin-bottom:1em;}
.tip-modal .continue{
margin-bottom:20px;}
.tip-modal .powered-stripe{
position:fixed;
bottom:15px;
right:15px;}
.tip-modal .tips-button{
margin-bottom:1em;
width:100%;}
.tip-modal .price-breakdown{
display:table;
width:80%;
margin-top:10px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;}
.tip-modal .price-breakdown .row{
display:table-row;}
.tip-modal .price-breakdown .row .username{
text-overflow:ellipsis;
font-weight:bold;}
.tip-modal .price-breakdown .row .col{
display:table-cell;}
.tip-modal .price-breakdown .row .amount{
text-align:right;}
.tip-modal .price-breakdown i{
cursor:pointer;}
.tip-modal .buttons .continue{
width:230px;
margin:auto;}
.tip-modal .buttons .btn{
display:block;}
.tip-modal .loading-tip{
text-align:center;}
#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;
font-size:1.3rem;}
.suggest-list > li + li{
border-top:1px solid #eee;}
.suggest-list > li.active,
.suggest-list > li:hover{
background-color:#eee;}
.suggest-list > li.active + li:hover,
.suggest-list > li:hover + li.active{
border-top-color:#eee;}
.suggest-list > li:hover{
cursor:pointer;}
.suggest-list > li.active:hover{
background-color:#eee;}
.suggest-list .name{
padding-left:5px;}
.avatar{
position:relative;
display:block;
overflow:hidden;
background-repeat:no-repeat;
background-size:cover;}
#user-cover-upload-modal .cta,
#avatar-upload-modal .cta,
#thumbnail-upload-modal .cta{
margin-bottom:1em;}
#user-cover-upload-modal .cta span,
#avatar-upload-modal .cta span,
#thumbnail-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"],
#thumbnail-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,
#thumbnail-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,
#thumbnail-upload-modal .cta.draganddrop.hover{
background:#FFFCEA;
border-color:transparent;}
#user-cover-upload-modal .draganddrop span,
#avatar-upload-modal .draganddrop span,
#thumbnail-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,
#thumbnail-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,
#thumbnail-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"],
#thumbnail-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;}}
.video-edit-modal .edit-thumbnail .help{
padding-left:.75em;}
.video-edit-modal .coming-soon{
display:inline-block;
font-size:11px;
font-weight:bold;
border-radius:3px;
padding:2px 4px;
line-height:1em;
color:rgba(0,0,0,0.4);
background-color:#f7f7f7;}
.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,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-edit-modal .video-publish-date-input-group{
margin:0.5em 0;}
.video-edit-modal .bootstrap-datetimepicker-widget button[data-action]{
padding:6px;
border-radius:4px;}
.video-edit-modal .help.category-description{
margin-top:6px;
margin-left:2px;}
.video-edit-modal #description{
max-width:100%;
min-height:6em;
max-height:500px;}
.video-publish-modal .help{
color:#999;}
.video-publish-modal .coming-soon{
display:inline-block;
font-size:11px;
font-weight:bold;
border-radius:3px;
padding:2px 4px;
line-height:1em;
color:rgba(0,0,0,0.4);
background-color:#f7f7f7;}
.video-publish-modal .checkbox{
margin-bottom:1px;
margin-top:0px;}
.video-publish-modal .js-file-input-value{
background-color:rgba(0,0,0,0.05);
border:none;
font-size:.9em;
font-weight:bold;}
.video-publish-modal .js-file-input-clear{
display:inline-block;
vertical-align:middle;
font-size:1.5em;
margin-left:20px;
line-height:1em;
margin-top:-3px;}
#datepicker{
position:relative;
text-align:center;}
#timepicker{
position:relative;
text-align:center;}
.video-publish-date-input-group{
margin:0.5em 0;
width:6.4em;
display:inline-block;}
.video-publish-modal .bootstrap-datetimepicker-widget button[data-action],
.video-edit-modal .bootstrap-datetimepicker-widget button[data-action]{
padding:7px;
border-radius:4px;}
.video-publish-modal .bootstrap-datetimepicker-widget.dropdown-menu,
.video-edit-modal .bootstrap-datetimepicker-widget.dropdown-menu{
width:20em;}
.video-publish-modal .bootstrap-datetimepicker-widget.dropdown-menu a,
.video-edit-modal .bootstrap-datetimepicker-widget.dropdown-menu a{
color:#aaa;}
.video-publish-modal .bootstrap-datetimepicker-widget.dropdown-menu a:hover,
.video-edit-modal .bootstrap-datetimepicker-widget.dropdown-menu a:hover{
color:#333;}
.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{
background-color:rgba(75,183,167,0.09);
color:#4BB7A7;}
.bootstrap-datetimepicker-widget .timepicker-picker .btn-primary{
background-color:rgba(75,183,167,0.09);
color:#4BB7A7;
border-color:rgba(75,183,167,0);}
.bootstrap-datetimepicker-widget table td.today:before{
border-bottom-color:#aaa;}
.bootstrap-datetimepicker-widget table td.active.today:before{
border-bottom-color:#4BB7A7;}
.bootstrap-datetimepicker-widget table td span:hover{
background:#ffffff;}
.video-publish-modal .help.category-description{
margin-top:6px;
margin-left:2px;}
#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;}
#oauth-client-create,
#oauth-client-edit,
#oauth-client-detail,
#oauth-clients{
padding:30px;
background-color:#fff;
overflow:hidden;
max-width:1000px;
margin:0 auto;}
#oauth-client-create .breadcrumb,
#oauth-client-edit .breadcrumb,
#oauth-client-detail .breadcrumb{
padding:8px 0px;
background-color:#fff;}
#oauth-client-create .form-settings input,
#oauth-client-edit .form-settings input{
max-width:300px;
background-color:#fff;
border:1px solid #ddd;
border-radius:4px;
height:auto;
padding:.5em .75em;}
#oauth-client-create textarea,
#oauth-client-edit textarea{
resize:none;
max-width:700px;
border:1px solid #ddd;
border-radius:4px;}
#oauth-client-edit .form-alternative{
display:inline-block;
vertical-align:middle;
margin:0 0 0 15px;}
#oauth-client-edit .form-alternative a{
display:inline-block;
margin-right:12px;
padding:6px 0px;
color:#aaa;}
@media (min-width:768px){
body.pg-oauth-clientcreate,
body.pg-oauth-clientedit,
body.pg-oauth-clientdetail,
body.pg-oauth-clients{
background-color:#f5f5f5;}}
#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;
font-weight:normal;}
#uploader-modal .grab input::-webkit-input-placeholder{
color:#999;}
#uploader-modal .grab input::-moz-input-placeholder{
color:#999;}
#uploader-modal .uploader-modal-rules{
color:#aaa;
font-size:.9em;
margin-top:10px;}
#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 .video-public,
#uploader-modal .video-publish-date{
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
margin-bottom:2px;}
#uploader-modal .public-description{
color:#aaa;}
#uploader-modal #datetimepicker{
margin-top:8px;}
#uploader-modal .video-publish-date-input-group{
margin-bottom:10px;}
#uploader-modal .alert-danger a{
color:#a94442;}
#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;}
.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 .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;
background-size:20px 20px;}
.sharing:hover{
opacity:.8;}
.sharing.reddit{
background-color:#ff4500;
background-image:url("/cdn/images/sharing/reddit-logo.svg");}
.sharing.facebook{
background-color:#3b5998;
background-image:url("/cdn/images/sharing/facebook-logo.svg");}
.sharing.twitter{
background-color:#4099FF;
background-image:url("/cdn/images/sharing/twitter-logo.svg");}
.sharing.tumblr{
background-color:#35465c;
background-image:url("/cdn/images/sharing/tumblr-logo.svg");}
.sharing.whatsapp{
background-color:#25d366;
background-image:url("/cdn/images/sharing/whatsapp_white.png?c=2016-04-15");}
.sharing.email{
background-color:#03CD96;
background-image:url("/cdn/images/sharing/mail-logo.svg");}
.sharing.stumbleupon{
background-color:#da3300;
background-image:url("/cdn/images/sharing/stumbleupon-logo.svg");}
.sharing.gplus{
background-color:#dc4e41;
background-image:url("/cdn/images/sharing/google-plus-logo.svg");}
.sharing.pinterest{
background-color:#bd081c;
background-image:url("/cdn/images/sharing/pinterest-logo.svg");}
@font-face{
font-family:'Montserrat';
font-weight:normal;
src:local("Montserrat"),local("Montserrat"),url("/cdn/fonts/Montserrat-Regular.ttf");}
@font-face{
font-family:'Montserrat';
font-weight:bold;
src:local("Montserrat"),local("Montserrat"),url("/cdn/fonts/Montserrat-Bold.ttf");}
@font-face{
font-family:'Roboto';
font-weight:normal;
src:local("Roboto"),local("Roboto"),url("/cdn/vendor/fonts/roboto/Roboto-Regular.ttf");}
@font-face{
font-family:'Roboto';
font-weight:bold;
src:local("Roboto"),local("Roboto"),url("/cdn/vendor/fonts/roboto/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-wrapper{
font-size:.85em;}
.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-create-modal .album-private,
.album-edit-modal .album-private{
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
margin-bottom:2px;}
.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:120px;
height:70px;
float:left;}
.album-add-videos-modal .thumb + div{
overflow:hidden;
text-align:left;
padding-left:.5em;
height:70px;
display:table-cell;
vertical-align:middle;}
.album-add-videos-modal .thumb img{
max-width:100%;}
.album-edit-videos-modal fieldset{
background-color:#fff;
border-radius:4px;
border:1px solid #fff;
padding:15px;
overflow:hidden;}
.album-edit-videos-modal fieldset:hover{
border:1px solid #ccc;}
.album-edit-videos-modal fieldset.ui-sortable-helper{
opacity:0.95;}
.album-edit-videos-modal .watch-later .handle{
display:none;}
.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 .watch-later fieldset .left{
width:110px;}
.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;}
.album-video-add-modal .album_info.list-group{
max-height:400px;
overflow-y:scroll;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
border-radius:4px;}
.album-video-add-modal .album_info.list-group li{
background-color:transparent;
cursor:pointer;
font-size:.9em;
padding:8px 10px;
font-weight:bold;
border-bottom:none;}
.album-video-add-modal .album_info.list-group li:first-child{
border-top:none;}
.album-video-add-modal .album_info.list-group li:hover{
background-color:#f5f5f5;}
.list-group-item:first-child
.album-video-add-modal .album_info.list-group li .text{
display:inline-block;
vertical-align:middle;}
.album-video-add-modal .album_info.list-group li i{
display:inline-block;
vertical-align:middle;
font-size:1.3em;
color:#bbb;
margin-right:5px;}
.album-video-add-modal .badge{
background-color:transparent;
color:#bbb;
font-weight:normal;
padding-right:0;}
.album-video-add-modal .create-album .badge{
background-color:#f82a53;
color:#555;
font-weight:normal;}
.album-video-add-modal .watch-later .badge{
background-color:#5bc0de;
color:#fff;}
#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:#f82a53;}
#clip .slider .slider-selection{
background:#f82a53;}
#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:#f82a53;
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;
border:1px solid #ddd;}
.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-settings{
margin-top:10px;}
.embed-share-modal .timewidget-url.timewidget-url-wrapper{
border:2px dashed #ddd;}
.embed-share-modal input.timewidget-url{
font-size:1em;
background-color:transparent;
border:none;}
.embed-share-modal .timewidget-settings label{
display:inline-block;
vertical-align:middle;
font-weight:normal;
margin:0;
font-size:.9em;}
.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;
font-size:.9em;
padding:5px 7px;}
.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 > .form-switch{
padding-right:3px;}
body:not(.pg-video-view):not(.pg-video-embed) .embed-share-modal .timewidget-settings{
display:none;}
.embed-share-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-share-modal textarea.embed-code::selection{
background:#eee;}
.embed-share-modal textarea.embed-code::-moz-selection{
background:#eee;}
.embed-share-modal .embed-options{
margin-top:.5em;}
.embed-share-modal .embed-options li{
display:inline-block;
margin-right:1em;
font-size:.9em;}
.embed-share-modal .embed-options label{
font-weight:normal;}
.embed-share-modal .embed-options input[type=checkbox]{
margin-right:2px;}
@media (max-width:767px){
.embed-share-modal .embed-settings{
display:none;}}
.subscribe-modal .powered-stripe{
position:fixed;
bottom:15px;
right:15px;}
.subscribe-modal .sub-badge{
width:18px;
height:18px;
position:absolute;
display:inline-block;}
.subscribe-modal .charge-helper-text{
padding-left:4px;
font-size:0.85em;}
.subscribe-modal .sub-badge-right-text{
padding-left:22px;}
.subscribe-modal .subscribe-benefits{
list-style-type:circle;
padding-left:20px;}
.subscribe-modal .success{
height:300px;
text-align:center;
background-image:url("/cdn/images/confetti.gif?20170613");
background-size:40%;}
.subscribe-modal .success .text_wrapper{
text-align:center;}
.subscribe-modal .success .text{
display:inline-block;
max-width:500px;
padding-top:10px;
font-size:1.3em;
font-weight:500;}
.subscribe-modal .success .text a{
color:#555;
border-bottom:1px solid #aaa;
text-decoration:none;}
.subscribe-modal .success .subtext{
font-size:.8em;
margin-top:10px;
font-weight:normal;}
.subscribe-modal .success .img{
border-radius:50%;
width:120px;
height:120px;
margin-top:20px;
background-size:100%;
background-position:center;
background-repeat:no-repeat;}
.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;}}
@media (max-width:767px){
#tag .alert-wrapper{
text-align:center;}}
@keyframes fadein{
from{
opacity:0;}
to{
opacity:1;}}
@-moz-keyframes fadein{
from{
opacity:0;}
to{
opacity:1;}}
@-webkit-keyframes fadein{
from{
opacity:0;}
to{
opacity:1;}}
@-ms-keyframes fadein{
from{
opacity:0;}
to{
opacity:1;}}
@-o-keyframes fadein{
from{
opacity:0;}
to{
opacity:1;}}
.pg-user-verifyemail{
text-align:center;
padding-top:40px;}
.pg-user-verifyemail h1{
margin-bottom:.5em;}
.pg-user-verifyemail .btn{
border-radius:50px;
margin-top:1em;}
.pg-new .thumb_date{
display:inline-block !important;}
.repost-modal .modal-body{
display:block;
overflow:hidden;}
.repost-modal .modal-body .thumb{
background-color:#f5f5f5;
width:120px;
height:67px;
float:left;
margin-right:10px;
position:relative;
overflow:hidden;}
.repost-modal .modal-body .thumb img,
.repost-modal .modal-body .thumb .img{
min-height:100%;
min-width:100%;
max-width:100%;
background-size:cover;}
.repost-modal .modal-body .thumb > a{
display:block;
background-color:#f5f5f5;}
.repost-modal .modal-body .nsfw{
position:absolute;
top:0;
left:0;
color:#FF5151;
font-size:.9em;
background-color:rgba(0,0,0,0.8);
padding:.25em .5em;
width:100%;
height:100%;
line-height:85px;
text-align:center;
font-weight:bold;}
.repost-modal .modal-body .duration{
display:none;
position:absolute;
background-color:rgba(0,0,0,0.7);
color:rgba(255,255,255,0.8);
bottom:0;
right:0;
padding:2px 5px;
font-size:9px;}
.repost-modal .modal-body .thumb_info{
overflow:hidden;
line-height:1em;}
.repost-modal .modal-body .title > a{
color:#333;
font-size:.9em;
line-height:1.2em;
font-weight:bold;}
.repost-modal .modal-body .owner > a{
display:inline-block;
margin-top:2px;
color:#999;
font-size:.85em;}
.repost-modal .modal-body .views{
margin-top:2px;
color:#ccc;
font-size:.8em;
display:none;}
body.pg-messages{
background-color:#f5f5f5;}
.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:9pt;
font-weight:bold;
margin-left:10px;
border-radius:50px;}
.message{
vertical-align:top;
width:100%;}
.message-participant{
display:inline-block;
border-radius:4px;}
.message-participant .user_photo img{
width:32px;
height:32px;
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;}}
.threads_wrapper{
display:table-cell;
vertical-align:top;
width:300px;
min-width:300px;}
ul.threads{
border:1px solid #ddd;
max-height:800px;
overflow:scroll;}
ul.threads > li > a{
padding:10px;
display:block;
text-decoration:none;}
ul.threads > li.active-thread{
background-color:#fff;}
ul.threads > li{
border-bottom:1px solid #ddd;}
ul.threads > li:last-child{
border-bottom:none;}
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:middle;}
ul.threads .message{
display:table-cell;
text-decoration:none;}
ul.threads .message-users{
display:block;
color:#333;
font-weight:bold;}
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 #ddd;
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:#333;
display:block;}
li.message .message-head{
overflow:hidden;}
li.message .message-text{
display:block;
clear:both;
color:#666;
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;
border-radius:50px;}
#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;}