/* user view page */
body.pg-user-view {
  background-color: #f5f5f5; }

.pg-user-view .content {
  padding-left: 0;
  padding-right: 0;
  max-width: 1480px; }

.pg-user-view .content_wrapper {
  padding-top: 20px; }

.pg-user-view .main {
  padding-top: 0; }

#user_view {
  margin-bottom: 50px; }

#user_view .dashboard {
  margin-top: 25vw; }

#user_view .dashboard_left {
  width: 300px;
  flex: 0 0 300px; }

#user_view .dashboard_main {
  position: relative; }

#user_view .cover {
  position: absolute;
  top: 0;
  left: 0;
  height: 25vw;
  width: 100%;
  background-color: #f5f5f5;
  background-image: url("https://d324imu86q1bqn.cloudfront.net/uploads/user/cover_image/53/optimized_FRSA-0005.1.jpg");
  background-size: cover;
  background-position: center center;
  z-index: 10; }

#user_view .cover_change {
  position: absolute;
  z-index: 99;
  top: -70px;
  right: 0; }

#user_view .cover_change a {
  display: block;
  color: #fff;
  padding: .3em .5em;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  font-size: 1em;
  text-decoration: none; }

#user_view .cover_change a i {
  opacity: .7; }

#user_view .cover_change a:hover i {
  opacity: 1; }

#user_view .cover_change a span {
  font-size: .8em;
  padding-left: 7px;
  color: rgba(255, 255, 255, 0.7); }

#user_view .cover_change a:hover span {
  color: #fff; }

#user_view .user_avatar {
  text-align: center; }

#user_view .user_avatar .avatar {
  display: inline-block; }

#user_view .user_avatar .avatar > a {
  display: block;
  width: 150px;
  height: 150px; }

#user_view .user_avatar .avatar > a > img {
  border-radius: 200px;
  width: 100%;
  height: 100%; }

#user_view .user_avatar .avatar.default-avatar a {
  background-color: transparent;
  padding: 0; }

#user_view .avatar a.edit-avatar-link {
  opacity: 0;
  border-radius: 2px;
  padding: 3px 6px;
  border-radius: 5px;
  background-color: #2B2B2B;
  color: #ccc;
  font-size: .86em;
  position: absolute;
  width: 80px;
  height: auto;
  top: 50%;
  left: 50%;
  margin-left: -40px;
  margin-top: -5px;
  cursor: pointer;
  -webkit-transition: opacity .2s; }

#user_view .avatar:hover > a.edit-avatar-link {
  opacity: 1; }

#user_view .avatar > a.edit-avatar-link:hover {
  text-decoration: underline;
  color: #fff; }

#user_view .user_avatar .user_username {
  color: #333;
  font-size: 1.8em;
  line-height: 1.2em;
  font-weight: bold;
  text-decoration: none;
  overflow: hidden;
  word-wrap: break-word;
  margin: .25em 0 .5em 0; }

#user_view .user_badge {
  content: "";
  position: relative;
  width: 17px;
  height: 17px;
  background-size: cover;
  display: inline-block; }

#user_view .user_vip {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0yOTMgMzg1IDI0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0yOTMgMzg1IDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojNjczQUI3O30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQoJLnN0MntmaWxsOm5vbmU7fQ0KPC9zdHlsZT4NCjx0aXRsZT48L3RpdGxlPg0KPGcgaWQ9IkxheWVyXzIiPg0KCTxnIGlkPSJMYXllcl8xLTIiPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTI3MC43LDM5NC44bC0xLTAuOGMwLjEtMC41LDAuMi0wLjksMC4zLTEuMmMwLjQtMS4zLDAuNi0yLjEsMC4xLTIuOGMtMC42LTAuOC0xLjMtMC44LTIuNy0wLjhoLTEuMg0KCQkJYy0wLjItMC40LTAuMy0wLjgtMC40LTEuMmMtMC41LTEuMy0wLjctMi0xLjYtMi4zYy0wLjktMC4zLTEuNSwwLjEtMi43LDAuOWwtMSwwLjdsLTEtMC43Yy0xLTAuOC0xLjgtMS4zLTIuNy0xDQoJCQljLTAuOSwwLjMtMS4xLDEtMS42LDIuM2MtMC4xLDAuMy0wLjIsMC43LTAuNCwxLjJsLTEuMywwLjFjLTEuNCwwLTIuMiwwLTIuNywwLjhzLTAuMywxLjUsMC4xLDIuOWMwLjEsMC4zLDAuMiwwLjcsMC4zLDEuMg0KCQkJbC0xLDAuOGMtMS4xLDAuOC0xLjcsMS4zLTEuNywyLjNzMC42LDEuNCwxLjcsMi4zbDEsMC44Yy0wLjEsMC41LTAuMiwwLjktMC4zLDEuMmMtMC40LDEuMy0wLjYsMi4xLTAuMSwyLjgNCgkJCWMwLjUsMC44LDEuMywwLjgsMi43LDAuOGgxLjJjMC4yLDAuNCwwLjMsMC44LDAuNCwxLjJjMC41LDEuMywwLjcsMiwxLjYsMi4zYzAuOSwwLjMsMS41LTAuMSwyLjctMC45bDEtMC43bDEsMC43DQoJCQljMC42LDAuNSwxLjQsMC45LDIuMiwxYzAuMiwwLDAuNCwwLDAuNS0wLjFjMC45LTAuMywxLjEtMSwxLjYtMi4zYzAuMS0wLjMsMC4yLTAuNywwLjQtMS4yaDEuMmMxLjQsMCwyLjIsMCwyLjctMC44DQoJCQljMC42LTAuOCwwLjMtMS41LTAuMS0yLjhjLTAuMS0wLjMtMC4yLTAuNy0wLjMtMS4ybDEtMC44YzEuMS0wLjgsMS43LTEuMiwxLjctMi4yUy0yNjkuNiwzOTUuNi0yNzAuNywzOTQuOHoiLz4NCgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTS0yODIuNiw0MDIuM0wtMjgyLjYsNDAyLjNjLTAuMywwLTAuNS0wLjEtMC43LTAuM2wtMy0zLjNjLTAuNC0wLjQtMC4zLTEsMC4xLTEuNHMxLTAuMywxLjQsMC4xbDIuMiwyLjUNCgkJCWw2LjMtNi4yYzAuNC0wLjQsMS0wLjQsMS40LDBjMC40LDAuNCwwLjQsMSwwLDEuNGwtNy4xLDYuOUMtMjgyLjEsNDAyLjItMjgyLjQsNDAyLjMtMjgyLjYsNDAyLjN6Ii8+DQoJCTxyZWN0IHg9Ii0yOTMiIHk9IjM4NSIgY2xhc3M9InN0MiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo="); }

#user_view .user_featured {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDcwMCA3MDAiIGhlaWdodD0iNzAwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA3MDAgNzAwIiB3aWR0aD0iNzAwcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxjaXJjbGUgY3g9IjM1MCIgY3k9IjM1MCIgZmlsbD0iI0YyQ0QzMCIgcj0iMzUwIi8+PHBhdGggZD0iTTYwMS4zMzgsMjgyLjU1NmMtMS4yMTgtMy43NDctNC4zMTYtNi4zNS03LjkxLTcuMTIzbC0wLjAwMi0wLjAwNmwtMC4wNi0wLjAwOCAgYy0wLjQ0Ny0wLjA5NC0wLjktMC4xNjMtMS4zNTktMC4xOThMNDM4Ljc0LDI1Ny4xNDZjLTAuNDE2LTAuMTItMC44MjctMC4yNTQtMS4yMzMtMC4zOTVjLTAuMDc0LTAuMDI1LTAuMTQ2LTAuMDUtMC4yMjEtMC4wNzYgIGMtMC4zODgtMC4xMzgtMC43NzEtMC4yODYtMS4xNS0wLjQ0MmMtMC4wNzYtMC4wMzItMC4xNTEtMC4wNjQtMC4yMjktMC4wOTdjLTAuMzg2LTAuMTY0LTAuNzcxLTAuMzM0LTEuMTQ2LTAuNTE3ICBjLTAuMDA2LTAuMDAzLTAuMDExLTAuMDA2LTAuMDE3LTAuMDA5Yy0xLjE3MS0wLjU2OS0yLjI4Ni0xLjIzMS0zLjM0Ni0xLjk2OGMtMC4xMTYtMC4wODEtMC4yMzMtMC4xNTktMC4zNDktMC4yNDEgIGMtMC4yNjUtMC4xOTEtMC41MjEtMC4zOS0wLjc3OC0wLjU5Yy0wLjE1My0wLjEyLTAuMzA3LTAuMjQxLTAuNDU3LTAuMzY0Yy0wLjIzMi0wLjE5MS0wLjQ2My0wLjM4NS0wLjY4OC0wLjU4MyAgYy0wLjE3LTAuMTUtMC4zMzYtMC4zMDUtMC41MDItMC40NTljLTAuMjAzLTAuMTg5LTAuNDA3LTAuMzc3LTAuNjA0LTAuNTcyYy0wLjIwNy0wLjIwNi0wLjQwNS0wLjQxOS0wLjYwNC0wLjYzMiAgYy0wLjE5OS0wLjIxMi0wLjM5Ny0wLjQyNC0wLjU4OS0wLjY0NGMtMC4yNzYtMC4zMTUtMC41NDctMC42MzUtMC44MDgtMC45NjRjLTAuMTIyLTAuMTU0LTAuMjM1LTAuMzEzLTAuMzU0LTAuNDcxICBjLTAuMTk4LTAuMjYzLTAuMzk2LTAuNTI5LTAuNTgzLTAuOGMtMC4xMTYtMC4xNjgtMC4yMjktMC4zMzktMC4zNDItMC41MWMtMC4xODItMC4yNzUtMC4zNTYtMC41NTQtMC41MjYtMC44MzcgIGMtMC4xMDMtMC4xNjktMC4yMDMtMC4zMzgtMC4zMDEtMC41MDljLTAuMTc4LTAuMzExLTAuMzQ3LTAuNjI4LTAuNTEyLTAuOTQ3Yy0wLjA3Ni0wLjE0OC0wLjE1Ni0wLjI5NC0wLjIyOS0wLjQ0NCAgYy0wLjIzLTAuNDcyLTAuNDUxLTAuOTUxLTAuNjUzLTEuNDM5bC02Mi42NjMtMTM2LjA4MmMtMC4xNzctMC40MjUtMC4zODItMC44MzQtMC42MDctMS4yMjlsLTAuMDM4LTAuMDc4aC0wLjAwOSAgYy0xLjg1LTMuMTY3LTUuMjczLTUuMy05LjIwNS01LjNjLTMuOTM5LDAtNy4zNzMsMi4xNDQtOS4yMTksNS4zMjJoLTAuMDA2bC0wLjAyNiwwLjA1NGMtMC4yMjksMC4zOTYtMC40MzQsMC44MDYtMC42MDgsMS4yMzIgIGwtNjQuNTUzLDE0MC4xNzljLTAuMjY2LDAuMzkyLTAuNTQyLDAuNzc1LTAuODI3LDEuMTQ5Yy0wLjAwNSwwLjAwNi0wLjAxMSwwLjAxMy0wLjAxNiwwLjAyMWMtMC4yODEsMC4zNjgtMC41NzIsMC43MjctMC44NzIsMS4wNzcgIGMtMC4wMTYsMC4wMTgtMC4wMzEsMC4wMzUtMC4wNDcsMC4wNTNjLTEuMTY2LDEuMzUzLTIuNDcsMi41NjUtMy44NzcsMy42MjljLTAuMDk2LDAuMDcyLTAuMTg5LDAuMTQ2LTAuMjg2LDAuMjE3ICBjLTAuMjY4LDAuMTk3LTAuNTQyLDAuMzg0LTAuODE3LDAuNTdjLTAuMTYsMC4xMDctMC4zMiwwLjIxNC0wLjQ4MiwwLjMxOGMtMC4yNSwwLjE2LTAuNTAyLDAuMzE2LTAuNzU4LDAuNDY4ICBjLTAuMjA4LDAuMTIzLTAuNDE4LDAuMjQxLTAuNjMsMC4zNTdjLTAuMjI3LDAuMTI2LTAuNDUzLDAuMjUzLTAuNjg1LDAuMzcyYy0wLjMxOCwwLjE2My0wLjY0MiwwLjMxNi0wLjk2NywwLjQ2NiAgYy0wLjEzNSwwLjA2Mi0wLjI2NiwwLjEzLTAuNDAxLDAuMTljLTAuNDcyLDAuMjA3LTAuOTUsMC4zOTktMS40MzQsMC41NzdjLTAuMTI2LDAuMDQ2LTAuMjU1LDAuMDg2LTAuMzgyLDAuMTMxICBjLTAuMzc4LDAuMTMzLTAuNzU5LDAuMjU5LTEuMTQ0LDAuMzc0Yy0wLjE0MSwwLjA0Mi0wLjI4MSwwLjA4LTAuNDIzLDAuMTE5Yy0wLjM4OSwwLjEwOC0wLjc4MSwwLjIwOC0xLjE3NiwwLjI5OCAgYy0wLjEyNSwwLjAyOC0wLjI0OSwwLjA1Ny0wLjM3NCwwLjA4M2MtMC40NTQsMC4wOTYtMC45MTEsMC4xNzktMS4zNzEsMC4yNWMtMC4wNjMsMC4wMS0wLjEyNywwLjAyMi0wLjE5MSwwLjAzMSAgYy0wLjU0NiwwLjA3OS0xLjA5NiwwLjE0My0xLjY0OCwwLjE4NmwtMTQ4Ljc4NSwxNy41NDZjLTAuNDU5LDAuMDM2LTAuOTExLDAuMTA0LTEuMzU3LDAuMTk4bC0wLjA4NSwwLjAxMmwtMC4wMDMsMC4wMDggIGMtMy41ODMsMC43OC02LjY3LDMuMzc3LTcuODg1LDcuMTE3Yy0xLjIxOCwzLjc0Ny0wLjI0LDcuNjc1LDIuMjEzLDEwLjQxMmwtMC4wMDIsMC4wMDZsMC4wNDQsMC4wNDIgIGMwLjMwNywwLjMzOSwwLjYzMiwwLjY2LDAuOTgzLDAuOTU5bDExMy4zNjUsMTA0LjcwNmMwLjAwNiwwLjAwOCwwLjAxMiwwLjAxNywwLjAxOCwwLjAyMmMwLjI1MywwLjMyNSwwLjQ5MiwwLjY1NiwwLjcyNywwLjk5MSAgYzAuMDYsMC4wODUsMC4xMTksMC4xNjksMC4xNzgsMC4yNTRjMC4yMiwwLjMyMiwwLjQzMywwLjY0OSwwLjYzNywwLjk4MWMwLjA1OCwwLjA5MywwLjExMiwwLjE4OCwwLjE2OSwwLjI4MSAgYzAuMjAyLDAuMzM5LDAuNCwwLjY4MSwwLjU4NiwxLjAyN2MwLjAyNSwwLjA0OCwwLjA0OSwwLjA5NiwwLjA3MywwLjE0NGMwLjU3NywxLjA5NSwxLjA2NSwyLjIyOSwxLjQ3MywzLjM4NiAgYzAuMDU4LDAuMTYzLDAuMTE3LDAuMzI1LDAuMTcxLDAuNDg5YzAuMDk1LDAuMjksMC4xODEsMC41ODEsMC4yNjYsMC44NzNjMC4wNjEsMC4yMTEsMC4xMTksMC40MjMsMC4xNzUsMC42MzUgIGMwLjA3LDAuMjcxLDAuMTM4LDAuNTQ0LDAuMTk5LDAuODE3YzAuMDU1LDAuMjQ3LDAuMTA0LDAuNDk2LDAuMTUyLDAuNzQ1YzAuMDQ4LDAuMjQ4LDAuMDk4LDAuNDk2LDAuMTM5LDAuNzQ2ICBjMC4wNTUsMC4zMzcsMC4wOTcsMC42NzYsMC4xMzgsMS4wMTVjMC4wMjIsMC4xOCwwLjA1LDAuMzU4LDAuMDY3LDAuNTM4YzAuMDQ4LDAuNDg4LDAuMDgxLDAuOTc5LDAuMTAxLDEuNDcgIGMwLjAwNywwLjE3NiwwLjAwNiwwLjM1MywwLjAwOSwwLjUyNmMwLjAwNywwLjM1MiwwLjAxLDAuNzAzLDAuMDAyLDEuMDU2Yy0wLjAwNSwwLjE5LTAuMDE0LDAuMzgyLTAuMDIyLDAuNTcyICBjLTAuMDE2LDAuMzQ0LTAuMDM4LDAuNjg3LTAuMDY4LDEuMDNjLTAuMDE2LDAuMTg2LTAuMDMyLDAuMzctMC4wNTMsMC41NTZjLTAuMDQsMC4zNjctMC4wOTEsMC43MzMtMC4xNDcsMS4xICBjLTAuMDI0LDAuMTU2LTAuMDQ0LDAuMzEzLTAuMDcxLDAuNDcxYy0wLjA5MSwwLjUyLTAuMTk0LDEuMDM4LTAuMzE4LDEuNTU0bC0yOS4yOTEsMTQ2LjkyNWMtMC4xMDgsMC40NDgtMC4xODMsMC44OTktMC4yMzIsMS4zNTQgIGwtMC4wMTQsMC4wODVsMC4wMDcsMC4wMDVjLTAuMzY2LDMuNjQ3LDEuMTUxLDcuMzg4LDQuMzMxLDkuNjk4YzMuMTg4LDIuMzE0LDcuMjI2LDIuNiwxMC41ODcsMS4xMTFsMC4wMDUsMC4wMDVsMC4wNTMtMC4wMjcgIGMwLjQxOC0wLjE4OCwwLjgyMy0wLjM5OCwxLjIxNi0wLjY0MWwxMzQuNjAxLTc1LjQ1NGMwLjAyOS0wLjAxMSwwLjA2LTAuMDIxLDAuMDg4LTAuMDMyYzAuMzM2LTAuMTIsMC42NzUtMC4yMjksMS4wMTYtMC4zMzUgIGMwLjE1OC0wLjA1LDAuMzE2LTAuMSwwLjQ3Ny0wLjE0NmMwLjMyNC0wLjA5NCwwLjY0OS0wLjE4MSwwLjk3Ni0wLjI2MWMwLjE3OS0wLjA0NCwwLjM1Ni0wLjA4MywwLjUzNS0wLjEyMyAgYzAuMzE4LTAuMDcsMC42MzctMC4xNCwwLjk1NS0wLjE5OGMwLjE5Mi0wLjAzNCwwLjM4NS0wLjA2MSwwLjU3Ny0wLjA5MWMwLjQ4NC0wLjA3NywwLjk3MS0wLjEzOSwxLjQ1Ny0wLjE4NyAgYzAuMjk4LTAuMDI5LDAuNTk1LTAuMDYyLDAuODk0LTAuMDhjMC4yMzEtMC4wMTYsMC40NjUtMC4wMTksMC42OTYtMC4wMjVjMC4yOTctMC4wMSwwLjU5My0wLjAyLDAuODkxLTAuMDIgIGMwLjIxOSwwLDAuNDM3LDAuMDA3LDAuNjU0LDAuMDEzYzAuMzIsMC4wMDksMC42NDIsMC4wMjEsMC45NiwwLjA0NGMwLjE5MywwLjAxMiwwLjM4OCwwLjAyNiwwLjU3OSwwLjA0MyAgYzAuMzczLDAuMDMzLDAuNzQ1LDAuMDc2LDEuMTE2LDAuMTI2YzAuMTM4LDAuMDE5LDAuMjc3LDAuMDMzLDAuNDE1LDAuMDU1YzEuMDY2LDAuMTYxLDIuMTIyLDAuMzg5LDMuMTYsMC42ODYgIGMwLjAzLDAuMDA4LDAuMDYxLDAuMDE5LDAuMDkxLDAuMDI2YzAuNDg2LDAuMTQyLDAuOTY5LDAuMjk5LDEuNDQ3LDAuNDdjMC4wNzQsMC4wMjUsMC4xNDcsMC4wNTUsMC4yMjMsMC4wODIgIGMwLjQ0NywwLjE2NCwwLjg5LDAuMzQsMS4zMjcsMC41MjhjMC4wNjUsMC4wMjksMC4xMzIsMC4wNTgsMC4xOTgsMC4wODZjMC40ODQsMC4yMTcsMC45NjYsMC40NDQsMS40MzgsMC42OTEgIGMwLjAwNSwwLjAwMywwLjAxLDAuMDA1LDAuMDE2LDAuMDA4YzAuNTAyLDAuMjYzLDAuOTk2LDAuNTQzLDEuNDgxLDAuODQxbDEzMC42ODMsNzMuMjYxYzAuMzk0LDAuMjQsMC44LDAuNDUsMS4yMTYsMC42MzkgIGwwLjA3NSwwLjAzOWwwLjAwOC0wLjAwNWMzLjM1NSwxLjQ3Niw3LjM4MiwxLjE4OCwxMC41NjItMS4xMjJjMy4xODgtMi4zMTYsNC43MDUtNi4wNjgsNC4zMjktOS43MjZsMC4wMDYtMC4wMDRsLTAuMDExLTAuMDU5ICBjLTAuMDQ5LTAuNDU1LTAuMTI0LTAuOTA2LTAuMjMyLTEuMzU0bC0zMC4xNzEtMTUxLjM1MmwwLDBjLTAuMDE1LTAuNDM1LTAuMDE0LTAuODY2LTAuMDA2LTEuMjk4ICBjMC4wMDItMC4wNzYsMC4wMDMtMC4xNTIsMC4wMDUtMC4yMjljMC4wMTMtMC40MTMsMC4wMzMtMC44MjYsMC4wNjUtMS4yMzVjMC4wMDYtMC4wNzksMC4wMTQtMC4xNTcsMC4wMjEtMC4yMzYgIGMwLjE1Mi0xLjczNiwwLjQ4Ni0zLjQ0LDAuOTg2LTUuMDg5YzAuMDM4LTAuMTI0LDAuMDcyLTAuMjUsMC4xMTItMC4zNzNjMC4xMDItMC4zMTcsMC4yMTMtMC42MzEsMC4zMjYtMC45NDMgIGMwLjA2NC0wLjE3NiwwLjEzLTAuMzUxLDAuMTk3LTAuNTIzYzAuMTExLTAuMjg3LDAuMjI5LTAuNTcxLDAuMzUxLTAuODU0YzAuMDg2LTAuMTk5LDAuMTc4LTAuMzk2LDAuMjctMC41OTQgIGMwLjEyLTAuMjYsMC4yNC0wLjUyMSwwLjM2OS0wLjc3NGMwLjEyNC0wLjI0NSwwLjI1OC0wLjQ4MywwLjM5LTAuNzI1YzAuMTU1LTAuMjg1LDAuMzE0LTAuNTY5LDAuNDgxLTAuODQ5ICBjMC4yMDUtMC4zNDIsMC40MTQtMC42ODEsMC42MzUtMS4wMTNjMC4xMTMtMC4xNjksMC4yMzMtMC4zMzMsMC4zNTEtMC41YzAuMTg3LTAuMjY0LDAuMzczLTAuNTI1LDAuNTY3LTAuNzgzICBjMC4xMjctMC4xNjYsMC4yNTgtMC4zMjksMC4zOS0wLjQ5MmMwLjIwMi0wLjI1NCwwLjQxLTAuNTA0LDAuNjI1LTAuNzVjMC4xMzEtMC4xNTEsMC4yNjItMC4zMDMsMC4zOTYtMC40NSAgYzAuMjM5LTAuMjYzLDAuNDg2LTAuNTIxLDAuNzM3LTAuNzcyYzAuMTE5LTAuMTIsMC4yMzQtMC4yNDMsMC4zNTUtMC4zNTljMC4zNzgtMC4zNjYsMC43NjYtMC43MjMsMS4xNjYtMS4wNjVsMTEwLjA1Ny0xMDEuNjQ5ICBjMC4zNTItMC4yOTgsMC42NzctMC42MiwwLjk4Mi0wLjk1OGwwLjA2Mi0wLjA2bC0wLjAwNC0wLjAwOEM2MDEuNTgyLDI5MC4yMTEsNjAyLjU1MywyODYuMjk1LDYwMS4zMzgsMjgyLjU1NnoiIGZpbGw9IiNGRkZGRkYiLz48L3N2Zz4="); }

#user_view .user_dev {
    background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIyIDIzIj4KICA8ZyBmaWxsPSIjNzI4OURBIj4KICAgIDxwYXRoIGQ9Ik00LjMyMzEsNC40MzMyIEM0LjMyMzEsNC40MzMyIDQuNTgxMSw0LjA0NzIgNC42ODgxLDMuODc2MiBDNC43OTUxLDMuNzA1MiA0LjQxMTEsMy4zMDEyIDQuMjYyMSwzLjE3MzIgQzQuMTEzMSwzLjA0NTIgMy44NzgxLDMuMTA5MiAzLjg3ODEsMy4xMDkyIEMyLjAwMzEsMy45NDAyIDEuMDY1MSw1LjY0NTIgMC45MzcxLDUuOTg2MiBDMC44MDkxLDYuMzI3MiAxLjI2MzEsNi42OTkyIDEuNTk4MSw2Ljg4MTIgQzEuNzUyMSw2Ljk2NTIgMS45OTcxLDYuNzc5MiAyLjE0ODEsNi42NDEyIEwyLjE5OTEsNi41ODkyIEwyLjI3ODEsNi41MDkyIEwyLjI3OTEsNi41MDgyIEw3LjM4MDEsMTEuNTg5MiBMOC4wNzcxLDEwLjg5MjIgTDkuMzU4MSw5LjYxMTIgTDQuMzE2MSw0LjQ0MDIgTDQuMzIzMSw0LjQzMzIgWiIvPgogICAgPHBhdGggZD0iTTE2LjM3MzgsOS43OTMxIEwxNi42NDI4LDkuNTM3MSBMMTkuMDU5OCwxMS45MzExIEMxOS4wNzY4LDExLjk0NjEgMTkuMDk0OCwxMS45NTIxIDE5LjExMDgsMTEuOTUyMSBDMTkuMTU2OCwxMS45NTIxIDE5LjE5NDgsMTEuOTEwMSAxOS4xOTQ4LDExLjkxMDEgQzE5LjE5NDgsMTEuOTEwMSAyMS44NzA4LDkuMjU1MSAyMS44Nzk4LDkuMjQ2MSBDMjEuOTU4OCw5LjE2ODEgMjEuODc5OCw5LjEyNTEgMjEuODc5OCw5LjEyNTEgTDE5LjgxNTgsNy4wNDcxIEwxOS44MTI4LDcuMDUwMSBMMTkuNTI5OCw2Ljc3MzEgTDE5LjY4NzgsNi42MjExIEwyMC4wMjU4LDYuNjYwMSBMMTkuOTYxOCw2LjIxMjEgTDIwLjA0NjgsNi4xMjYxIEwxOS45MTk4LDUuNDgwMSBDMTkuNDc4OCw0Ljg1NTEgMTguMjcwOCwzLjg1NDEgMTguMjcwOCwzLjg1NDEgTDE3LjYzODgsMy43NDAxIEwxNy41NzQ4LDMuODI1MSBMMTcuMDk4OCwzLjc1NDEgTDE3LjE0NDgsNC4xNjAxIEwxNy4xNzQ4LDQuMTkwMSBMMTcuMDMzOCw0LjMzMjEgTDE2LjI1MzgsMy41NjkxIEMxNi4yNTM4LDMuNTY5MSAxMS43Mjc4LDEuMTExMSAxMS40ODY4LDAuOTk3MSBDMTEuMzUwOCwwLjkzNDEgMTEuMjUwOCwwLjg5MjEgMTEuMTU0OCwwLjg5MjEgQzExLjA4MDgsMC44OTIxIDExLjAwODgsMC45MTcxIDEwLjkyNTgsMC45NzYxIEMxMC43MzM4LDEuMTExMSAxMC44NDY4LDEuMzgzMSAxMC44NDY4LDEuMzgzMSBMMTMuNjYwOCw2LjU4MzEgTDE0LjIyMzgsNy4xNDExIEwxNC4wNDc4LDcuMzE3MSBMMTQuMDQ3OCw3LjMxNzEgTDEzLjk4MjgsNy4zODIxIEwxMy41MzI4LDcuMzIwMSBMMTMuNjAxOCw3Ljc2NjEgTDEzLjQ3MTgsNy44OTYxIEwxMy40NDg4LDcuODczMSBDMTMuNDI3OCw3Ljg1MjEgMTMuMzk4OCw3Ljg0MTEgMTMuMzcwOCw3Ljg0MTEgQzEzLjM0MjgsNy44NDExIDEzLjMxNDgsNy44NTIxIDEzLjI5MjgsNy44NzMxIEMxMy4yNDk4LDcuOTE2MSAxMy4yNDk4LDcuOTg2MSAxMy4yOTI4LDguMDI5MSBMMTMuMzE1OCw4LjA1MjEgTDEzLjI1MzgsOC4xMTUxIEwxMy4yMzc4LDguMDk4MSBDMTMuMjE1OCw4LjA3NzEgMTMuMTg3OCw4LjA2NjEgMTMuMTU5OCw4LjA2NjEgQzEzLjEzMDgsOC4wNjYxIDEzLjEwMjgsOC4wNzcxIDEzLjA4MTgsOC4wOTgxIEMxMy4wMzg4LDguMTQxMSAxMy4wMzg4LDguMjExMSAxMy4wODE4LDguMjU0MSBMMTMuMDk4OCw4LjI3MTEgTDExLjkxNDgsOS40NjExIEwxMS44ODc4LDkuNDM0MSBDMTEuODY1OCw5LjQxMzEgMTEuODM3OCw5LjQwMjEgMTEuODA5OCw5LjQwMjEgQzExLjc4MTgsOS40MDIxIDExLjc1MzgsOS40MTMxIDExLjczMTgsOS40MzQxIEMxMS42ODg4LDkuNDc3MSAxMS42ODg4LDkuNTQ3MSAxMS43MzE4LDkuNTkwMSBMMTEuNzU5OCw5LjYxNzEgTDExLjY5NjgsOS42ODAxIEwxMS42NzU4LDkuNjYwMSBDMTEuNjU0OCw5LjYzODEgMTEuNjI1OCw5LjYyNzEgMTEuNTk4OCw5LjYyNzEgQzExLjU2OTgsOS42MjcxIDExLjU0MTgsOS42MzgxIDExLjUxOTgsOS42NjAxIEMxMS40Nzc4LDkuNzAzMSAxMS40Nzc4LDkuNzcyMSAxMS41MTk4LDkuODE1MSBMMTEuNTQwOCw5LjgzNjEgTDExLjM4NjgsOS45OTIxIEwxMS4zNjU4LDEwLjE5MDEgTDExLjQ0NjgsMTAuMjczMSBMMTEuNDQ0OCwxMC4yNzQxIEwxMS4zNDY4LDEwLjM3NDEgTDQuOTU3OCwxNi43NjIxIEw0Ljg3NDgsMTYuNjkzMSBMNC42MDk4LDE2LjczMTEgTDQuNDU5OCwxNi44ODMxIEw0LjQ0OTgsMTYuODczMSBDNC40Mjc4LDE2Ljg1MTEgNC4zOTk4LDE2Ljg0MDEgNC4zNzE4LDE2Ljg0MDEgQzQuMzQzOCwxNi44NDAxIDQuMzE0OCwxNi44NTExIDQuMjkzOCwxNi44NzMxIEM0LjI1MDgsMTYuOTE2MSA0LjI1MDgsMTYuOTg1MSA0LjI5MzgsMTcuMDI4MSBMNC4zMDU4LDE3LjA0MDEgTDQuMjQzOCwxNy4xMDQxIEw0LjIzNzgsMTcuMDk4MSBDNC4yMTY4LDE3LjA3NjEgNC4xODc4LDE3LjA2NTEgNC4xNTk4LDE3LjA2NTEgQzQuMTMxOCwxNy4wNjUxIDQuMTAzOCwxNy4wNzYxIDQuMDgxOCwxNy4wOTgxIEM0LjAzOTgsMTcuMTQxMSA0LjAzOTgsMTcuMjEwMSA0LjA4MTgsMTcuMjUzMSBMNC4wODg4LDE3LjI2MTEgTDIuOTE5OCwxOC40NTAxIEwyLjg5NTgsMTguNDI2MSBDMi44NzM4LDE4LjQwNDEgMi44NDY4LDE4LjM5NDEgMi44MTc4LDE4LjM5NDEgQzIuNzg5OCwxOC4zOTQxIDIuNzYxOCwxOC40MDQxIDIuNzM5OCwxOC40MjYxIEMyLjY5NjgsMTguNDY5MSAyLjY5NjgsMTguNTM5MSAyLjczOTgsMTguNTgyMSBMMi43NjU4LDE4LjYwNzEgTDIuNzAzOCwxOC42NzAxIEwyLjY4NDgsMTguNjUxMSBDMi42NjI4LDE4LjYzMDEgMi42MzQ4LDE4LjYxOTEgMi42MDU4LDE4LjYxOTEgQzIuNTc4OCwxOC42MTkxIDIuNTQ5OCwxOC42MzAxIDIuNTI4OCwxOC42NTExIEMyLjQ4NTgsMTguNjk0MSAyLjQ4NTgsMTguNzY0MSAyLjUyODgsMTguODA3MSBMMi41NDg4LDE4LjgyODEgTDIuNDYxOCwxOC45MTcxIEwyLjAwODgsMTguODM2MSBMMi4wNDI4LDE5LjM0MjEgTDEuODk5OCwxOS40ODgxIEwyLjAyMzgsMjAuMTcwMSBDMi4wMjM4LDIwLjE3MDEgMi4yMTM4LDIwLjc2NDEgMi42MDQ4LDIxLjE1ODEgQzIuOTgzOCwyMS41NDAxIDMuNTYxOCwyMS43MjMxIDMuNTg2OCwyMS43NDIxIEw0LjIzOTgsMjEuODU2MSBMNC40MDA4LDIxLjY5ODEgTDQuODUwOCwyMS43NzExIEw0Ljc3NjgsMjEuMzI2MSBMNC45MTM4LDIxLjE5MjEgTDQuOTc2OCwyMS4yNTUxIEM0Ljk5NzgsMjEuMjc2MSA1LjAyNTgsMjEuMjg3MSA1LjA1MzgsMjEuMjg3MSBDNS4wODE4LDIxLjI4NzEgNS4xMTA4LDIxLjI3NjEgNS4xMzE4LDIxLjI1NTEgQzUuMTc0OCwyMS4yMTExIDUuMTc0OCwyMS4xNDIxIDUuMTMxOCwyMS4wOTkxIEw1LjA2OTgsMjEuMDM3MSBMNS4xMzM4LDIwLjk3NTEgTDUuMTg3OCwyMS4wMjkxIEM1LjIwODgsMjEuMDUxMSA1LjIzNzgsMjEuMDYyMSA1LjI2NTgsMjEuMDYyMSBDNS4yOTM4LDIxLjA2MjEgNS4zMjE4LDIxLjA1MTEgNS4zNDM4LDIxLjAyOTEgQzUuMzg2OCwyMC45ODYxIDUuMzg2OCwyMC45MTcxIDUuMzQzOCwyMC44NzQxIEw1LjI5MDgsMjAuODIwMSBMNi40Nzc4LDE5LjY0OTEgTDYuNTI5OCwxOS43MDExIEM2LjU1MDgsMTkuNzIzMSA2LjU3OTgsMTkuNzMzMSA2LjYwNzgsMTkuNzMzMSBDNi42MzU4LDE5LjczMzEgNi42NjM4LDE5LjcyMzEgNi42ODU4LDE5LjcwMTEgQzYuNzI3OCwxOS42NTgxIDYuNzI3OCwxOS41ODgxIDYuNjg1OCwxOS41NDUxIEw2LjYzNDgsMTkuNDk1MSBMNi42OTc4LDE5LjQzMjEgTDYuNzQxOCwxOS40NzYxIEM2Ljc2MjgsMTkuNDk3MSA2Ljc5MDgsMTkuNTA4MSA2LjgxODgsMTkuNTA4MSBDNi44NDc4LDE5LjUwODEgNi44NzU4LDE5LjQ5NzEgNi44OTY4LDE5LjQ3NjEgQzYuOTM5OCwxOS40MzMxIDYuOTM5OCwxOS4zNjMxIDYuODk2OCwxOS4zMjAxIEw2Ljg1MzgsMTkuMjc3MSBMNi45ODY4LDE5LjE0NzEgTDcuMDM0OCwxOC44NjIxIEw2Ljk2MzgsMTguNzkxMSBMNi45NjQ4LDE4Ljc5MDEgTDcuMDkzOCwxOC42NjIxIEwxMy40Mzk4LDEyLjMxNDEgTDEzLjQzNjgsMTIuMzA4MSBMMTMuNTYwOCwxMi40MzYxIEwxMy43NTk4LDEyLjQxNDEgTDEzLjkzODgsMTIuMjM0MSBMMTMuOTY3OCwxMi4yNjMxIEMxMy45ODk4LDEyLjI4NDEgMTQuMDE3OCwxMi4yOTUxIDE0LjA0NTgsMTIuMjk1MSBDMTQuMDczOCwxMi4yOTUxIDE0LjEwMjgsMTIuMjg0MSAxNC4xMjM4LDEyLjI2MzEgQzE0LjE2NjgsMTIuMjIwMSAxNC4xNjY4LDEyLjE1MDEgMTQuMTIzOCwxMi4xMDcxIEwxNC4wOTQ4LDEyLjA3ODEgTDE0LjE1NzgsMTIuMDE2MSBMMTQuMTc5OCwxMi4wMzgxIEMxNC4yMDA4LDEyLjA1OTEgMTQuMjI4OCwxMi4wNzAxIDE0LjI1NzgsMTIuMDcwMSBDMTQuMjg1OCwxMi4wNzAxIDE0LjMxMzgsMTIuMDU5MSAxNC4zMzQ4LDEyLjAzODEgQzE0LjM3NzgsMTEuOTk1MSAxNC4zNzc4LDExLjkyNTEgMTQuMzM0OCwxMS44ODIxIEwxNC4zMTI4LDExLjg1OTEgTDE1LjQ5ODgsMTAuNjcxMSBMMTUuNTI5OCwxMC43MDIxIEMxNS41NTA4LDEwLjcyMzEgMTUuNTc4OCwxMC43MzQxIDE1LjYwNjgsMTAuNzM0MSBDMTUuNjM1OCwxMC43MzQxIDE1LjY2MzgsMTAuNzIzMSAxNS42ODQ4LDEwLjcwMjEgQzE1LjcyNzgsMTAuNjU5MSAxNS43Mjc4LDEwLjU4OTEgMTUuNjg0OCwxMC41NDYxIEwxNS42NTM4LDEwLjUxNTEgTDE1LjcxNjgsMTAuNDUyMSBMMTUuNzQwOCwxMC40NzcxIEMxNS43NjI4LDEwLjQ5ODEgMTUuNzkwOCwxMC41MDkxIDE1LjgxODgsMTAuNTA5MSBDMTUuODQ2OCwxMC41MDkxIDE1Ljg3NDgsMTAuNDk4MSAxNS44OTY4LDEwLjQ3NzEgQzE1LjkzOTgsMTAuNDMzMSAxNS45Mzk4LDEwLjM2NDEgMTUuODk2OCwxMC4zMjExIEwxNS44NzI4LDEwLjI5NjEgTDE2LjAwNDgsMTAuMTY0MSBMMTYuNDQ1OCwxMC4yMzMxIEwxNi4zNzM4LDkuNzkzMSBaIi8+CiAgICA8cG9seWdvbiBwb2ludHM9IjE3LjI1NSAxNi45NjggMTQuNDQyIDE0LjgzNiAxMy45NDEgMTQuMzIgMTIgMTYuMjYxIDEyLjQ4OCAxNi43MjcgMTQuMzIxIDE5LjQ3NiAxNi43OTMgMjIuMTgzIDE5LjY0MiAxOS41MjUiLz4KICA8L2c+Cjwvc3ZnPg=="); }

#user_view .user_actions a.btn {
  line-height: 1.7em;
  color: #555;
  border-radius: 50px;
  padding: .5em; }

#user_view .user_actions a.btn img {
  width: 17px;
  opacity: .3; }

#user_view .user_actions a.btn:not(.following):not(.subscribed) i {
  font-size: 1.2em;
  opacity: .6; }

#user_view .user_actions a.user_follow,
#user_view .user_actions a.user_subscribe {
  color: #fff;
  font-weight: 500;
  font-size: .9em;
  border-radius: 50px;
  min-width: 120px; }

#user_view .user_actions a.user_follow {
  color: #f82a53;
  border: 1px solid rgba(248, 42, 83, 0.3);
  background: transparent; }

#user_view .user_actions a.user_follow:hover {
  border-color: #f82a53; }

#user_view .user_actions a.user_subscribe {
  border: none;
  color: #fff;
  background: linear-gradient(to left, #9f2af8, #f82a53);
  margin-right: 3px; }

#user_view .user_actions a.user_follow.following {
  border-color: rgba(248, 42, 83, 0.3);
  background-color: transparent;
  color: #f82a53; }

#user_view .user_actions a.user_subscribe.subscribed {
  border: 1px solid rgba(248, 42, 83, 0.3);
  background: none;
  color: #f82a53; }

#user_view .user_actions a.user_notify {
  border: none;
  background: transparent; }

#user_view .user_actions a.user_notify.notified {
  color: #f82a53; }

#user_view .user_actions a.user_notify i.fa-bell {
  display: none; }

#user_view .user_actions a.user_notify.notified i.fa-bell-o {
  display: none; }

#user_view .user_actions a.user_notify.notified i.fa-bell {
  display: inline;
  opacity: 1; }

#user_view .user_actions .user_actions_more {
  position: relative;
  margin-left: -4px; }

#user_view .user_actions .user_actions_more img {
  margin-top: -2px; }

#user_view .user_actions .dropdown-menu {
  margin-top: 15px; }

#user_view .user_options > a {
  display: inline-block;
  font-size: .9em;
  padding: .5em .75em;
  background-color: #f2f2f2;
  color: #999;
  text-align: center;
  border-radius: 3px;
  line-height: 1em;
  -webkit-user-select: none;
  -moz-user-select: none; }

#user_view .user_options.open > a {
  background-color: #333;
  color: #fff; }

#user_view .user_options > a i,
#user_view .user_options > a span {
  display: inline-block;
  vertical-align: middle; }

#user_view .user_options > a i {
  margin-right: 5px;
  font-size: 1.1em; }

#user_view .user_info {
  display: block; }

#user_view .levels,
#user_view .tipboard {
  color: #999;
  word-wrap: break-word;
  border-top: 1px solid #e8e8e8; }

#user_view .levels {
  background-color: transparent; }

#user_view .levels > li.mobile-collapse {
  font-size: 1em;
  line-height: 1.2em;
  font-weight: bold;
  color: #333;
  cursor: pointer;
  display: none;
  padding: 15px; }

#user_view .levels > li.mobile-collapse .sub-collapse-icon {
  color: #888;
  pointer-events: none; }

@media (max-width: 978px) {
  #user_view .levels > li.mobile-collapse {
    display: block; } }
#user_view .levels > li {
  background-color: #fff; }

#user_view .levels h2 {
  margin-bottom: .4em; }

#user_view .levels .level_title {
  font-size: 1.1em;
  line-height: 1.4em;
  font-weight: bold;
  margin-bottom: .1em;
  color: #333; }

#user_view .levels .level_price {
  font-size: .9em;
  color: #aaa;
  margin-bottom: .5em;
  font-style: italic; }

#user_view .levels .level_desc {
  font-size: .95em; }

#user_view .levels .level_desc + .level_benefits {
  margin-top: .5em; }

#user_view .levels .description-toggle {
  display: none;
  position: absolute;
  width: 27px;
  height: 27px;
  right: 18px;
  top: 16px;
  opacity: .5;
  user-select: none; }

#user_view .levels .description-toggle > a {
  padding: 10px; }

#user_view .levels .description-toggle svg {
  margin-right: 5px;
  fill: #aaa; }

#user_view .levels .description-toggle.expanded svg {
  margin-right: 5px;
  transform: none;
  transform: rotate(180deg); }

#user_view .level_description {
  font-weight: normal;
  font-size: .95em;
  color: #777;
  white-space: pre-line;
  word-wrap: break-word;
  unicode-bidi: embed; }

#user_view .level_description_wrapper {
  margin-top: 1px;
  background-color: #fff;
  overflow: hidden;
  position: relative; }

#user_view .level_description_wrapper_truncated {
  max-height: 250px; }

#user_view .level_description_wrapper_expanded .level_description_more {
  height: 25px;
  margin-top: 5px;
  position: static;
  top: 0px; }

#user_view .level_description_more {
  width: 100%;
  height: 50px;
  padding-top: 5px;
  background: white;
  text-align: center;
  color: #ccc;
  font-size: .9em;
  cursor: pointer;
  position: absolute;
  top: 200px;
  left: 0; }

#user_view .level_description_more:hover {
  color: #888; }

.level_description_more_border_top_truncated {
  position: absolute;
  top: -60px;
  padding: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); }

#user_view .level_description_more_text {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px; }

#user_view .level_description_more_text + i {
  display: inline-block;
  vertical-align: middle;
  color: #ddd; }

#user_view .level_description_more:hover i {
  display: inline-block;
  vertical-align: middle;
  color: #bbb; }

#user_view .levels .level_benefits {
  list-style-type: disc;
  padding-left: 20px; }

#user_view .levels .level_benefits > li {
  padding: 0;
  margin: 0; }

#user_view .levels .level_button {
  margin-top: 1em; }

#user_view .levels .level_button > a {
  display: inline-block;
  text-align: center;
  border-radius: 50px;
  font-weight: 500;
  border: none;
  background: transparent;
  border: 1px solid rgba(248, 42, 83, 0.3);
  padding: .6em 1.5em;
  font-size: .8em;
  color: #f82a53; }

#user_view .levels .level_button > a:hover {
  border-color: #f82a53; }

#user_view .levels .level_button > a.subscribed {
  border: 1px solid rgba(248, 42, 83, 0.3);
  background: none;
  color: #f82a53; }

#user_view .tipboard ul > li {
  display: table;
  width: 100%;
  font-size: .9em; }

#user_view .tipboard ul > li + li {
  margin-top: .5em; }

#user_view .tipboard li .left,
#user_view .tipboard li .right {
  display: table-cell;
  vertical-aligm: middle; }

#user_view .tipboard li .right {
  width: 50px;
  text-align: right; }

#user_view .tipboard_username {
  display: inline-block;
  vertical-align: middle; }

#user_view .tipboard_username > a {
  color: #888; }

#user_view .tipboard_username > a:hover {
  color: #444; }

#user_view .tipboard_username img {
  width: 28px;
  height: 28px;
  border-radius: 50px;
  margin-right: 8px; }

#user_view .tipboard_username img,
#user_view .tipboard_username span {
  display: inline-block;
  vertical-align: middle; }

#user_view .tipboard_sum {
  display: inline-block;
  vertical-align: middle;
  color: #35d4aa;
  font-weight: bold;
  background-color: rgba(53, 212, 170, 0.1);
  border-radius: 50px;
  padding: .2em .6em;
  text-align: center; }

#user_view h2 {
  font-size: 1.1em;
  line-height: 1.2em;
  font-weight: bold;
  margin-bottom: 1em;
  color: #333;
  margin-top: 0; }

#user_view .user_friends {
  border-top: 1px solid #e8e8e8; }

#user_view .user_friends ul > li {
  font-size: .9em; }

#user_view .user_friends ul > li + li {
  margin-top: 0.5em; }

#user_view .user_friends .friend_item > a {
  display: inline-block;
  vertical-align: middle;
  color: #888;
  text-decoration: none; }

#user_view .user_friends .friend_item img {
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  border-radius: 50px;
  margin-right: 4px; }

#user_view .user_friends .friend_username {
  display: inline-block;
  vertical-align: middle; }

#user_view .user_info .alert {
  margin-bottom: 1em; }

#user_view .user_bio {
  text-align: left;
  color: #999;
  word-wrap: break-word;
  margin-bottom: 1em;
  font-size: .9em; }

#user_view .user_bio i {
  display: inline-block;
  vertical-align: text-bottom;
  font-size: 1.2em;
  margin-right: 5px; }

#user_view .user_links {
  font-size: 0;
  margin-bottom: 12px; }

#user_view .user_links > li {
  display: inline-block;
  vertical-align: middle;
  margin: 0px 3px 3px 0px; }

#user_view .user_links > li.youtube {
  height: 24px; }

#user_view .user_links a {
  color: #aaa;
  text-decoration: none;
  font-size: .9em; }

#user_view .user_links a:hover {
  opacity: .7; }

#user_view .user_links span {
  display: inline-block;
  vertical-align: middle;
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: none; }

#user_view .user_links a:hover span {
  text-decoration: underline; }

#user_view .user_links img {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 3px; }

#user_view .user_stats {
  font-size: .9em; }

#user_view .user_stats > li {
  display: block;
  color: #aaa;
  vertical-align: middle;
  margin-right: .5em; }

#user_view .user_stats > li.watching-count .num,
#user_view .user_stats > li.watching-count {
  color: #a2b73a; }

#user_view .tabs_wrapper {
  padding: 5px 15px;
  background-color: #fff;
  margin: 0;
  border: none;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px; }

#user_view .tabs {
  font-size: 0;
  padding: 10px 0 5px 0; }

#user_view .tabs li {
  font-size: 1.3rem;
  margin: 0 12px 5px 0; }

#user_view .tabs li a {
  padding: .75em 0;
  padding: 0; }

#user_view .tabs li.active a {
  border-bottom: 0; }

#user_view .user_content > .alert_wrapper {
  margin: 35px 0; }

#user_view .alert {
  display: inline-block;
  margin: 0; }

#user_view .videos_list > li .alert {
  margin-top: 10px;
  margin-bottom: 0px; }

#user_view .sort_videos {
  padding: 0 20px; }

#user_view .sort_videos_button .btn-xs {
  color: #999;
  background-color: transparent;
  border: none;
  padding-left: 0px; }

#user_view .sort_videos_button .btn-xs:hover {
  border: none;
  color: #555; }

#user_view .users_list li {
  margin-bottom: 20px; }

#user_view .users_list {
  text-align: left; }

#user_view .comments_list {
  font-size: .95em; }

#user_view .comments_list li + li {
  margin-top: 1.5em; }

#user_view .blocked-alert {
  padding-left: 0; }

#user_view .tabs_wrapper {
  padding: 5px 15px;
  background-color: #fff; }

#user_view .tabs {
  font-size: 0;
  padding: 10px 0 5px 0; }

#user_view .tabs li {
  font-size: 1.3rem;
  margin: 0 12px 5px 0; }

#user_view .tabs li a {
  padding: .75em 0;
  padding: 0; }

#user_view .tabs li.active a {
  border-bottom: 0; }

@media (max-width: 1024px) {
  #user_view > .inner {
    padding: 0; }

  #user_view .gutter {
    position: relative;
    display: block;
    width: auto;
    text-align: left;
    margin-top: 1em; } }
@media (max-width: 978px) {
  #user_view .dashboard_left {
    width: auto;
    border-bottom: 1px solid #e8e8e8; }

  #user_view .tabs li {
    margin-right: 0; }

  #user_view .tabs li a {
    background-color: #fff; }

  #user_view .tabs.open li {
    margin: 0; }

  #user_view .tabs.open li a {
    padding: .5em 0; }

  #user_view .tabs li.active a::after {
    right: 0; } }
@media (max-width: 767px) {
  .pg-user-view .content,
  .pg-user-view .main {
    padding-top: 0; }

  .pg-user-view .content_wrapper {
    padding: 0; }

  #user_view .user_friends,
  #user_view .user_levels,
  #user_view .tipboard {
    display: none; }

  #user_view .dashboard {
    margin: 0; }

  #user_view .dashboard_left {
    position: relative;
    width: auto;
    margin-bottom: 5px; }

  #user_view > .inner {
    margin: 0;
    padding: 0 15px; }

  #user_view .cover_change {
    display: none; }

  #user_view .cover {
    position: relative;
    height: 220px;
    margin: 0; }

  #user_view .user_avatar {
    display: table;
    width: 100%;
    text-align: left; }

  #user_view .user_header {
    position: relative;
    margin: 0;
    padding: 15px 10px; }

  #user_view .user_header .inner {
    display: table;
    table-layout: fixed;
    width: 100%; }

  #user_view .user_avatar .avatar {
    display: table-cell;
    vertical-align: middle;
    width: 100px; }

  #user_view .user_avatar .avatar > a {
    display: inline-block;
    vertical-align: middle;
    width: 90px;
    height: 90px; }

  #user_view .avatar a.edit-avatar-link {
    width: auto;
    height: auto;
    margin-left: -38px; }

  #user_view .user_avatar .inner {
    display: table-cell;
    vertical-align: middle; }

  #user_view .user_avatar .user_actions_top {
    display: inline-block;
    margin-right: 8px; }

  #user_view .user_actions a.btn.user_follow,
  #user_view .user_actions a.btn.user_subscribe {
    min-width: 0;
    padding: .3em 1em;
    font-size: .8em;
    margin-right: 0; }

  #user_view .user_actions a.btn {
    margin-right: 7px;
    padding: 0; }

  #user_view .user_actions .user_actions_more {
    margin-left: 0; }

  #user_view .user_avatar .user_username {
    font-size: 1.6em;
    margin: 0 2px .25em 0; }

  #user_view .user_badge {
    width: 13px;
    height: 13px; }

  #user_view h2 {
    text-align: center; }

  #user_view .user_follow {
    float: none; }

  #user_view .user_follow .btn {
    display: block;
    border-width: 2px;
    font-size: 1.4em; }

  #user_view .user_stats {
    display: block;
    padding: 0; }

  #user_view .user_stats > li {
    display: inline-block;
    margin: .25em 1em .25em 0; }

  #user_view .user_links {
    text-align: left;
    padding: 0 1em; }

  #user_view .tabs_wrapper {
    padding: .5em 1em;
    margin: 20px;
    border: 1px solid #ccc; }

  #user_view .tabs {
    padding: .5em 0; }

  #user_view .tabs li {
    margin: 0; }

  #user_view .tabs li a {
    background-color: transparent;
    padding: .5em 0em;
    font-size: 1.1em; }

  #user_view .tabs li.active a::after {
    right: 0; }

  #user_view .video_collection {
    margin-top: 10px; } }
/* user profile albums */
#user_view .album_add {
  margin-top: 2px; }

#user_view .album_add i {
  margin-right: 5px; }

#user_view .album_add > a {
  font-size: .8em;
  border-radius: 50px;
  background-color: transparent;
  color: #f82a53;
  border-color: rgba(248, 42, 83, 0.3); }

#user_view .album_add > a:hover {
  border-color: #f82a53; }

/* album list */
.albums_list > li {
  position: relative;
  display: table;
  width: 100%;
  padding: 20px;
  background-color: #fff;
  margin-top: 2px; }

.albums_list > li .thumb_author_avatar {
  display: inline-block;
  vertical-align: middle; }

.albums_list > li .thumb_author_avatar img {
  width: 36px;
  height: 36px; }

.albums_list > li .thumb_wrapper {
  display: table-cell;
  vertical-align: middle;
  width: 200px;
  position: relative;
  cursor: pointer;
  background-color: #000; }

.albums_list > li .thumb_meta {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
  line-height: 1.3em; }

.albums_list > li .thumb_wrapper > a {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  padding-bottom: 56.25%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }

.albums_list > li .thumb_wrapper > a > .thumb_duration {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 12px;
  padding: 4px 7px;
  line-height: 1em;
  background-color: rgba(0, 0, 0, 0.6);
  color: rgba(255, 255, 255, 0.8); }

.albums_list > li .thumb_wrapper > a > img,
.albums_list > li .thumb_wrapper > a > video {
  min-width: 100%;
  min-height: 100%; }

.albums_list > li .thumb_unlisted,
.albums_list > li .thumb_channel,
.albums_list > li .thumb_unreviewed {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  border-radius: 3px;
  padding: 4px 7px;
  line-height: 1em;
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: rgba(0, 0, 0, 0.5); }

.albums_list > li .thumb_channel {
  background-color: #3CE8DB;
  border: 1px solid #3CE8DB; }

.albums_list > li .thumb_channel a {
  color: rgba(0, 0, 0, 0.5); }

.albums_list > li .thumb_nsfw {
  color: #fff;
  background-color: #FF5151;
  border: 1px solid #FF5151;
  display: none; }

.albums_list > li .thumb_featured {
  background-color: #eee;
  border-color: #eee; }

.albums_list > li .thumb_featured a {
  color: #aaa; }

.albums_list > li .thumb_title {
  display: inline-block;
  font-size: 1.2em;
  height: 1.2em;
  text-decoration: none;
  font-weight: bold;
  padding: 0 5px 0 0;
  overflow-x: hidden;
  word-wrap: break-word; }

.albums_list > li .thumb_title_label {
  display: block;
  color: #555;
  text-decoration: none;
  padding: 0;
  width: 100%; }

.albums_list > li .thumb_author {
  margin-top: .25em; }

.albums_list > li .thumb_author_username {
  color: #999; }

.albums_list > li .thumb_title_label + .thumb_author {
  margin-top: 0; }

.albums_list > li .thumb_info {
  display: block;
  text-align: left; }

.albums_list > li .thumb_stat {
  display: inline-block;
  vertical-align: middle;
  margin-right: .5em;
  color: #aaa;
  font-size: .9em; }

.albums_list > li .thumb_unlisted, .albums_list > li .thumb_channel, .albums_list > li .thumb_pinned {
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  border-radius: 3px;
  padding: 2px 4px;
  line-height: 1em;
  color: rgba(0, 0, 0, 0.4);
  background-color: #f7f7f7;
  margin-top: 2px; }

.albums_list .thumb_stats span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2em;
  border: none; }

.albums_list .boost {
  color: #62db1b; }

.albums_list > li .thumb_stat > a {
  color: #aaa;
  text-decoration: none; }

.albums_list > li .thumb_stat.thumb_watching {
  color: #3CE8DB;
  opacity: 1;
  cursor: default; }

.album_videos .video_list_embed_container {
  background-color: #000;
  max-height: 540px; }

.album_videos .video_list_embed_container iframe {
  display: block;
  width: 100%;
  max-height: 540px; }

.album_videos > li {
  clear: both;
  overflow: hidden; }

.album_videos .video_list_embed_container iframe.loading {
  visibility: hidden; }

.album_videos .embed-frame-activator {
  background-color: #f0f0f0;
  position: relative;
  display: block;
  float: left;
  width: 100%;
  max-height: 540px;
  overflow: hidden;
  cursor: pointer; }

.album_videos .embed-frame-activator img {
  width: 100%; }

@media (max-width: 767px) {
  .albums_list > li .thumb_title {
    font-size: 1.1em; }

  .albums_list > li .thumb_wrapper {
    width: 100px; } }
/* user comment page */
.comments_list li {
  text-align: left; }

.comments_list .thumb_title a {
  font-size: 1.2em;
  font-weight: normal;
  text-decoration: none;
  padding: 0;
  line-height: 1.2em; }

.comments_list .thumb_title_inner2 .thumb_title_label {
  display: inline-block;
  padding-right: 0.2em; }

.comments_list .thumb_title_inner2 .thumb_info {
  display: inline-block; }

.comments_list .thumb_info .thumb_author_username a {
  font-weight: initial;
  line-height: 1.6em;
  color: #999;
  font-size: .9em;
  letter-spacing: 0.03em; }

.comments_list .thumb_info > a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  line-height: 1.2em; }

.comments_list .thumb_wrapper {
  cursor: pointer;
  padding: 0; }

.comments_list .thumb_wrapper > a.thumb_img {
  display: inline-block;
  height: 80px;
  width: 120px;
  min-width: 120px;
  margin: 0px;
  background-color: #eee;
  background-size: 100%;
  background-position: center center;
  padding: 0; }

.comments_list .thumb_wrapper > a > .thumb_duration {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 11px;
  padding: 4px 7px;
  line-height: 1em;
  background-color: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.8); }

.comments_list .thumb_wrapper > a > img,
.comments_list .thumb_wrapper > a > video {
  min-width: 30%;
  min-height: 30%; }

.comments_list .thumb_nsfw {
  position: absolute;
  width: 30%;
  height: 30%;
  color: #FF5151;
  font-size: 2.2em;
  letter-spacing: 0.06em;
  background-color: rgba(0, 0, 0, 0.8);
  text-align: center;
  padding-top: 25%; }

.comments_list .thumb_channel {
  background-color: rgba(248, 42, 83, 0.1);
  color: #f82a53; }

.comments_list .thumb_channel a {
  color: #f82a53; }

.comments_list .thumb_featured {
  background-color: #eee;
  border-color: #eee; }

.comments_list .thumb_featured a {
  color: #aaa; }

.comments_list .comment-text {
  padding-left: 0.75em; }

.comments_list .comment-text .media-heading {
  margin-bottom: 0px; }

/*# sourceMappingURL=user.css.map */